@hellobetterdigitalnz/betterui 0.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.editorconfig +17 -0
- package/.eslintrc.cjs +14 -0
- package/.storybook/main.ts +23 -0
- package/.storybook/preview.ts +17 -0
- package/README.md +30 -0
- package/index.html +13 -0
- package/package.json +45 -0
- package/public/image/table-image.png +0 -0
- package/public/vite.svg +1 -0
- package/src/App.tsx +30 -0
- package/src/Components/DataDisplay/Accordion/Accordion.stories.tsx +57 -0
- package/src/Components/DataDisplay/Accordion/Accordion.tsx +14 -0
- package/src/Components/DataDisplay/Accordion/AccordionContext.tsx +11 -0
- package/src/Components/DataDisplay/Accordion/AccordionContextInterface.tsx +8 -0
- package/src/Components/DataDisplay/Accordion/AccordionItem.tsx +62 -0
- package/src/Components/DataDisplay/Accordion/AccordionItemProps.tsx +12 -0
- package/src/Components/DataDisplay/Accordion/AccordionProps.tsx +8 -0
- package/src/Components/DataDisplay/Accordion/AccordionProvider.tsx +65 -0
- package/src/Components/DataDisplay/Accordion/AccordionProviderInterface.tsx +8 -0
- package/src/Components/DataDisplay/Accordion/accordion.module.scss +56 -0
- package/src/Components/DataDisplay/Badge/Badge.stories.tsx +44 -0
- package/src/Components/DataDisplay/Badge/Badge.tsx +32 -0
- package/src/Components/DataDisplay/Badge/BadgeProps.tsx +6 -0
- package/src/Components/DataDisplay/Badge/badge.module.scss +42 -0
- package/src/Components/DataDisplay/Cards/BannerCard/BannerCard.stories.tsx +26 -0
- package/src/Components/DataDisplay/Cards/BannerCard/BannerCard.tsx +47 -0
- package/src/Components/DataDisplay/Cards/BannerCard/BannerCardInterface.tsx +15 -0
- package/src/Components/DataDisplay/Cards/BannerCard/banner-card.scss +54 -0
- package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCard.stories.tsx +31 -0
- package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCard.tsx +53 -0
- package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCardInterface.tsx +17 -0
- package/src/Components/DataDisplay/Cards/PathwayCard/pathway-card-stories.scss +3 -0
- package/src/Components/DataDisplay/Cards/PathwayCard/pathway-card.scss +62 -0
- package/src/Components/DataDisplay/Media/Media.tsx +26 -0
- package/src/Components/DataDisplay/Media/MediaProps.tsx +9 -0
- package/src/Components/DataDisplay/Media/media.scss +0 -0
- package/src/Components/DataDisplay/Modal/Modal.tsx +5 -0
- package/src/Components/DataDisplay/Modal/ModalActions.tsx +5 -0
- package/src/Components/DataDisplay/Modal/ModalActionsLeft.tsx +5 -0
- package/src/Components/DataDisplay/Modal/ModalActionsRight.tsx +5 -0
- package/src/Components/DataDisplay/Modal/ModalBody.tsx +5 -0
- package/src/Components/DataDisplay/Modal/ModalCurtain.tsx +5 -0
- package/src/Components/DataDisplay/Modal/ModalHeader.tsx +5 -0
- package/src/Components/DataDisplay/NotificationsBell/NotificationBell.stories.tsx +27 -0
- package/src/Components/DataDisplay/NotificationsBell/NotificationsBell.tsx +51 -0
- package/src/Components/DataDisplay/NotificationsBell/NotificationsBellProps.tsx +9 -0
- package/src/Components/DataDisplay/NotificationsBell/notificationBell.module.scss +48 -0
- package/src/Components/DataDisplay/NotificationsPanel/Notification.stories.tsx +128 -0
- package/src/Components/DataDisplay/NotificationsPanel/Notification.tsx +59 -0
- package/src/Components/DataDisplay/NotificationsPanel/NotificationProps.tsx +11 -0
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroup.tsx +17 -0
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroupProps.tsx +8 -0
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroups.tsx +42 -0
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroupsProps.tsx +7 -0
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsHeader.tsx +27 -0
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsHeaderProps.tsx +9 -0
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsNone.tsx +11 -0
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsPanel.tsx +8 -0
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsPanelProps.tsx +7 -0
- package/src/Components/DataDisplay/NotificationsPanel/notificationPanel.module.scss +196 -0
- package/src/Components/DataDisplay/Tab/Tab.stories.tsx +72 -0
- package/src/Components/DataDisplay/Tab/Tab.tsx +20 -0
- package/src/Components/DataDisplay/Tab/TabBody.tsx +6 -0
- package/src/Components/DataDisplay/Tab/TabBodyContent.tsx +15 -0
- package/src/Components/DataDisplay/Tab/TabBodyContentProps.tsx +9 -0
- package/src/Components/DataDisplay/Tab/TabBodyProps.tsx +8 -0
- package/src/Components/DataDisplay/Tab/TabContext.tsx +9 -0
- package/src/Components/DataDisplay/Tab/TabContextProps.tsx +6 -0
- package/src/Components/DataDisplay/Tab/TabNav.tsx +6 -0
- package/src/Components/DataDisplay/Tab/TabNavItem.tsx +49 -0
- package/src/Components/DataDisplay/Tab/TabNavItemProps.tsx +9 -0
- package/src/Components/DataDisplay/Tab/TabNavProps.tsx +8 -0
- package/src/Components/DataDisplay/Tab/TabProps.tsx +8 -0
- package/src/Components/DataDisplay/Tab/tab.module.scss +35 -0
- package/src/Components/DataDisplay/Tab/tab.stories.scss +3 -0
- package/src/Components/DataDisplay/Table/Table.stories.tsx +64 -0
- package/src/Components/DataDisplay/Table/Table.tsx +10 -0
- package/src/Components/DataDisplay/Table/TableBody.tsx +13 -0
- package/src/Components/DataDisplay/Table/TableBodyProps.tsx +8 -0
- package/src/Components/DataDisplay/Table/TableCell.tsx +30 -0
- package/src/Components/DataDisplay/Table/TableCellAction.tsx +27 -0
- package/src/Components/DataDisplay/Table/TableCellActionProps.tsx +11 -0
- package/src/Components/DataDisplay/Table/TableCellProps.tsx +11 -0
- package/src/Components/DataDisplay/Table/TableCellWithDesc.tsx +21 -0
- package/src/Components/DataDisplay/Table/TableCellWithDescProps.tsx +9 -0
- package/src/Components/DataDisplay/Table/TableCellWithImage.tsx +39 -0
- package/src/Components/DataDisplay/Table/TableCellWithImageProps.tsx +10 -0
- package/src/Components/DataDisplay/Table/TableFooter.tsx +5 -0
- package/src/Components/DataDisplay/Table/TableHead.tsx +11 -0
- package/src/Components/DataDisplay/Table/TableHeadProps.tsx +8 -0
- package/src/Components/DataDisplay/Table/TableHeaderCell.tsx +17 -0
- package/src/Components/DataDisplay/Table/TableHeaderCellProps.tsx +10 -0
- package/src/Components/DataDisplay/Table/TableProps.tsx +8 -0
- package/src/Components/DataDisplay/Table/TableRow.tsx +9 -0
- package/src/Components/DataDisplay/Table/TableRowProps.tsx +8 -0
- package/src/Components/DataDisplay/Table/table.module.scss +103 -0
- package/src/Components/Form/Button/Button.stories.tsx +66 -0
- package/src/Components/Form/Button/Button.tsx +64 -0
- package/src/Components/Form/Button/ButtonProps.tsx +18 -0
- package/src/Components/Form/Button/button.module.scss +142 -0
- package/src/Components/Form/Checkbox/Checkbox.stories.tsx +49 -0
- package/src/Components/Form/Checkbox/Checkbox.tsx +85 -0
- package/src/Components/Form/Checkbox/CheckboxProps.tsx +22 -0
- package/src/Components/Form/Checkbox/checkbox.module.scss +63 -0
- package/src/Components/Form/CheckboxSelect/CheckboxSelect.tsx +5 -0
- package/src/Components/Form/CheckboxSelect/CheckboxSelectItem.tsx +5 -0
- package/src/Components/Form/CheckboxSet/CheckboxSet.stories.tsx +93 -0
- package/src/Components/Form/CheckboxSet/CheckboxSet.tsx +14 -0
- package/src/Components/Form/CheckboxSet/CheckboxSetItem.tsx +88 -0
- package/src/Components/Form/CheckboxSet/CheckboxSetProps.tsx +9 -0
- package/src/Components/Form/CheckboxSet/checkboxSet.module.scss +13 -0
- package/src/Components/Form/CurrencyField/CurrenctField.stories.tsx +22 -0
- package/src/Components/Form/CurrencyField/CurrencyField.tsx +59 -0
- package/src/Components/Form/CurrencyField/CurrencyFieldProps.tsx +8 -0
- package/src/Components/Form/DateField/DateField.stories.tsx +22 -0
- package/src/Components/Form/DateField/DateField.tsx +58 -0
- package/src/Components/Form/DropdownBadge/DropdownBadge.stories.tsx +49 -0
- package/src/Components/Form/DropdownBadge/DropdownBadge.tsx +160 -0
- package/src/Components/Form/DropdownBadge/DropdownBadgeItem.tsx +40 -0
- package/src/Components/Form/DropdownBadge/DropdownBadgeItemProps.tsx +10 -0
- package/src/Components/Form/DropdownBadge/DropdownBadgeProps.tsx +31 -0
- package/src/Components/Form/DropdownBadge/DropdownBadgeSelector.tsx +11 -0
- package/src/Components/Form/DropdownBadge/DropdownBadgeSelectorProps.tsx +7 -0
- package/src/Components/Form/DropdownBadge/dropdownBadge.module.scss +105 -0
- package/src/Components/Form/DropdownField/DropdownField.stories.tsx +50 -0
- package/src/Components/Form/DropdownField/DropdownField.tsx +118 -0
- package/src/Components/Form/DropdownField/DropdownFieldItem.tsx +26 -0
- package/src/Components/Form/DropdownField/DropdownFieldItemProps.tsx +9 -0
- package/src/Components/Form/DropdownField/DropdownFieldProps.tsx +33 -0
- package/src/Components/Form/DropdownField/DropdownFieldSelector.tsx +15 -0
- package/src/Components/Form/DropdownField/DropdownFieldSelectorProps.tsx +7 -0
- package/src/Components/Form/DropdownField/dropdown.module.scss +79 -0
- package/src/Components/Form/EmailField/EmailField.stories.ts +23 -0
- package/src/Components/Form/EmailField/EmailField.tsx +51 -0
- package/src/Components/Form/ErrorMessage/ErrorMessage.tsx +5 -0
- package/src/Components/Form/FormFieldHolder/FormFieldHolder.tsx +5 -0
- package/src/Components/Form/IconButton/IconButton.stories.tsx +45 -0
- package/src/Components/Form/IconButton/IconButton.tsx +58 -0
- package/src/Components/Form/IconButton/IconButtonProps.tsx +15 -0
- package/src/Components/Form/IconButton/iconButton.module.scss +111 -0
- package/src/Components/Form/InputProps.tsx +25 -0
- package/src/Components/Form/MultiSelectField/MultiSelectField.tsx +5 -0
- package/src/Components/Form/MultiSelectField/MultiSelectFieldItem.tsx +5 -0
- package/src/Components/Form/MultiSelectField/MultiSelectFieldTag.tsx +5 -0
- package/src/Components/Form/PasswordField/PasswordField.stories.tsx +22 -0
- package/src/Components/Form/PasswordField/PasswordField.tsx +70 -0
- package/src/Components/Form/RadioButtons/RadioButton.tsx +70 -0
- package/src/Components/Form/RadioButtons/RadioButtonProps.tsx +22 -0
- package/src/Components/Form/RadioButtons/RadioButtons.stories.tsx +64 -0
- package/src/Components/Form/RadioButtons/RadioButtons.tsx +18 -0
- package/src/Components/Form/RadioButtons/RadioButtonsProps.tsx +10 -0
- package/src/Components/Form/RadioButtons/radioButton.stories.scss +3 -0
- package/src/Components/Form/RadioButtons/radiobutton.module.scss +63 -0
- package/src/Components/Form/TextField/TextField.stories.ts +23 -0
- package/src/Components/Form/TextField/TextField.tsx +52 -0
- package/src/Components/Form/Textarea/Textarea.stories.ts +31 -0
- package/src/Components/Form/Textarea/Textarea.tsx +71 -0
- package/src/Components/Form/Textarea/TextareaProps.tsx +27 -0
- package/src/Components/Form/Textarea/textarea.module.scss +49 -0
- package/src/Components/Form/TimeField/TimeField.stories.tsx +22 -0
- package/src/Components/Form/TimeField/TimeField.tsx +58 -0
- package/src/Components/Form/ToggleSwitch/ToggleSwitch.stories.tsx +49 -0
- package/src/Components/Form/ToggleSwitch/ToggleSwitch.tsx +87 -0
- package/src/Components/Form/ToggleSwitch/ToggleSwitchProps.tsx +22 -0
- package/src/Components/Form/ToggleSwitch/toggleSwitch.module.scss +82 -0
- package/src/Components/Form/inputs.module.scss +121 -0
- package/src/Components/Icons/Arrows/CaretDown/CaretDown.tsx +49 -0
- package/src/Components/Icons/Arrows/CaretUp/CaretUp.tsx +49 -0
- package/src/Components/Icons/Commerce/CurrencyDollarSimple/CurrencyDollarSimple.tsx +105 -0
- package/src/Components/Icons/Communication/AddressBook/AddressBook.stories.ts +28 -0
- package/src/Components/Icons/Communication/AddressBook/AddressBook.tsx +50 -0
- package/src/Components/Icons/Communication/Asterick/Asterisk.stories.ts +28 -0
- package/src/Components/Icons/Communication/Asterick/Asterisk.tsx +50 -0
- package/src/Components/Icons/Communication/AsterickSimple/AsteriskSimple.stories.ts +28 -0
- package/src/Components/Icons/Communication/AsterickSimple/AsteriskSimple.tsx +49 -0
- package/src/Components/Icons/Communication/At/At.stories.ts +28 -0
- package/src/Components/Icons/Communication/At/At.tsx +49 -0
- package/src/Components/Icons/Communication/Broadcast/Broadcast.stories.ts +27 -0
- package/src/Components/Icons/Communication/Broadcast/Broadcast.tsx +49 -0
- package/src/Components/Icons/Communication/Chat/Chat.stories.ts +28 -0
- package/src/Components/Icons/Communication/Chat/Chat.tsx +49 -0
- package/src/Components/Icons/Design/Eye/Eye.tsx +105 -0
- package/src/Components/Icons/Design/EyeSlash/EyeSlash.tsx +105 -0
- package/src/Components/Icons/IconProps.tsx +5 -0
- package/src/Components/Icons/MathAndFinance/XIcon/XIcon.tsx +107 -0
- package/src/Components/Icons/SystemAndDevice/Bell/Bell.tsx +49 -0
- package/src/Components/Icons/Time/CalendarBank/CalendarBank.tsx +105 -0
- package/src/Components/Icons/Time/Clock/Clock.tsx +105 -0
- package/src/Components/Layout/CalloutPopup/CalloutPopup.tsx +5 -0
- package/src/Components/Layout/Header/Header.tsx +5 -0
- package/src/Components/Layout/Header/HeaderLeft.tsx +5 -0
- package/src/Components/Layout/Header/HeaderRight.tsx +5 -0
- package/src/Components/Layout/Pagination/Pagination.tsx +5 -0
- package/src/Components/Layout/Pagination/PaginationFirst.tsx +5 -0
- package/src/Components/Layout/Pagination/PaginationLast.tsx +5 -0
- package/src/Components/Layout/Pagination/PaginationNext.tsx +5 -0
- package/src/Components/Layout/Pagination/PaginationNumber.tsx +5 -0
- package/src/Components/Layout/Pagination/PaginationPrevious.tsx +5 -0
- package/src/Components/Layout/ProfileAvatar/ProfileAvatar.tsx +5 -0
- package/src/Components/Layout/ProfileAvatar/ProfileAvatarProps.tsx +4 -0
- package/src/Components/Layout/ProfileDropdown/ProfileDropdown.tsx +5 -0
- package/src/Components/Layout/ProfileDropdown/ProfileHeader.tsx +5 -0
- package/src/Components/Layout/ProfileDropdown/ProfileLink.tsx +5 -0
- package/src/Components/Layout/ProfileDropdown/ProfileLinks.tsx +5 -0
- package/src/Components/Layout/ProfileDropdown/ProfileNavigationItem.tsx +5 -0
- package/src/Components/Layout/ProfileDropdown/ProfileSwitchPanel.tsx +5 -0
- package/src/Components/Layout/ProfileDropdown/ProfileSwitchUser.tsx +5 -0
- package/src/Components/Layout/Sidebar/Sidebar.tsx +5 -0
- package/src/Components/Layout/Sidebar/SidebarChevron.tsx +5 -0
- package/src/Components/Layout/Sidebar/SidebarNavigation.tsx +5 -0
- package/src/Components/Layout/Sidebar/SidebarNavigationItem.tsx +5 -0
- package/src/Components/Layout/Sidebar/SidebarSubNavigation.tsx +5 -0
- package/src/Notification/Notification.tsx +83 -0
- package/src/Notification/NotificationInterface.tsx +9 -0
- package/src/Notification/NotificationList.tsx +29 -0
- package/src/Notification/NotificationListHolder.tsx +14 -0
- package/src/Notification/NotificationListHolderInterface.tsx +8 -0
- package/src/Notification/NotificationListInterface.tsx +11 -0
- package/src/Notification/notification.scss +225 -0
- package/src/global.scss +231 -0
- package/src/main.tsx +9 -0
- package/src/variables.scss +2 -0
- package/src/vite-env.d.ts +1 -0
- package/tokens/color/color.mdx +82 -0
- package/tokens/shadow/shadow-panel.scss +12 -0
- package/tokens/shadow/shadow.mdx +34 -0
- package/tokens/typography/typography.mdx +31 -0
- package/tsconfig.json +25 -0
- package/tsconfig.node.json +10 -0
- package/vite.config.ts +7 -0
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
.switch {
|
|
2
|
+
position: relative;
|
|
3
|
+
display: inline-block;
|
|
4
|
+
width: 40px;
|
|
5
|
+
height: 24px;
|
|
6
|
+
|
|
7
|
+
&.error .slider {
|
|
8
|
+
background: var(--color-error) !important;
|
|
9
|
+
|
|
10
|
+
.circle {
|
|
11
|
+
color: var(--color-error) !important;
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
input[type="checkbox"] {
|
|
16
|
+
opacity: 0;
|
|
17
|
+
width: 40px;
|
|
18
|
+
height: 24px;
|
|
19
|
+
position: relative;
|
|
20
|
+
z-index: 1;
|
|
21
|
+
cursor: pointer;
|
|
22
|
+
|
|
23
|
+
&:hover + .slider {
|
|
24
|
+
background: var(--color-gray-600);
|
|
25
|
+
}
|
|
26
|
+
|
|
27
|
+
&:focus + .slider {
|
|
28
|
+
outline: 2px solid var(--color-gray-800);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
&:checked + .slider {
|
|
32
|
+
background: var(--color-gray-800);
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
&:checked + .slider .circle {
|
|
36
|
+
transform: translateX(16px);
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
&:checked + .slider .circle svg {
|
|
40
|
+
opacity: 1;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.slider {
|
|
45
|
+
background: var(--color-gray-300);
|
|
46
|
+
position: absolute;
|
|
47
|
+
top: 0;
|
|
48
|
+
right: 0;
|
|
49
|
+
left: 0;
|
|
50
|
+
bottom: 0;
|
|
51
|
+
cursor: pointer;
|
|
52
|
+
outline: 2px solid transparent;
|
|
53
|
+
outline-offset: 2px;
|
|
54
|
+
transition: 0.4s;
|
|
55
|
+
|
|
56
|
+
.circle {
|
|
57
|
+
position: absolute;
|
|
58
|
+
display: flex;
|
|
59
|
+
align-items: center;
|
|
60
|
+
justify-content: center;
|
|
61
|
+
height: 20px;
|
|
62
|
+
width: 20px;
|
|
63
|
+
top: 2px;
|
|
64
|
+
left: 2px;
|
|
65
|
+
bottom: 2px;
|
|
66
|
+
background-color: white;
|
|
67
|
+
transition: 0.5s;
|
|
68
|
+
|
|
69
|
+
svg {
|
|
70
|
+
opacity: 0;
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
&.round {
|
|
75
|
+
border-radius: 34px;
|
|
76
|
+
|
|
77
|
+
.circle {
|
|
78
|
+
border-radius: 50%;
|
|
79
|
+
}
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
@@ -0,0 +1,121 @@
|
|
|
1
|
+
.input {
|
|
2
|
+
&[type="text"],
|
|
3
|
+
&[type="password"],
|
|
4
|
+
&[type="email"],
|
|
5
|
+
&[type="number"],
|
|
6
|
+
&[type="date"],
|
|
7
|
+
&[type="tel"],
|
|
8
|
+
&[type="time"] {
|
|
9
|
+
width: 100%;
|
|
10
|
+
height: 48px;
|
|
11
|
+
padding: var(--space-unit) calc(var(--space-unit) * 3);
|
|
12
|
+
border: 1px solid var(--color-gray-300);
|
|
13
|
+
border-radius: 6px;
|
|
14
|
+
font-family: var(--font);
|
|
15
|
+
font-size: var(--font-size-input);
|
|
16
|
+
line-height: var(--line-height-input);
|
|
17
|
+
font-weight: var(--line-height-input);
|
|
18
|
+
|
|
19
|
+
&::placeholder {
|
|
20
|
+
color: var(--color-gray-500);
|
|
21
|
+
font-size: var(--font-size-input);
|
|
22
|
+
line-height: var(--line-height-input);
|
|
23
|
+
font-weight: var(--font-weight-input);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
&:focus {
|
|
27
|
+
outline: none;
|
|
28
|
+
border: 2px solid var(--color-gray-900);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
&:disabled {
|
|
32
|
+
cursor: not-allowed;
|
|
33
|
+
opacity: 0.3;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
&.error {
|
|
38
|
+
&[type="text"],
|
|
39
|
+
&[type="password"],
|
|
40
|
+
&[type="email"],
|
|
41
|
+
&[type="number"],
|
|
42
|
+
&[type="date"],
|
|
43
|
+
&[type="tel"] {
|
|
44
|
+
border: 1px solid var(--color-error);
|
|
45
|
+
background: var(--color-error-lite);
|
|
46
|
+
|
|
47
|
+
&:focus {
|
|
48
|
+
border: 2px solid var(--color-error);
|
|
49
|
+
background: #ffffff;
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
.passwordCon {
|
|
56
|
+
width: 100%;
|
|
57
|
+
position: relative;
|
|
58
|
+
|
|
59
|
+
[type="password"],
|
|
60
|
+
[type="text"] {
|
|
61
|
+
padding-right: calc(var(--space-unit) * 9);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.eyeicon {
|
|
65
|
+
display: flex;
|
|
66
|
+
position: absolute;
|
|
67
|
+
right: 12px;
|
|
68
|
+
top: 50%;
|
|
69
|
+
transform: translateY(-50%);
|
|
70
|
+
cursor: pointer;
|
|
71
|
+
|
|
72
|
+
svg {
|
|
73
|
+
width: 16px;
|
|
74
|
+
height: 16px;
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
.date,
|
|
80
|
+
.time,
|
|
81
|
+
.currency {
|
|
82
|
+
width: 100%;
|
|
83
|
+
position: relative;
|
|
84
|
+
|
|
85
|
+
[type="date"],
|
|
86
|
+
[type="time"],
|
|
87
|
+
[type="number"] {
|
|
88
|
+
padding-left: calc(var(--space-unit) * 11);
|
|
89
|
+
text-transform: uppercase;
|
|
90
|
+
font-family: var(--font);
|
|
91
|
+
|
|
92
|
+
&:-webkit-datetime-edit {
|
|
93
|
+
color: var(--color-gray-300);
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
&::-webkit-calendar-picker-indicator {
|
|
97
|
+
position: absolute;
|
|
98
|
+
left: 12px;
|
|
99
|
+
top: 50%;
|
|
100
|
+
transform: translateY(-50%);
|
|
101
|
+
cursor: pointer;
|
|
102
|
+
opacity: 0;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
.calendarIcon,
|
|
106
|
+
.clockIcon,
|
|
107
|
+
.currencyIcon {
|
|
108
|
+
display: flex;
|
|
109
|
+
position: absolute;
|
|
110
|
+
left: 12px;
|
|
111
|
+
top: 50%;
|
|
112
|
+
transform: translateY(-50%);
|
|
113
|
+
pointer-events: none;
|
|
114
|
+
|
|
115
|
+
svg {
|
|
116
|
+
flex-shrink: 0;
|
|
117
|
+
width: 24px;
|
|
118
|
+
height: 24px;
|
|
119
|
+
}
|
|
120
|
+
}
|
|
121
|
+
}
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const CaretDown = ({type}: IconProps) => {
|
|
4
|
+
|
|
5
|
+
if (type === 'thin') {
|
|
6
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
7
|
+
<path
|
|
8
|
+
d="M26.354 12.3538L16.354 22.3538C16.3076 22.4003 16.2524 22.4372 16.1917 22.4623C16.1311 22.4875 16.066 22.5004 16.0003 22.5004C15.9346 22.5004 15.8695 22.4875 15.8088 22.4623C15.7481 22.4372 15.693 22.4003 15.6465 22.3538L5.64653 12.3538C5.60007 12.3073 5.56322 12.2522 5.53808 12.1915C5.51294 12.1308 5.5 12.0657 5.5 12C5.5 11.9343 5.51294 11.8693 5.53808 11.8086C5.56322 11.7479 5.60007 11.6927 5.64653 11.6463C5.74035 11.5525 5.8676 11.4998 6.00028 11.4998C6.06598 11.4998 6.13103 11.5127 6.19173 11.5378C6.25242 11.563 6.30757 11.5998 6.35403 11.6463L16.0003 21.2925L25.6465 11.6463C25.693 11.5998 25.7481 11.563 25.8088 11.5378C25.8695 11.5127 25.9346 11.4998 26.0003 11.4998C26.066 11.4998 26.131 11.5127 26.1917 11.5378C26.2524 11.563 26.3076 11.5998 26.354 11.6463C26.4005 11.6927 26.4373 11.7479 26.4625 11.8086C26.4876 11.8693 26.5006 11.9343 26.5006 12C26.5006 12.0657 26.4876 12.1308 26.4625 12.1915C26.4373 12.2522 26.4005 12.3073 26.354 12.3538Z"
|
|
9
|
+
fill="currentColor"/>
|
|
10
|
+
</svg>
|
|
11
|
+
}
|
|
12
|
+
if (type === 'regular') {
|
|
13
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
14
|
+
<path
|
|
15
|
+
d="M26.7081 12.7076L16.7081 22.7076C16.6152 22.8005 16.5049 22.8743 16.3835 22.9246C16.2621 22.975 16.132 23.0009 16.0006 23.0009C15.8691 23.0009 15.739 22.975 15.6176 22.9246C15.4962 22.8743 15.3859 22.8005 15.2931 22.7076L5.29306 12.7076C5.10542 12.5199 5 12.2654 5 12.0001C5 11.7347 5.10542 11.4802 5.29306 11.2926C5.4807 11.1049 5.73519 10.9995 6.00056 10.9995C6.26592 10.9995 6.52042 11.1049 6.70806 11.2926L16.0006 20.5863L25.2931 11.2926C25.386 11.1997 25.4963 11.126 25.6177 11.0757C25.7391 11.0254 25.8692 10.9995 26.0006 10.9995C26.132 10.9995 26.2621 11.0254 26.3835 11.0757C26.5048 11.126 26.6151 11.1997 26.7081 11.2926C26.801 11.3855 26.8747 11.4958 26.9249 11.6172C26.9752 11.7386 27.0011 11.8687 27.0011 12.0001C27.0011 12.1315 26.9752 12.2616 26.9249 12.383C26.8747 12.5044 26.801 12.6147 26.7081 12.7076Z"
|
|
16
|
+
fill="currentColor"/>
|
|
17
|
+
</svg>
|
|
18
|
+
}
|
|
19
|
+
if (type === 'bold') {
|
|
20
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
21
|
+
<path
|
|
22
|
+
d="M27.0612 13.0612L17.0612 23.0612C16.9218 23.2011 16.7563 23.312 16.5739 23.3877C16.3916 23.4634 16.1961 23.5024 15.9987 23.5024C15.8013 23.5024 15.6058 23.4634 15.4235 23.3877C15.2411 23.312 15.0756 23.2011 14.9362 23.0612L4.9362 13.0612C4.6544 12.7794 4.49609 12.3972 4.49609 11.9987C4.49609 11.6002 4.6544 11.218 4.9362 10.9362C5.21799 10.6544 5.60018 10.4961 5.9987 10.4961C6.39721 10.4961 6.7794 10.6544 7.0612 10.9362L15.9999 19.875L24.9387 10.935C25.2205 10.6532 25.6027 10.4949 26.0012 10.4949C26.3997 10.4949 26.7819 10.6532 27.0637 10.935C27.3455 11.2168 27.5038 11.599 27.5038 11.9975C27.5038 12.396 27.3455 12.7782 27.0637 13.06L27.0612 13.0612Z"
|
|
23
|
+
fill="currentColor"/>
|
|
24
|
+
</svg>
|
|
25
|
+
}
|
|
26
|
+
if (type === 'fill') {
|
|
27
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
28
|
+
<path
|
|
29
|
+
d="M26.7083 12.7075L16.7083 22.7075C16.6154 22.8005 16.5051 22.8742 16.3837 22.9246C16.2623 22.9749 16.1322 23.0008 16.0008 23.0008C15.8694 23.0008 15.7392 22.9749 15.6178 22.9246C15.4965 22.8742 15.3862 22.8005 15.2933 22.7075L5.29329 12.7075C5.15328 12.5676 5.05791 12.3894 5.01926 12.1953C4.98061 12.0012 5.00041 11.8 5.07616 11.6172C5.15192 11.4344 5.28021 11.2782 5.44481 11.1683C5.6094 11.0584 5.80289 10.9998 6.00079 11H26.0008C26.1987 10.9998 26.3922 11.0584 26.5568 11.1683C26.7214 11.2782 26.8497 11.4344 26.9254 11.6172C27.0012 11.8 27.021 12.0012 26.9823 12.1953C26.9437 12.3894 26.8483 12.5676 26.7083 12.7075Z"
|
|
30
|
+
fill="currentColor"/>
|
|
31
|
+
</svg>
|
|
32
|
+
}
|
|
33
|
+
if (type === 'duotone') {
|
|
34
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
35
|
+
<path opacity="0.2" d="M26 12L16 22L6 12H26Z" fill="currentColor"/>
|
|
36
|
+
<path
|
|
37
|
+
d="M26.9245 11.6175C26.8489 11.4348 26.7207 11.2786 26.5563 11.1686C26.3919 11.0587 26.1986 11 26.0008 11H6.00079C5.80289 10.9998 5.6094 11.0584 5.44481 11.1683C5.28021 11.2782 5.15192 11.4344 5.07616 11.6172C5.00041 11.8 4.98061 12.0012 5.01926 12.1953C5.05791 12.3894 5.15328 12.5676 5.29329 12.7075L15.2933 22.7075C15.3862 22.8005 15.4965 22.8742 15.6178 22.9246C15.7392 22.9749 15.8694 23.0008 16.0008 23.0008C16.1322 23.0008 16.2623 22.9749 16.3837 22.9246C16.5051 22.8742 16.6154 22.8005 16.7083 22.7075L26.7083 12.7075C26.8481 12.5676 26.9433 12.3893 26.9818 12.1953C27.0203 12.0013 27.0003 11.8002 26.9245 11.6175ZM16.0008 20.5863L8.41454 13H23.587L16.0008 20.5863Z"
|
|
38
|
+
fill="currentColor"/>
|
|
39
|
+
</svg>
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
43
|
+
<path
|
|
44
|
+
d="M26.5308 12.5301L16.5308 22.5301C16.3902 22.6705 16.1996 22.7494 16.0008 22.7494C15.8021 22.7494 15.6114 22.6705 15.4708 22.5301L5.47082 12.5301C5.33834 12.3879 5.26622 12.1999 5.26965 12.0056C5.27308 11.8113 5.35179 11.6259 5.4892 11.4885C5.62661 11.3511 5.812 11.2723 6.0063 11.2689C6.2006 11.2655 6.38865 11.3376 6.53082 11.4701L16.0008 20.9388L25.4708 11.4701C25.613 11.3376 25.801 11.2655 25.9953 11.2689C26.1896 11.2723 26.375 11.3511 26.5124 11.4885C26.6499 11.6259 26.7286 11.8113 26.732 12.0056C26.7354 12.1999 26.6633 12.3879 26.5308 12.5301Z"
|
|
45
|
+
fill="currentColor"/>
|
|
46
|
+
</svg>
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export default CaretDown;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const CaretUp = ({type}: IconProps) => {
|
|
4
|
+
|
|
5
|
+
if (type === 'thin') {
|
|
6
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
7
|
+
<path
|
|
8
|
+
d="M26.354 20.3537C26.3076 20.4001 26.2524 20.437 26.1917 20.4622C26.1311 20.4873 26.066 20.5003 26.0003 20.5003C25.9346 20.5003 25.8695 20.4873 25.8088 20.4622C25.7481 20.437 25.693 20.4001 25.6465 20.3537L16.0003 10.7074L6.35403 20.3537C6.26021 20.4475 6.13296 20.5002 6.00028 20.5002C5.8676 20.5002 5.74035 20.4475 5.64653 20.3537C5.55271 20.2598 5.5 20.1326 5.5 19.9999C5.5 19.8672 5.55271 19.74 5.64653 19.6462L15.6465 9.64615C15.693 9.59967 15.7481 9.56279 15.8088 9.53762C15.8695 9.51246 15.9346 9.49951 16.0003 9.49951C16.066 9.49951 16.1311 9.51246 16.1917 9.53762C16.2524 9.56279 16.3076 9.59967 16.354 9.64615L26.354 19.6462C26.4005 19.6926 26.4374 19.7477 26.4626 19.8084C26.4877 19.8691 26.5007 19.9342 26.5007 19.9999C26.5007 20.0656 26.4877 20.1307 26.4626 20.1914C26.4374 20.2521 26.4005 20.3072 26.354 20.3537Z"
|
|
9
|
+
fill="currentColor"/>
|
|
10
|
+
</svg>
|
|
11
|
+
}
|
|
12
|
+
if (type === 'regular') {
|
|
13
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
14
|
+
<path
|
|
15
|
+
d="M26.7081 20.7076C26.6152 20.8005 26.5049 20.8743 26.3835 20.9246C26.2621 20.9749 26.132 21.0008 26.0006 21.0008C25.8691 21.0008 25.739 20.9749 25.6176 20.9246C25.4962 20.8743 25.3859 20.8005 25.2931 20.7076L16.0006 11.4138L6.70806 20.7076C6.52042 20.8952 6.26592 21.0006 6.00056 21.0006C5.73519 21.0006 5.4807 20.8952 5.29306 20.7076C5.10542 20.5199 5 20.2654 5 20.0001C5 19.7347 5.10542 19.4802 5.29306 19.2926L15.2931 9.29255C15.3859 9.19958 15.4962 9.12582 15.6176 9.07549C15.739 9.02517 15.8691 8.99927 16.0006 8.99927C16.132 8.99927 16.2621 9.02517 16.3835 9.07549C16.5049 9.12582 16.6152 9.19958 16.7081 9.29255L26.7081 19.2926C26.801 19.3854 26.8748 19.4957 26.9251 19.6171C26.9754 19.7385 27.0013 19.8686 27.0013 20.0001C27.0013 20.1315 26.9754 20.2616 26.9251 20.383C26.8748 20.5044 26.801 20.6147 26.7081 20.7076Z"
|
|
16
|
+
fill="currentColor"/>
|
|
17
|
+
</svg>
|
|
18
|
+
}
|
|
19
|
+
if (type === 'bold') {
|
|
20
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
21
|
+
<path
|
|
22
|
+
d="M27.0612 21.0613C26.9218 21.2011 26.7563 21.3121 26.5739 21.3878C26.3916 21.4635 26.1961 21.5025 25.9987 21.5025C25.8013 21.5025 25.6058 21.4635 25.4235 21.3878C25.2411 21.3121 25.0756 21.2011 24.9362 21.0613L15.9999 12.125L7.0612 21.0613C6.7794 21.3431 6.39721 21.5014 5.9987 21.5014C5.60018 21.5014 5.21799 21.3431 4.9362 21.0613C4.6544 20.7795 4.49609 20.3973 4.49609 19.9988C4.49609 19.6003 4.6544 19.2181 4.9362 18.9363L14.9362 8.9363C15.0756 8.79646 15.2411 8.6855 15.4235 8.6098C15.6058 8.53409 15.8013 8.49512 15.9987 8.49512C16.1961 8.49512 16.3916 8.53409 16.5739 8.6098C16.7563 8.6855 16.9218 8.79646 17.0612 8.9363L27.0612 18.9363C27.201 19.0757 27.312 19.2412 27.3877 19.4236C27.4634 19.6059 27.5024 19.8014 27.5024 19.9988C27.5024 20.1962 27.4634 20.3917 27.3877 20.574C27.312 20.7564 27.201 20.9219 27.0612 21.0613Z"
|
|
23
|
+
fill="currentColor"/>
|
|
24
|
+
</svg>
|
|
25
|
+
}
|
|
26
|
+
if (type === 'fill') {
|
|
27
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
28
|
+
<path
|
|
29
|
+
d="M26.9245 20.3826C26.8489 20.5653 26.7207 20.7215 26.5563 20.8314C26.3919 20.9413 26.1986 21 26.0008 21.0001H6.00079C5.80289 21.0002 5.6094 20.9416 5.44481 20.8318C5.28021 20.7219 5.15192 20.5657 5.07616 20.3828C5.00041 20.2 4.98061 19.9988 5.01926 19.8047C5.05791 19.6107 5.15328 19.4324 5.29329 19.2926L15.2933 9.29255C15.3862 9.19958 15.4965 9.12582 15.6178 9.07549C15.7392 9.02517 15.8694 8.99927 16.0008 8.99927C16.1322 8.99927 16.2623 9.02517 16.3837 9.07549C16.5051 9.12582 16.6154 9.19958 16.7083 9.29255L26.7083 19.2926C26.8481 19.4325 26.9433 19.6107 26.9818 19.8048C27.0203 19.9988 27.0003 20.1999 26.9245 20.3826Z"
|
|
30
|
+
fill="currentColor"/>
|
|
31
|
+
</svg>
|
|
32
|
+
}
|
|
33
|
+
if (type === 'duotone') {
|
|
34
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
35
|
+
<path opacity="0.2" d="M26 20H6L16 10L26 20Z" fill="currentColor"/>
|
|
36
|
+
<path
|
|
37
|
+
d="M26.7083 19.2926L16.7083 9.29255C16.6154 9.19958 16.5051 9.12582 16.3837 9.07549C16.2623 9.02517 16.1322 8.99927 16.0008 8.99927C15.8694 8.99927 15.7392 9.02517 15.6178 9.07549C15.4965 9.12582 15.3862 9.19958 15.2933 9.29255L5.29329 19.2926C5.15328 19.4324 5.05791 19.6107 5.01926 19.8047C4.98061 19.9988 5.00041 20.2 5.07616 20.3828C5.15192 20.5657 5.28021 20.7219 5.44481 20.8318C5.6094 20.9416 5.80289 21.0002 6.00079 21.0001H26.0008C26.1987 21.0002 26.3922 20.9416 26.5568 20.8318C26.7214 20.7219 26.8497 20.5657 26.9254 20.3828C27.0012 20.2 27.021 19.9988 26.9823 19.8047C26.9437 19.6107 26.8483 19.4324 26.7083 19.2926ZM8.41454 19.0001L16.0008 11.4138L23.587 19.0001H8.41454Z"
|
|
38
|
+
fill="currentColor"/>
|
|
39
|
+
</svg>
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
43
|
+
<path
|
|
44
|
+
d="M26.5308 20.5301C26.3902 20.6705 26.1996 20.7494 26.0008 20.7494C25.8021 20.7494 25.6114 20.6705 25.4708 20.5301L16.0008 11.0613L6.53082 20.5301C6.38865 20.6626 6.2006 20.7347 6.0063 20.7312C5.812 20.7278 5.62661 20.6491 5.4892 20.5117C5.35179 20.3743 5.27308 20.1889 5.26965 19.9946C5.26622 19.8003 5.33834 19.6122 5.47082 19.4701L15.4708 9.47007C15.6114 9.32962 15.8021 9.25073 16.0008 9.25073C16.1996 9.25073 16.3902 9.32962 16.5308 9.47007L26.5308 19.4701C26.6713 19.6107 26.7502 19.8013 26.7502 20.0001C26.7502 20.1988 26.6713 20.3894 26.5308 20.5301Z"
|
|
45
|
+
fill="currentColor"/>
|
|
46
|
+
</svg>
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export default CaretUp;
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const CurrencyDollarSimple = ({ type = "light" }: IconProps) => {
|
|
4
|
+
if (type === "thin") {
|
|
5
|
+
return (
|
|
6
|
+
<svg
|
|
7
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
8
|
+
width="32"
|
|
9
|
+
height="32"
|
|
10
|
+
viewBox="0 0 32 32"
|
|
11
|
+
fill="none"
|
|
12
|
+
>
|
|
13
|
+
<path
|
|
14
|
+
d="M24.5 21C24.4983 22.4582 23.9184 23.8562 22.8873 24.8873C21.8562 25.9184 20.4582 26.4983 19 26.5H16.5V29C16.5 29.1326 16.4473 29.2598 16.3536 29.3536C16.2598 29.4473 16.1326 29.5 16 29.5C15.8674 29.5 15.7402 29.4473 15.6464 29.3536C15.5527 29.2598 15.5 29.1326 15.5 29V26.5H13C11.5418 26.4983 10.1438 25.9184 9.11274 24.8873C8.08165 23.8562 7.50165 22.4582 7.5 21C7.5 20.8674 7.55268 20.7402 7.64645 20.6464C7.74021 20.5527 7.86739 20.5 8 20.5C8.13261 20.5 8.25979 20.5527 8.35355 20.6464C8.44732 20.7402 8.5 20.8674 8.5 21C8.5 22.1935 8.97411 23.3381 9.81802 24.182C10.6619 25.0259 11.8065 25.5 13 25.5H19C20.1935 25.5 21.3381 25.0259 22.182 24.182C23.0259 23.3381 23.5 22.1935 23.5 21C23.5 19.8065 23.0259 18.6619 22.182 17.818C21.3381 16.9741 20.1935 16.5 19 16.5H14C12.5413 16.5 11.1424 15.9205 10.1109 14.8891C9.07946 13.8576 8.5 12.4587 8.5 11C8.5 9.54131 9.07946 8.14236 10.1109 7.11091C11.1424 6.07946 12.5413 5.5 14 5.5H15.5V3C15.5 2.86739 15.5527 2.74021 15.6464 2.64645C15.7402 2.55268 15.8674 2.5 16 2.5C16.1326 2.5 16.2598 2.55268 16.3536 2.64645C16.4473 2.74021 16.5 2.86739 16.5 3V5.5H18C19.4582 5.50165 20.8562 6.08165 21.8873 7.11274C22.9184 8.14383 23.4983 9.54182 23.5 11C23.5 11.1326 23.4473 11.2598 23.3536 11.3536C23.2598 11.4473 23.1326 11.5 23 11.5C22.8674 11.5 22.7402 11.4473 22.6464 11.3536C22.5527 11.2598 22.5 11.1326 22.5 11C22.5 9.80653 22.0259 8.66193 21.182 7.81802C20.3381 6.97411 19.1935 6.5 18 6.5H14C12.8065 6.5 11.6619 6.97411 10.818 7.81802C9.97411 8.66193 9.5 9.80653 9.5 11C9.5 12.1935 9.97411 13.3381 10.818 14.182C11.6619 15.0259 12.8065 15.5 14 15.5H19C20.4582 15.5017 21.8562 16.0816 22.8873 17.1127C23.9184 18.1438 24.4983 19.5418 24.5 21Z"
|
|
15
|
+
fill="currentColor"
|
|
16
|
+
/>
|
|
17
|
+
</svg>
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
if (type === "regular") {
|
|
21
|
+
return (
|
|
22
|
+
<svg
|
|
23
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
24
|
+
width="32"
|
|
25
|
+
height="32"
|
|
26
|
+
viewBox="0 0 32 32"
|
|
27
|
+
fill="none"
|
|
28
|
+
>
|
|
29
|
+
<path
|
|
30
|
+
d="M25 21C24.9983 22.5908 24.3657 24.116 23.2408 25.2408C22.116 26.3657 20.5908 26.9983 19 27H17V29C17 29.2652 16.8946 29.5196 16.7071 29.7071C16.5196 29.8946 16.2652 30 16 30C15.7348 30 15.4804 29.8946 15.2929 29.7071C15.1054 29.5196 15 29.2652 15 29V27H13C11.4092 26.9983 9.88405 26.3657 8.75919 25.2408C7.63433 24.116 7.00165 22.5908 7 21C7 20.7348 7.10536 20.4804 7.29289 20.2929C7.48043 20.1054 7.73478 20 8 20C8.26522 20 8.51957 20.1054 8.70711 20.2929C8.89464 20.4804 9 20.7348 9 21C9 22.0609 9.42143 23.0783 10.1716 23.8284C10.9217 24.5786 11.9391 25 13 25H19C20.0609 25 21.0783 24.5786 21.8284 23.8284C22.5786 23.0783 23 22.0609 23 21C23 19.9391 22.5786 18.9217 21.8284 18.1716C21.0783 17.4214 20.0609 17 19 17H14C12.4087 17 10.8826 16.3679 9.75736 15.2426C8.63214 14.1174 8 12.5913 8 11C8 9.4087 8.63214 7.88258 9.75736 6.75736C10.8826 5.63214 12.4087 5 14 5H15V3C15 2.73478 15.1054 2.48043 15.2929 2.29289C15.4804 2.10536 15.7348 2 16 2C16.2652 2 16.5196 2.10536 16.7071 2.29289C16.8946 2.48043 17 2.73478 17 3V5H18C19.5908 5.00165 21.116 5.63433 22.2408 6.75919C23.3657 7.88405 23.9983 9.40921 24 11C24 11.2652 23.8946 11.5196 23.7071 11.7071C23.5196 11.8946 23.2652 12 23 12C22.7348 12 22.4804 11.8946 22.2929 11.7071C22.1054 11.5196 22 11.2652 22 11C22 9.93913 21.5786 8.92172 20.8284 8.17157C20.0783 7.42143 19.0609 7 18 7H14C12.9391 7 11.9217 7.42143 11.1716 8.17157C10.4214 8.92172 10 9.93913 10 11C10 12.0609 10.4214 13.0783 11.1716 13.8284C11.9217 14.5786 12.9391 15 14 15H19C20.5908 15.0017 22.116 15.6343 23.2408 16.7592C24.3657 17.884 24.9983 19.4092 25 21Z"
|
|
31
|
+
fill="currentColor"
|
|
32
|
+
/>
|
|
33
|
+
</svg>
|
|
34
|
+
);
|
|
35
|
+
}
|
|
36
|
+
if (type === "bold") {
|
|
37
|
+
return (
|
|
38
|
+
<svg
|
|
39
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
40
|
+
width="32"
|
|
41
|
+
height="32"
|
|
42
|
+
viewBox="0 0 32 32"
|
|
43
|
+
fill="none"
|
|
44
|
+
>
|
|
45
|
+
<path
|
|
46
|
+
d="M25.5 21C25.498 22.7233 24.8126 24.3754 23.594 25.594C22.3754 26.8126 20.7233 27.498 19 27.5H17.5V29C17.5 29.3978 17.342 29.7794 17.0607 30.0607C16.7794 30.342 16.3978 30.5 16 30.5C15.6022 30.5 15.2206 30.342 14.9393 30.0607C14.658 29.7794 14.5 29.3978 14.5 29V27.5H13C11.2767 27.498 9.62455 26.8126 8.406 25.594C7.18744 24.3754 6.50198 22.7233 6.5 21C6.5 20.6022 6.65804 20.2206 6.93934 19.9393C7.22064 19.658 7.60218 19.5 8 19.5C8.39782 19.5 8.77936 19.658 9.06066 19.9393C9.34196 20.2206 9.5 20.6022 9.5 21C9.5 21.9283 9.86875 22.8185 10.5251 23.4749C11.1815 24.1313 12.0717 24.5 13 24.5H19C19.9283 24.5 20.8185 24.1313 21.4749 23.4749C22.1313 22.8185 22.5 21.9283 22.5 21C22.5 20.0717 22.1313 19.1815 21.4749 18.5251C20.8185 17.8687 19.9283 17.5 19 17.5H14C12.2761 17.5 10.6228 16.8152 9.40381 15.5962C8.18482 14.3772 7.5 12.7239 7.5 11C7.5 9.27609 8.18482 7.62279 9.40381 6.40381C10.6228 5.18482 12.2761 4.5 14 4.5H14.5V3C14.5 2.60218 14.658 2.22064 14.9393 1.93934C15.2206 1.65804 15.6022 1.5 16 1.5C16.3978 1.5 16.7794 1.65804 17.0607 1.93934C17.342 2.22064 17.5 2.60218 17.5 3V4.5H18C19.7233 4.50199 21.3754 5.18744 22.594 6.406C23.8126 7.62455 24.498 9.2767 24.5 11C24.5 11.3978 24.342 11.7794 24.0607 12.0607C23.7794 12.342 23.3978 12.5 23 12.5C22.6022 12.5 22.2206 12.342 21.9393 12.0607C21.658 11.7794 21.5 11.3978 21.5 11C21.5 10.0717 21.1313 9.1815 20.4749 8.52513C19.8185 7.86875 18.9283 7.5 18 7.5H14C13.0717 7.5 12.1815 7.86875 11.5251 8.52513C10.8687 9.1815 10.5 10.0717 10.5 11C10.5 11.9283 10.8687 12.8185 11.5251 13.4749C12.1815 14.1313 13.0717 14.5 14 14.5H19C20.7233 14.502 22.3754 15.1874 23.594 16.406C24.8126 17.6246 25.498 19.2767 25.5 21Z"
|
|
47
|
+
fill="currentColor"
|
|
48
|
+
/>
|
|
49
|
+
</svg>
|
|
50
|
+
);
|
|
51
|
+
}
|
|
52
|
+
if (type === "fill") {
|
|
53
|
+
return (
|
|
54
|
+
<svg
|
|
55
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
56
|
+
width="32"
|
|
57
|
+
height="32"
|
|
58
|
+
viewBox="0 0 32 32"
|
|
59
|
+
fill="none"
|
|
60
|
+
>
|
|
61
|
+
<path
|
|
62
|
+
d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM18.5 24H17V25C17 25.2652 16.8946 25.5196 16.7071 25.7071C16.5196 25.8946 16.2652 26 16 26C15.7348 26 15.4804 25.8946 15.2929 25.7071C15.1054 25.5196 15 25.2652 15 25V24H14C12.8065 24 11.6619 23.5259 10.818 22.682C9.97411 21.8381 9.50001 20.6935 9.50001 19.5C9.50001 19.2348 9.60536 18.9804 9.7929 18.7929C9.98044 18.6054 10.2348 18.5 10.5 18.5C10.7652 18.5 11.0196 18.6054 11.2071 18.7929C11.3946 18.9804 11.5 19.2348 11.5 19.5C11.5 20.163 11.7634 20.7989 12.2322 21.2678C12.7011 21.7366 13.337 22 14 22H18.5C19.163 22 19.7989 21.7366 20.2678 21.2678C20.7366 20.7989 21 20.163 21 19.5C21 18.837 20.7366 18.2011 20.2678 17.7322C19.7989 17.2634 19.163 17 18.5 17H14.5C13.3065 17 12.1619 16.5259 11.318 15.682C10.4741 14.8381 10 13.6935 10 12.5C10 11.3065 10.4741 10.1619 11.318 9.31802C12.1619 8.47411 13.3065 8 14.5 8H15V7C15 6.73478 15.1054 6.48043 15.2929 6.29289C15.4804 6.10536 15.7348 6 16 6C16.2652 6 16.5196 6.10536 16.7071 6.29289C16.8946 6.48043 17 6.73478 17 7V8H17.5C18.6935 8 19.8381 8.47411 20.682 9.31802C21.5259 10.1619 22 11.3065 22 12.5C22 12.7652 21.8946 13.0196 21.7071 13.2071C21.5196 13.3946 21.2652 13.5 21 13.5C20.7348 13.5 20.4804 13.3946 20.2929 13.2071C20.1054 13.0196 20 12.7652 20 12.5C20 11.837 19.7366 11.2011 19.2678 10.7322C18.7989 10.2634 18.163 10 17.5 10H14.5C13.837 10 13.2011 10.2634 12.7322 10.7322C12.2634 11.2011 12 11.837 12 12.5C12 13.163 12.2634 13.7989 12.7322 14.2678C13.2011 14.7366 13.837 15 14.5 15H18.5C19.6935 15 20.8381 15.4741 21.682 16.318C22.5259 17.1619 23 18.3065 23 19.5C23 20.6935 22.5259 21.8381 21.682 22.682C20.8381 23.5259 19.6935 24 18.5 24Z"
|
|
63
|
+
fill="currentColor"
|
|
64
|
+
/>
|
|
65
|
+
</svg>
|
|
66
|
+
);
|
|
67
|
+
}
|
|
68
|
+
if (type === "duotone") {
|
|
69
|
+
return (
|
|
70
|
+
<svg
|
|
71
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
72
|
+
width="32"
|
|
73
|
+
height="32"
|
|
74
|
+
viewBox="0 0 32 32"
|
|
75
|
+
fill="none"
|
|
76
|
+
>
|
|
77
|
+
<path
|
|
78
|
+
opacity="0.2"
|
|
79
|
+
d="M24 21C24 21.6566 23.8707 22.3068 23.6194 22.9134C23.3681 23.52 22.9998 24.0712 22.5355 24.5355C22.0712 24.9998 21.52 25.3681 20.9134 25.6194C20.3068 25.8707 19.6566 26 19 26H16V16H19C19.6566 16 20.3068 16.1293 20.9134 16.3806C21.52 16.6319 22.0712 17.0002 22.5355 17.4645C22.9998 17.9288 23.3681 18.48 23.6194 19.0866C23.8707 19.6932 24 20.3434 24 21ZM14 6C12.6739 6 11.4021 6.52678 10.4645 7.46447C9.52678 8.40215 9 9.67392 9 11C9 12.3261 9.52678 13.5979 10.4645 14.5355C11.4021 15.4732 12.6739 16 14 16H16V6H14Z"
|
|
80
|
+
fill="currentColor"
|
|
81
|
+
/>
|
|
82
|
+
<path
|
|
83
|
+
d="M25 21C24.9983 22.5908 24.3657 24.116 23.2408 25.2408C22.116 26.3657 20.5908 26.9983 19 27H17V29C17 29.2652 16.8946 29.5196 16.7071 29.7071C16.5196 29.8946 16.2652 30 16 30C15.7348 30 15.4804 29.8946 15.2929 29.7071C15.1054 29.5196 15 29.2652 15 29V27H13C11.4092 26.9983 9.88405 26.3657 8.75919 25.2408C7.63433 24.116 7.00165 22.5908 7 21C7 20.7348 7.10536 20.4804 7.29289 20.2929C7.48043 20.1054 7.73478 20 8 20C8.26522 20 8.51957 20.1054 8.70711 20.2929C8.89464 20.4804 9 20.7348 9 21C9 22.0609 9.42143 23.0783 10.1716 23.8284C10.9217 24.5786 11.9391 25 13 25H19C20.0609 25 21.0783 24.5786 21.8284 23.8284C22.5786 23.0783 23 22.0609 23 21C23 19.9391 22.5786 18.9217 21.8284 18.1716C21.0783 17.4214 20.0609 17 19 17H14C12.4087 17 10.8826 16.3679 9.75736 15.2426C8.63214 14.1174 8 12.5913 8 11C8 9.4087 8.63214 7.88258 9.75736 6.75736C10.8826 5.63214 12.4087 5 14 5H15V3C15 2.73478 15.1054 2.48043 15.2929 2.29289C15.4804 2.10536 15.7348 2 16 2C16.2652 2 16.5196 2.10536 16.7071 2.29289C16.8946 2.48043 17 2.73478 17 3V5H18C19.5908 5.00165 21.116 5.63433 22.2408 6.75919C23.3657 7.88405 23.9983 9.40921 24 11C24 11.2652 23.8946 11.5196 23.7071 11.7071C23.5196 11.8946 23.2652 12 23 12C22.7348 12 22.4804 11.8946 22.2929 11.7071C22.1054 11.5196 22 11.2652 22 11C22 9.93913 21.5786 8.92172 20.8284 8.17157C20.0783 7.42143 19.0609 7 18 7H14C12.9391 7 11.9217 7.42143 11.1716 8.17157C10.4214 8.92172 10 9.93913 10 11C10 12.0609 10.4214 13.0783 11.1716 13.8284C11.9217 14.5786 12.9391 15 14 15H19C20.5908 15.0017 22.116 15.6343 23.2408 16.7592C24.3657 17.884 24.9983 19.4092 25 21Z"
|
|
84
|
+
fill="currentColor"
|
|
85
|
+
/>
|
|
86
|
+
</svg>
|
|
87
|
+
);
|
|
88
|
+
}
|
|
89
|
+
return (
|
|
90
|
+
<svg
|
|
91
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
92
|
+
width="32"
|
|
93
|
+
height="32"
|
|
94
|
+
viewBox="0 0 32 32"
|
|
95
|
+
fill="none"
|
|
96
|
+
>
|
|
97
|
+
<path
|
|
98
|
+
d="M24.75 21C24.748 22.5244 24.1416 23.9858 23.0637 25.0637C21.9858 26.1416 20.5244 26.748 19 26.75H16.75V29C16.75 29.1989 16.671 29.3897 16.5303 29.5303C16.3897 29.671 16.1989 29.75 16 29.75C15.8011 29.75 15.6103 29.671 15.4697 29.5303C15.329 29.3897 15.25 29.1989 15.25 29V26.75H13C11.4756 26.748 10.0142 26.1416 8.93633 25.0637C7.85842 23.9858 7.25198 22.5244 7.25 21C7.25 20.8011 7.32902 20.6103 7.46967 20.4697C7.61032 20.329 7.80109 20.25 8 20.25C8.19891 20.25 8.38968 20.329 8.53033 20.4697C8.67098 20.6103 8.75 20.8011 8.75 21C8.75 22.1272 9.19777 23.2082 9.9948 24.0052C10.7918 24.8022 11.8728 25.25 13 25.25H19C20.1272 25.25 21.2082 24.8022 22.0052 24.0052C22.8022 23.2082 23.25 22.1272 23.25 21C23.25 19.8728 22.8022 18.7918 22.0052 17.9948C21.2082 17.1978 20.1272 16.75 19 16.75H14C12.475 16.75 11.0125 16.1442 9.93414 15.0659C8.8558 13.9875 8.25 12.525 8.25 11C8.25 9.47501 8.8558 8.01247 9.93414 6.93414C11.0125 5.8558 12.475 5.25 14 5.25H15.25V3C15.25 2.80109 15.329 2.61032 15.4697 2.46967C15.6103 2.32902 15.8011 2.25 16 2.25C16.1989 2.25 16.3897 2.32902 16.5303 2.46967C16.671 2.61032 16.75 2.80109 16.75 3V5.25H18C19.5244 5.25198 20.9858 5.85842 22.0637 6.93633C23.1416 8.01423 23.748 9.47561 23.75 11C23.75 11.1989 23.671 11.3897 23.5303 11.5303C23.3897 11.671 23.1989 11.75 23 11.75C22.8011 11.75 22.6103 11.671 22.4697 11.5303C22.329 11.3897 22.25 11.1989 22.25 11C22.25 9.87283 21.8022 8.79183 21.0052 7.9948C20.2082 7.19777 19.1272 6.75 18 6.75H14C12.8728 6.75 11.7918 7.19777 10.9948 7.9948C10.1978 8.79183 9.75 9.87283 9.75 11C9.75 12.1272 10.1978 13.2082 10.9948 14.0052C11.7918 14.8022 12.8728 15.25 14 15.25H19C20.5244 15.252 21.9858 15.8584 23.0637 16.9363C24.1416 18.0142 24.748 19.4756 24.75 21Z"
|
|
99
|
+
fill="currentColor"
|
|
100
|
+
/>
|
|
101
|
+
</svg>
|
|
102
|
+
);
|
|
103
|
+
};
|
|
104
|
+
|
|
105
|
+
export default CurrencyDollarSimple;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
import AddressBook from './AddressBook.tsx';
|
|
4
|
+
|
|
5
|
+
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Design Token/Icons/Communication/AddressBook',
|
|
8
|
+
component: AddressBook ,
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: 'centered',
|
|
11
|
+
},
|
|
12
|
+
argTypes: {
|
|
13
|
+
type: {
|
|
14
|
+
options: ["light" , "bold" , "fill" , "duotone" , "regular" , "thin"],
|
|
15
|
+
control: { type: 'select' }, // Automatically inferred when 'options' is defined
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
tags: ['autodocs'],
|
|
19
|
+
} satisfies Meta<typeof AddressBook >;
|
|
20
|
+
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof AddressBook>;
|
|
23
|
+
|
|
24
|
+
export const Icon: Story = {
|
|
25
|
+
args: {
|
|
26
|
+
type:'light'
|
|
27
|
+
},
|
|
28
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const AddressBook = ({type}: IconProps) => {
|
|
4
|
+
if (type === 'thin') {
|
|
5
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
6
|
+
<path
|
|
7
|
+
d="M19.3375 17.8438C20.1765 17.3337 20.8257 16.5632 21.1861 15.6498C21.5464 14.7364 21.5981 13.7303 21.3332 12.7847C21.0684 11.8392 20.5016 11.0063 19.7192 10.413C18.9369 9.81964 17.9819 9.49848 17 9.49848C16.0181 9.49848 15.0631 9.81964 14.2808 10.413C13.4984 11.0063 12.9316 11.8392 12.6668 12.7847C12.4019 13.7303 12.4536 14.7364 12.8139 15.6498C13.1743 16.5632 13.8235 17.3337 14.6625 17.8438C13.0381 18.3377 11.6145 19.3386 10.6 20.7C10.5204 20.8061 10.4863 20.9394 10.505 21.0707C10.5238 21.202 10.5939 21.3204 10.7 21.4C10.8061 21.4796 10.9394 21.5137 11.0707 21.495C11.202 21.4762 11.3204 21.4061 11.4 21.3C12.052 20.4306 12.8975 19.725 13.8695 19.239C14.8415 18.753 15.9133 18.5 17 18.5C18.0867 18.5 19.1585 18.753 20.1305 19.239C21.1025 19.725 21.948 20.4306 22.6 21.3C22.6796 21.4061 22.798 21.4762 22.9293 21.495C23.0606 21.5137 23.1939 21.4796 23.3 21.4C23.4061 21.3204 23.4762 21.202 23.495 21.0707C23.5137 20.9394 23.4796 20.8061 23.4 20.7C22.3853 19.3389 20.9617 18.338 19.3375 17.8438ZM13.5 14C13.5 13.3078 13.7053 12.6311 14.0899 12.0555C14.4744 11.4799 15.0211 11.0313 15.6606 10.7664C16.3001 10.5015 17.0039 10.4322 17.6828 10.5673C18.3617 10.7023 18.9854 11.0356 19.4749 11.5251C19.9644 12.0146 20.2977 12.6383 20.4327 13.3172C20.5678 13.9961 20.4985 14.6999 20.2336 15.3394C19.9687 15.9789 19.5201 16.5256 18.9445 16.9101C18.3689 17.2947 17.6922 17.5 17 17.5C16.0717 17.5 15.1815 17.1313 14.5251 16.4749C13.8687 15.8185 13.5 14.9283 13.5 14ZM26 3.5H8C7.60218 3.5 7.22064 3.65804 6.93934 3.93934C6.65804 4.22064 6.5 4.60218 6.5 5V8.5H4C3.86739 8.5 3.74021 8.55268 3.64645 8.64645C3.55268 8.74021 3.5 8.86739 3.5 9C3.5 9.13261 3.55268 9.25979 3.64645 9.35355C3.74021 9.44732 3.86739 9.5 4 9.5H6.5V15.5H4C3.86739 15.5 3.74021 15.5527 3.64645 15.6464C3.55268 15.7402 3.5 15.8674 3.5 16C3.5 16.1326 3.55268 16.2598 3.64645 16.3536C3.74021 16.4473 3.86739 16.5 4 16.5H6.5V22.5H4C3.86739 22.5 3.74021 22.5527 3.64645 22.6464C3.55268 22.7402 3.5 22.8674 3.5 23C3.5 23.1326 3.55268 23.2598 3.64645 23.3536C3.74021 23.4473 3.86739 23.5 4 23.5H6.5V27C6.5 27.3978 6.65804 27.7794 6.93934 28.0607C7.22064 28.342 7.60218 28.5 8 28.5H26C26.3978 28.5 26.7794 28.342 27.0607 28.0607C27.342 27.7794 27.5 27.3978 27.5 27V5C27.5 4.60218 27.342 4.22064 27.0607 3.93934C26.7794 3.65804 26.3978 3.5 26 3.5ZM26.5 27C26.5 27.1326 26.4473 27.2598 26.3536 27.3536C26.2598 27.4473 26.1326 27.5 26 27.5H8C7.86739 27.5 7.74021 27.4473 7.64645 27.3536C7.55268 27.2598 7.5 27.1326 7.5 27V5C7.5 4.86739 7.55268 4.74021 7.64645 4.64645C7.74021 4.55268 7.86739 4.5 8 4.5H26C26.1326 4.5 26.2598 4.55268 26.3536 4.64645C26.4473 4.74021 26.5 4.86739 26.5 5V27Z"
|
|
8
|
+
fill="currentColor"/>
|
|
9
|
+
</svg>
|
|
10
|
+
}
|
|
11
|
+
if (type === 'regular') {
|
|
12
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
13
|
+
<path
|
|
14
|
+
d="M10.3988 21.8C10.5038 21.879 10.6235 21.9365 10.7508 21.9692C10.8782 22.0019 11.0107 22.0091 11.1408 21.9906C11.271 21.972 11.3962 21.9279 11.5093 21.8609C11.6224 21.7939 11.7212 21.7052 11.8 21.6C12.4055 20.7927 13.1906 20.1375 14.0931 19.6862C14.9957 19.2349 15.9909 19 17 19C18.0091 19 19.0043 19.2349 19.9069 19.6862C20.8095 20.1375 21.5945 20.7927 22.2 21.6C22.2788 21.7051 22.3775 21.7936 22.4905 21.8605C22.6035 21.9274 22.7286 21.9714 22.8586 21.99C22.9886 22.0085 23.121 22.0013 23.2482 21.9687C23.3754 21.9361 23.4949 21.8788 23.6 21.8C23.7051 21.7212 23.7936 21.6225 23.8605 21.5095C23.9274 21.3965 23.9714 21.2714 23.99 21.1414C24.0085 21.0114 24.0013 20.879 23.9687 20.7518C23.9361 20.6246 23.8788 20.5051 23.8 20.4C22.9145 19.2128 21.7337 18.2781 20.375 17.6887C21.1196 17.0089 21.6413 16.1199 21.8716 15.1382C22.1019 14.1566 22.03 13.1283 21.6654 12.1883C21.3009 11.2482 20.6606 10.4404 19.8287 9.87072C18.9967 9.30106 18.012 8.99623 17.0037 8.99623C15.9955 8.99623 15.0108 9.30106 14.1788 9.87072C13.3469 10.4404 12.7066 11.2482 12.3421 12.1883C11.9775 13.1283 11.9056 14.1566 12.1359 15.1382C12.3662 16.1199 12.8879 17.0089 13.6325 17.6887C12.271 18.277 11.0876 19.2118 10.2 20.4C10.0407 20.612 9.97221 20.8786 10.0095 21.1412C10.0467 21.4037 10.1868 21.6407 10.3988 21.8ZM14 14C14 13.4067 14.1759 12.8266 14.5056 12.3333C14.8352 11.8399 15.3038 11.4554 15.8519 11.2284C16.4001 11.0013 17.0033 10.9419 17.5853 11.0576C18.1672 11.1734 18.7018 11.4591 19.1213 11.8787C19.5409 12.2982 19.8266 12.8328 19.9424 13.4147C20.0581 13.9967 19.9987 14.5999 19.7716 15.1481C19.5446 15.6962 19.1601 16.1648 18.6667 16.4944C18.1734 16.8241 17.5933 17 17 17C16.2044 17 15.4413 16.6839 14.8787 16.1213C14.3161 15.5587 14 14.7956 14 14ZM26 3H8C7.46957 3 6.96086 3.21071 6.58579 3.58579C6.21071 3.96086 6 4.46957 6 5V8H4C3.73478 8 3.48043 8.10536 3.29289 8.29289C3.10536 8.48043 3 8.73478 3 9C3 9.26522 3.10536 9.51957 3.29289 9.70711C3.48043 9.89464 3.73478 10 4 10H6V15H4C3.73478 15 3.48043 15.1054 3.29289 15.2929C3.10536 15.4804 3 15.7348 3 16C3 16.2652 3.10536 16.5196 3.29289 16.7071C3.48043 16.8946 3.73478 17 4 17H6V22H4C3.73478 22 3.48043 22.1054 3.29289 22.2929C3.10536 22.4804 3 22.7348 3 23C3 23.2652 3.10536 23.5196 3.29289 23.7071C3.48043 23.8946 3.73478 24 4 24H6V27C6 27.5304 6.21071 28.0391 6.58579 28.4142C6.96086 28.7893 7.46957 29 8 29H26C26.5304 29 27.0391 28.7893 27.4142 28.4142C27.7893 28.0391 28 27.5304 28 27V5C28 4.46957 27.7893 3.96086 27.4142 3.58579C27.0391 3.21071 26.5304 3 26 3ZM26 27H8V5H26V27Z"
|
|
15
|
+
fill="currentColor"/>
|
|
16
|
+
</svg>
|
|
17
|
+
}
|
|
18
|
+
if (type === 'bold') {
|
|
19
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
20
|
+
<path
|
|
21
|
+
d="M26 2.5H8C7.33696 2.5 6.70107 2.76339 6.23223 3.23223C5.76339 3.70107 5.5 4.33696 5.5 5V7.5H4C3.60218 7.5 3.22064 7.65804 2.93934 7.93934C2.65804 8.22064 2.5 8.60218 2.5 9C2.5 9.39782 2.65804 9.77936 2.93934 10.0607C3.22064 10.342 3.60218 10.5 4 10.5H5.5V14.5H4C3.60218 14.5 3.22064 14.658 2.93934 14.9393C2.65804 15.2206 2.5 15.6022 2.5 16C2.5 16.3978 2.65804 16.7794 2.93934 17.0607C3.22064 17.342 3.60218 17.5 4 17.5H5.5V21.5H4C3.60218 21.5 3.22064 21.658 2.93934 21.9393C2.65804 22.2206 2.5 22.6022 2.5 23C2.5 23.3978 2.65804 23.7794 2.93934 24.0607C3.22064 24.342 3.60218 24.5 4 24.5H5.5V27C5.5 27.663 5.76339 28.2989 6.23223 28.7678C6.70107 29.2366 7.33696 29.5 8 29.5H26C26.663 29.5 27.2989 29.2366 27.7678 28.7678C28.2366 28.2989 28.5 27.663 28.5 27V5C28.5 4.33696 28.2366 3.70107 27.7678 3.23223C27.2989 2.76339 26.663 2.5 26 2.5ZM25.5 26.5H8.5V5.5H25.5V26.5ZM12.6 21.4212C13.1617 20.8154 13.8424 20.3321 14.5995 20.0016C15.3566 19.6711 16.1739 19.5005 17 19.5005C17.8261 19.5005 18.6434 19.6711 19.4005 20.0016C20.1576 20.3321 20.8383 20.8154 21.4 21.4212C21.6705 21.713 22.0459 21.8853 22.4434 21.9003C22.841 21.9153 23.2283 21.7718 23.52 21.5012C23.8117 21.2307 23.9841 20.8554 23.9991 20.4578C24.0141 20.0602 23.8705 19.673 23.6 19.3813C22.9087 18.6386 22.0969 18.0182 21.1987 17.5462C21.876 16.7455 22.3102 15.7678 22.4502 14.7284C22.5901 13.6889 22.43 12.6312 21.9886 11.6798C21.5472 10.7284 20.843 9.92307 19.9591 9.3587C19.0751 8.79432 18.0482 8.49445 16.9994 8.49445C15.9506 8.49445 14.9237 8.79432 14.0397 9.3587C13.1557 9.92307 12.4515 10.7284 12.0101 11.6798C11.5688 12.6312 11.4086 13.6889 11.5486 14.7284C11.6885 15.7678 12.1227 16.7455 12.8 17.5462C11.9025 18.0186 11.0911 18.6389 10.4 19.3813C10.1295 19.673 9.98593 20.0602 10.0009 20.4578C10.0159 20.8554 10.1883 21.2307 10.48 21.5012C10.7717 21.7718 11.159 21.9153 11.5566 21.9003C11.9541 21.8853 12.3295 21.713 12.6 21.4212ZM14.5 14C14.5 13.5055 14.6466 13.0222 14.9213 12.6111C15.196 12.2 15.5865 11.8795 16.0433 11.6903C16.5001 11.5011 17.0028 11.4516 17.4877 11.548C17.9727 11.6445 18.4181 11.8826 18.7678 12.2322C19.1174 12.5819 19.3555 13.0273 19.452 13.5123C19.5484 13.9972 19.4989 14.4999 19.3097 14.9567C19.1205 15.4135 18.8 15.804 18.3889 16.0787C17.9778 16.3534 17.4945 16.5 17 16.5C16.337 16.5 15.7011 16.2366 15.2322 15.7678C14.7634 15.2989 14.5 14.663 14.5 14Z"
|
|
22
|
+
fill="currentColor"/>
|
|
23
|
+
</svg>
|
|
24
|
+
}
|
|
25
|
+
if (type === 'fill') {
|
|
26
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
27
|
+
<path
|
|
28
|
+
d="M20 14C20 14.5933 19.8241 15.1734 19.4944 15.6667C19.1648 16.1601 18.6962 16.5446 18.1481 16.7716C17.5999 16.9987 16.9967 17.0581 16.4147 16.9424C15.8328 16.8266 15.2982 16.5409 14.8787 16.1213C14.4591 15.7018 14.1734 15.1672 14.0576 14.5853C13.9419 14.0033 14.0013 13.4001 14.2284 12.8519C14.4554 12.3038 14.8399 11.8352 15.3333 11.5056C15.8266 11.1759 16.4067 11 17 11C17.7956 11 18.5587 11.3161 19.1213 11.8787C19.6839 12.4413 20 13.2044 20 14ZM28 5V27C28 27.5304 27.7893 28.0391 27.4142 28.4142C27.0391 28.7893 26.5304 29 26 29H8C7.46957 29 6.96086 28.7893 6.58579 28.4142C6.21071 28.0391 6 27.5304 6 27V24H4C3.73478 24 3.48043 23.8946 3.29289 23.7071C3.10536 23.5196 3 23.2652 3 23C3 22.7348 3.10536 22.4804 3.29289 22.2929C3.48043 22.1054 3.73478 22 4 22H6V17H4C3.73478 17 3.48043 16.8946 3.29289 16.7071C3.10536 16.5196 3 16.2652 3 16C3 15.7348 3.10536 15.4804 3.29289 15.2929C3.48043 15.1054 3.73478 15 4 15H6V10H4C3.73478 10 3.48043 9.89464 3.29289 9.70711C3.10536 9.51957 3 9.26522 3 9C3 8.73478 3.10536 8.48043 3.29289 8.29289C3.48043 8.10536 3.73478 8 4 8H6V5C6 4.46957 6.21071 3.96086 6.58579 3.58579C6.96086 3.21071 7.46957 3 8 3H26C26.5304 3 27.0391 3.21071 27.4142 3.58579C27.7893 3.96086 28 4.46957 28 5ZM23.8 20.4C22.9145 19.2128 21.7337 18.2781 20.375 17.6887C21.1196 17.0089 21.6413 16.1199 21.8716 15.1382C22.1019 14.1566 22.03 13.1283 21.6654 12.1883C21.3009 11.2482 20.6606 10.4404 19.8287 9.87072C18.9967 9.30106 18.012 8.99623 17.0037 8.99623C15.9955 8.99623 15.0108 9.30106 14.1788 9.87072C13.3469 10.4404 12.7066 11.2482 12.3421 12.1883C11.9775 13.1283 11.9056 14.1566 12.1359 15.1382C12.3662 16.1199 12.8879 17.0089 13.6325 17.6887C12.271 18.277 11.0876 19.2118 10.2 20.4C10.1212 20.5051 10.0639 20.6246 10.0313 20.7518C9.99869 20.879 9.99148 21.0114 10.0101 21.1414C10.0286 21.2714 10.0726 21.3965 10.1395 21.5095C10.2064 21.6225 10.2949 21.7212 10.4 21.8C10.5051 21.8788 10.6246 21.9361 10.7518 21.9687C10.879 22.0013 11.0114 22.0085 11.1414 21.99C11.2714 21.9714 11.3965 21.9274 11.5095 21.8605C11.6225 21.7936 11.7212 21.7051 11.8 21.6C12.4055 20.7927 13.1906 20.1375 14.0931 19.6862C14.9957 19.2349 15.9909 19 17 19C18.0091 19 19.0043 19.2349 19.9069 19.6862C20.8095 20.1375 21.5945 20.7927 22.2 21.6C22.3591 21.8122 22.596 21.9524 22.8586 21.99C23.1211 22.0275 23.3878 21.9591 23.6 21.8C23.8122 21.6409 23.9524 21.404 23.99 21.1414C24.0275 20.8789 23.9591 20.6122 23.8 20.4Z"
|
|
29
|
+
fill="currentColor"/>
|
|
30
|
+
</svg>
|
|
31
|
+
}
|
|
32
|
+
if (type === 'duotone') {
|
|
33
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
34
|
+
<path opacity="0.2"
|
|
35
|
+
d="M26 4H8C7.73478 4 7.48043 4.10536 7.29289 4.29289C7.10536 4.48043 7 4.73478 7 5V27C7 27.2652 7.10536 27.5196 7.29289 27.7071C7.48043 27.8946 7.73478 28 8 28H26C26.2652 28 26.5196 27.8946 26.7071 27.7071C26.8946 27.5196 27 27.2652 27 27V5C27 4.73478 26.8946 4.48043 26.7071 4.29289C26.5196 4.10536 26.2652 4 26 4ZM17 18C16.2089 18 15.4355 17.7654 14.7777 17.3259C14.1199 16.8864 13.6072 16.2616 13.3045 15.5307C13.0017 14.7998 12.9225 13.9956 13.0769 13.2196C13.2312 12.4437 13.6122 11.731 14.1716 11.1716C14.731 10.6122 15.4437 10.2312 16.2196 10.0769C16.9956 9.92252 17.7998 10.0017 18.5307 10.3045C19.2616 10.6072 19.8864 11.1199 20.3259 11.7777C20.7654 12.4355 21 13.2089 21 14C21 15.0609 20.5786 16.0783 19.8284 16.8284C19.0783 17.5786 18.0609 18 17 18Z"
|
|
36
|
+
fill="currentColor"/>
|
|
37
|
+
<path
|
|
38
|
+
d="M10.3988 21.8C10.5038 21.879 10.6235 21.9365 10.7508 21.9692C10.8782 22.0019 11.0107 22.0091 11.1408 21.9906C11.271 21.972 11.3962 21.9279 11.5093 21.8609C11.6224 21.7939 11.7212 21.7052 11.8 21.6C12.4055 20.7927 13.1906 20.1375 14.0931 19.6862C14.9957 19.2349 15.9909 19 17 19C18.0091 19 19.0043 19.2349 19.9069 19.6862C20.8095 20.1375 21.5945 20.7927 22.2 21.6C22.2788 21.7051 22.3775 21.7936 22.4905 21.8605C22.6035 21.9274 22.7286 21.9714 22.8586 21.99C22.9886 22.0085 23.121 22.0013 23.2482 21.9687C23.3754 21.9361 23.4949 21.8788 23.6 21.8C23.7051 21.7212 23.7936 21.6225 23.8605 21.5095C23.9274 21.3965 23.9714 21.2714 23.99 21.1414C24.0085 21.0114 24.0013 20.879 23.9687 20.7518C23.9361 20.6246 23.8788 20.5051 23.8 20.4C22.9145 19.2128 21.7337 18.2781 20.375 17.6887C21.1196 17.0089 21.6413 16.1199 21.8716 15.1382C22.1019 14.1566 22.03 13.1283 21.6654 12.1883C21.3009 11.2482 20.6606 10.4404 19.8287 9.87072C18.9967 9.30106 18.012 8.99623 17.0037 8.99623C15.9955 8.99623 15.0108 9.30106 14.1788 9.87072C13.3469 10.4404 12.7066 11.2482 12.3421 12.1883C11.9775 13.1283 11.9056 14.1566 12.1359 15.1382C12.3662 16.1199 12.8879 17.0089 13.6325 17.6887C12.271 18.277 11.0876 19.2118 10.2 20.4C10.0407 20.612 9.97221 20.8786 10.0095 21.1412C10.0467 21.4037 10.1868 21.6407 10.3988 21.8ZM14 14C14 13.4067 14.1759 12.8266 14.5056 12.3333C14.8352 11.8399 15.3038 11.4554 15.8519 11.2284C16.4001 11.0013 17.0033 10.9419 17.5853 11.0576C18.1672 11.1734 18.7018 11.4591 19.1213 11.8787C19.5409 12.2982 19.8266 12.8328 19.9424 13.4147C20.0581 13.9967 19.9987 14.5999 19.7716 15.1481C19.5446 15.6962 19.1601 16.1648 18.6667 16.4944C18.1734 16.8241 17.5933 17 17 17C16.2044 17 15.4413 16.6839 14.8787 16.1213C14.3161 15.5587 14 14.7956 14 14ZM26 3H8C7.46957 3 6.96086 3.21071 6.58579 3.58579C6.21071 3.96086 6 4.46957 6 5V8H4C3.73478 8 3.48043 8.10536 3.29289 8.29289C3.10536 8.48043 3 8.73478 3 9C3 9.26522 3.10536 9.51957 3.29289 9.70711C3.48043 9.89464 3.73478 10 4 10H6V15H4C3.73478 15 3.48043 15.1054 3.29289 15.2929C3.10536 15.4804 3 15.7348 3 16C3 16.2652 3.10536 16.5196 3.29289 16.7071C3.48043 16.8946 3.73478 17 4 17H6V22H4C3.73478 22 3.48043 22.1054 3.29289 22.2929C3.10536 22.4804 3 22.7348 3 23C3 23.2652 3.10536 23.5196 3.29289 23.7071C3.48043 23.8946 3.73478 24 4 24H6V27C6 27.5304 6.21071 28.0391 6.58579 28.4142C6.96086 28.7893 7.46957 29 8 29H26C26.5304 29 27.0391 28.7893 27.4142 28.4142C27.7893 28.0391 28 27.5304 28 27V5C28 4.46957 27.7893 3.96086 27.4142 3.58579C27.0391 3.21071 26.5304 3 26 3ZM26 27H8V5H26V27Z"
|
|
39
|
+
fill="currentColor"/>
|
|
40
|
+
</svg>
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
44
|
+
<path
|
|
45
|
+
d="M19.8888 17.7663C20.6768 17.1625 21.2559 16.3269 21.5447 15.3771C21.8334 14.4272 21.8173 13.4107 21.4985 12.4705C21.1797 11.5303 20.5744 10.7136 19.7675 10.1351C18.9606 9.5567 17.9928 9.24562 17 9.24562C16.0072 9.24562 15.0394 9.5567 14.2325 10.1351C13.4256 10.7136 12.8203 11.5303 12.5015 12.4705C12.1827 13.4107 12.1666 14.4272 12.4553 15.3771C12.7441 16.3269 13.3232 17.1625 14.1112 17.7663C12.6325 18.3185 11.3441 19.2849 10.4 20.55C10.2807 20.7091 10.2294 20.9092 10.2575 21.1061C10.2857 21.303 10.3909 21.4807 10.55 21.6C10.7091 21.7193 10.9092 21.7706 11.1061 21.7425C11.303 21.7143 11.4807 21.6091 11.6 21.45C12.2287 20.6117 13.044 19.9313 13.9813 19.4626C14.9186 18.994 15.9521 18.75 17 18.75C18.0479 18.75 19.0814 18.994 20.0187 19.4626C20.956 19.9313 21.7713 20.6117 22.4 21.45C22.5193 21.6091 22.697 21.7143 22.8939 21.7425C23.0908 21.7706 23.2909 21.7193 23.45 21.6C23.6091 21.4807 23.7143 21.303 23.7425 21.1061C23.7706 20.9092 23.7193 20.7091 23.6 20.55C22.6559 19.2849 21.3675 18.3185 19.8888 17.7663ZM13.75 14C13.75 13.3572 13.9406 12.7289 14.2977 12.1944C14.6548 11.6599 15.1624 11.2434 15.7563 10.9974C16.3501 10.7514 17.0036 10.687 17.634 10.8124C18.2645 10.9378 18.8436 11.2474 19.2981 11.7019C19.7526 12.1564 20.0621 12.7355 20.1876 13.366C20.313 13.9964 20.2486 14.6499 20.0026 15.2437C19.7566 15.8376 19.3401 16.3452 18.8056 16.7023C18.2711 17.0594 17.6428 17.25 17 17.25C16.138 17.25 15.3114 16.9076 14.7019 16.2981C14.0924 15.6886 13.75 14.862 13.75 14ZM26 3.25H8C7.53587 3.25 7.09075 3.43437 6.76256 3.76256C6.43437 4.09075 6.25 4.53587 6.25 5V8.25H4C3.80109 8.25 3.61032 8.32902 3.46967 8.46967C3.32902 8.61032 3.25 8.80109 3.25 9C3.25 9.19891 3.32902 9.38968 3.46967 9.53033C3.61032 9.67098 3.80109 9.75 4 9.75H6.25V15.25H4C3.80109 15.25 3.61032 15.329 3.46967 15.4697C3.32902 15.6103 3.25 15.8011 3.25 16C3.25 16.1989 3.32902 16.3897 3.46967 16.5303C3.61032 16.671 3.80109 16.75 4 16.75H6.25V22.25H4C3.80109 22.25 3.61032 22.329 3.46967 22.4697C3.32902 22.6103 3.25 22.8011 3.25 23C3.25 23.1989 3.32902 23.3897 3.46967 23.5303C3.61032 23.671 3.80109 23.75 4 23.75H6.25V27C6.25 27.4641 6.43437 27.9092 6.76256 28.2374C7.09075 28.5656 7.53587 28.75 8 28.75H26C26.4641 28.75 26.9092 28.5656 27.2374 28.2374C27.5656 27.9092 27.75 27.4641 27.75 27V5C27.75 4.53587 27.5656 4.09075 27.2374 3.76256C26.9092 3.43437 26.4641 3.25 26 3.25ZM26.25 27C26.25 27.0663 26.2237 27.1299 26.1768 27.1768C26.1299 27.2237 26.0663 27.25 26 27.25H8C7.9337 27.25 7.87011 27.2237 7.82322 27.1768C7.77634 27.1299 7.75 27.0663 7.75 27V5C7.75 4.9337 7.77634 4.87011 7.82322 4.82322C7.87011 4.77634 7.9337 4.75 8 4.75H26C26.0663 4.75 26.1299 4.77634 26.1768 4.82322C26.2237 4.87011 26.25 4.9337 26.25 5V27Z"
|
|
46
|
+
fill="currentColor"/>
|
|
47
|
+
</svg>
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export default AddressBook;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
import Asterisk from './Asterisk.tsx';
|
|
4
|
+
|
|
5
|
+
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
|
|
6
|
+
const meta = {
|
|
7
|
+
title: 'Design Token/Icons/Communication/Asterick',
|
|
8
|
+
component: Asterisk ,
|
|
9
|
+
parameters: {
|
|
10
|
+
layout: 'centered',
|
|
11
|
+
},
|
|
12
|
+
argTypes: {
|
|
13
|
+
type: {
|
|
14
|
+
options: ["light" , "bold" , "fill" , "duotone" , "regular" , "thin"],
|
|
15
|
+
control: { type: 'select' },
|
|
16
|
+
},
|
|
17
|
+
},
|
|
18
|
+
tags: ['autodocs'],
|
|
19
|
+
} satisfies Meta<typeof Asterisk >;
|
|
20
|
+
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof Asterisk>;
|
|
23
|
+
|
|
24
|
+
export const Icon: Story = {
|
|
25
|
+
args: {
|
|
26
|
+
type:'light'
|
|
27
|
+
},
|
|
28
|
+
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const Asterisk = ({type = 'light'}: IconProps) => {
|
|
4
|
+
|
|
5
|
+
if (type === 'thin') {
|
|
6
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
7
|
+
<path
|
|
8
|
+
d="M26.4289 22.2575C26.3951 22.3138 26.3505 22.3629 26.2977 22.402C26.2449 22.4411 26.185 22.4694 26.1212 22.4853C26.0575 22.5012 25.9913 22.5044 25.9263 22.4947C25.8613 22.485 25.7989 22.4626 25.7426 22.4287L16.5001 16.8825V27C16.5001 27.1326 16.4475 27.2598 16.3537 27.3536C16.2599 27.4473 16.1327 27.5 16.0001 27.5C15.8675 27.5 15.7403 27.4473 15.6466 27.3536C15.5528 27.2598 15.5001 27.1326 15.5001 27V16.8825L6.25763 22.4287C6.20133 22.4626 6.13892 22.485 6.07396 22.4947C6.009 22.5043 5.94277 22.5012 5.87904 22.4853C5.75035 22.4531 5.63968 22.3712 5.57138 22.2575C5.50309 22.1438 5.48277 22.0076 5.51488 21.8789C5.547 21.7502 5.62892 21.6395 5.74263 21.5713L15.0276 16L5.74263 10.4288C5.68633 10.3949 5.63724 10.3504 5.59816 10.2976C5.55908 10.2448 5.53078 10.1848 5.51488 10.1211C5.48277 9.99239 5.50309 9.85621 5.57138 9.7425C5.6052 9.6862 5.64977 9.6371 5.70256 9.59803C5.75535 9.55895 5.81532 9.53065 5.87904 9.51475C6.00774 9.48263 6.14392 9.50296 6.25763 9.57125L15.5001 15.1175V5C15.5001 4.86739 15.5528 4.74021 15.6466 4.64645C15.7403 4.55268 15.8675 4.5 16.0001 4.5C16.1327 4.5 16.2599 4.55268 16.3537 4.64645C16.4475 4.74021 16.5001 4.86739 16.5001 5V15.1175L25.7426 9.57125C25.7989 9.53743 25.8614 9.51504 25.9263 9.50535C25.9913 9.49565 26.0575 9.49885 26.1212 9.51475C26.1849 9.53065 26.2449 9.55895 26.2977 9.59803C26.3505 9.6371 26.3951 9.6862 26.4289 9.7425C26.4627 9.7988 26.4851 9.86122 26.4948 9.92618C26.5045 9.99114 26.5013 10.0574 26.4854 10.1211C26.4695 10.1848 26.4412 10.2448 26.4021 10.2976C26.363 10.3504 26.3139 10.3949 26.2576 10.4288L16.9726 16L26.2576 21.5713C26.314 21.6051 26.3631 21.6496 26.4021 21.7024C26.4412 21.7552 26.4695 21.8152 26.4854 21.8789C26.5013 21.9426 26.5045 22.0089 26.4948 22.0738C26.4851 22.1388 26.4627 22.2012 26.4289 22.2575Z"
|
|
9
|
+
fill="currentColor"/>
|
|
10
|
+
</svg>
|
|
11
|
+
}
|
|
12
|
+
if (type === 'regular') {
|
|
13
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
14
|
+
<path
|
|
15
|
+
d="M26.8581 22.515C26.7905 22.628 26.7013 22.7265 26.5955 22.8049C26.4897 22.8833 26.3695 22.94 26.2418 22.9718C26.114 23.0036 25.9812 23.0099 25.8511 22.9903C25.7209 22.9707 25.5958 22.9256 25.4831 22.8575L17.0006 17.7663V27C17.0006 27.2652 16.8953 27.5196 16.7078 27.7071C16.5202 27.8946 16.2659 28 16.0006 28C15.7354 28 15.4811 27.8946 15.2935 27.7071C15.106 27.5196 15.0006 27.2652 15.0006 27V17.7663L6.51564 22.8575C6.40299 22.9267 6.27773 22.9729 6.14712 22.9934C6.0165 23.0139 5.88312 23.0082 5.75469 22.9768C5.62626 22.9454 5.50533 22.8889 5.3989 22.8104C5.29247 22.732 5.20265 22.6332 5.13464 22.5198C5.06663 22.4065 5.02178 22.2807 5.00268 22.1499C4.98358 22.0191 4.99061 21.8858 5.02337 21.7577C5.05613 21.6296 5.11396 21.5093 5.19352 21.4037C5.27309 21.2981 5.3728 21.2093 5.48689 21.1425L14.0569 16L5.48689 10.8575C5.3728 10.7907 5.27309 10.7019 5.19352 10.5963C5.11396 10.4907 5.05613 10.3704 5.02337 10.2423C4.99061 10.1142 4.98358 9.98092 5.00268 9.85009C5.02178 9.71927 5.06663 9.59353 5.13464 9.48015C5.20265 9.36677 5.29247 9.268 5.3989 9.18956C5.50533 9.11112 5.62626 9.05457 5.75469 9.02317C5.88312 8.99177 6.0165 8.98614 6.14712 9.00663C6.27773 9.02711 6.40299 9.07329 6.51564 9.1425L15.0006 14.2338V5C15.0006 4.73478 15.106 4.48043 15.2935 4.29289C15.4811 4.10536 15.7354 4 16.0006 4C16.2659 4 16.5202 4.10536 16.7078 4.29289C16.8953 4.48043 17.0006 4.73478 17.0006 5V14.2338L25.4856 9.1425C25.5983 9.07329 25.7236 9.02711 25.8542 9.00663C25.9848 8.98614 26.1182 8.99177 26.2466 9.02317C26.375 9.05457 26.496 9.11112 26.6024 9.18956C26.7088 9.268 26.7986 9.36677 26.8666 9.48015C26.9347 9.59353 26.9795 9.71927 26.9986 9.85009C27.0177 9.98092 27.0107 10.1142 26.9779 10.2423C26.9452 10.3704 26.8873 10.4907 26.8078 10.5963C26.7282 10.7019 26.6285 10.7907 26.5144 10.8575L17.9444 16L26.5144 21.1425C26.6271 21.21 26.7255 21.2991 26.8038 21.4046C26.8821 21.5101 26.9388 21.63 26.9707 21.7575C27.0026 21.885 27.0091 22.0175 26.9898 22.1475C26.9705 22.2774 26.9258 22.4023 26.8581 22.515Z"
|
|
16
|
+
fill="currentColor"/>
|
|
17
|
+
</svg>
|
|
18
|
+
}
|
|
19
|
+
if (type === 'bold') {
|
|
20
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
21
|
+
<path
|
|
22
|
+
d="M27.2857 22.7712C27.1844 22.9403 27.0508 23.0877 26.8925 23.2051C26.7341 23.3225 26.5542 23.4076 26.3631 23.4554C26.1719 23.5032 25.9731 23.5129 25.7782 23.4839C25.5832 23.4548 25.3959 23.3877 25.227 23.2862L17.4995 18.6488V27C17.4995 27.3978 17.3414 27.7794 17.0601 28.0607C16.7788 28.342 16.3973 28.5 15.9995 28.5C15.6016 28.5 15.2201 28.342 14.9388 28.0607C14.6575 27.7794 14.4995 27.3978 14.4995 27V18.6488L6.77196 23.2862C6.60304 23.3876 6.41582 23.4547 6.22097 23.4837C6.02613 23.5127 5.82748 23.5031 5.63636 23.4553C5.44525 23.4076 5.26541 23.3226 5.10712 23.2053C4.94884 23.0881 4.8152 22.9408 4.71383 22.7719C4.50912 22.4307 4.4483 22.0223 4.54477 21.6363C4.64123 21.2503 4.88707 20.9185 5.22821 20.7138L13.0845 16L5.22821 11.2863C4.88707 11.0815 4.64123 10.7497 4.54477 10.3637C4.4483 9.97774 4.50912 9.56926 4.71383 9.22812C4.91855 8.88699 5.25039 8.64115 5.63636 8.54469C6.02234 8.44822 6.43082 8.50904 6.77196 8.71375L14.4995 13.3512V5C14.4995 4.60218 14.6575 4.22064 14.9388 3.93934C15.2201 3.65804 15.6016 3.5 15.9995 3.5C16.3973 3.5 16.7788 3.65804 17.0601 3.93934C17.3414 4.22064 17.4995 4.60218 17.4995 5V13.3512L25.227 8.71375C25.3959 8.61239 25.5831 8.54528 25.7779 8.51628C25.9728 8.48727 26.1714 8.49692 26.3625 8.54469C26.5537 8.59245 26.7335 8.67739 26.8918 8.79465C27.0501 8.91192 27.1837 9.05921 27.2851 9.22812C27.3864 9.39704 27.4535 9.58426 27.4826 9.77911C27.5116 9.97395 27.5019 10.1726 27.4541 10.3637C27.4064 10.5548 27.3214 10.7347 27.2042 10.893C27.0869 11.0512 26.9396 11.1849 26.7707 11.2863L18.9145 16L26.7707 20.7138C27.1118 20.9183 27.3577 21.25 27.4542 21.6359C27.5508 22.0217 27.4902 22.4301 27.2857 22.7712Z"
|
|
23
|
+
fill="currentColor"/>
|
|
24
|
+
</svg>
|
|
25
|
+
}
|
|
26
|
+
if (type === 'fill') {
|
|
27
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
28
|
+
<path
|
|
29
|
+
d="M16 3C13.4288 3 10.9154 3.76244 8.77759 5.1909C6.63975 6.61935 4.97351 8.64968 3.98957 11.0251C3.00563 13.4006 2.74819 16.0144 3.2498 18.5362C3.75141 21.0579 4.98953 23.3743 6.80762 25.1924C8.6257 27.0105 10.9421 28.2486 13.4638 28.7502C15.9856 29.2518 18.5995 28.9944 20.9749 28.0104C23.3503 27.0265 25.3807 25.3603 26.8091 23.2224C28.2376 21.0846 29 18.5712 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM24.015 19.6425C24.2424 19.7791 24.4063 20.0004 24.4705 20.2578C24.5347 20.5152 24.4941 20.7876 24.3575 21.015C24.2209 21.2424 23.9996 21.4063 23.7422 21.4705C23.4848 21.5347 23.2124 21.4941 22.985 21.3575L17 17.7663V24.25C17 24.5152 16.8946 24.7696 16.7071 24.9571C16.5196 25.1446 16.2652 25.25 16 25.25C15.7348 25.25 15.4804 25.1446 15.2929 24.9571C15.1054 24.7696 15 24.5152 15 24.25V17.7663L9.01501 21.3575C8.78758 21.4941 8.51522 21.5347 8.25782 21.4705C8.00043 21.4063 7.77909 21.2424 7.64251 21.015C7.50592 20.7876 7.46527 20.5152 7.5295 20.2578C7.59373 20.0004 7.75758 19.7791 7.98501 19.6425L14.0563 16L7.98501 12.3575C7.75758 12.2209 7.59373 11.9996 7.5295 11.7422C7.46527 11.4848 7.50592 11.2124 7.64251 10.985C7.77909 10.7576 8.00043 10.5937 8.25782 10.5295C8.51522 10.4653 8.78758 10.5059 9.01501 10.6425L15 14.2338V7.75C15 7.48478 15.1054 7.23043 15.2929 7.04289C15.4804 6.85536 15.7348 6.75 16 6.75C16.2652 6.75 16.5196 6.85536 16.7071 7.04289C16.8946 7.23043 17 7.48478 17 7.75V14.2338L22.985 10.6425C23.0976 10.5749 23.2224 10.5301 23.3524 10.5107C23.4823 10.4913 23.6147 10.4977 23.7422 10.5295C23.8696 10.5613 23.9896 10.6179 24.0951 10.6961C24.2007 10.7742 24.2899 10.8724 24.3575 10.985C24.4251 11.0976 24.4699 11.2224 24.4893 11.3524C24.5087 11.4823 24.5023 11.6147 24.4705 11.7422C24.4387 11.8696 24.3821 11.9896 24.304 12.0951C24.2258 12.2007 24.1276 12.2899 24.015 12.3575L17.9438 16L24.015 19.6425Z"
|
|
30
|
+
fill="currentColor"/>
|
|
31
|
+
</svg>
|
|
32
|
+
}
|
|
33
|
+
if (type === 'duotone') {
|
|
34
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
35
|
+
<path opacity="0.2"
|
|
36
|
+
d="M25 16C25 17.78 24.4722 19.5201 23.4832 21.0001C22.4943 22.4802 21.0887 23.6337 19.4442 24.3149C17.7996 24.9961 15.99 25.1743 14.2442 24.8271C12.4984 24.4798 10.8947 23.6226 9.63604 22.364C8.37737 21.1053 7.5202 19.5016 7.17294 17.7558C6.82567 16.01 7.0039 14.2004 7.68509 12.5558C8.36628 10.9113 9.51983 9.50571 10.9999 8.51677C12.4799 7.52784 14.22 7 16 7C18.387 7 20.6761 7.94821 22.364 9.63604C24.0518 11.3239 25 13.6131 25 16Z"
|
|
37
|
+
fill="currentColor"/>
|
|
38
|
+
<path
|
|
39
|
+
d="M26.8581 22.515C26.7905 22.628 26.7013 22.7265 26.5955 22.8049C26.4897 22.8833 26.3695 22.94 26.2418 22.9718C26.114 23.0036 25.9812 23.0099 25.8511 22.9903C25.7209 22.9707 25.5958 22.9256 25.4831 22.8575L17.0006 17.7663V27C17.0006 27.2652 16.8953 27.5196 16.7078 27.7071C16.5202 27.8946 16.2659 28 16.0006 28C15.7354 28 15.4811 27.8946 15.2935 27.7071C15.106 27.5196 15.0006 27.2652 15.0006 27V17.7663L6.51564 22.8575C6.40299 22.9267 6.27773 22.9729 6.14712 22.9934C6.0165 23.0139 5.88312 23.0082 5.75469 22.9768C5.62626 22.9454 5.50533 22.8889 5.3989 22.8104C5.29247 22.732 5.20265 22.6332 5.13464 22.5198C5.06663 22.4065 5.02178 22.2807 5.00268 22.1499C4.98358 22.0191 4.99061 21.8858 5.02337 21.7577C5.05613 21.6296 5.11396 21.5093 5.19352 21.4037C5.27309 21.2981 5.3728 21.2093 5.48689 21.1425L14.0569 16L5.48689 10.8575C5.3728 10.7907 5.27309 10.7019 5.19352 10.5963C5.11396 10.4907 5.05613 10.3704 5.02337 10.2423C4.99061 10.1142 4.98358 9.98092 5.00268 9.85009C5.02178 9.71927 5.06663 9.59353 5.13464 9.48015C5.20265 9.36677 5.29247 9.268 5.3989 9.18956C5.50533 9.11112 5.62626 9.05457 5.75469 9.02317C5.88312 8.99177 6.0165 8.98614 6.14712 9.00663C6.27773 9.02711 6.40299 9.07329 6.51564 9.1425L15.0006 14.2338V5C15.0006 4.73478 15.106 4.48043 15.2935 4.29289C15.4811 4.10536 15.7354 4 16.0006 4C16.2659 4 16.5202 4.10536 16.7078 4.29289C16.8953 4.48043 17.0006 4.73478 17.0006 5V14.2338L25.4856 9.1425C25.5983 9.07329 25.7236 9.02711 25.8542 9.00663C25.9848 8.98614 26.1182 8.99177 26.2466 9.02317C26.375 9.05457 26.496 9.11112 26.6024 9.18956C26.7088 9.268 26.7986 9.36677 26.8666 9.48015C26.9347 9.59353 26.9795 9.71927 26.9986 9.85009C27.0177 9.98092 27.0107 10.1142 26.9779 10.2423C26.9452 10.3704 26.8873 10.4907 26.8078 10.5963C26.7282 10.7019 26.6285 10.7907 26.5144 10.8575L17.9444 16L26.5144 21.1425C26.6271 21.21 26.7255 21.2991 26.8038 21.4046C26.8821 21.5101 26.9388 21.63 26.9707 21.7575C27.0026 21.885 27.0091 22.0175 26.9898 22.1475C26.9705 22.2774 26.9258 22.4023 26.8581 22.515Z"
|
|
40
|
+
fill="currentColor"/>
|
|
41
|
+
</svg>
|
|
42
|
+
}
|
|
43
|
+
return <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32" fill="none">
|
|
44
|
+
<path
|
|
45
|
+
d="M26.6432 22.3862C26.5409 22.5568 26.3751 22.6797 26.1822 22.728C25.9893 22.7763 25.7851 22.746 25.6145 22.6437L16.7507 17.325V27C16.7507 27.1989 16.6717 27.3897 16.5311 27.5303C16.3904 27.671 16.1996 27.75 16.0007 27.75C15.8018 27.75 15.6111 27.671 15.4704 27.5303C15.3298 27.3897 15.2507 27.1989 15.2507 27V17.325L6.38699 22.6437C6.27008 22.7131 6.13668 22.7498 6.00074 22.75C5.83638 22.7506 5.67638 22.6972 5.54534 22.598C5.4143 22.4988 5.31948 22.3593 5.27546 22.2009C5.23143 22.0426 5.24064 21.8741 5.30167 21.7215C5.36269 21.5689 5.47216 21.4406 5.61324 21.3563L14.5432 16L5.61449 10.6438C5.44375 10.5413 5.32071 10.3752 5.27242 10.1821C5.22413 9.98892 5.25455 9.78448 5.35699 9.61375C5.45943 9.44302 5.62549 9.31997 5.81866 9.27168C6.01182 9.22339 6.21625 9.25381 6.38699 9.35625L15.2507 14.675V5C15.2507 4.80109 15.3298 4.61032 15.4704 4.46967C15.6111 4.32902 15.8018 4.25 16.0007 4.25C16.1996 4.25 16.3904 4.32902 16.5311 4.46967C16.6717 4.61032 16.7507 4.80109 16.7507 5V14.675L25.6145 9.35625C25.7852 9.25381 25.9897 9.22339 26.1828 9.27168C26.376 9.31997 26.542 9.44302 26.6445 9.61375C26.7469 9.78448 26.7773 9.98892 26.7291 10.1821C26.6808 10.3752 26.5577 10.5413 26.387 10.6438L17.4582 16L26.387 21.3563C26.4715 21.407 26.5452 21.4739 26.6038 21.5532C26.6624 21.6324 26.7048 21.7225 26.7286 21.8181C26.7524 21.9138 26.7571 22.0132 26.7425 22.1107C26.7278 22.2082 26.6941 22.3018 26.6432 22.3862Z"
|
|
46
|
+
fill="currentColor"/>
|
|
47
|
+
</svg>
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
export default Asterisk;
|