@hellobetterdigitalnz/betterui 0.0.0 → 0.0.2
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/README.md +23 -30
- package/package.json +48 -45
- package/src/App.tsx +30 -30
- package/src/Components/DataDisplay/Accordion/Accordion.stories.tsx +57 -57
- package/src/Components/DataDisplay/Accordion/Accordion.tsx +14 -14
- package/src/Components/DataDisplay/Accordion/AccordionContext.tsx +11 -11
- package/src/Components/DataDisplay/Accordion/AccordionContextInterface.tsx +8 -8
- package/src/Components/DataDisplay/Accordion/AccordionItem.tsx +62 -62
- package/src/Components/DataDisplay/Accordion/AccordionItemProps.tsx +12 -12
- package/src/Components/DataDisplay/Accordion/AccordionProps.tsx +8 -8
- package/src/Components/DataDisplay/Accordion/AccordionProvider.tsx +65 -65
- package/src/Components/DataDisplay/Accordion/AccordionProviderInterface.tsx +8 -8
- package/src/Components/DataDisplay/Accordion/accordion.module.scss +56 -56
- package/src/Components/DataDisplay/Badge/Badge.stories.tsx +44 -44
- package/src/Components/DataDisplay/Badge/Badge.tsx +32 -32
- package/src/Components/DataDisplay/Badge/BadgeProps.tsx +6 -6
- package/src/Components/DataDisplay/Badge/badge.module.scss +42 -42
- package/src/Components/DataDisplay/Cards/BannerCard/BannerCard.stories.tsx +26 -26
- package/src/Components/DataDisplay/Cards/BannerCard/BannerCard.tsx +47 -47
- package/src/Components/DataDisplay/Cards/BannerCard/BannerCardInterface.tsx +15 -15
- package/src/Components/DataDisplay/Cards/BannerCard/banner-card.scss +54 -54
- package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCard.stories.tsx +31 -31
- package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCard.tsx +53 -53
- package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCardInterface.tsx +17 -17
- package/src/Components/DataDisplay/Cards/PathwayCard/pathway-card-stories.scss +3 -3
- package/src/Components/DataDisplay/Cards/PathwayCard/pathway-card.scss +62 -62
- package/src/Components/DataDisplay/Media/Media.stories.tsx +30 -0
- package/src/Components/DataDisplay/Media/Media.tsx +28 -7
- package/src/Components/DataDisplay/Media/media.module.scss +8 -0
- package/src/Components/DataDisplay/Modal/Modal.stories.tsx +27 -0
- package/src/Components/DataDisplay/Modal/Modal.tsx +16 -5
- package/src/Components/DataDisplay/Modal/ModalActions.tsx +5 -5
- package/src/Components/DataDisplay/Modal/ModalActionsLeft.tsx +5 -5
- package/src/Components/DataDisplay/Modal/ModalActionsRight.tsx +5 -5
- package/src/Components/DataDisplay/Modal/ModalBody.tsx +15 -5
- package/src/Components/DataDisplay/Modal/ModalBodyProps.tsx +7 -0
- package/src/Components/DataDisplay/Modal/ModalCurtain.tsx +5 -5
- package/src/Components/DataDisplay/Modal/ModalHeader.tsx +32 -5
- package/src/Components/DataDisplay/Modal/ModalHeaderProps.tsx +8 -0
- package/src/Components/DataDisplay/Modal/ModalProps.tsx +8 -0
- package/src/Components/DataDisplay/Modal/modal.module.scss +58 -0
- package/src/Components/DataDisplay/NotificationsBell/NotificationBell.stories.tsx +27 -27
- package/src/Components/DataDisplay/NotificationsBell/NotificationsBell.tsx +51 -51
- package/src/Components/DataDisplay/NotificationsBell/notificationBell.module.scss +47 -47
- package/src/Components/DataDisplay/NotificationsPanel/Notification.stories.tsx +128 -128
- package/src/Components/DataDisplay/NotificationsPanel/Notification.tsx +59 -59
- package/src/Components/DataDisplay/NotificationsPanel/NotificationProps.tsx +11 -11
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroup.tsx +17 -17
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroupProps.tsx +8 -8
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroups.tsx +42 -42
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroupsProps.tsx +7 -7
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsHeader.tsx +27 -27
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsHeaderProps.tsx +7 -9
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsNone.tsx +11 -11
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsPanel.tsx +8 -8
- package/src/Components/DataDisplay/NotificationsPanel/NotificationsPanelProps.tsx +6 -6
- package/src/Components/DataDisplay/NotificationsPanel/notificationPanel.module.scss +196 -196
- package/src/Components/DataDisplay/Tab/Tab.stories.tsx +72 -72
- package/src/Components/DataDisplay/Tab/Tab.tsx +20 -20
- package/src/Components/DataDisplay/Tab/TabBody.tsx +6 -6
- package/src/Components/DataDisplay/Tab/TabBodyContent.tsx +15 -15
- package/src/Components/DataDisplay/Tab/TabBodyContentProps.tsx +9 -9
- package/src/Components/DataDisplay/Tab/TabBodyProps.tsx +8 -8
- package/src/Components/DataDisplay/Tab/TabContext.tsx +9 -9
- package/src/Components/DataDisplay/Tab/TabContextProps.tsx +6 -6
- package/src/Components/DataDisplay/Tab/TabNav.tsx +6 -6
- package/src/Components/DataDisplay/Tab/TabNavItem.tsx +49 -49
- package/src/Components/DataDisplay/Tab/TabNavItemProps.tsx +9 -9
- package/src/Components/DataDisplay/Tab/TabNavProps.tsx +8 -8
- package/src/Components/DataDisplay/Tab/TabProps.tsx +8 -8
- package/src/Components/DataDisplay/Tab/tab.module.scss +35 -35
- package/src/Components/DataDisplay/Tab/tab.stories.scss +3 -3
- package/src/Components/DataDisplay/Table/Table.stories.tsx +64 -64
- package/src/Components/DataDisplay/Table/Table.tsx +10 -10
- package/src/Components/DataDisplay/Table/TableBody.tsx +13 -13
- package/src/Components/DataDisplay/Table/TableBodyProps.tsx +8 -8
- package/src/Components/DataDisplay/Table/TableCell.tsx +30 -30
- package/src/Components/DataDisplay/Table/TableCellAction.tsx +27 -27
- package/src/Components/DataDisplay/Table/TableCellActionProps.tsx +11 -11
- package/src/Components/DataDisplay/Table/TableCellProps.tsx +11 -11
- package/src/Components/DataDisplay/Table/TableCellWithDesc.tsx +21 -21
- package/src/Components/DataDisplay/Table/TableCellWithDescProps.tsx +9 -9
- package/src/Components/DataDisplay/Table/TableCellWithImage.tsx +39 -39
- package/src/Components/DataDisplay/Table/TableCellWithImageProps.tsx +10 -10
- package/src/Components/DataDisplay/Table/TableFooter.tsx +5 -5
- package/src/Components/DataDisplay/Table/TableHead.tsx +11 -11
- package/src/Components/DataDisplay/Table/TableHeadProps.tsx +8 -8
- package/src/Components/DataDisplay/Table/TableHeaderCell.tsx +17 -17
- package/src/Components/DataDisplay/Table/TableHeaderCellProps.tsx +10 -10
- package/src/Components/DataDisplay/Table/TableProps.tsx +8 -8
- package/src/Components/DataDisplay/Table/TableRow.tsx +9 -9
- package/src/Components/DataDisplay/Table/TableRowProps.tsx +8 -8
- package/src/Components/DataDisplay/Table/table.module.scss +103 -103
- package/src/Components/Form/Button/Button.stories.tsx +66 -66
- package/src/Components/Form/Button/Button.tsx +64 -64
- package/src/Components/Form/Button/ButtonProps.tsx +18 -18
- package/src/Components/Form/Button/button.module.scss +142 -142
- package/src/Components/Form/Checkbox/Checkbox.stories.tsx +49 -49
- package/src/Components/Form/Checkbox/Checkbox.tsx +85 -85
- package/src/Components/Form/Checkbox/CheckboxProps.tsx +22 -22
- package/src/Components/Form/Checkbox/checkbox.module.scss +63 -63
- package/src/Components/Form/CheckboxSelect/CheckboxSelect.tsx +5 -5
- package/src/Components/Form/CheckboxSelect/CheckboxSelectItem.tsx +5 -5
- package/src/Components/Form/CheckboxSet/CheckboxSet.stories.tsx +93 -93
- package/src/Components/Form/CheckboxSet/CheckboxSet.tsx +14 -14
- package/src/Components/Form/CheckboxSet/CheckboxSetItem.tsx +88 -88
- package/src/Components/Form/CheckboxSet/CheckboxSetProps.tsx +9 -9
- package/src/Components/Form/CheckboxSet/checkboxSet.module.scss +13 -13
- package/src/Components/Form/CurrencyField/CurrenctField.stories.tsx +22 -22
- package/src/Components/Form/CurrencyField/CurrencyField.tsx +59 -59
- package/src/Components/Form/CurrencyField/CurrencyFieldProps.tsx +8 -8
- package/src/Components/Form/DateField/DateField.stories.tsx +22 -22
- package/src/Components/Form/DateField/DateField.tsx +58 -58
- package/src/Components/Form/DropdownBadge/DropdownBadge.stories.tsx +49 -49
- package/src/Components/Form/DropdownBadge/DropdownBadge.tsx +160 -160
- package/src/Components/Form/DropdownBadge/DropdownBadgeItem.tsx +40 -40
- package/src/Components/Form/DropdownBadge/DropdownBadgeItemProps.tsx +10 -10
- package/src/Components/Form/DropdownBadge/DropdownBadgeProps.tsx +31 -31
- package/src/Components/Form/DropdownBadge/DropdownBadgeSelector.tsx +11 -11
- package/src/Components/Form/DropdownBadge/DropdownBadgeSelectorProps.tsx +7 -7
- package/src/Components/Form/DropdownBadge/dropdownBadge.module.scss +105 -105
- package/src/Components/Form/DropdownField/DropdownField.stories.tsx +50 -50
- package/src/Components/Form/DropdownField/DropdownField.tsx +118 -118
- package/src/Components/Form/DropdownField/DropdownFieldItem.tsx +26 -26
- package/src/Components/Form/DropdownField/DropdownFieldItemProps.tsx +9 -9
- package/src/Components/Form/DropdownField/DropdownFieldProps.tsx +33 -33
- package/src/Components/Form/DropdownField/DropdownFieldSelector.tsx +15 -15
- package/src/Components/Form/DropdownField/DropdownFieldSelectorProps.tsx +7 -7
- package/src/Components/Form/DropdownField/dropdown.module.scss +79 -79
- package/src/Components/Form/EmailField/EmailField.stories.ts +23 -23
- package/src/Components/Form/EmailField/EmailField.tsx +51 -51
- package/src/Components/Form/ErrorMessage/ErrorMessage.tsx +5 -5
- package/src/Components/Form/FormFieldHolder/FormFieldHolder.stories.tsx +30 -0
- package/src/Components/Form/FormFieldHolder/FormFieldHolder.tsx +40 -5
- package/src/Components/Form/FormFieldHolder/FormFieldHolderProps.tsx +12 -0
- package/src/Components/Form/FormFieldHolder/formHolder.module.scss +56 -0
- package/src/Components/Form/IconButton/IconButton.stories.tsx +45 -45
- package/src/Components/Form/IconButton/IconButton.tsx +58 -58
- package/src/Components/Form/IconButton/IconButtonProps.tsx +15 -15
- package/src/Components/Form/IconButton/iconButton.module.scss +111 -111
- package/src/Components/Form/InputProps.tsx +25 -25
- package/src/Components/Form/MultiSelectField/MultiSelectField.tsx +5 -5
- package/src/Components/Form/MultiSelectField/MultiSelectFieldItem.tsx +5 -5
- package/src/Components/Form/MultiSelectField/MultiSelectFieldTag.tsx +5 -5
- package/src/Components/Form/PasswordField/PasswordField.stories.tsx +22 -22
- package/src/Components/Form/PasswordField/PasswordField.tsx +70 -70
- package/src/Components/Form/RadioButtons/RadioButton.tsx +70 -70
- package/src/Components/Form/RadioButtons/RadioButtonProps.tsx +22 -22
- package/src/Components/Form/RadioButtons/RadioButtons.stories.tsx +64 -64
- package/src/Components/Form/RadioButtons/RadioButtons.tsx +18 -18
- package/src/Components/Form/RadioButtons/RadioButtonsProps.tsx +10 -10
- package/src/Components/Form/RadioButtons/radioButton.stories.scss +3 -3
- package/src/Components/Form/RadioButtons/radiobutton.module.scss +63 -63
- package/src/Components/Form/TextField/TextField.stories.ts +22 -23
- package/src/Components/Form/TextField/TextField.tsx +56 -52
- package/src/Components/Form/TextField/TextFieldProps.tsx +8 -0
- package/src/Components/Form/Textarea/Textarea.stories.ts +31 -31
- package/src/Components/Form/Textarea/Textarea.tsx +71 -71
- package/src/Components/Form/Textarea/TextareaProps.tsx +27 -27
- package/src/Components/Form/Textarea/textarea.module.scss +49 -49
- package/src/Components/Form/TimeField/TimeField.stories.tsx +22 -22
- package/src/Components/Form/TimeField/TimeField.tsx +58 -58
- package/src/Components/Form/ToggleSwitch/ToggleSwitch.stories.tsx +49 -49
- package/src/Components/Form/ToggleSwitch/ToggleSwitch.tsx +87 -87
- package/src/Components/Form/ToggleSwitch/ToggleSwitchProps.tsx +22 -22
- package/src/Components/Form/ToggleSwitch/toggleSwitch.module.scss +82 -82
- package/src/Components/Form/inputs.module.scss +129 -121
- package/src/Components/Icons/Arrows/CaretDown/CaretDown.tsx +49 -49
- package/src/Components/Icons/Arrows/CaretLeft/CaretLeft.tsx +102 -0
- package/src/Components/Icons/Arrows/CaretRight/CaretRight.tsx +102 -0
- package/src/Components/Icons/Arrows/CaretUp/CaretUp.tsx +49 -49
- package/src/Components/Icons/Brand/WindowLogo/WindowLogo.tsx +105 -0
- package/src/Components/Icons/Commerce/CurrencyDollarSimple/CurrencyDollarSimple.tsx +105 -105
- package/src/Components/Icons/Communication/AddressBook/AddressBook.stories.ts +28 -28
- package/src/Components/Icons/Communication/AddressBook/AddressBook.tsx +50 -50
- package/src/Components/Icons/Communication/Asterick/Asterisk.stories.ts +28 -28
- package/src/Components/Icons/Communication/Asterick/Asterisk.tsx +50 -50
- package/src/Components/Icons/Communication/AsterickSimple/AsteriskSimple.stories.ts +28 -28
- package/src/Components/Icons/Communication/AsterickSimple/AsteriskSimple.tsx +49 -49
- package/src/Components/Icons/Communication/At/At.stories.ts +28 -28
- package/src/Components/Icons/Communication/At/At.tsx +49 -49
- package/src/Components/Icons/Communication/Broadcast/Broadcast.stories.ts +27 -27
- package/src/Components/Icons/Communication/Broadcast/Broadcast.tsx +49 -49
- package/src/Components/Icons/Communication/Chat/Chat.stories.ts +28 -28
- package/src/Components/Icons/Communication/Chat/Chat.tsx +49 -49
- package/src/Components/Icons/Design/Eye/Eye.tsx +105 -105
- package/src/Components/Icons/Design/EyeSlash/EyeSlash.tsx +105 -105
- package/src/Components/Icons/IconProps.tsx +5 -5
- package/src/Components/Icons/SecurityAndWarnings/WarningCircle/WarningCircle.tsx +105 -0
- package/src/Components/Icons/SystemAndDevice/Bell/Bell.tsx +49 -49
- package/src/Components/Icons/SystemAndDevice/MagnifyingGlass/MagnifyingGlass.tsx +105 -0
- package/src/Components/Icons/Time/CalendarBank/CalendarBank.tsx +105 -105
- package/src/Components/Icons/Time/Clock/Clock.tsx +105 -105
- package/src/Components/Layout/CalloutPopup/CalloutPopup.tsx +5 -5
- package/src/Components/Layout/Header/Header.tsx +5 -5
- package/src/Components/Layout/Header/HeaderLeft.tsx +5 -5
- package/src/Components/Layout/Header/HeaderRight.tsx +5 -5
- package/src/Components/Layout/Pagination/Pagination.tsx +5 -5
- package/src/Components/Layout/Pagination/PaginationFirst.tsx +5 -5
- package/src/Components/Layout/Pagination/PaginationLast.tsx +5 -5
- package/src/Components/Layout/Pagination/PaginationNext.tsx +5 -5
- package/src/Components/Layout/Pagination/PaginationNumber.tsx +5 -5
- package/src/Components/Layout/Pagination/PaginationPrevious.tsx +5 -5
- package/src/Components/Layout/ProfileAvatar/ProfileAvatar.stories.tsx +22 -0
- package/src/Components/Layout/ProfileAvatar/ProfileAvatar.tsx +31 -5
- package/src/Components/Layout/ProfileAvatar/ProfileAvatarProps.tsx +10 -4
- package/src/Components/Layout/ProfileAvatar/profileAvatar.module.scss +35 -0
- package/src/Components/Layout/ProfileDropdown/ProfileDropdown.stories.tsx +67 -0
- package/src/Components/Layout/ProfileDropdown/ProfileDropdown.tsx +12 -5
- package/src/Components/Layout/ProfileDropdown/ProfileDropdownProps.tsx +8 -0
- package/src/Components/Layout/ProfileDropdown/ProfileHeader.tsx +24 -5
- package/src/Components/Layout/ProfileDropdown/ProfileHeaderProps.tsx +8 -0
- package/src/Components/Layout/ProfileDropdown/ProfileLink.tsx +10 -5
- package/src/Components/Layout/ProfileDropdown/ProfileLinkProps.tsx +7 -0
- package/src/Components/Layout/ProfileDropdown/ProfileLinks.tsx +14 -5
- package/src/Components/Layout/ProfileDropdown/ProfileLinksProps.tsx +7 -0
- package/src/Components/Layout/ProfileDropdown/ProfileNavigationItem.tsx +29 -5
- package/src/Components/Layout/ProfileDropdown/ProfileNavigationItemProps.tsx +10 -0
- package/src/Components/Layout/ProfileDropdown/ProfileSwitchPanel.tsx +79 -5
- package/src/Components/Layout/ProfileDropdown/ProfileSwitchPanelProps.tsx +10 -0
- package/src/Components/Layout/ProfileDropdown/ProfileSwitchUser.tsx +22 -5
- package/src/Components/Layout/ProfileDropdown/ProfileSwitchUserProps.tsx +7 -0
- package/src/Components/Layout/ProfileDropdown/profileDropdown.module.scss +207 -0
- package/src/Components/Layout/Sidebar/Sidebar.tsx +5 -5
- package/src/Components/Layout/Sidebar/SidebarChevron.tsx +5 -5
- package/src/Components/Layout/Sidebar/SidebarNavigation.tsx +5 -5
- package/src/Components/Layout/Sidebar/SidebarNavigationItem.tsx +5 -5
- package/src/Components/Layout/Sidebar/SidebarSubNavigation.tsx +5 -5
- package/src/Notification/Notification.tsx +83 -83
- package/src/Notification/NotificationList.tsx +47 -22
- package/src/global.scss +224 -231
- package/src/main.tsx +10 -9
- package/src/variables.scss +2 -2
- package/.editorconfig +0 -17
- package/.eslintrc.cjs +0 -14
- package/.storybook/main.ts +0 -23
- package/.storybook/preview.ts +0 -17
- package/index.html +0 -13
- package/public/image/table-image.png +0 -0
- package/public/vite.svg +0 -1
- package/src/Components/DataDisplay/Media/media.scss +0 -0
- package/tokens/color/color.mdx +0 -82
- package/tokens/shadow/shadow-panel.scss +0 -12
- package/tokens/shadow/shadow.mdx +0 -34
- package/tokens/typography/typography.mdx +0 -31
- package/tsconfig.json +0 -25
- package/tsconfig.node.json +0 -10
- package/vite.config.ts +0 -7
|
@@ -1,50 +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;
|
|
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;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
|
|
3
|
-
import AsteriskSimple from './AsteriskSimple.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/AsterickSimple',
|
|
8
|
-
component: AsteriskSimple ,
|
|
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 AsteriskSimple >;
|
|
20
|
-
|
|
21
|
-
export default meta;
|
|
22
|
-
type Story = StoryObj<typeof AsteriskSimple>;
|
|
23
|
-
|
|
24
|
-
export const Icon: Story = {
|
|
25
|
-
args: {
|
|
26
|
-
type:'light'
|
|
27
|
-
},
|
|
28
|
-
};
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
import AsteriskSimple from './AsteriskSimple.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/AsterickSimple',
|
|
8
|
+
component: AsteriskSimple ,
|
|
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 AsteriskSimple >;
|
|
20
|
+
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof AsteriskSimple>;
|
|
23
|
+
|
|
24
|
+
export const Icon: Story = {
|
|
25
|
+
args: {
|
|
26
|
+
type:'light'
|
|
27
|
+
},
|
|
28
|
+
};
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import IconProps from "../../IconProps";
|
|
2
|
-
|
|
3
|
-
const AsteriskSimple = ({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="M26.1847 12.4637L16.8022 16.2138L23.3947 24.6887C23.4351 24.7407 23.4648 24.8 23.4822 24.8635C23.4996 24.9269 23.5043 24.9932 23.4961 25.0584C23.4878 25.1237 23.4668 25.1867 23.4342 25.2438C23.4015 25.3009 23.358 25.351 23.3059 25.3913C23.2191 25.4612 23.1111 25.4995 22.9997 25.5C22.9235 25.5001 22.8484 25.4828 22.7799 25.4495C22.7114 25.4161 22.6515 25.3675 22.6047 25.3075L15.9997 16.815L9.39467 25.3075C9.34784 25.3675 9.28791 25.4161 9.21945 25.4495C9.151 25.4828 9.07583 25.5001 8.99967 25.5C8.88877 25.4999 8.78104 25.463 8.69342 25.395C8.64139 25.3548 8.59781 25.3046 8.56518 25.2475C8.53256 25.1904 8.51152 25.1274 8.50327 25.0622C8.49503 24.9969 8.49974 24.9307 8.51714 24.8672C8.53454 24.8038 8.56429 24.7444 8.60467 24.6925L15.1972 16.2175L5.81467 12.4675C5.69168 12.4178 5.59348 12.3212 5.54167 12.1991C5.51602 12.1386 5.50253 12.0737 5.50197 12.008C5.50141 11.9423 5.5138 11.8772 5.53842 11.8162C5.56305 11.7553 5.59942 11.6999 5.64548 11.6531C5.69153 11.6062 5.74636 11.5689 5.80684 11.5432C5.92897 11.4914 6.06668 11.4903 6.18967 11.54L15.4997 15.2612V5C15.4997 4.86739 15.5524 4.74021 15.6461 4.64645C15.7399 4.55268 15.8671 4.5 15.9997 4.5C16.1323 4.5 16.2595 4.55268 16.3532 4.64645C16.447 4.74021 16.4997 4.86739 16.4997 5V15.2612L25.8134 11.5363C25.8743 11.5116 25.9395 11.4992 26.0052 11.4998C26.0709 11.5004 26.1358 11.5138 26.1963 11.5395C26.2567 11.5651 26.3116 11.6025 26.3576 11.6493C26.4037 11.6961 26.4401 11.7516 26.4647 11.8125C26.4893 11.8734 26.5017 11.9386 26.5011 12.0042C26.5006 12.0699 26.4871 12.1349 26.4614 12.1953C26.4358 12.2558 26.3985 12.3106 26.3516 12.3567C26.3048 12.4028 26.2493 12.4391 26.1884 12.4637H26.1847Z"
|
|
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="M26.3746 12.9288L17.6084 16.4287L23.7921 24.38C23.8749 24.4835 23.9364 24.6023 23.9728 24.7297C24.0093 24.8571 24.02 24.9905 24.0045 25.1221C23.989 25.2537 23.9475 25.3809 23.8823 25.4963C23.8172 25.6117 23.7298 25.713 23.6252 25.7943C23.5206 25.8756 23.4009 25.9354 23.273 25.97C23.1451 26.0047 23.0116 26.0136 22.8802 25.9962C22.7489 25.9788 22.6223 25.9355 22.5078 25.8688C22.3933 25.8021 22.2933 25.7132 22.2134 25.6075L15.9996 17.625L9.78965 25.6138C9.62545 25.8189 9.38709 25.9512 9.12612 25.982C8.86515 26.0128 8.60255 25.9396 8.3951 25.7783C8.18765 25.617 8.05202 25.3806 8.01755 25.1201C7.98308 24.8596 8.05254 24.596 8.2109 24.3862L14.3946 16.435L5.62465 12.9288C5.37833 12.8293 5.1816 12.6361 5.07776 12.3916C4.97391 12.1471 4.97144 11.8713 5.0709 11.625C5.17035 11.3787 5.36359 11.182 5.60809 11.0781C5.85259 10.9743 6.12833 10.9718 6.37465 11.0712L14.9996 14.5225V5C14.9996 4.73478 15.105 4.48043 15.2925 4.29289C15.4801 4.10536 15.7344 4 15.9996 4C16.2649 4 16.5192 4.10536 16.7068 4.29289C16.8943 4.48043 16.9996 4.73478 16.9996 5V14.5225L25.6246 11.0712C25.7466 11.022 25.8771 10.9973 26.0086 10.9984C26.1401 10.9996 26.2701 11.0267 26.3912 11.0781C26.5123 11.1295 26.622 11.2043 26.7142 11.2981C26.8064 11.392 26.8791 11.503 26.9284 11.625C26.9776 11.747 27.0024 11.8774 27.0012 12.009C27 12.1405 26.973 12.2705 26.9215 12.3916C26.8701 12.5126 26.7954 12.6224 26.7015 12.7145C26.6077 12.8067 26.4966 12.8795 26.3746 12.9288Z"
|
|
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.557 13.3925L18.4083 16.6525L24.1845 24.0788C24.3064 24.2341 24.3965 24.412 24.4494 24.6023C24.5024 24.7925 24.5173 24.9913 24.4932 25.1873C24.4692 25.3833 24.4067 25.5727 24.3093 25.7445C24.2119 25.9162 24.0815 26.0671 23.9257 26.1884C23.7698 26.3097 23.5916 26.399 23.4011 26.4512C23.2107 26.5034 23.0118 26.5176 22.8159 26.4927C22.62 26.4679 22.4309 26.4047 22.2595 26.3066C22.0881 26.2085 21.9377 26.0776 21.817 25.9213L16.0008 18.4438L10.1845 25.9213C9.93962 26.2334 9.58096 26.4359 9.18711 26.4842C8.79325 26.5325 8.39629 26.4228 8.08314 26.1791C7.76999 25.9354 7.56617 25.5776 7.51629 25.1839C7.46642 24.7902 7.57457 24.3929 7.81705 24.0788L13.5933 16.6525L5.44455 13.3925C5.258 13.322 5.08738 13.2151 4.94266 13.0779C4.79793 12.9407 4.68202 12.776 4.60169 12.5935C4.52136 12.411 4.47823 12.2143 4.47483 12.0149C4.47142 11.8155 4.50781 11.6175 4.58185 11.4323C4.6559 11.2471 4.76612 11.0786 4.90607 10.9366C5.04602 10.7945 5.21289 10.6818 5.39692 10.605C5.58095 10.5282 5.77845 10.4888 5.97786 10.4893C6.17728 10.4897 6.3746 10.5299 6.5583 10.6075L14.5008 13.785V5C14.5008 4.60218 14.6588 4.22064 14.9401 3.93934C15.2214 3.65804 15.603 3.5 16.0008 3.5C16.3986 3.5 16.7802 3.65804 17.0615 3.93934C17.3428 4.22064 17.5008 4.60218 17.5008 5V13.785L25.4433 10.6075C25.627 10.5299 25.8243 10.4897 26.0237 10.4893C26.2231 10.4888 26.4206 10.5282 26.6047 10.605C26.7887 10.6818 26.9556 10.7945 27.0955 10.9366C27.2355 11.0786 27.3457 11.2471 27.4197 11.4323C27.4938 11.6175 27.5302 11.8155 27.5268 12.0149C27.5234 12.2143 27.4802 12.411 27.3999 12.5935C27.3196 12.776 27.2037 12.9407 27.0589 13.0779C26.9142 13.2151 26.7436 13.322 26.557 13.3925Z"
|
|
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="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 3ZM23.3938 13.9187L17.625 16.39L21.7663 21.36C21.936 21.5639 22.0178 21.8268 21.9936 22.091C21.9695 22.3552 21.8414 22.599 21.6375 22.7687C21.4336 22.9385 21.1707 23.0203 20.9065 22.9961C20.6423 22.972 20.3985 22.8439 20.2288 22.64L16 17.5625L11.7688 22.64C11.599 22.8439 11.3552 22.972 11.091 22.9961C10.8269 23.0203 10.5639 22.9385 10.36 22.7687C10.1561 22.599 10.028 22.3552 10.0039 22.091C9.97972 21.8268 10.0615 21.5639 10.2313 21.36L14.375 16.39L8.60626 13.9187C8.48179 13.8697 8.36844 13.7961 8.27291 13.7025C8.17739 13.6088 8.10163 13.4969 8.05013 13.3734C7.99862 13.2499 7.97242 13.1174 7.97307 12.9836C7.97372 12.8498 8.00121 12.7175 8.05392 12.5945C8.10662 12.4716 8.18346 12.3604 8.27989 12.2677C8.37633 12.1749 8.49039 12.1025 8.61532 12.0546C8.74026 12.0068 8.87353 11.9845 9.00724 11.989C9.14095 11.9936 9.27238 12.025 9.39376 12.0813L15 14.4838V8.75C15 8.48478 15.1054 8.23043 15.2929 8.04289C15.4804 7.85536 15.7348 7.75 16 7.75C16.2652 7.75 16.5196 7.85536 16.7071 8.04289C16.8946 8.23043 17 8.48478 17 8.75V14.4838L22.6063 12.0813C22.7276 12.025 22.8591 11.9936 22.9928 11.989C23.1265 11.9845 23.2598 12.0068 23.3847 12.0546C23.5096 12.1025 23.6237 12.1749 23.7201 12.2677C23.8166 12.3604 23.8934 12.4716 23.9461 12.5945C23.9988 12.7175 24.0263 12.8498 24.0269 12.9836C24.0276 13.1174 24.0014 13.2499 23.9499 13.3734C23.8984 13.4969 23.8226 13.6088 23.7271 13.7025C23.6316 13.7961 23.5182 13.8697 23.3938 13.9187Z"
|
|
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="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"
|
|
36
|
-
fill="currentColor"/>
|
|
37
|
-
<path
|
|
38
|
-
d="M26.3746 12.9288L17.6084 16.4287L23.7921 24.38C23.8749 24.4835 23.9364 24.6023 23.9728 24.7297C24.0093 24.8571 24.02 24.9905 24.0045 25.1221C23.989 25.2537 23.9475 25.3809 23.8823 25.4963C23.8172 25.6117 23.7298 25.713 23.6252 25.7943C23.5206 25.8756 23.4009 25.9354 23.273 25.97C23.1451 26.0047 23.0116 26.0136 22.8802 25.9962C22.7489 25.9788 22.6223 25.9355 22.5078 25.8688C22.3933 25.8021 22.2933 25.7132 22.2134 25.6075L15.9996 17.625L9.78965 25.6138C9.62545 25.8189 9.38709 25.9512 9.12612 25.982C8.86515 26.0128 8.60255 25.9396 8.3951 25.7783C8.18765 25.617 8.05202 25.3806 8.01755 25.1201C7.98308 24.8596 8.05254 24.596 8.2109 24.3862L14.3946 16.435L5.62465 12.9288C5.37833 12.8293 5.1816 12.6361 5.07776 12.3916C4.97391 12.1471 4.97144 11.8713 5.0709 11.625C5.17035 11.3787 5.36359 11.182 5.60809 11.0781C5.85259 10.9743 6.12833 10.9718 6.37465 11.0712L14.9996 14.5225V5C14.9996 4.73478 15.105 4.48043 15.2925 4.29289C15.4801 4.10536 15.7344 4 15.9996 4C16.2649 4 16.5192 4.10536 16.7068 4.29289C16.8943 4.48043 16.9996 4.73478 16.9996 5V14.5225L25.6246 11.0712C25.7466 11.022 25.8771 10.9973 26.0086 10.9984C26.1401 10.9996 26.2701 11.0267 26.3912 11.0781C26.5123 11.1295 26.622 11.2043 26.7142 11.2981C26.8064 11.392 26.8791 11.503 26.9284 11.625C26.9776 11.747 27.0024 11.8774 27.0012 12.009C27 12.1405 26.973 12.2705 26.9215 12.3916C26.8701 12.5126 26.7954 12.6224 26.7015 12.7145C26.6077 12.8067 26.4966 12.8795 26.3746 12.9288Z"
|
|
39
|
-
fill="currentColor"/>
|
|
40
|
-
</svg>
|
|
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.2783 12.6962L17.2033 16.3213L23.5921 24.535C23.7141 24.6921 23.7687 24.8913 23.7438 25.0887C23.719 25.2861 23.6167 25.4655 23.4596 25.5875C23.3024 25.7095 23.1033 25.7641 22.9059 25.7392C22.7085 25.7144 22.5291 25.6121 22.4071 25.455L15.9996 17.2213L9.59208 25.46C9.53168 25.5378 9.45653 25.603 9.37095 25.6517C9.28536 25.7005 9.19101 25.7319 9.09328 25.7442C8.99554 25.7565 8.89634 25.7495 8.80134 25.7234C8.70634 25.6974 8.61739 25.6529 8.53958 25.5925C8.46178 25.5321 8.39663 25.457 8.34786 25.3714C8.29909 25.2858 8.26766 25.1914 8.25535 25.0937C8.24305 24.996 8.25012 24.8968 8.27615 24.8018C8.30218 24.7068 8.34668 24.6178 8.40708 24.54L14.7958 16.3263L5.72083 12.7013C5.62866 12.6652 5.54453 12.6112 5.47331 12.5425C5.40208 12.4737 5.34517 12.3916 5.30585 12.3007C5.26653 12.2099 5.24558 12.1122 5.24421 12.0132C5.24284 11.9142 5.26108 11.816 5.29787 11.7241C5.33466 11.6322 5.38928 11.5485 5.45857 11.4778C5.52787 11.4071 5.61047 11.3508 5.70161 11.3122C5.79276 11.2736 5.89064 11.2534 5.98963 11.2528C6.08861 11.2522 6.18673 11.2712 6.27833 11.3088L15.2496 14.8925V5C15.2496 4.80109 15.3286 4.61032 15.4693 4.46967C15.6099 4.32902 15.8007 4.25 15.9996 4.25C16.1985 4.25 16.3893 4.32902 16.5299 4.46967C16.6706 4.61032 16.7496 4.80109 16.7496 5V14.8925L25.7208 11.3038C25.8124 11.2662 25.9106 11.2472 26.0095 11.2478C26.1085 11.2484 26.2064 11.2686 26.2976 11.3072C26.3887 11.3458 26.4713 11.4021 26.5406 11.4728C26.6099 11.5435 26.6645 11.6272 26.7013 11.7191C26.7381 11.811 26.7563 11.9092 26.755 12.0082C26.7536 12.1072 26.7326 12.2049 26.6933 12.2957C26.654 12.3866 26.5971 12.4687 26.5259 12.5375C26.4546 12.6062 26.3705 12.6602 26.2783 12.6962Z"
|
|
45
|
-
fill="currentColor"/>
|
|
46
|
-
</svg>
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export default AsteriskSimple;
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const AsteriskSimple = ({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="M26.1847 12.4637L16.8022 16.2138L23.3947 24.6887C23.4351 24.7407 23.4648 24.8 23.4822 24.8635C23.4996 24.9269 23.5043 24.9932 23.4961 25.0584C23.4878 25.1237 23.4668 25.1867 23.4342 25.2438C23.4015 25.3009 23.358 25.351 23.3059 25.3913C23.2191 25.4612 23.1111 25.4995 22.9997 25.5C22.9235 25.5001 22.8484 25.4828 22.7799 25.4495C22.7114 25.4161 22.6515 25.3675 22.6047 25.3075L15.9997 16.815L9.39467 25.3075C9.34784 25.3675 9.28791 25.4161 9.21945 25.4495C9.151 25.4828 9.07583 25.5001 8.99967 25.5C8.88877 25.4999 8.78104 25.463 8.69342 25.395C8.64139 25.3548 8.59781 25.3046 8.56518 25.2475C8.53256 25.1904 8.51152 25.1274 8.50327 25.0622C8.49503 24.9969 8.49974 24.9307 8.51714 24.8672C8.53454 24.8038 8.56429 24.7444 8.60467 24.6925L15.1972 16.2175L5.81467 12.4675C5.69168 12.4178 5.59348 12.3212 5.54167 12.1991C5.51602 12.1386 5.50253 12.0737 5.50197 12.008C5.50141 11.9423 5.5138 11.8772 5.53842 11.8162C5.56305 11.7553 5.59942 11.6999 5.64548 11.6531C5.69153 11.6062 5.74636 11.5689 5.80684 11.5432C5.92897 11.4914 6.06668 11.4903 6.18967 11.54L15.4997 15.2612V5C15.4997 4.86739 15.5524 4.74021 15.6461 4.64645C15.7399 4.55268 15.8671 4.5 15.9997 4.5C16.1323 4.5 16.2595 4.55268 16.3532 4.64645C16.447 4.74021 16.4997 4.86739 16.4997 5V15.2612L25.8134 11.5363C25.8743 11.5116 25.9395 11.4992 26.0052 11.4998C26.0709 11.5004 26.1358 11.5138 26.1963 11.5395C26.2567 11.5651 26.3116 11.6025 26.3576 11.6493C26.4037 11.6961 26.4401 11.7516 26.4647 11.8125C26.4893 11.8734 26.5017 11.9386 26.5011 12.0042C26.5006 12.0699 26.4871 12.1349 26.4614 12.1953C26.4358 12.2558 26.3985 12.3106 26.3516 12.3567C26.3048 12.4028 26.2493 12.4391 26.1884 12.4637H26.1847Z"
|
|
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="M26.3746 12.9288L17.6084 16.4287L23.7921 24.38C23.8749 24.4835 23.9364 24.6023 23.9728 24.7297C24.0093 24.8571 24.02 24.9905 24.0045 25.1221C23.989 25.2537 23.9475 25.3809 23.8823 25.4963C23.8172 25.6117 23.7298 25.713 23.6252 25.7943C23.5206 25.8756 23.4009 25.9354 23.273 25.97C23.1451 26.0047 23.0116 26.0136 22.8802 25.9962C22.7489 25.9788 22.6223 25.9355 22.5078 25.8688C22.3933 25.8021 22.2933 25.7132 22.2134 25.6075L15.9996 17.625L9.78965 25.6138C9.62545 25.8189 9.38709 25.9512 9.12612 25.982C8.86515 26.0128 8.60255 25.9396 8.3951 25.7783C8.18765 25.617 8.05202 25.3806 8.01755 25.1201C7.98308 24.8596 8.05254 24.596 8.2109 24.3862L14.3946 16.435L5.62465 12.9288C5.37833 12.8293 5.1816 12.6361 5.07776 12.3916C4.97391 12.1471 4.97144 11.8713 5.0709 11.625C5.17035 11.3787 5.36359 11.182 5.60809 11.0781C5.85259 10.9743 6.12833 10.9718 6.37465 11.0712L14.9996 14.5225V5C14.9996 4.73478 15.105 4.48043 15.2925 4.29289C15.4801 4.10536 15.7344 4 15.9996 4C16.2649 4 16.5192 4.10536 16.7068 4.29289C16.8943 4.48043 16.9996 4.73478 16.9996 5V14.5225L25.6246 11.0712C25.7466 11.022 25.8771 10.9973 26.0086 10.9984C26.1401 10.9996 26.2701 11.0267 26.3912 11.0781C26.5123 11.1295 26.622 11.2043 26.7142 11.2981C26.8064 11.392 26.8791 11.503 26.9284 11.625C26.9776 11.747 27.0024 11.8774 27.0012 12.009C27 12.1405 26.973 12.2705 26.9215 12.3916C26.8701 12.5126 26.7954 12.6224 26.7015 12.7145C26.6077 12.8067 26.4966 12.8795 26.3746 12.9288Z"
|
|
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.557 13.3925L18.4083 16.6525L24.1845 24.0788C24.3064 24.2341 24.3965 24.412 24.4494 24.6023C24.5024 24.7925 24.5173 24.9913 24.4932 25.1873C24.4692 25.3833 24.4067 25.5727 24.3093 25.7445C24.2119 25.9162 24.0815 26.0671 23.9257 26.1884C23.7698 26.3097 23.5916 26.399 23.4011 26.4512C23.2107 26.5034 23.0118 26.5176 22.8159 26.4927C22.62 26.4679 22.4309 26.4047 22.2595 26.3066C22.0881 26.2085 21.9377 26.0776 21.817 25.9213L16.0008 18.4438L10.1845 25.9213C9.93962 26.2334 9.58096 26.4359 9.18711 26.4842C8.79325 26.5325 8.39629 26.4228 8.08314 26.1791C7.76999 25.9354 7.56617 25.5776 7.51629 25.1839C7.46642 24.7902 7.57457 24.3929 7.81705 24.0788L13.5933 16.6525L5.44455 13.3925C5.258 13.322 5.08738 13.2151 4.94266 13.0779C4.79793 12.9407 4.68202 12.776 4.60169 12.5935C4.52136 12.411 4.47823 12.2143 4.47483 12.0149C4.47142 11.8155 4.50781 11.6175 4.58185 11.4323C4.6559 11.2471 4.76612 11.0786 4.90607 10.9366C5.04602 10.7945 5.21289 10.6818 5.39692 10.605C5.58095 10.5282 5.77845 10.4888 5.97786 10.4893C6.17728 10.4897 6.3746 10.5299 6.5583 10.6075L14.5008 13.785V5C14.5008 4.60218 14.6588 4.22064 14.9401 3.93934C15.2214 3.65804 15.603 3.5 16.0008 3.5C16.3986 3.5 16.7802 3.65804 17.0615 3.93934C17.3428 4.22064 17.5008 4.60218 17.5008 5V13.785L25.4433 10.6075C25.627 10.5299 25.8243 10.4897 26.0237 10.4893C26.2231 10.4888 26.4206 10.5282 26.6047 10.605C26.7887 10.6818 26.9556 10.7945 27.0955 10.9366C27.2355 11.0786 27.3457 11.2471 27.4197 11.4323C27.4938 11.6175 27.5302 11.8155 27.5268 12.0149C27.5234 12.2143 27.4802 12.411 27.3999 12.5935C27.3196 12.776 27.2037 12.9407 27.0589 13.0779C26.9142 13.2151 26.7436 13.322 26.557 13.3925Z"
|
|
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="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 3ZM23.3938 13.9187L17.625 16.39L21.7663 21.36C21.936 21.5639 22.0178 21.8268 21.9936 22.091C21.9695 22.3552 21.8414 22.599 21.6375 22.7687C21.4336 22.9385 21.1707 23.0203 20.9065 22.9961C20.6423 22.972 20.3985 22.8439 20.2288 22.64L16 17.5625L11.7688 22.64C11.599 22.8439 11.3552 22.972 11.091 22.9961C10.8269 23.0203 10.5639 22.9385 10.36 22.7687C10.1561 22.599 10.028 22.3552 10.0039 22.091C9.97972 21.8268 10.0615 21.5639 10.2313 21.36L14.375 16.39L8.60626 13.9187C8.48179 13.8697 8.36844 13.7961 8.27291 13.7025C8.17739 13.6088 8.10163 13.4969 8.05013 13.3734C7.99862 13.2499 7.97242 13.1174 7.97307 12.9836C7.97372 12.8498 8.00121 12.7175 8.05392 12.5945C8.10662 12.4716 8.18346 12.3604 8.27989 12.2677C8.37633 12.1749 8.49039 12.1025 8.61532 12.0546C8.74026 12.0068 8.87353 11.9845 9.00724 11.989C9.14095 11.9936 9.27238 12.025 9.39376 12.0813L15 14.4838V8.75C15 8.48478 15.1054 8.23043 15.2929 8.04289C15.4804 7.85536 15.7348 7.75 16 7.75C16.2652 7.75 16.5196 7.85536 16.7071 8.04289C16.8946 8.23043 17 8.48478 17 8.75V14.4838L22.6063 12.0813C22.7276 12.025 22.8591 11.9936 22.9928 11.989C23.1265 11.9845 23.2598 12.0068 23.3847 12.0546C23.5096 12.1025 23.6237 12.1749 23.7201 12.2677C23.8166 12.3604 23.8934 12.4716 23.9461 12.5945C23.9988 12.7175 24.0263 12.8498 24.0269 12.9836C24.0276 13.1174 24.0014 13.2499 23.9499 13.3734C23.8984 13.4969 23.8226 13.6088 23.7271 13.7025C23.6316 13.7961 23.5182 13.8697 23.3938 13.9187Z"
|
|
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="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"
|
|
36
|
+
fill="currentColor"/>
|
|
37
|
+
<path
|
|
38
|
+
d="M26.3746 12.9288L17.6084 16.4287L23.7921 24.38C23.8749 24.4835 23.9364 24.6023 23.9728 24.7297C24.0093 24.8571 24.02 24.9905 24.0045 25.1221C23.989 25.2537 23.9475 25.3809 23.8823 25.4963C23.8172 25.6117 23.7298 25.713 23.6252 25.7943C23.5206 25.8756 23.4009 25.9354 23.273 25.97C23.1451 26.0047 23.0116 26.0136 22.8802 25.9962C22.7489 25.9788 22.6223 25.9355 22.5078 25.8688C22.3933 25.8021 22.2933 25.7132 22.2134 25.6075L15.9996 17.625L9.78965 25.6138C9.62545 25.8189 9.38709 25.9512 9.12612 25.982C8.86515 26.0128 8.60255 25.9396 8.3951 25.7783C8.18765 25.617 8.05202 25.3806 8.01755 25.1201C7.98308 24.8596 8.05254 24.596 8.2109 24.3862L14.3946 16.435L5.62465 12.9288C5.37833 12.8293 5.1816 12.6361 5.07776 12.3916C4.97391 12.1471 4.97144 11.8713 5.0709 11.625C5.17035 11.3787 5.36359 11.182 5.60809 11.0781C5.85259 10.9743 6.12833 10.9718 6.37465 11.0712L14.9996 14.5225V5C14.9996 4.73478 15.105 4.48043 15.2925 4.29289C15.4801 4.10536 15.7344 4 15.9996 4C16.2649 4 16.5192 4.10536 16.7068 4.29289C16.8943 4.48043 16.9996 4.73478 16.9996 5V14.5225L25.6246 11.0712C25.7466 11.022 25.8771 10.9973 26.0086 10.9984C26.1401 10.9996 26.2701 11.0267 26.3912 11.0781C26.5123 11.1295 26.622 11.2043 26.7142 11.2981C26.8064 11.392 26.8791 11.503 26.9284 11.625C26.9776 11.747 27.0024 11.8774 27.0012 12.009C27 12.1405 26.973 12.2705 26.9215 12.3916C26.8701 12.5126 26.7954 12.6224 26.7015 12.7145C26.6077 12.8067 26.4966 12.8795 26.3746 12.9288Z"
|
|
39
|
+
fill="currentColor"/>
|
|
40
|
+
</svg>
|
|
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.2783 12.6962L17.2033 16.3213L23.5921 24.535C23.7141 24.6921 23.7687 24.8913 23.7438 25.0887C23.719 25.2861 23.6167 25.4655 23.4596 25.5875C23.3024 25.7095 23.1033 25.7641 22.9059 25.7392C22.7085 25.7144 22.5291 25.6121 22.4071 25.455L15.9996 17.2213L9.59208 25.46C9.53168 25.5378 9.45653 25.603 9.37095 25.6517C9.28536 25.7005 9.19101 25.7319 9.09328 25.7442C8.99554 25.7565 8.89634 25.7495 8.80134 25.7234C8.70634 25.6974 8.61739 25.6529 8.53958 25.5925C8.46178 25.5321 8.39663 25.457 8.34786 25.3714C8.29909 25.2858 8.26766 25.1914 8.25535 25.0937C8.24305 24.996 8.25012 24.8968 8.27615 24.8018C8.30218 24.7068 8.34668 24.6178 8.40708 24.54L14.7958 16.3263L5.72083 12.7013C5.62866 12.6652 5.54453 12.6112 5.47331 12.5425C5.40208 12.4737 5.34517 12.3916 5.30585 12.3007C5.26653 12.2099 5.24558 12.1122 5.24421 12.0132C5.24284 11.9142 5.26108 11.816 5.29787 11.7241C5.33466 11.6322 5.38928 11.5485 5.45857 11.4778C5.52787 11.4071 5.61047 11.3508 5.70161 11.3122C5.79276 11.2736 5.89064 11.2534 5.98963 11.2528C6.08861 11.2522 6.18673 11.2712 6.27833 11.3088L15.2496 14.8925V5C15.2496 4.80109 15.3286 4.61032 15.4693 4.46967C15.6099 4.32902 15.8007 4.25 15.9996 4.25C16.1985 4.25 16.3893 4.32902 16.5299 4.46967C16.6706 4.61032 16.7496 4.80109 16.7496 5V14.8925L25.7208 11.3038C25.8124 11.2662 25.9106 11.2472 26.0095 11.2478C26.1085 11.2484 26.2064 11.2686 26.2976 11.3072C26.3887 11.3458 26.4713 11.4021 26.5406 11.4728C26.6099 11.5435 26.6645 11.6272 26.7013 11.7191C26.7381 11.811 26.7563 11.9092 26.755 12.0082C26.7536 12.1072 26.7326 12.2049 26.6933 12.2957C26.654 12.3866 26.5971 12.4687 26.5259 12.5375C26.4546 12.6062 26.3705 12.6602 26.2783 12.6962Z"
|
|
45
|
+
fill="currentColor"/>
|
|
46
|
+
</svg>
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export default AsteriskSimple;
|
|
@@ -1,28 +1,28 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
|
|
3
|
-
import At from './At.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/At',
|
|
8
|
-
component: At ,
|
|
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 At >;
|
|
20
|
-
|
|
21
|
-
export default meta;
|
|
22
|
-
type Story = StoryObj<typeof At>;
|
|
23
|
-
|
|
24
|
-
export const Icon: Story = {
|
|
25
|
-
args: {
|
|
26
|
-
type:'light'
|
|
27
|
-
},
|
|
28
|
-
};
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
import At from './At.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/At',
|
|
8
|
+
component: At ,
|
|
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 At >;
|
|
20
|
+
|
|
21
|
+
export default meta;
|
|
22
|
+
type Story = StoryObj<typeof At>;
|
|
23
|
+
|
|
24
|
+
export const Icon: Story = {
|
|
25
|
+
args: {
|
|
26
|
+
type:'light'
|
|
27
|
+
},
|
|
28
|
+
};
|
|
@@ -1,49 +1,49 @@
|
|
|
1
|
-
import IconProps from "../../IconProps";
|
|
2
|
-
|
|
3
|
-
const At = ({type = 'light'}: 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="M16 3.5C12.6848 3.5 9.50537 4.81696 7.16117 7.16117C4.81696 9.50537 3.5 12.6848 3.5 16C3.5 19.3152 4.81696 22.4946 7.16117 24.8388C9.50537 27.183 12.6848 28.5 16 28.5C18.595 28.5 21.315 27.7212 23.2763 26.4175C23.331 26.3811 23.378 26.3344 23.4147 26.2798C23.4514 26.2253 23.4769 26.164 23.4899 26.0996C23.5029 26.0352 23.5031 25.9688 23.4905 25.9044C23.4778 25.8399 23.4526 25.7785 23.4163 25.7237C23.3799 25.669 23.3331 25.622 23.2786 25.5853C23.224 25.5486 23.1628 25.5231 23.0984 25.5101C23.0339 25.4971 22.9676 25.4969 22.9031 25.5095C22.8386 25.5222 22.7772 25.5474 22.7225 25.5837C20.9188 26.7838 18.405 27.5 16 27.5C13.7255 27.5 11.5021 26.8255 9.61094 25.5619C7.71978 24.2983 6.24579 22.5022 5.37539 20.4009C4.50498 18.2995 4.27724 15.9872 4.72097 13.7565C5.1647 11.5257 6.25997 9.47658 7.86827 7.86827C9.47658 6.25997 11.5257 5.1647 13.7565 4.72097C15.9872 4.27724 18.2995 4.50498 20.4009 5.37539C22.5022 6.24579 24.2983 7.71978 25.5619 9.61094C26.8255 11.5021 27.5 13.7255 27.5 16C27.5 19.915 25.625 20.5 24.5 20.5C23.375 20.5 21.5 19.915 21.5 16V11C21.5 10.8674 21.4473 10.7402 21.3536 10.6464C21.2598 10.5527 21.1326 10.5 21 10.5C20.8674 10.5 20.7402 10.5527 20.6464 10.6464C20.5527 10.7402 20.5 10.8674 20.5 11V12.8438C19.812 11.8629 18.8224 11.1335 17.6819 10.7665C16.5414 10.3996 15.3122 10.4151 14.1813 10.8107C13.0503 11.2063 12.0795 11.9604 11.4164 12.9583C10.7533 13.9562 10.4342 15.1433 10.5077 16.3392C10.5811 17.5351 11.043 18.6743 11.8231 19.5836C12.6033 20.4929 13.659 21.1226 14.8299 21.3769C16.0007 21.6312 17.2225 21.4962 18.3096 20.9925C19.3967 20.4888 20.2896 19.6439 20.8525 18.5863C21.4325 20.4475 22.7075 21.5 24.5 21.5C27 21.5 28.5 19.4438 28.5 16C28.4964 12.6859 27.1782 9.5086 24.8348 7.16518C22.4914 4.82177 19.3141 3.50364 16 3.5ZM16 20.5C15.11 20.5 14.24 20.2361 13.4999 19.7416C12.7599 19.2471 12.1831 18.5443 11.8425 17.7221C11.5019 16.8998 11.4128 15.995 11.5865 15.1221C11.7601 14.2492 12.1887 13.4474 12.818 12.818C13.4474 12.1887 14.2492 11.7601 15.1221 11.5865C15.995 11.4128 16.8998 11.5019 17.7221 11.8425C18.5443 12.1831 19.2471 12.7599 19.7416 13.4999C20.2361 14.24 20.5 15.11 20.5 16C20.5 17.1935 20.0259 18.3381 19.182 19.182C18.3381 20.0259 17.1935 20.5 16 20.5Z"
|
|
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="M16 3C12.5522 3 9.24558 4.36964 6.80761 6.80761C4.36964 9.24558 3 12.5522 3 16C3 19.4478 4.36964 22.7544 6.80761 25.1924C9.24558 27.6304 12.5522 29 16 29C18.6888 29 21.5125 28.19 23.5537 26.8337C23.6632 26.761 23.7572 26.6675 23.8304 26.5584C23.9037 26.4494 23.9547 26.327 23.9807 26.1982C24.0066 26.0694 24.0069 25.9368 23.9816 25.8078C23.9563 25.6789 23.9058 25.5563 23.8331 25.4469C23.7604 25.3375 23.6668 25.2435 23.5578 25.1702C23.4487 25.097 23.3263 25.0459 23.1975 25.02C23.0688 24.994 22.9361 24.9937 22.8072 25.019C22.6783 25.0443 22.5557 25.0948 22.4463 25.1675C20.75 26.2975 18.2762 27 16 27C13.8244 27 11.6977 26.3549 9.88873 25.1462C8.07979 23.9375 6.66989 22.2195 5.83733 20.2095C5.00476 18.1995 4.78692 15.9878 5.21136 13.854C5.6358 11.7202 6.68345 9.7602 8.22183 8.22183C9.7602 6.68345 11.7202 5.6358 13.854 5.21136C15.9878 4.78692 18.1995 5.00476 20.2095 5.83733C22.2195 6.66989 23.9375 8.07979 25.1462 9.88873C26.3549 11.6977 27 13.8244 27 16C27 19.3062 25.64 20 24.5 20C23.36 20 22 19.3062 22 16V11C22 10.7348 21.8946 10.4804 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10C20.7348 10 20.4804 10.1054 20.2929 10.2929C20.1054 10.4804 20 10.7348 20 11V11.5325C19.1026 10.7279 17.9837 10.2122 16.789 10.0527C15.5944 9.89311 14.3793 10.097 13.3022 10.6379C12.2251 11.1788 11.3359 12.0315 10.7503 13.0849C10.1648 14.1384 9.91007 15.3438 10.0194 16.5441C10.1287 17.7445 10.597 18.884 11.3633 19.8144C12.1295 20.7447 13.1582 21.4227 14.3153 21.7601C15.4724 22.0974 16.7043 22.0784 17.8505 21.7056C18.9967 21.3328 20.004 20.6235 20.7412 19.67C21.4912 21.17 22.785 22 24.5 22C27.3175 22 29 19.7575 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM16 20C15.2089 20 14.4355 19.7654 13.7777 19.3259C13.1199 18.8864 12.6072 18.2616 12.3045 17.5307C12.0017 16.7998 11.9225 15.9956 12.0769 15.2196C12.2312 14.4437 12.6122 13.731 13.1716 13.1716C13.731 12.6122 14.4437 12.2312 15.2196 12.0769C15.9956 11.9225 16.7998 12.0017 17.5307 12.3045C18.2616 12.6072 18.8864 13.1199 19.3259 13.7777C19.7654 14.4355 20 15.2089 20 16C20 17.0609 19.5786 18.0783 18.8284 18.8284C18.0783 19.5786 17.0609 20 16 20Z"
|
|
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="M16 2.5C12.4196 2.5 8.9858 3.92232 6.45406 6.45406C3.92232 8.9858 2.5 12.4196 2.5 16C2.5 19.5804 3.92232 23.0142 6.45406 25.5459C8.9858 28.0777 12.4196 29.5 16 29.5C18.7838 29.5 21.7113 28.6588 23.83 27.25C24.1615 27.0297 24.392 26.6867 24.4706 26.2965C24.5492 25.9064 24.4697 25.5009 24.2494 25.1694C24.0291 24.8379 23.6861 24.6074 23.2959 24.5288C22.9057 24.4501 22.5003 24.5297 22.1688 24.75C20.5438 25.8288 18.1825 26.5 16 26.5C13.9233 26.5 11.8932 25.8842 10.1665 24.7304C8.4398 23.5767 7.09399 21.9368 6.29926 20.0182C5.50454 18.0996 5.29661 15.9884 5.70175 13.9516C6.1069 11.9148 7.10693 10.0438 8.57538 8.57538C10.0438 7.10693 11.9148 6.1069 13.9516 5.70175C15.9884 5.29661 18.0996 5.50454 20.0182 6.29926C21.9368 7.09399 23.5767 8.4398 24.7304 10.1665C25.8842 11.8932 26.5 13.9233 26.5 16C26.5 17.1613 26.2913 18.135 25.9137 18.7437C25.5837 19.2738 25.1637 19.5 24.5 19.5C23.8363 19.5 23.4163 19.2738 23.0863 18.7437C22.7113 18.135 22.5 17.1613 22.5 16V11C22.5 10.6401 22.3705 10.2922 22.1353 10.0198C21.9 9.74735 21.5747 9.56861 21.2186 9.51616C20.8625 9.46371 20.4994 9.54105 20.1956 9.73406C19.8918 9.92706 19.6676 10.2229 19.5637 10.5675C18.5324 9.88983 17.3295 9.51975 16.0956 9.50052C14.8617 9.4813 13.6478 9.81372 12.5959 10.4589C11.5439 11.1041 10.6974 12.0354 10.1552 13.144C9.61307 14.2526 9.39768 15.4926 9.53424 16.7191C9.67081 17.9455 10.1537 19.1078 10.9264 20.0699C11.6992 21.0321 12.7298 21.7544 13.8979 22.1524C15.066 22.5504 16.3233 22.6077 17.5227 22.3175C18.7222 22.0273 19.8142 21.4017 20.6712 20.5138C21.5375 21.7875 22.8512 22.5 24.5 22.5C27.5837 22.5 29.5 20.01 29.5 16C29.496 12.4208 28.0724 8.98932 25.5416 6.45844C23.0107 3.92756 19.5792 2.50397 16 2.5ZM16 19.5C15.3078 19.5 14.6311 19.2947 14.0555 18.9101C13.4799 18.5256 13.0313 17.9789 12.7664 17.3394C12.5015 16.6999 12.4322 15.9961 12.5673 15.3172C12.7023 14.6383 13.0356 14.0146 13.5251 13.5251C14.0146 13.0356 14.6383 12.7023 15.3172 12.5673C15.9961 12.4322 16.6999 12.5015 17.3394 12.7664C17.9789 13.0313 18.5256 13.4799 18.9101 14.0555C19.2947 14.6311 19.5 15.3078 19.5 16C19.5 16.9283 19.1313 17.8185 18.4749 18.4749C17.8185 19.1313 16.9283 19.5 16 19.5Z"
|
|
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="M29 15.9999C29 16.0637 29 16.1249 29 16.1899C28.9575 17.9724 28.2962 19.9999 25.5 19.9999C22.6075 19.9999 22 17.8249 22 15.9999V10.9999C22.0003 10.8629 21.9724 10.7272 21.9181 10.6013C21.8637 10.4755 21.7841 10.3621 21.6841 10.2683C21.5841 10.1746 21.4659 10.1023 21.3368 10.0562C21.2077 10.01 21.0705 9.99086 20.9338 9.99995C20.6762 10.0221 20.4366 10.1411 20.2633 10.3329C20.09 10.5248 19.9959 10.7752 20 11.0337V11.5337C19.0972 10.7246 17.9706 10.2079 16.7684 10.0518C15.5663 9.89561 14.345 10.1073 13.2655 10.6588C12.186 11.2104 11.2989 12.0761 10.721 13.1418C10.1431 14.2074 9.90165 15.4232 10.0283 16.6288C10.155 17.8344 10.6439 18.9734 11.4307 19.8957C12.2174 20.818 13.2651 21.4803 14.4356 21.7955C15.6062 22.1106 16.8448 22.0638 17.9883 21.6612C19.1317 21.2586 20.1264 20.519 20.8412 19.5399C20.9662 19.7586 21.1075 19.9675 21.2638 20.1649C21.935 20.9999 23.2137 21.9999 25.5 21.9999C25.8861 22.0012 26.2717 21.9699 26.6525 21.9062C26.7467 21.8905 26.8433 21.9021 26.9311 21.9396C27.0189 21.9771 27.0941 22.0389 27.1479 22.1178C27.2016 22.1966 27.2317 22.2892 27.2345 22.3847C27.2373 22.4801 27.2128 22.5743 27.1637 22.6562C25.9885 24.6276 24.3124 26.253 22.3058 27.3671C20.2992 28.4813 18.0335 29.0446 15.7388 28.9999C8.89125 28.8624 3.275 23.3574 3.01 16.5137C2.94222 14.7866 3.21954 13.0632 3.82575 11.4446C4.43196 9.82587 5.35488 8.34433 6.54052 7.0866C7.72616 5.82888 9.15072 4.82022 10.7308 4.11963C12.311 3.41905 14.0149 3.04061 15.7431 3.00645C17.4712 2.97229 19.1888 3.28309 20.7954 3.92068C22.402 4.55828 23.8653 5.50985 25.0997 6.71974C26.3341 7.92963 27.3149 9.37354 27.9846 10.967C28.6543 12.5605 28.9995 14.2715 29 15.9999ZM12 15.9999C12 16.7911 12.2346 17.5644 12.6741 18.2222C13.1136 18.88 13.7384 19.3927 14.4693 19.6955C15.2002 19.9982 16.0044 20.0774 16.7804 19.9231C17.5563 19.7687 18.269 19.3878 18.8284 18.8284C19.3878 18.269 19.7688 17.5562 19.9231 16.7803C20.0775 16.0044 19.9983 15.2001 19.6955 14.4692C19.3928 13.7383 18.8801 13.1136 18.2223 12.6741C17.5645 12.2345 16.7911 11.9999 16 11.9999C14.9391 11.9999 13.9217 12.4214 13.1716 13.1715C12.4214 13.9217 12 14.9391 12 15.9999Z"
|
|
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="M28 16C28 18.3734 27.2962 20.6935 25.9776 22.6668C24.6591 24.6402 22.7849 26.1783 20.5922 27.0866C18.3995 27.9948 15.9867 28.2324 13.6589 27.7694C11.3312 27.3064 9.19295 26.1635 7.51472 24.4853C5.83649 22.8071 4.6936 20.6689 4.23058 18.3411C3.76756 16.0133 4.0052 13.6005 4.91345 11.4078C5.8217 9.21509 7.35977 7.34094 9.33316 6.02236C11.3066 4.70379 13.6266 4 16 4C19.1826 4 22.2348 5.26428 24.4853 7.51472C26.7357 9.76516 28 12.8174 28 16Z"
|
|
36
|
-
fill="currentColor"/>
|
|
37
|
-
<path
|
|
38
|
-
d="M16 3C12.5522 3 9.24558 4.36964 6.80761 6.80761C4.36964 9.24558 3 12.5522 3 16C3 19.4478 4.36964 22.7544 6.80761 25.1924C9.24558 27.6304 12.5522 29 16 29C18.6888 29 21.5125 28.19 23.5537 26.8337C23.6632 26.761 23.7572 26.6675 23.8304 26.5584C23.9037 26.4494 23.9547 26.327 23.9807 26.1982C24.0066 26.0694 24.0069 25.9368 23.9816 25.8078C23.9563 25.6789 23.9058 25.5563 23.8331 25.4469C23.7604 25.3375 23.6668 25.2435 23.5578 25.1702C23.4487 25.097 23.3263 25.0459 23.1975 25.02C23.0688 24.994 22.9361 24.9937 22.8072 25.019C22.6783 25.0443 22.5557 25.0948 22.4463 25.1675C20.75 26.2975 18.2762 27 16 27C13.8244 27 11.6977 26.3549 9.88873 25.1462C8.07979 23.9375 6.66989 22.2195 5.83733 20.2095C5.00476 18.1995 4.78692 15.9878 5.21136 13.854C5.6358 11.7202 6.68345 9.7602 8.22183 8.22183C9.7602 6.68345 11.7202 5.6358 13.854 5.21136C15.9878 4.78692 18.1995 5.00476 20.2095 5.83733C22.2195 6.66989 23.9375 8.07979 25.1462 9.88873C26.3549 11.6977 27 13.8244 27 16C27 19.3062 25.64 20 24.5 20C23.36 20 22 19.3062 22 16V11C22 10.7348 21.8946 10.4804 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10C20.7348 10 20.4804 10.1054 20.2929 10.2929C20.1054 10.4804 20 10.7348 20 11V11.5325C19.1026 10.7279 17.9837 10.2122 16.789 10.0527C15.5944 9.89311 14.3793 10.097 13.3022 10.6379C12.2251 11.1788 11.3359 12.0315 10.7503 13.0849C10.1648 14.1384 9.91007 15.3438 10.0194 16.5441C10.1287 17.7445 10.597 18.884 11.3633 19.8144C12.1295 20.7447 13.1582 21.4227 14.3153 21.7601C15.4724 22.0974 16.7043 22.0784 17.8505 21.7056C18.9967 21.3328 20.004 20.6235 20.7412 19.67C21.4912 21.17 22.785 22 24.5 22C27.3175 22 29 19.7575 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM16 20C15.2089 20 14.4355 19.7654 13.7777 19.3259C13.1199 18.8864 12.6072 18.2616 12.3045 17.5307C12.0017 16.7998 11.9225 15.9956 12.0769 15.2196C12.2312 14.4437 12.6122 13.731 13.1716 13.1716C13.731 12.6122 14.4437 12.2312 15.2196 12.0769C15.9956 11.9225 16.7998 12.0017 17.5307 12.3045C18.2616 12.6072 18.8864 13.1199 19.3259 13.7777C19.7654 14.4355 20 15.2089 20 16C20 17.0609 19.5786 18.0783 18.8284 18.8284C18.0783 19.5786 17.0609 20 16 20Z"
|
|
39
|
-
fill="currentColor"/>
|
|
40
|
-
</svg>
|
|
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="M16 3.25C12.6185 3.25 9.37548 4.5933 6.98439 6.98439C4.5933 9.37548 3.25 12.6185 3.25 16C3.25 19.3815 4.5933 22.6245 6.98439 25.0156C9.37548 27.4067 12.6185 28.75 16 28.75C18.6412 28.75 21.4138 27.9562 23.415 26.625C23.5808 26.5148 23.6959 26.3432 23.7352 26.1481C23.7745 25.9529 23.7346 25.7501 23.6244 25.5844C23.5141 25.4186 23.3426 25.3034 23.1474 25.2642C22.9523 25.2249 22.7495 25.2648 22.5837 25.375C20.8463 26.5312 18.3225 27.25 16 27.25C13.775 27.25 11.5999 26.5902 9.74984 25.354C7.89978 24.1179 6.45784 22.3609 5.60636 20.3052C4.75487 18.2495 4.53208 15.9875 4.96617 13.8052C5.40025 11.6229 6.47171 9.61839 8.04505 8.04505C9.61839 6.47171 11.6229 5.40025 13.8052 4.96617C15.9875 4.53208 18.2495 4.75487 20.3052 5.60636C22.3609 6.45784 24.1179 7.89978 25.354 9.74984C26.5902 11.5999 27.25 13.775 27.25 16C27.25 19.6975 25.5275 20.25 24.5 20.25C23.4725 20.25 21.75 19.6975 21.75 16V11C21.75 10.8011 21.671 10.6103 21.5303 10.4697C21.3897 10.329 21.1989 10.25 21 10.25C20.8011 10.25 20.6103 10.329 20.4697 10.4697C20.329 10.6103 20.25 10.8011 20.25 11V12.125C19.4438 11.2386 18.3809 10.6261 17.2097 10.3732C16.0385 10.1203 14.8176 10.2396 13.7175 10.7145C12.6174 11.1893 11.6931 11.9959 11.0738 13.0216C10.4545 14.0473 10.171 15.2408 10.2631 16.4355C10.3552 17.6301 10.8181 18.7662 11.5873 19.6849C12.3564 20.6036 13.3934 21.2591 14.5532 21.5597C15.7131 21.8604 16.9379 21.7912 18.0565 21.3619C19.1751 20.9325 20.1317 20.1645 20.7925 19.165C21.47 20.825 22.75 21.75 24.5 21.75C27.1613 21.75 28.75 19.6 28.75 16C28.746 12.6197 27.4015 9.379 25.0112 6.98877C22.621 4.59854 19.3803 3.25397 16 3.25ZM16 20.25C15.1594 20.25 14.3377 20.0007 13.6388 19.5337C12.9399 19.0668 12.3952 18.403 12.0735 17.6264C11.7518 16.8498 11.6677 15.9953 11.8317 15.1709C11.9956 14.3464 12.4004 13.5892 12.9948 12.9948C13.5892 12.4004 14.3464 11.9956 15.1709 11.8317C15.9953 11.6677 16.8498 11.7518 17.6264 12.0735C18.403 12.3952 19.0668 12.9399 19.5337 13.6388C20.0007 14.3377 20.25 15.1594 20.25 16C20.25 17.1272 19.8022 18.2082 19.0052 19.0052C18.2082 19.8022 17.1272 20.25 16 20.25Z"
|
|
45
|
-
fill="currentColor"/>
|
|
46
|
-
</svg>
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export default At;
|
|
1
|
+
import IconProps from "../../IconProps";
|
|
2
|
+
|
|
3
|
+
const At = ({type = 'light'}: 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="M16 3.5C12.6848 3.5 9.50537 4.81696 7.16117 7.16117C4.81696 9.50537 3.5 12.6848 3.5 16C3.5 19.3152 4.81696 22.4946 7.16117 24.8388C9.50537 27.183 12.6848 28.5 16 28.5C18.595 28.5 21.315 27.7212 23.2763 26.4175C23.331 26.3811 23.378 26.3344 23.4147 26.2798C23.4514 26.2253 23.4769 26.164 23.4899 26.0996C23.5029 26.0352 23.5031 25.9688 23.4905 25.9044C23.4778 25.8399 23.4526 25.7785 23.4163 25.7237C23.3799 25.669 23.3331 25.622 23.2786 25.5853C23.224 25.5486 23.1628 25.5231 23.0984 25.5101C23.0339 25.4971 22.9676 25.4969 22.9031 25.5095C22.8386 25.5222 22.7772 25.5474 22.7225 25.5837C20.9188 26.7838 18.405 27.5 16 27.5C13.7255 27.5 11.5021 26.8255 9.61094 25.5619C7.71978 24.2983 6.24579 22.5022 5.37539 20.4009C4.50498 18.2995 4.27724 15.9872 4.72097 13.7565C5.1647 11.5257 6.25997 9.47658 7.86827 7.86827C9.47658 6.25997 11.5257 5.1647 13.7565 4.72097C15.9872 4.27724 18.2995 4.50498 20.4009 5.37539C22.5022 6.24579 24.2983 7.71978 25.5619 9.61094C26.8255 11.5021 27.5 13.7255 27.5 16C27.5 19.915 25.625 20.5 24.5 20.5C23.375 20.5 21.5 19.915 21.5 16V11C21.5 10.8674 21.4473 10.7402 21.3536 10.6464C21.2598 10.5527 21.1326 10.5 21 10.5C20.8674 10.5 20.7402 10.5527 20.6464 10.6464C20.5527 10.7402 20.5 10.8674 20.5 11V12.8438C19.812 11.8629 18.8224 11.1335 17.6819 10.7665C16.5414 10.3996 15.3122 10.4151 14.1813 10.8107C13.0503 11.2063 12.0795 11.9604 11.4164 12.9583C10.7533 13.9562 10.4342 15.1433 10.5077 16.3392C10.5811 17.5351 11.043 18.6743 11.8231 19.5836C12.6033 20.4929 13.659 21.1226 14.8299 21.3769C16.0007 21.6312 17.2225 21.4962 18.3096 20.9925C19.3967 20.4888 20.2896 19.6439 20.8525 18.5863C21.4325 20.4475 22.7075 21.5 24.5 21.5C27 21.5 28.5 19.4438 28.5 16C28.4964 12.6859 27.1782 9.5086 24.8348 7.16518C22.4914 4.82177 19.3141 3.50364 16 3.5ZM16 20.5C15.11 20.5 14.24 20.2361 13.4999 19.7416C12.7599 19.2471 12.1831 18.5443 11.8425 17.7221C11.5019 16.8998 11.4128 15.995 11.5865 15.1221C11.7601 14.2492 12.1887 13.4474 12.818 12.818C13.4474 12.1887 14.2492 11.7601 15.1221 11.5865C15.995 11.4128 16.8998 11.5019 17.7221 11.8425C18.5443 12.1831 19.2471 12.7599 19.7416 13.4999C20.2361 14.24 20.5 15.11 20.5 16C20.5 17.1935 20.0259 18.3381 19.182 19.182C18.3381 20.0259 17.1935 20.5 16 20.5Z"
|
|
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="M16 3C12.5522 3 9.24558 4.36964 6.80761 6.80761C4.36964 9.24558 3 12.5522 3 16C3 19.4478 4.36964 22.7544 6.80761 25.1924C9.24558 27.6304 12.5522 29 16 29C18.6888 29 21.5125 28.19 23.5537 26.8337C23.6632 26.761 23.7572 26.6675 23.8304 26.5584C23.9037 26.4494 23.9547 26.327 23.9807 26.1982C24.0066 26.0694 24.0069 25.9368 23.9816 25.8078C23.9563 25.6789 23.9058 25.5563 23.8331 25.4469C23.7604 25.3375 23.6668 25.2435 23.5578 25.1702C23.4487 25.097 23.3263 25.0459 23.1975 25.02C23.0688 24.994 22.9361 24.9937 22.8072 25.019C22.6783 25.0443 22.5557 25.0948 22.4463 25.1675C20.75 26.2975 18.2762 27 16 27C13.8244 27 11.6977 26.3549 9.88873 25.1462C8.07979 23.9375 6.66989 22.2195 5.83733 20.2095C5.00476 18.1995 4.78692 15.9878 5.21136 13.854C5.6358 11.7202 6.68345 9.7602 8.22183 8.22183C9.7602 6.68345 11.7202 5.6358 13.854 5.21136C15.9878 4.78692 18.1995 5.00476 20.2095 5.83733C22.2195 6.66989 23.9375 8.07979 25.1462 9.88873C26.3549 11.6977 27 13.8244 27 16C27 19.3062 25.64 20 24.5 20C23.36 20 22 19.3062 22 16V11C22 10.7348 21.8946 10.4804 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10C20.7348 10 20.4804 10.1054 20.2929 10.2929C20.1054 10.4804 20 10.7348 20 11V11.5325C19.1026 10.7279 17.9837 10.2122 16.789 10.0527C15.5944 9.89311 14.3793 10.097 13.3022 10.6379C12.2251 11.1788 11.3359 12.0315 10.7503 13.0849C10.1648 14.1384 9.91007 15.3438 10.0194 16.5441C10.1287 17.7445 10.597 18.884 11.3633 19.8144C12.1295 20.7447 13.1582 21.4227 14.3153 21.7601C15.4724 22.0974 16.7043 22.0784 17.8505 21.7056C18.9967 21.3328 20.004 20.6235 20.7412 19.67C21.4912 21.17 22.785 22 24.5 22C27.3175 22 29 19.7575 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM16 20C15.2089 20 14.4355 19.7654 13.7777 19.3259C13.1199 18.8864 12.6072 18.2616 12.3045 17.5307C12.0017 16.7998 11.9225 15.9956 12.0769 15.2196C12.2312 14.4437 12.6122 13.731 13.1716 13.1716C13.731 12.6122 14.4437 12.2312 15.2196 12.0769C15.9956 11.9225 16.7998 12.0017 17.5307 12.3045C18.2616 12.6072 18.8864 13.1199 19.3259 13.7777C19.7654 14.4355 20 15.2089 20 16C20 17.0609 19.5786 18.0783 18.8284 18.8284C18.0783 19.5786 17.0609 20 16 20Z"
|
|
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="M16 2.5C12.4196 2.5 8.9858 3.92232 6.45406 6.45406C3.92232 8.9858 2.5 12.4196 2.5 16C2.5 19.5804 3.92232 23.0142 6.45406 25.5459C8.9858 28.0777 12.4196 29.5 16 29.5C18.7838 29.5 21.7113 28.6588 23.83 27.25C24.1615 27.0297 24.392 26.6867 24.4706 26.2965C24.5492 25.9064 24.4697 25.5009 24.2494 25.1694C24.0291 24.8379 23.6861 24.6074 23.2959 24.5288C22.9057 24.4501 22.5003 24.5297 22.1688 24.75C20.5438 25.8288 18.1825 26.5 16 26.5C13.9233 26.5 11.8932 25.8842 10.1665 24.7304C8.4398 23.5767 7.09399 21.9368 6.29926 20.0182C5.50454 18.0996 5.29661 15.9884 5.70175 13.9516C6.1069 11.9148 7.10693 10.0438 8.57538 8.57538C10.0438 7.10693 11.9148 6.1069 13.9516 5.70175C15.9884 5.29661 18.0996 5.50454 20.0182 6.29926C21.9368 7.09399 23.5767 8.4398 24.7304 10.1665C25.8842 11.8932 26.5 13.9233 26.5 16C26.5 17.1613 26.2913 18.135 25.9137 18.7437C25.5837 19.2738 25.1637 19.5 24.5 19.5C23.8363 19.5 23.4163 19.2738 23.0863 18.7437C22.7113 18.135 22.5 17.1613 22.5 16V11C22.5 10.6401 22.3705 10.2922 22.1353 10.0198C21.9 9.74735 21.5747 9.56861 21.2186 9.51616C20.8625 9.46371 20.4994 9.54105 20.1956 9.73406C19.8918 9.92706 19.6676 10.2229 19.5637 10.5675C18.5324 9.88983 17.3295 9.51975 16.0956 9.50052C14.8617 9.4813 13.6478 9.81372 12.5959 10.4589C11.5439 11.1041 10.6974 12.0354 10.1552 13.144C9.61307 14.2526 9.39768 15.4926 9.53424 16.7191C9.67081 17.9455 10.1537 19.1078 10.9264 20.0699C11.6992 21.0321 12.7298 21.7544 13.8979 22.1524C15.066 22.5504 16.3233 22.6077 17.5227 22.3175C18.7222 22.0273 19.8142 21.4017 20.6712 20.5138C21.5375 21.7875 22.8512 22.5 24.5 22.5C27.5837 22.5 29.5 20.01 29.5 16C29.496 12.4208 28.0724 8.98932 25.5416 6.45844C23.0107 3.92756 19.5792 2.50397 16 2.5ZM16 19.5C15.3078 19.5 14.6311 19.2947 14.0555 18.9101C13.4799 18.5256 13.0313 17.9789 12.7664 17.3394C12.5015 16.6999 12.4322 15.9961 12.5673 15.3172C12.7023 14.6383 13.0356 14.0146 13.5251 13.5251C14.0146 13.0356 14.6383 12.7023 15.3172 12.5673C15.9961 12.4322 16.6999 12.5015 17.3394 12.7664C17.9789 13.0313 18.5256 13.4799 18.9101 14.0555C19.2947 14.6311 19.5 15.3078 19.5 16C19.5 16.9283 19.1313 17.8185 18.4749 18.4749C17.8185 19.1313 16.9283 19.5 16 19.5Z"
|
|
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="M29 15.9999C29 16.0637 29 16.1249 29 16.1899C28.9575 17.9724 28.2962 19.9999 25.5 19.9999C22.6075 19.9999 22 17.8249 22 15.9999V10.9999C22.0003 10.8629 21.9724 10.7272 21.9181 10.6013C21.8637 10.4755 21.7841 10.3621 21.6841 10.2683C21.5841 10.1746 21.4659 10.1023 21.3368 10.0562C21.2077 10.01 21.0705 9.99086 20.9338 9.99995C20.6762 10.0221 20.4366 10.1411 20.2633 10.3329C20.09 10.5248 19.9959 10.7752 20 11.0337V11.5337C19.0972 10.7246 17.9706 10.2079 16.7684 10.0518C15.5663 9.89561 14.345 10.1073 13.2655 10.6588C12.186 11.2104 11.2989 12.0761 10.721 13.1418C10.1431 14.2074 9.90165 15.4232 10.0283 16.6288C10.155 17.8344 10.6439 18.9734 11.4307 19.8957C12.2174 20.818 13.2651 21.4803 14.4356 21.7955C15.6062 22.1106 16.8448 22.0638 17.9883 21.6612C19.1317 21.2586 20.1264 20.519 20.8412 19.5399C20.9662 19.7586 21.1075 19.9675 21.2638 20.1649C21.935 20.9999 23.2137 21.9999 25.5 21.9999C25.8861 22.0012 26.2717 21.9699 26.6525 21.9062C26.7467 21.8905 26.8433 21.9021 26.9311 21.9396C27.0189 21.9771 27.0941 22.0389 27.1479 22.1178C27.2016 22.1966 27.2317 22.2892 27.2345 22.3847C27.2373 22.4801 27.2128 22.5743 27.1637 22.6562C25.9885 24.6276 24.3124 26.253 22.3058 27.3671C20.2992 28.4813 18.0335 29.0446 15.7388 28.9999C8.89125 28.8624 3.275 23.3574 3.01 16.5137C2.94222 14.7866 3.21954 13.0632 3.82575 11.4446C4.43196 9.82587 5.35488 8.34433 6.54052 7.0866C7.72616 5.82888 9.15072 4.82022 10.7308 4.11963C12.311 3.41905 14.0149 3.04061 15.7431 3.00645C17.4712 2.97229 19.1888 3.28309 20.7954 3.92068C22.402 4.55828 23.8653 5.50985 25.0997 6.71974C26.3341 7.92963 27.3149 9.37354 27.9846 10.967C28.6543 12.5605 28.9995 14.2715 29 15.9999ZM12 15.9999C12 16.7911 12.2346 17.5644 12.6741 18.2222C13.1136 18.88 13.7384 19.3927 14.4693 19.6955C15.2002 19.9982 16.0044 20.0774 16.7804 19.9231C17.5563 19.7687 18.269 19.3878 18.8284 18.8284C19.3878 18.269 19.7688 17.5562 19.9231 16.7803C20.0775 16.0044 19.9983 15.2001 19.6955 14.4692C19.3928 13.7383 18.8801 13.1136 18.2223 12.6741C17.5645 12.2345 16.7911 11.9999 16 11.9999C14.9391 11.9999 13.9217 12.4214 13.1716 13.1715C12.4214 13.9217 12 14.9391 12 15.9999Z"
|
|
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="M28 16C28 18.3734 27.2962 20.6935 25.9776 22.6668C24.6591 24.6402 22.7849 26.1783 20.5922 27.0866C18.3995 27.9948 15.9867 28.2324 13.6589 27.7694C11.3312 27.3064 9.19295 26.1635 7.51472 24.4853C5.83649 22.8071 4.6936 20.6689 4.23058 18.3411C3.76756 16.0133 4.0052 13.6005 4.91345 11.4078C5.8217 9.21509 7.35977 7.34094 9.33316 6.02236C11.3066 4.70379 13.6266 4 16 4C19.1826 4 22.2348 5.26428 24.4853 7.51472C26.7357 9.76516 28 12.8174 28 16Z"
|
|
36
|
+
fill="currentColor"/>
|
|
37
|
+
<path
|
|
38
|
+
d="M16 3C12.5522 3 9.24558 4.36964 6.80761 6.80761C4.36964 9.24558 3 12.5522 3 16C3 19.4478 4.36964 22.7544 6.80761 25.1924C9.24558 27.6304 12.5522 29 16 29C18.6888 29 21.5125 28.19 23.5537 26.8337C23.6632 26.761 23.7572 26.6675 23.8304 26.5584C23.9037 26.4494 23.9547 26.327 23.9807 26.1982C24.0066 26.0694 24.0069 25.9368 23.9816 25.8078C23.9563 25.6789 23.9058 25.5563 23.8331 25.4469C23.7604 25.3375 23.6668 25.2435 23.5578 25.1702C23.4487 25.097 23.3263 25.0459 23.1975 25.02C23.0688 24.994 22.9361 24.9937 22.8072 25.019C22.6783 25.0443 22.5557 25.0948 22.4463 25.1675C20.75 26.2975 18.2762 27 16 27C13.8244 27 11.6977 26.3549 9.88873 25.1462C8.07979 23.9375 6.66989 22.2195 5.83733 20.2095C5.00476 18.1995 4.78692 15.9878 5.21136 13.854C5.6358 11.7202 6.68345 9.7602 8.22183 8.22183C9.7602 6.68345 11.7202 5.6358 13.854 5.21136C15.9878 4.78692 18.1995 5.00476 20.2095 5.83733C22.2195 6.66989 23.9375 8.07979 25.1462 9.88873C26.3549 11.6977 27 13.8244 27 16C27 19.3062 25.64 20 24.5 20C23.36 20 22 19.3062 22 16V11C22 10.7348 21.8946 10.4804 21.7071 10.2929C21.5196 10.1054 21.2652 10 21 10C20.7348 10 20.4804 10.1054 20.2929 10.2929C20.1054 10.4804 20 10.7348 20 11V11.5325C19.1026 10.7279 17.9837 10.2122 16.789 10.0527C15.5944 9.89311 14.3793 10.097 13.3022 10.6379C12.2251 11.1788 11.3359 12.0315 10.7503 13.0849C10.1648 14.1384 9.91007 15.3438 10.0194 16.5441C10.1287 17.7445 10.597 18.884 11.3633 19.8144C12.1295 20.7447 13.1582 21.4227 14.3153 21.7601C15.4724 22.0974 16.7043 22.0784 17.8505 21.7056C18.9967 21.3328 20.004 20.6235 20.7412 19.67C21.4912 21.17 22.785 22 24.5 22C27.3175 22 29 19.7575 29 16C28.9964 12.5533 27.6256 9.24882 25.1884 6.81163C22.7512 4.37445 19.4467 3.00364 16 3ZM16 20C15.2089 20 14.4355 19.7654 13.7777 19.3259C13.1199 18.8864 12.6072 18.2616 12.3045 17.5307C12.0017 16.7998 11.9225 15.9956 12.0769 15.2196C12.2312 14.4437 12.6122 13.731 13.1716 13.1716C13.731 12.6122 14.4437 12.2312 15.2196 12.0769C15.9956 11.9225 16.7998 12.0017 17.5307 12.3045C18.2616 12.6072 18.8864 13.1199 19.3259 13.7777C19.7654 14.4355 20 15.2089 20 16C20 17.0609 19.5786 18.0783 18.8284 18.8284C18.0783 19.5786 17.0609 20 16 20Z"
|
|
39
|
+
fill="currentColor"/>
|
|
40
|
+
</svg>
|
|
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="M16 3.25C12.6185 3.25 9.37548 4.5933 6.98439 6.98439C4.5933 9.37548 3.25 12.6185 3.25 16C3.25 19.3815 4.5933 22.6245 6.98439 25.0156C9.37548 27.4067 12.6185 28.75 16 28.75C18.6412 28.75 21.4138 27.9562 23.415 26.625C23.5808 26.5148 23.6959 26.3432 23.7352 26.1481C23.7745 25.9529 23.7346 25.7501 23.6244 25.5844C23.5141 25.4186 23.3426 25.3034 23.1474 25.2642C22.9523 25.2249 22.7495 25.2648 22.5837 25.375C20.8463 26.5312 18.3225 27.25 16 27.25C13.775 27.25 11.5999 26.5902 9.74984 25.354C7.89978 24.1179 6.45784 22.3609 5.60636 20.3052C4.75487 18.2495 4.53208 15.9875 4.96617 13.8052C5.40025 11.6229 6.47171 9.61839 8.04505 8.04505C9.61839 6.47171 11.6229 5.40025 13.8052 4.96617C15.9875 4.53208 18.2495 4.75487 20.3052 5.60636C22.3609 6.45784 24.1179 7.89978 25.354 9.74984C26.5902 11.5999 27.25 13.775 27.25 16C27.25 19.6975 25.5275 20.25 24.5 20.25C23.4725 20.25 21.75 19.6975 21.75 16V11C21.75 10.8011 21.671 10.6103 21.5303 10.4697C21.3897 10.329 21.1989 10.25 21 10.25C20.8011 10.25 20.6103 10.329 20.4697 10.4697C20.329 10.6103 20.25 10.8011 20.25 11V12.125C19.4438 11.2386 18.3809 10.6261 17.2097 10.3732C16.0385 10.1203 14.8176 10.2396 13.7175 10.7145C12.6174 11.1893 11.6931 11.9959 11.0738 13.0216C10.4545 14.0473 10.171 15.2408 10.2631 16.4355C10.3552 17.6301 10.8181 18.7662 11.5873 19.6849C12.3564 20.6036 13.3934 21.2591 14.5532 21.5597C15.7131 21.8604 16.9379 21.7912 18.0565 21.3619C19.1751 20.9325 20.1317 20.1645 20.7925 19.165C21.47 20.825 22.75 21.75 24.5 21.75C27.1613 21.75 28.75 19.6 28.75 16C28.746 12.6197 27.4015 9.379 25.0112 6.98877C22.621 4.59854 19.3803 3.25397 16 3.25ZM16 20.25C15.1594 20.25 14.3377 20.0007 13.6388 19.5337C12.9399 19.0668 12.3952 18.403 12.0735 17.6264C11.7518 16.8498 11.6677 15.9953 11.8317 15.1709C11.9956 14.3464 12.4004 13.5892 12.9948 12.9948C13.5892 12.4004 14.3464 11.9956 15.1709 11.8317C15.9953 11.6677 16.8498 11.7518 17.6264 12.0735C18.403 12.3952 19.0668 12.9399 19.5337 13.6388C20.0007 14.3377 20.25 15.1594 20.25 16C20.25 17.1272 19.8022 18.2082 19.0052 19.0052C18.2082 19.8022 17.1272 20.25 16 20.25Z"
|
|
45
|
+
fill="currentColor"/>
|
|
46
|
+
</svg>
|
|
47
|
+
};
|
|
48
|
+
|
|
49
|
+
export default At;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import Broadcast from './Broadcast.tsx';
|
|
3
|
-
|
|
4
|
-
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
|
|
5
|
-
const meta = {
|
|
6
|
-
title: 'Design Token/Icons/Communication/Broadcast',
|
|
7
|
-
component: Broadcast ,
|
|
8
|
-
parameters: {
|
|
9
|
-
layout: 'centered',
|
|
10
|
-
},
|
|
11
|
-
argTypes: {
|
|
12
|
-
type: {
|
|
13
|
-
options: ["light" , "bold" , "fill" , "duotone" , "regular" , "thin"],
|
|
14
|
-
control: { type: 'select' },
|
|
15
|
-
},
|
|
16
|
-
},
|
|
17
|
-
tags: ['autodocs'],
|
|
18
|
-
} satisfies Meta<typeof Broadcast >;
|
|
19
|
-
|
|
20
|
-
export default meta;
|
|
21
|
-
type Story = StoryObj<typeof Broadcast>;
|
|
22
|
-
|
|
23
|
-
export const Icon: Story = {
|
|
24
|
-
args: {
|
|
25
|
-
type:'light'
|
|
26
|
-
},
|
|
27
|
-
};
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import Broadcast from './Broadcast.tsx';
|
|
3
|
+
|
|
4
|
+
// More on how to set up stories at: https://storybook.js.org/docs/writing-stories#default-export
|
|
5
|
+
const meta = {
|
|
6
|
+
title: 'Design Token/Icons/Communication/Broadcast',
|
|
7
|
+
component: Broadcast ,
|
|
8
|
+
parameters: {
|
|
9
|
+
layout: 'centered',
|
|
10
|
+
},
|
|
11
|
+
argTypes: {
|
|
12
|
+
type: {
|
|
13
|
+
options: ["light" , "bold" , "fill" , "duotone" , "regular" , "thin"],
|
|
14
|
+
control: { type: 'select' },
|
|
15
|
+
},
|
|
16
|
+
},
|
|
17
|
+
tags: ['autodocs'],
|
|
18
|
+
} satisfies Meta<typeof Broadcast >;
|
|
19
|
+
|
|
20
|
+
export default meta;
|
|
21
|
+
type Story = StoryObj<typeof Broadcast>;
|
|
22
|
+
|
|
23
|
+
export const Icon: Story = {
|
|
24
|
+
args: {
|
|
25
|
+
type:'light'
|
|
26
|
+
},
|
|
27
|
+
};
|