Skip to content

Commit 7daaa96

Browse files
richbachmanrichbachman
committed
chore(icons): add resource and video icons
1 parent 90cdb3e commit 7daaa96

File tree

7 files changed

+193
-1
lines changed

7 files changed

+193
-1
lines changed

‎.changeset/silly-tomatoes-run.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
---
2+
"@trueplan/forecast-icons": patch
3+
---
4+
5+
[Icons]: added the resource and video icons.

‎packages/icons/index.ts‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -57,6 +57,7 @@ export { PriorityTwoIcon } from "./src/PriorityTwoIcon";
5757
export { PuzzleIcon } from "./src/PuzzleIcon";
5858
export { RecruiterToolsIcon } from "./src/RecruiterToolsIcon";
5959
export { RecruitingIcon } from "./src/RecruitingIcon";
60+
export { ResourceIcon } from "./src/ResourceIcon";
6061
export { ReverseIcon } from "./src/ReverseIcon";
6162
export { SearchIcon } from "./src/SearchIcon";
6263
export { SkipBackIcon } from "./src/SkipBackIcon";
@@ -68,5 +69,6 @@ export { TrashIcon } from "./src/TrashIcon";
6869
export { UploadIcon } from "./src/UploadIcon";
6970
export { UserCircleIcon } from "./src/UserCircleIcon";
7071
export { UserSquareIcon } from "./src/UserSquareIcon";
72+
export { VideoIcon } from "./src/VideoIcon";
7173
export { VisibleIcon } from "./src/VisibleIcon";
7274
export { WarningCircleIcon } from "./src/WarningCircleIcon";

‎packages/icons/json/icons.json‎

Lines changed: 76 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,76 @@
1-
[{"name":"ArrowDownIcon","svg":"/svg/ArrowDownIcon.svg"},{"name":"ArrowSwapIcon","svg":"/svg/ArrowSwapIcon.svg"},{"name":"ArrowUpIcon","svg":"/svg/ArrowUpIcon.svg"},{"name":"BarChartIcon","svg":"/svg/BarChartIcon.svg"},{"name":"BriefcaseIcon","svg":"/svg/BriefcaseIcon.svg"},{"name":"CalendarDaysIcon","svg":"/svg/CalendarDaysIcon.svg"},{"name":"CalendarIcon","svg":"/svg/CalendarIcon.svg"},{"name":"ChatIcon","svg":"/svg/ChatIcon.svg"},{"name":"CheckCircleIcon","svg":"/svg/CheckCircleIcon.svg"},{"name":"CheckIcon","svg":"/svg/CheckIcon.svg"},{"name":"CheckSquareIcon","svg":"/svg/CheckSquareIcon.svg"},{"name":"CheckboxIcon","svg":"/svg/CheckboxIcon.svg"},{"name":"ChevronDownIcon","svg":"/svg/ChevronDownIcon.svg"},{"name":"ChevronLeftIcon","svg":"/svg/ChevronLeftIcon.svg"},{"name":"ChevronRightIcon","svg":"/svg/ChevronRightIcon.svg"},{"name":"ChevronUpIcon","svg":"/svg/ChevronUpIcon.svg"},{"name":"ClockForwardIcon","svg":"/svg/ClockForwardIcon.svg"},{"name":"CloseCircleIcon","svg":"/svg/CloseCircleIcon.svg"},{"name":"CloseIcon","svg":"/svg/CloseIcon.svg"},{"name":"CloseSquareIcon","svg":"/svg/CloseSquareIcon.svg"},{"name":"CollapseIcon","svg":"/svg/CollapseIcon.svg"},{"name":"ColumnsIcon","svg":"/svg/ColumnsIcon.svg"},{"name":"DashboardIcon","svg":"/svg/DashboardIcon.svg"},{"name":"DocumentCheckIcon","svg":"/svg/DocumentCheckIcon.svg"},{"name":"DocumentCloseIcon","svg":"/svg/DocumentCloseIcon.svg"},{"name":"DocumentListIcon","svg":"/svg/DocumentListIcon.svg"},{"name":"DocumentMinusIcon","svg":"/svg/DocumentMinusIcon.svg"},{"name":"DocumentPlusIcon","svg":"/svg/DocumentPlusIcon.svg"},{"name":"DollarCircleIcon","svg":"/svg/DollarCircleIcon.svg"},{"name":"DownloadIcon","svg":"/svg/DownloadIcon.svg"},{"name":"ExpandIcon","svg":"/svg/ExpandIcon.svg"},{"name":"GearIcon","svg":"/svg/GearIcon.svg"},{"name":"GrowIcon","svg":"/svg/GrowIcon.svg"},{"name":"HiddenIcon","svg":"/svg/HiddenIcon.svg"},{"name":"HomeIcon","svg":"/svg/HomeIcon.svg"},{"name":"InfoCircleIcon","svg":"/svg/InfoCircleIcon.svg"},{"name":"InsightIcon","svg":"/svg/InsightIcon.svg"},{"name":"InterdeterminateIcon","svg":"/svg/InterdeterminateIcon.svg"},{"name":"LightbulbIcon","svg":"/svg/LightbulbIcon.svg"},{"name":"LinkIcon","svg":"/svg/LinkIcon.svg"},{"name":"LinkOutIcon","svg":"/svg/LinkOutIcon.svg"},{"name":"LocationIcon","svg":"/svg/LocationIcon.svg"},{"name":"LogoutIcon","svg":"/svg/LogoutIcon.svg"},{"name":"MenuCircleIcon","svg":"/svg/MenuCircleIcon.svg"},{"name":"MinusCircleIcon","svg":"/svg/MinusCircleIcon.svg"},{"name":"MoreIcon","svg":"/svg/MoreIcon.svg"},{"name":"OrgChartIcon","svg":"/svg/OrgChartIcon.svg"},{"name":"OutIcon","svg":"/svg/OutIcon.svg"},{"name":"PencilIcon","svg":"/svg/PencilIcon.svg"},{"name":"PercentCircleIcon","svg":"/svg/PercentCircleIcon.svg"},{"name":"PlusCircleIcon","svg":"/svg/PlusCircleIcon.svg"},{"name":"PlusSquareIcon","svg":"/svg/PlusSquareIcon.svg"},{"name":"PriorityFourIcon","svg":"/svg/PriorityFourIcon.svg"},{"name":"PriorityOneIcon","svg":"/svg/PriorityOneIcon.svg"},{"name":"PriorityThreeIcon","svg":"/svg/PriorityThreeIcon.svg"},{"name":"PriorityTwoIcon","svg":"/svg/PriorityTwoIcon.svg"},{"name":"PuzzleIcon","svg":"/svg/PuzzleIcon.svg"},{"name":"RecruiterToolsIcon","svg":"/svg/RecruiterToolsIcon.svg"},{"name":"RecruitingIcon","svg":"/svg/RecruitingIcon.svg"},{"name":"ReverseIcon","svg":"/svg/ReverseIcon.svg"},{"name":"SearchIcon","svg":"/svg/SearchIcon.svg"},{"name":"SkipBackIcon","svg":"/svg/SkipBackIcon.svg"},{"name":"SkipForwardIcon","svg":"/svg/SkipForwardIcon.svg"},{"name":"StarIcon","svg":"/svg/StarIcon.svg"},{"name":"TargetIcon","svg":"/svg/TargetIcon.svg"},{"name":"TimerIcon","svg":"/svg/TimerIcon.svg"},{"name":"TrashIcon","svg":"/svg/TrashIcon.svg"},{"name":"UploadIcon","svg":"/svg/UploadIcon.svg"},{"name":"UserCircleIcon","svg":"/svg/UserCircleIcon.svg"},{"name":"UserSquareIcon","svg":"/svg/UserSquareIcon.svg"},{"name":"VisibleIcon","svg":"/svg/VisibleIcon.svg"},{"name":"WarningCircleIcon","svg":"/svg/WarningCircleIcon.svg"}]
1+
[
2+
{ "name": "ArrowDownIcon", "svg": "/svg/ArrowDownIcon.svg" },
3+
{ "name": "ArrowSwapIcon", "svg": "/svg/ArrowSwapIcon.svg" },
4+
{ "name": "ArrowUpIcon", "svg": "/svg/ArrowUpIcon.svg" },
5+
{ "name": "BarChartIcon", "svg": "/svg/BarChartIcon.svg" },
6+
{ "name": "BriefcaseIcon", "svg": "/svg/BriefcaseIcon.svg" },
7+
{ "name": "CalendarDaysIcon", "svg": "/svg/CalendarDaysIcon.svg" },
8+
{ "name": "CalendarIcon", "svg": "/svg/CalendarIcon.svg" },
9+
{ "name": "ChatIcon", "svg": "/svg/ChatIcon.svg" },
10+
{ "name": "CheckCircleIcon", "svg": "/svg/CheckCircleIcon.svg" },
11+
{ "name": "CheckIcon", "svg": "/svg/CheckIcon.svg" },
12+
{ "name": "CheckSquareIcon", "svg": "/svg/CheckSquareIcon.svg" },
13+
{ "name": "CheckboxIcon", "svg": "/svg/CheckboxIcon.svg" },
14+
{ "name": "ChevronDownIcon", "svg": "/svg/ChevronDownIcon.svg" },
15+
{ "name": "ChevronLeftIcon", "svg": "/svg/ChevronLeftIcon.svg" },
16+
{ "name": "ChevronRightIcon", "svg": "/svg/ChevronRightIcon.svg" },
17+
{ "name": "ChevronUpIcon", "svg": "/svg/ChevronUpIcon.svg" },
18+
{ "name": "ClockForwardIcon", "svg": "/svg/ClockForwardIcon.svg" },
19+
{ "name": "CloseCircleIcon", "svg": "/svg/CloseCircleIcon.svg" },
20+
{ "name": "CloseIcon", "svg": "/svg/CloseIcon.svg" },
21+
{ "name": "CloseSquareIcon", "svg": "/svg/CloseSquareIcon.svg" },
22+
{ "name": "CollapseIcon", "svg": "/svg/CollapseIcon.svg" },
23+
{ "name": "ColumnsIcon", "svg": "/svg/ColumnsIcon.svg" },
24+
{ "name": "DashboardIcon", "svg": "/svg/DashboardIcon.svg" },
25+
{ "name": "DocumentCheckIcon", "svg": "/svg/DocumentCheckIcon.svg" },
26+
{ "name": "DocumentCloseIcon", "svg": "/svg/DocumentCloseIcon.svg" },
27+
{ "name": "DocumentListIcon", "svg": "/svg/DocumentListIcon.svg" },
28+
{ "name": "DocumentMinusIcon", "svg": "/svg/DocumentMinusIcon.svg" },
29+
{ "name": "DocumentPlusIcon", "svg": "/svg/DocumentPlusIcon.svg" },
30+
{ "name": "DollarCircleIcon", "svg": "/svg/DollarCircleIcon.svg" },
31+
{ "name": "DownloadIcon", "svg": "/svg/DownloadIcon.svg" },
32+
{ "name": "ExpandIcon", "svg": "/svg/ExpandIcon.svg" },
33+
{ "name": "GearIcon", "svg": "/svg/GearIcon.svg" },
34+
{ "name": "GrowIcon", "svg": "/svg/GrowIcon.svg" },
35+
{ "name": "HiddenIcon", "svg": "/svg/HiddenIcon.svg" },
36+
{ "name": "HomeIcon", "svg": "/svg/HomeIcon.svg" },
37+
{ "name": "InfoCircleIcon", "svg": "/svg/InfoCircleIcon.svg" },
38+
{ "name": "InsightIcon", "svg": "/svg/InsightIcon.svg" },
39+
{ "name": "InterdeterminateIcon", "svg": "/svg/InterdeterminateIcon.svg" },
40+
{ "name": "LightbulbIcon", "svg": "/svg/LightbulbIcon.svg" },
41+
{ "name": "LinkIcon", "svg": "/svg/LinkIcon.svg" },
42+
{ "name": "LinkOutIcon", "svg": "/svg/LinkOutIcon.svg" },
43+
{ "name": "LocationIcon", "svg": "/svg/LocationIcon.svg" },
44+
{ "name": "LogoutIcon", "svg": "/svg/LogoutIcon.svg" },
45+
{ "name": "MenuCircleIcon", "svg": "/svg/MenuCircleIcon.svg" },
46+
{ "name": "MinusCircleIcon", "svg": "/svg/MinusCircleIcon.svg" },
47+
{ "name": "MoreIcon", "svg": "/svg/MoreIcon.svg" },
48+
{ "name": "OrgChartIcon", "svg": "/svg/OrgChartIcon.svg" },
49+
{ "name": "OutIcon", "svg": "/svg/OutIcon.svg" },
50+
{ "name": "PencilIcon", "svg": "/svg/PencilIcon.svg" },
51+
{ "name": "PercentCircleIcon", "svg": "/svg/PercentCircleIcon.svg" },
52+
{ "name": "PlusCircleIcon", "svg": "/svg/PlusCircleIcon.svg" },
53+
{ "name": "PlusSquareIcon", "svg": "/svg/PlusSquareIcon.svg" },
54+
{ "name": "PriorityFourIcon", "svg": "/svg/PriorityFourIcon.svg" },
55+
{ "name": "PriorityOneIcon", "svg": "/svg/PriorityOneIcon.svg" },
56+
{ "name": "PriorityThreeIcon", "svg": "/svg/PriorityThreeIcon.svg" },
57+
{ "name": "PriorityTwoIcon", "svg": "/svg/PriorityTwoIcon.svg" },
58+
{ "name": "PuzzleIcon", "svg": "/svg/PuzzleIcon.svg" },
59+
{ "name": "RecruiterToolsIcon", "svg": "/svg/RecruiterToolsIcon.svg" },
60+
{ "name": "RecruitingIcon", "svg": "/svg/RecruitingIcon.svg" },
61+
{ "name": "ResourceIcon", "svg": "/svg/ResourceIcon.svg" },
62+
{ "name": "ReverseIcon", "svg": "/svg/ReverseIcon.svg" },
63+
{ "name": "SearchIcon", "svg": "/svg/SearchIcon.svg" },
64+
{ "name": "SkipBackIcon", "svg": "/svg/SkipBackIcon.svg" },
65+
{ "name": "SkipForwardIcon", "svg": "/svg/SkipForwardIcon.svg" },
66+
{ "name": "StarIcon", "svg": "/svg/StarIcon.svg" },
67+
{ "name": "TargetIcon", "svg": "/svg/TargetIcon.svg" },
68+
{ "name": "TimerIcon", "svg": "/svg/TimerIcon.svg" },
69+
{ "name": "TrashIcon", "svg": "/svg/TrashIcon.svg" },
70+
{ "name": "UploadIcon", "svg": "/svg/UploadIcon.svg" },
71+
{ "name": "UserCircleIcon", "svg": "/svg/UserCircleIcon.svg" },
72+
{ "name": "UserSquareIcon", "svg": "/svg/UserSquareIcon.svg" },
73+
{ "name": "VideoIcon", "svg": "/svg/VideoIcon.svg" },
74+
{ "name": "VisibleIcon", "svg": "/svg/VisibleIcon.svg" },
75+
{ "name": "WarningCircleIcon", "svg": "/svg/WarningCircleIcon.svg" }
76+
]

‎packages/icons/src/ResourceIcon.tsx‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
/**
2+
* This file was automatically generated with @twilio-labs/svg-to-react
3+
*/
4+
import * as React from "react";
5+
import { useUID } from "react-uid";
6+
import { IconWrapper } from "./helpers/IconWrapper";
7+
import type { IconWrapperProps } from "./helpers/types";
8+
9+
export interface ResourceIconProps extends IconWrapperProps {
10+
title?: string;
11+
decorative: boolean;
12+
}
13+
14+
const ResourceIcon: React.FC<ResourceIconProps> = ({
15+
display = "block",
16+
size = "medium",
17+
color = "current",
18+
title,
19+
decorative,
20+
}) => {
21+
const titleId = `ResourceIcon-${useUID()}`;
22+
23+
if (!decorative && title == null) {
24+
throw new Error("[ResourceIcon]: Missing a title for non-decorative icon.");
25+
}
26+
27+
return (
28+
<IconWrapper display={display} size={size} color={color}>
29+
<svg
30+
role="img"
31+
aria-hidden={decorative}
32+
width="100%"
33+
height="100%"
34+
viewBox="0 0 20 21"
35+
fill="none"
36+
xmlns="http://www.w3.org/2000/svg"
37+
aria-labelledby={titleId}
38+
>
39+
{title ? <title id={titleId}>{title}</title> : null}
40+
<path
41+
fill="currentColor"
42+
fillRule="evenodd"
43+
clipRule="evenodd"
44+
d="M9.23 19.753c-.252-.037-.565-.08-.913-.123-.909-.113-2.027-.222-2.932-.222-.905 0-2.024.11-2.933.222a44.619 44.619 0 00-1.45.205l-.087.014-.022.003-.893.15V1.249l.4-.237.002-.001h.001l.003-.003.008-.004L.437.99.51.952C.57.921.656.88.766.83c.22-.098.538-.223.955-.346C2.553.238 3.775 0 5.385 0c1.609 0 2.83.238 3.664.484.414.123.731.247.951.344.22-.097.537-.221.951-.344C11.784.238 13.006 0 14.615 0c1.61 0 2.832.238 3.664.484.417.123.735.248.955.346a4.754 4.754 0 01.33.161l.177.105-.142-.084-.002-.002.001.001h.001L20 1.25v18.753l-.893-.15-.022-.003-.087-.014c-.076-.012-.187-.03-.327-.05a44.68 44.68 0 00-1.123-.155c-.909-.113-2.028-.222-2.933-.222-.905 0-2.023.11-2.932.222-.348.043-.66.087-.914.123v.249L10 19.873l-.77.129v-.249zm-7.692-1.68V2.292c.153-.06.349-.13.588-.2.705-.21 1.791-.426 3.259-.426 1.467 0 2.553.217 3.259.425.238.07.434.14.587.201v15.78a46.08 46.08 0 00-.739-.099c-.923-.114-2.112-.233-3.107-.233-.995 0-2.184.119-3.108.233-.27.034-.52.067-.739.098zm9.231 0c.219-.032.469-.065.739-.099.924-.114 2.112-.233 3.107-.233.995 0 2.184.119 3.108.233.27.034.52.067.739.098V2.293a6.963 6.963 0 00-.588-.2c-.705-.21-1.791-.426-3.259-.426-1.467 0-2.553.217-3.259.425a6.98 6.98 0 00-.587.201v15.78z"
45+
/>
46+
</svg>
47+
</IconWrapper>
48+
);
49+
};
50+
51+
ResourceIcon.displayName = "ResourceIcon";
52+
export { ResourceIcon };

‎packages/icons/src/VideoIcon.tsx‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
/**
2+
* This file was automatically generated with @twilio-labs/svg-to-react
3+
*/
4+
import * as React from "react";
5+
import { useUID } from "react-uid";
6+
import { IconWrapper } from "./helpers/IconWrapper";
7+
import type { IconWrapperProps } from "./helpers/types";
8+
9+
export interface VideoIconProps extends IconWrapperProps {
10+
title?: string;
11+
decorative: boolean;
12+
}
13+
14+
const VideoIcon: React.FC<VideoIconProps> = ({
15+
display = "block",
16+
size = "medium",
17+
color = "current",
18+
title,
19+
decorative,
20+
}) => {
21+
const titleId = `VideoIcon-${useUID()}`;
22+
23+
if (!decorative && title == null) {
24+
throw new Error("[VideoIcon]: Missing a title for non-decorative icon.");
25+
}
26+
27+
return (
28+
<IconWrapper display={display} size={size} color={color}>
29+
<svg
30+
role="img"
31+
aria-hidden={decorative}
32+
width="100%"
33+
height="100%"
34+
viewBox="0 0 20 20"
35+
fill="none"
36+
xmlns="http://www.w3.org/2000/svg"
37+
aria-labelledby={titleId}
38+
>
39+
{title ? <title id={titleId}>{title}</title> : null}
40+
<path
41+
fill="currentColor"
42+
fillRule="evenodd"
43+
clipRule="evenodd"
44+
d="M2.5 1.667h15c.46 0 .833.373.833.833v15c0 .46-.373.833-.833.833h-15a.833.833 0 01-.833-.833v-15c0-.46.373-.833.833-.833zM0 2.5A2.5 2.5 0 012.5 0h15A2.5 2.5 0 0120 2.5v15a2.5 2.5 0 01-2.5 2.5h-15A2.5 2.5 0 010 17.5v-15zm7.071 2.605l-1.238-.688v11.166l1.238-.688 7.5-4.166L15.883 10l-1.312-.728-7.5-4.167zM12.451 10L7.5 12.75v-5.5L12.45 10z"
45+
/>
46+
</svg>
47+
</IconWrapper>
48+
);
49+
};
50+
51+
VideoIcon.displayName = "VideoIcon";
52+
export { VideoIcon };

‎packages/icons/svg/resource.svg‎

Lines changed: 3 additions & 0 deletions
Loading

‎packages/icons/svg/video.svg‎

Lines changed: 3 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)