@hellobetterdigitalnz/betterui 0.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (230) hide show
  1. package/.editorconfig +17 -0
  2. package/.eslintrc.cjs +14 -0
  3. package/.storybook/main.ts +23 -0
  4. package/.storybook/preview.ts +17 -0
  5. package/README.md +30 -0
  6. package/index.html +13 -0
  7. package/package.json +45 -0
  8. package/public/image/table-image.png +0 -0
  9. package/public/vite.svg +1 -0
  10. package/src/App.tsx +30 -0
  11. package/src/Components/DataDisplay/Accordion/Accordion.stories.tsx +57 -0
  12. package/src/Components/DataDisplay/Accordion/Accordion.tsx +14 -0
  13. package/src/Components/DataDisplay/Accordion/AccordionContext.tsx +11 -0
  14. package/src/Components/DataDisplay/Accordion/AccordionContextInterface.tsx +8 -0
  15. package/src/Components/DataDisplay/Accordion/AccordionItem.tsx +62 -0
  16. package/src/Components/DataDisplay/Accordion/AccordionItemProps.tsx +12 -0
  17. package/src/Components/DataDisplay/Accordion/AccordionProps.tsx +8 -0
  18. package/src/Components/DataDisplay/Accordion/AccordionProvider.tsx +65 -0
  19. package/src/Components/DataDisplay/Accordion/AccordionProviderInterface.tsx +8 -0
  20. package/src/Components/DataDisplay/Accordion/accordion.module.scss +56 -0
  21. package/src/Components/DataDisplay/Badge/Badge.stories.tsx +44 -0
  22. package/src/Components/DataDisplay/Badge/Badge.tsx +32 -0
  23. package/src/Components/DataDisplay/Badge/BadgeProps.tsx +6 -0
  24. package/src/Components/DataDisplay/Badge/badge.module.scss +42 -0
  25. package/src/Components/DataDisplay/Cards/BannerCard/BannerCard.stories.tsx +26 -0
  26. package/src/Components/DataDisplay/Cards/BannerCard/BannerCard.tsx +47 -0
  27. package/src/Components/DataDisplay/Cards/BannerCard/BannerCardInterface.tsx +15 -0
  28. package/src/Components/DataDisplay/Cards/BannerCard/banner-card.scss +54 -0
  29. package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCard.stories.tsx +31 -0
  30. package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCard.tsx +53 -0
  31. package/src/Components/DataDisplay/Cards/PathwayCard/PathwayCardInterface.tsx +17 -0
  32. package/src/Components/DataDisplay/Cards/PathwayCard/pathway-card-stories.scss +3 -0
  33. package/src/Components/DataDisplay/Cards/PathwayCard/pathway-card.scss +62 -0
  34. package/src/Components/DataDisplay/Media/Media.tsx +26 -0
  35. package/src/Components/DataDisplay/Media/MediaProps.tsx +9 -0
  36. package/src/Components/DataDisplay/Media/media.scss +0 -0
  37. package/src/Components/DataDisplay/Modal/Modal.tsx +5 -0
  38. package/src/Components/DataDisplay/Modal/ModalActions.tsx +5 -0
  39. package/src/Components/DataDisplay/Modal/ModalActionsLeft.tsx +5 -0
  40. package/src/Components/DataDisplay/Modal/ModalActionsRight.tsx +5 -0
  41. package/src/Components/DataDisplay/Modal/ModalBody.tsx +5 -0
  42. package/src/Components/DataDisplay/Modal/ModalCurtain.tsx +5 -0
  43. package/src/Components/DataDisplay/Modal/ModalHeader.tsx +5 -0
  44. package/src/Components/DataDisplay/NotificationsBell/NotificationBell.stories.tsx +27 -0
  45. package/src/Components/DataDisplay/NotificationsBell/NotificationsBell.tsx +51 -0
  46. package/src/Components/DataDisplay/NotificationsBell/NotificationsBellProps.tsx +9 -0
  47. package/src/Components/DataDisplay/NotificationsBell/notificationBell.module.scss +48 -0
  48. package/src/Components/DataDisplay/NotificationsPanel/Notification.stories.tsx +128 -0
  49. package/src/Components/DataDisplay/NotificationsPanel/Notification.tsx +59 -0
  50. package/src/Components/DataDisplay/NotificationsPanel/NotificationProps.tsx +11 -0
  51. package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroup.tsx +17 -0
  52. package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroupProps.tsx +8 -0
  53. package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroups.tsx +42 -0
  54. package/src/Components/DataDisplay/NotificationsPanel/NotificationsGroupsProps.tsx +7 -0
  55. package/src/Components/DataDisplay/NotificationsPanel/NotificationsHeader.tsx +27 -0
  56. package/src/Components/DataDisplay/NotificationsPanel/NotificationsHeaderProps.tsx +9 -0
  57. package/src/Components/DataDisplay/NotificationsPanel/NotificationsNone.tsx +11 -0
  58. package/src/Components/DataDisplay/NotificationsPanel/NotificationsPanel.tsx +8 -0
  59. package/src/Components/DataDisplay/NotificationsPanel/NotificationsPanelProps.tsx +7 -0
  60. package/src/Components/DataDisplay/NotificationsPanel/notificationPanel.module.scss +196 -0
  61. package/src/Components/DataDisplay/Tab/Tab.stories.tsx +72 -0
  62. package/src/Components/DataDisplay/Tab/Tab.tsx +20 -0
  63. package/src/Components/DataDisplay/Tab/TabBody.tsx +6 -0
  64. package/src/Components/DataDisplay/Tab/TabBodyContent.tsx +15 -0
  65. package/src/Components/DataDisplay/Tab/TabBodyContentProps.tsx +9 -0
  66. package/src/Components/DataDisplay/Tab/TabBodyProps.tsx +8 -0
  67. package/src/Components/DataDisplay/Tab/TabContext.tsx +9 -0
  68. package/src/Components/DataDisplay/Tab/TabContextProps.tsx +6 -0
  69. package/src/Components/DataDisplay/Tab/TabNav.tsx +6 -0
  70. package/src/Components/DataDisplay/Tab/TabNavItem.tsx +49 -0
  71. package/src/Components/DataDisplay/Tab/TabNavItemProps.tsx +9 -0
  72. package/src/Components/DataDisplay/Tab/TabNavProps.tsx +8 -0
  73. package/src/Components/DataDisplay/Tab/TabProps.tsx +8 -0
  74. package/src/Components/DataDisplay/Tab/tab.module.scss +35 -0
  75. package/src/Components/DataDisplay/Tab/tab.stories.scss +3 -0
  76. package/src/Components/DataDisplay/Table/Table.stories.tsx +64 -0
  77. package/src/Components/DataDisplay/Table/Table.tsx +10 -0
  78. package/src/Components/DataDisplay/Table/TableBody.tsx +13 -0
  79. package/src/Components/DataDisplay/Table/TableBodyProps.tsx +8 -0
  80. package/src/Components/DataDisplay/Table/TableCell.tsx +30 -0
  81. package/src/Components/DataDisplay/Table/TableCellAction.tsx +27 -0
  82. package/src/Components/DataDisplay/Table/TableCellActionProps.tsx +11 -0
  83. package/src/Components/DataDisplay/Table/TableCellProps.tsx +11 -0
  84. package/src/Components/DataDisplay/Table/TableCellWithDesc.tsx +21 -0
  85. package/src/Components/DataDisplay/Table/TableCellWithDescProps.tsx +9 -0
  86. package/src/Components/DataDisplay/Table/TableCellWithImage.tsx +39 -0
  87. package/src/Components/DataDisplay/Table/TableCellWithImageProps.tsx +10 -0
  88. package/src/Components/DataDisplay/Table/TableFooter.tsx +5 -0
  89. package/src/Components/DataDisplay/Table/TableHead.tsx +11 -0
  90. package/src/Components/DataDisplay/Table/TableHeadProps.tsx +8 -0
  91. package/src/Components/DataDisplay/Table/TableHeaderCell.tsx +17 -0
  92. package/src/Components/DataDisplay/Table/TableHeaderCellProps.tsx +10 -0
  93. package/src/Components/DataDisplay/Table/TableProps.tsx +8 -0
  94. package/src/Components/DataDisplay/Table/TableRow.tsx +9 -0
  95. package/src/Components/DataDisplay/Table/TableRowProps.tsx +8 -0
  96. package/src/Components/DataDisplay/Table/table.module.scss +103 -0
  97. package/src/Components/Form/Button/Button.stories.tsx +66 -0
  98. package/src/Components/Form/Button/Button.tsx +64 -0
  99. package/src/Components/Form/Button/ButtonProps.tsx +18 -0
  100. package/src/Components/Form/Button/button.module.scss +142 -0
  101. package/src/Components/Form/Checkbox/Checkbox.stories.tsx +49 -0
  102. package/src/Components/Form/Checkbox/Checkbox.tsx +85 -0
  103. package/src/Components/Form/Checkbox/CheckboxProps.tsx +22 -0
  104. package/src/Components/Form/Checkbox/checkbox.module.scss +63 -0
  105. package/src/Components/Form/CheckboxSelect/CheckboxSelect.tsx +5 -0
  106. package/src/Components/Form/CheckboxSelect/CheckboxSelectItem.tsx +5 -0
  107. package/src/Components/Form/CheckboxSet/CheckboxSet.stories.tsx +93 -0
  108. package/src/Components/Form/CheckboxSet/CheckboxSet.tsx +14 -0
  109. package/src/Components/Form/CheckboxSet/CheckboxSetItem.tsx +88 -0
  110. package/src/Components/Form/CheckboxSet/CheckboxSetProps.tsx +9 -0
  111. package/src/Components/Form/CheckboxSet/checkboxSet.module.scss +13 -0
  112. package/src/Components/Form/CurrencyField/CurrenctField.stories.tsx +22 -0
  113. package/src/Components/Form/CurrencyField/CurrencyField.tsx +59 -0
  114. package/src/Components/Form/CurrencyField/CurrencyFieldProps.tsx +8 -0
  115. package/src/Components/Form/DateField/DateField.stories.tsx +22 -0
  116. package/src/Components/Form/DateField/DateField.tsx +58 -0
  117. package/src/Components/Form/DropdownBadge/DropdownBadge.stories.tsx +49 -0
  118. package/src/Components/Form/DropdownBadge/DropdownBadge.tsx +160 -0
  119. package/src/Components/Form/DropdownBadge/DropdownBadgeItem.tsx +40 -0
  120. package/src/Components/Form/DropdownBadge/DropdownBadgeItemProps.tsx +10 -0
  121. package/src/Components/Form/DropdownBadge/DropdownBadgeProps.tsx +31 -0
  122. package/src/Components/Form/DropdownBadge/DropdownBadgeSelector.tsx +11 -0
  123. package/src/Components/Form/DropdownBadge/DropdownBadgeSelectorProps.tsx +7 -0
  124. package/src/Components/Form/DropdownBadge/dropdownBadge.module.scss +105 -0
  125. package/src/Components/Form/DropdownField/DropdownField.stories.tsx +50 -0
  126. package/src/Components/Form/DropdownField/DropdownField.tsx +118 -0
  127. package/src/Components/Form/DropdownField/DropdownFieldItem.tsx +26 -0
  128. package/src/Components/Form/DropdownField/DropdownFieldItemProps.tsx +9 -0
  129. package/src/Components/Form/DropdownField/DropdownFieldProps.tsx +33 -0
  130. package/src/Components/Form/DropdownField/DropdownFieldSelector.tsx +15 -0
  131. package/src/Components/Form/DropdownField/DropdownFieldSelectorProps.tsx +7 -0
  132. package/src/Components/Form/DropdownField/dropdown.module.scss +79 -0
  133. package/src/Components/Form/EmailField/EmailField.stories.ts +23 -0
  134. package/src/Components/Form/EmailField/EmailField.tsx +51 -0
  135. package/src/Components/Form/ErrorMessage/ErrorMessage.tsx +5 -0
  136. package/src/Components/Form/FormFieldHolder/FormFieldHolder.tsx +5 -0
  137. package/src/Components/Form/IconButton/IconButton.stories.tsx +45 -0
  138. package/src/Components/Form/IconButton/IconButton.tsx +58 -0
  139. package/src/Components/Form/IconButton/IconButtonProps.tsx +15 -0
  140. package/src/Components/Form/IconButton/iconButton.module.scss +111 -0
  141. package/src/Components/Form/InputProps.tsx +25 -0
  142. package/src/Components/Form/MultiSelectField/MultiSelectField.tsx +5 -0
  143. package/src/Components/Form/MultiSelectField/MultiSelectFieldItem.tsx +5 -0
  144. package/src/Components/Form/MultiSelectField/MultiSelectFieldTag.tsx +5 -0
  145. package/src/Components/Form/PasswordField/PasswordField.stories.tsx +22 -0
  146. package/src/Components/Form/PasswordField/PasswordField.tsx +70 -0
  147. package/src/Components/Form/RadioButtons/RadioButton.tsx +70 -0
  148. package/src/Components/Form/RadioButtons/RadioButtonProps.tsx +22 -0
  149. package/src/Components/Form/RadioButtons/RadioButtons.stories.tsx +64 -0
  150. package/src/Components/Form/RadioButtons/RadioButtons.tsx +18 -0
  151. package/src/Components/Form/RadioButtons/RadioButtonsProps.tsx +10 -0
  152. package/src/Components/Form/RadioButtons/radioButton.stories.scss +3 -0
  153. package/src/Components/Form/RadioButtons/radiobutton.module.scss +63 -0
  154. package/src/Components/Form/TextField/TextField.stories.ts +23 -0
  155. package/src/Components/Form/TextField/TextField.tsx +52 -0
  156. package/src/Components/Form/Textarea/Textarea.stories.ts +31 -0
  157. package/src/Components/Form/Textarea/Textarea.tsx +71 -0
  158. package/src/Components/Form/Textarea/TextareaProps.tsx +27 -0
  159. package/src/Components/Form/Textarea/textarea.module.scss +49 -0
  160. package/src/Components/Form/TimeField/TimeField.stories.tsx +22 -0
  161. package/src/Components/Form/TimeField/TimeField.tsx +58 -0
  162. package/src/Components/Form/ToggleSwitch/ToggleSwitch.stories.tsx +49 -0
  163. package/src/Components/Form/ToggleSwitch/ToggleSwitch.tsx +87 -0
  164. package/src/Components/Form/ToggleSwitch/ToggleSwitchProps.tsx +22 -0
  165. package/src/Components/Form/ToggleSwitch/toggleSwitch.module.scss +82 -0
  166. package/src/Components/Form/inputs.module.scss +121 -0
  167. package/src/Components/Icons/Arrows/CaretDown/CaretDown.tsx +49 -0
  168. package/src/Components/Icons/Arrows/CaretUp/CaretUp.tsx +49 -0
  169. package/src/Components/Icons/Commerce/CurrencyDollarSimple/CurrencyDollarSimple.tsx +105 -0
  170. package/src/Components/Icons/Communication/AddressBook/AddressBook.stories.ts +28 -0
  171. package/src/Components/Icons/Communication/AddressBook/AddressBook.tsx +50 -0
  172. package/src/Components/Icons/Communication/Asterick/Asterisk.stories.ts +28 -0
  173. package/src/Components/Icons/Communication/Asterick/Asterisk.tsx +50 -0
  174. package/src/Components/Icons/Communication/AsterickSimple/AsteriskSimple.stories.ts +28 -0
  175. package/src/Components/Icons/Communication/AsterickSimple/AsteriskSimple.tsx +49 -0
  176. package/src/Components/Icons/Communication/At/At.stories.ts +28 -0
  177. package/src/Components/Icons/Communication/At/At.tsx +49 -0
  178. package/src/Components/Icons/Communication/Broadcast/Broadcast.stories.ts +27 -0
  179. package/src/Components/Icons/Communication/Broadcast/Broadcast.tsx +49 -0
  180. package/src/Components/Icons/Communication/Chat/Chat.stories.ts +28 -0
  181. package/src/Components/Icons/Communication/Chat/Chat.tsx +49 -0
  182. package/src/Components/Icons/Design/Eye/Eye.tsx +105 -0
  183. package/src/Components/Icons/Design/EyeSlash/EyeSlash.tsx +105 -0
  184. package/src/Components/Icons/IconProps.tsx +5 -0
  185. package/src/Components/Icons/MathAndFinance/XIcon/XIcon.tsx +107 -0
  186. package/src/Components/Icons/SystemAndDevice/Bell/Bell.tsx +49 -0
  187. package/src/Components/Icons/Time/CalendarBank/CalendarBank.tsx +105 -0
  188. package/src/Components/Icons/Time/Clock/Clock.tsx +105 -0
  189. package/src/Components/Layout/CalloutPopup/CalloutPopup.tsx +5 -0
  190. package/src/Components/Layout/Header/Header.tsx +5 -0
  191. package/src/Components/Layout/Header/HeaderLeft.tsx +5 -0
  192. package/src/Components/Layout/Header/HeaderRight.tsx +5 -0
  193. package/src/Components/Layout/Pagination/Pagination.tsx +5 -0
  194. package/src/Components/Layout/Pagination/PaginationFirst.tsx +5 -0
  195. package/src/Components/Layout/Pagination/PaginationLast.tsx +5 -0
  196. package/src/Components/Layout/Pagination/PaginationNext.tsx +5 -0
  197. package/src/Components/Layout/Pagination/PaginationNumber.tsx +5 -0
  198. package/src/Components/Layout/Pagination/PaginationPrevious.tsx +5 -0
  199. package/src/Components/Layout/ProfileAvatar/ProfileAvatar.tsx +5 -0
  200. package/src/Components/Layout/ProfileAvatar/ProfileAvatarProps.tsx +4 -0
  201. package/src/Components/Layout/ProfileDropdown/ProfileDropdown.tsx +5 -0
  202. package/src/Components/Layout/ProfileDropdown/ProfileHeader.tsx +5 -0
  203. package/src/Components/Layout/ProfileDropdown/ProfileLink.tsx +5 -0
  204. package/src/Components/Layout/ProfileDropdown/ProfileLinks.tsx +5 -0
  205. package/src/Components/Layout/ProfileDropdown/ProfileNavigationItem.tsx +5 -0
  206. package/src/Components/Layout/ProfileDropdown/ProfileSwitchPanel.tsx +5 -0
  207. package/src/Components/Layout/ProfileDropdown/ProfileSwitchUser.tsx +5 -0
  208. package/src/Components/Layout/Sidebar/Sidebar.tsx +5 -0
  209. package/src/Components/Layout/Sidebar/SidebarChevron.tsx +5 -0
  210. package/src/Components/Layout/Sidebar/SidebarNavigation.tsx +5 -0
  211. package/src/Components/Layout/Sidebar/SidebarNavigationItem.tsx +5 -0
  212. package/src/Components/Layout/Sidebar/SidebarSubNavigation.tsx +5 -0
  213. package/src/Notification/Notification.tsx +83 -0
  214. package/src/Notification/NotificationInterface.tsx +9 -0
  215. package/src/Notification/NotificationList.tsx +29 -0
  216. package/src/Notification/NotificationListHolder.tsx +14 -0
  217. package/src/Notification/NotificationListHolderInterface.tsx +8 -0
  218. package/src/Notification/NotificationListInterface.tsx +11 -0
  219. package/src/Notification/notification.scss +225 -0
  220. package/src/global.scss +231 -0
  221. package/src/main.tsx +9 -0
  222. package/src/variables.scss +2 -0
  223. package/src/vite-env.d.ts +1 -0
  224. package/tokens/color/color.mdx +82 -0
  225. package/tokens/shadow/shadow-panel.scss +12 -0
  226. package/tokens/shadow/shadow.mdx +34 -0
  227. package/tokens/typography/typography.mdx +31 -0
  228. package/tsconfig.json +25 -0
  229. package/tsconfig.node.json +10 -0
  230. package/vite.config.ts +7 -0
@@ -0,0 +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
+ };
@@ -0,0 +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;
@@ -0,0 +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
+ };
@@ -0,0 +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;
@@ -0,0 +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
+ };
@@ -0,0 +1,49 @@
1
+ import IconProps from "../../IconProps";
2
+
3
+ const Broadcast = ({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="M16.0006 11.5C15.1106 11.5 14.2405 11.7639 13.5005 12.2583C12.7605 12.7528 12.1837 13.4556 11.8431 14.2779C11.5025 15.1001 11.4134 16.0049 11.587 16.8779C11.7607 17.7508 12.1893 18.5526 12.8186 19.1819C13.4479 19.8113 14.2498 20.2399 15.1227 20.4135C15.9956 20.5871 16.9004 20.498 17.7227 20.1574C18.5449 19.8168 19.2477 19.24 19.7422 18.5C20.2367 17.76 20.5006 16.89 20.5006 16C20.5006 14.8065 20.0265 13.6619 19.1826 12.818C18.3386 11.9741 17.1941 11.5 16.0006 11.5ZM16.0006 19.5C15.3083 19.5 14.6317 19.2947 14.0561 18.9101C13.4805 18.5255 13.0319 17.9789 12.767 17.3393C12.5021 16.6998 12.4328 15.9961 12.5678 15.3171C12.7029 14.6382 13.0362 14.0146 13.5257 13.5251C14.0152 13.0356 14.6388 12.7023 15.3178 12.5672C15.9967 12.4322 16.7004 12.5015 17.34 12.7664C17.9795 13.0313 18.5261 13.4799 18.9107 14.0555C19.2953 14.631 19.5006 15.3077 19.5006 16C19.5006 16.9282 19.1318 17.8185 18.4755 18.4748C17.8191 19.1312 16.9288 19.5 16.0006 19.5ZM25.5006 16C25.5038 18.3374 24.6423 20.5934 23.0818 22.3337C22.9933 22.4332 22.8689 22.4934 22.736 22.5011C22.6031 22.5089 22.4725 22.4635 22.3731 22.375C22.2736 22.2864 22.2134 22.162 22.2057 22.0291C22.1979 21.8962 22.2433 21.7657 22.3318 21.6662C23.7275 20.1089 24.4994 18.0912 24.4994 16C24.4994 13.9087 23.7275 11.891 22.3318 10.3337C22.2433 10.2342 22.1979 10.1037 22.2057 9.97079C22.2134 9.83787 22.2736 9.71347 22.3731 9.62495C22.4725 9.53644 22.6031 9.49106 22.736 9.49879C22.8689 9.50653 22.9933 9.56675 23.0818 9.6662C24.6423 11.4065 25.5038 13.6625 25.5006 16ZM8.16808 12.6912C7.54066 14.1753 7.34853 15.8074 7.61414 17.3966C7.87976 18.9859 8.59215 20.4668 9.66808 21.6662C9.71191 21.7155 9.74561 21.7728 9.76725 21.8351C9.7889 21.8974 9.79807 21.9633 9.79424 22.0291C9.79041 22.0949 9.77365 22.1594 9.74493 22.2187C9.7162 22.278 9.67607 22.3311 9.62683 22.375C9.57758 22.4188 9.52019 22.4525 9.45792 22.4741C9.39565 22.4958 9.32972 22.5049 9.26391 22.5011C9.1981 22.4973 9.13368 22.4805 9.07434 22.4518C9.01501 22.4231 8.96191 22.3829 8.91808 22.3337C7.35819 20.5928 6.49559 18.3375 6.49559 16C6.49559 13.6624 7.35819 11.4071 8.91808 9.6662C8.96191 9.61696 9.01501 9.57683 9.07434 9.5481C9.13368 9.51938 9.1981 9.50262 9.26391 9.49879C9.32972 9.49496 9.39565 9.50413 9.45792 9.52578C9.52019 9.54743 9.57758 9.58113 9.62683 9.62495C9.67607 9.66878 9.7162 9.72188 9.74493 9.78122C9.77365 9.84056 9.79041 9.90497 9.79424 9.97079C9.79807 10.0366 9.7889 10.1025 9.76725 10.1648C9.74561 10.2271 9.71191 10.2845 9.66808 10.3337C9.04145 11.0314 8.5346 11.828 8.16808 12.6912ZM30.5006 16C30.5049 19.795 29.017 23.4396 26.3581 26.1475C26.2653 26.2423 26.1386 26.2963 26.0059 26.2977C25.8732 26.2991 25.7454 26.2478 25.6506 26.155C25.5558 26.0621 25.5017 25.9354 25.5003 25.8028C25.4989 25.6701 25.5503 25.5423 25.6431 25.4475C28.1184 22.9258 29.5052 19.5335 29.5052 16C29.5052 12.4664 28.1184 9.07406 25.6431 6.55245C25.5503 6.45764 25.4989 6.32983 25.5003 6.19715C25.5017 6.06447 25.5558 5.93778 25.6506 5.84495C25.7454 5.75213 25.8732 5.70077 26.0059 5.70218C26.1386 5.70358 26.2653 5.75764 26.3581 5.85245C29.017 8.5603 30.5049 12.2049 30.5006 16ZM6.35808 25.4475C6.4509 25.5423 6.50226 25.6701 6.50086 25.8028C6.49945 25.9354 6.44539 26.0621 6.35058 26.155C6.25576 26.2478 6.12796 26.2991 5.99527 26.2977C5.86259 26.2963 5.7359 26.2423 5.64308 26.1475C2.98512 23.4386 1.49609 19.795 1.49609 16C1.49609 12.2049 2.98512 8.5613 5.64308 5.85245C5.7359 5.75764 5.86259 5.70358 5.99527 5.70218C6.12796 5.70077 6.25576 5.75213 6.35058 5.84495C6.44539 5.93778 6.49945 6.06447 6.50086 6.19715C6.50226 6.32983 6.4509 6.45764 6.35808 6.55245C3.88275 9.07406 2.49595 12.4664 2.49595 16C2.49595 19.5335 3.88275 22.9258 6.35808 25.4475Z"
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.0003 11C15.0114 11 14.0447 11.2933 13.2225 11.8427C12.4002 12.3921 11.7594 13.173 11.3809 14.0866C11.0025 15.0002 10.9035 16.0056 11.0964 16.9755C11.2893 17.9454 11.7655 18.8363 12.4648 19.5355C13.164 20.2348 14.055 20.711 15.0249 20.9039C15.9948 21.0969 17.0001 20.9979 17.9137 20.6194C18.8274 20.241 19.6083 19.6001 20.1577 18.7779C20.7071 17.9556 21.0003 16.9889 21.0003 16C21.0003 14.6739 20.4735 13.4022 19.5358 12.4645C18.5982 11.5268 17.3264 11 16.0003 11ZM16.0003 19C15.407 19 14.8269 18.8241 14.3336 18.4944C13.8403 18.1648 13.4557 17.6962 13.2287 17.1481C13.0016 16.5999 12.9422 15.9967 13.058 15.4147C13.1737 14.8328 13.4594 14.2983 13.879 13.8787C14.2985 13.4591 14.8331 13.1734 15.415 13.0577C15.997 12.9419 16.6002 13.0013 17.1484 13.2284C17.6965 13.4554 18.1651 13.84 18.4947 14.3333C18.8244 14.8267 19.0003 15.4067 19.0003 16C19.0003 16.7957 18.6842 17.5587 18.1216 18.1213C17.559 18.6839 16.796 19 16.0003 19ZM25.2141 19.8925C24.7844 20.9082 24.1897 21.8459 23.4541 22.6675C23.2759 22.8603 23.0291 22.9753 22.767 22.9877C22.5048 23.0001 22.2483 22.9089 22.0527 22.7339C21.8571 22.5588 21.7382 22.3139 21.7217 22.052C21.7051 21.79 21.7921 21.5321 21.9641 21.3338C23.2771 19.8677 24.0032 17.9688 24.0032 16.0006C24.0032 14.0325 23.2771 12.1336 21.9641 10.6675C21.874 10.5701 21.8043 10.4557 21.7589 10.3311C21.7135 10.2064 21.6933 10.074 21.6996 9.94148C21.7059 9.80897 21.7384 9.67903 21.7954 9.55924C21.8524 9.43944 21.9327 9.33218 22.0315 9.2437C22.1303 9.15522 22.2458 9.08729 22.3712 9.04387C22.4965 9.00045 22.6292 8.98241 22.7616 8.99079C22.894 8.99917 23.0234 9.03382 23.1423 9.0927C23.2612 9.15158 23.3672 9.23353 23.4541 9.33376C24.7167 10.7467 25.5524 12.489 25.864 14.3581C26.1756 16.2272 25.9502 18.1464 25.2141 19.8925ZM8.62531 12.8863C8.03529 14.283 7.85433 15.8186 8.10352 17.3142C8.35271 18.8098 9.0218 20.2038 10.0328 21.3338C10.2047 21.5321 10.2918 21.79 10.2752 22.052C10.2586 22.3139 10.1397 22.5588 9.94417 22.7339C9.74861 22.9089 9.49207 23.0001 9.2299 22.9877C8.96773 22.9753 8.72095 22.8603 8.54281 22.6675C6.90104 20.835 5.99319 18.4611 5.99319 16.0006C5.99319 13.5402 6.90104 11.1663 8.54281 9.33376C8.71968 9.13568 8.96799 9.01597 9.23312 9.00097C9.49825 8.98596 9.75848 9.0769 9.95656 9.25376C10.1546 9.43063 10.2744 9.67894 10.2894 9.94407C10.3044 10.2092 10.2134 10.4694 10.0366 10.6675C9.44656 11.3239 8.96966 12.0737 8.62531 12.8863ZM31.0003 16C31.0064 19.9272 29.4667 23.699 26.7141 26.5C26.623 26.5974 26.5134 26.6756 26.3917 26.7299C26.2699 26.7843 26.1386 26.8138 26.0053 26.8167C25.872 26.8196 25.7395 26.7958 25.6155 26.7467C25.4916 26.6976 25.3787 26.6242 25.2835 26.5309C25.1884 26.4375 25.1128 26.3261 25.0613 26.2031C25.0098 26.0801 24.9834 25.9481 24.9837 25.8148C24.984 25.6815 25.0109 25.5496 25.063 25.4268C25.115 25.3041 25.191 25.193 25.2866 25.1C27.67 22.6717 29.0053 19.4051 29.0053 16.0025C29.0053 12.6 27.67 9.33331 25.2866 6.90501C25.1002 6.71572 24.9968 6.46016 24.9989 6.19456C25.001 5.92896 25.1085 5.67508 25.2978 5.48876C25.4871 5.30245 25.7427 5.19896 26.0083 5.20107C26.2739 5.20318 26.5277 5.31072 26.7141 5.50001C29.4667 8.30105 31.0064 12.0728 31.0003 16ZM6.71406 25.0975C6.80615 25.1912 6.87888 25.3022 6.92809 25.424C6.9773 25.5459 7.00203 25.6762 7.00087 25.8076C6.99971 25.939 6.97268 26.0689 6.92132 26.1898C6.86997 26.3108 6.79529 26.4204 6.70156 26.5125C6.60783 26.6046 6.49688 26.6773 6.37504 26.7265C6.2532 26.7758 6.12287 26.8005 5.99147 26.7993C5.86008 26.7982 5.7302 26.7711 5.60925 26.7198C5.4883 26.6684 5.37865 26.5937 5.28656 26.5C2.53429 23.6981 0.992188 19.9276 0.992188 16C0.992188 12.0725 2.53429 8.30192 5.28656 5.50001C5.37763 5.40265 5.48724 5.32448 5.60896 5.27009C5.73068 5.21571 5.86204 5.18621 5.99533 5.18334C6.12861 5.18046 6.26113 5.20427 6.38508 5.25335C6.50903 5.30244 6.62191 5.37581 6.71709 5.46916C6.81227 5.5625 6.88783 5.67394 6.93931 5.79691C6.9908 5.91988 7.01717 6.05191 7.01689 6.18522C7.01661 6.31854 6.98967 6.45045 6.93767 6.5732C6.88566 6.69596 6.80964 6.80707 6.71406 6.90001C4.33064 9.32831 2.99536 12.595 2.99536 15.9975C2.99536 19.4001 4.33064 22.6667 6.71406 25.095V25.0975Z"
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="M15.9992 10.5C14.9114 10.5 13.8481 10.8225 12.9436 11.4269C12.0391 12.0312 11.3342 12.8902 10.9179 13.8952C10.5016 14.9002 10.3927 16.0061 10.6049 17.073C10.8171 18.1399 11.341 19.1199 12.1101 19.8891C12.8793 20.6583 13.8593 21.1821 14.9262 21.3943C15.9931 21.6065 17.099 21.4976 18.104 21.0813C19.109 20.665 19.968 19.9601 20.5723 19.0556C21.1767 18.1511 21.4992 17.0878 21.4992 16C21.4976 14.5418 20.9176 13.1438 19.8865 12.1127C18.8554 11.0816 17.4574 10.5016 15.9992 10.5ZM15.9992 18.5C15.5048 18.5 15.0214 18.3534 14.6103 18.0787C14.1992 17.8039 13.8788 17.4135 13.6895 16.9567C13.5003 16.4999 13.4508 15.9972 13.5473 15.5122C13.6437 15.0273 13.8818 14.5818 14.2315 14.2322C14.5811 13.8826 15.0266 13.6445 15.5115 13.548C15.9965 13.4516 16.4991 13.5011 16.9559 13.6903C17.4128 13.8795 17.8032 14.1999 18.0779 14.6111C18.3526 15.0222 18.4992 15.5055 18.4992 16C18.4992 16.663 18.2358 17.2989 17.767 17.7677C17.2982 18.2366 16.6623 18.5 15.9992 18.5ZM25.673 20.0875C25.222 21.1536 24.5978 22.1377 23.8255 23C23.5603 23.2965 23.1881 23.4756 22.7909 23.4977C22.3937 23.5199 22.0039 23.3833 21.7074 23.1181C21.4108 22.8529 21.2318 22.4807 21.2096 22.0835C21.1875 21.6863 21.324 21.2965 21.5892 21C22.8212 19.6259 23.5025 17.8454 23.5025 16C23.5025 14.1545 22.8212 12.374 21.5892 11C21.324 10.7034 21.1875 10.3137 21.2096 9.91645C21.2318 9.51922 21.4108 9.14707 21.7074 8.88185C22.0039 8.61663 22.3937 8.48008 22.7909 8.50224C23.1881 8.52439 23.5603 8.70343 23.8255 8.99998C25.1516 10.4836 26.0292 12.3132 26.3562 14.276C26.6833 16.2387 26.4463 18.2541 25.673 20.0875ZM10.4092 21C10.6744 21.2965 10.811 21.6863 10.7888 22.0835C10.7667 22.4807 10.5877 22.8529 10.2911 23.1181C9.99456 23.3833 9.60481 23.5199 9.20758 23.4977C8.81036 23.4756 8.4382 23.2965 8.17298 23C6.4496 21.0757 5.49666 18.5832 5.49666 16C5.49666 13.4167 6.4496 10.9243 8.17298 8.99998C8.4382 8.70343 8.81036 8.52439 9.20758 8.50224C9.60481 8.48008 9.99456 8.61663 10.2911 8.88185C10.5877 9.14707 10.7667 9.51922 10.7888 9.91645C10.811 10.3137 10.6744 10.7034 10.4092 11C9.17729 12.374 8.49598 14.1545 8.49598 16C8.49598 17.8454 9.17729 19.6259 10.4092 21ZM31.4992 16C31.5041 20.057 29.9134 23.9531 27.0705 26.8475C26.9346 26.9959 26.7703 27.1155 26.5873 27.1991C26.4042 27.2828 26.2062 27.3287 26.0051 27.3342C25.8039 27.3397 25.6037 27.3047 25.4164 27.2313C25.229 27.1578 25.0584 27.0474 24.9146 26.9066C24.7708 26.7659 24.6568 26.5976 24.5794 26.4119C24.502 26.2261 24.4627 26.0267 24.464 25.8255C24.4652 25.6242 24.5069 25.4253 24.5867 25.2406C24.6664 25.0558 24.7825 24.889 24.928 24.75C27.2219 22.4152 28.5072 19.2731 28.5072 16C28.5072 12.7269 27.2219 9.58472 24.928 7.24998C24.6495 6.96586 24.4953 6.58276 24.4993 6.18495C24.5033 5.78714 24.6651 5.4072 24.9492 5.12873C25.2333 4.85025 25.6164 4.69604 26.0143 4.70003C26.4121 4.70401 26.792 4.86586 27.0705 5.14998C29.914 8.04492 31.5047 11.9421 31.4992 16ZM7.07048 24.75C7.34896 25.0341 7.50317 25.4172 7.49918 25.815C7.4952 26.2128 7.33335 26.5927 7.04923 26.8712C6.76512 27.1497 6.38202 27.3039 5.98421 27.2999C5.5864 27.2959 5.20646 27.1341 4.92798 26.85C2.0862 23.9545 0.494141 20.0595 0.494141 16.0025C0.494141 11.9455 2.0862 8.05044 4.92798 5.15498C5.21031 4.89266 5.58277 4.74908 5.96812 4.75399C6.35347 4.75891 6.72214 4.91196 6.99768 5.18139C7.27323 5.45082 7.4345 5.81597 7.44805 6.20111C7.4616 6.58626 7.3264 6.96184 7.07048 7.24998C4.77658 9.58472 3.49125 12.7269 3.49125 16C3.49125 19.2731 4.77658 22.4152 7.07048 24.75Z"
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="M21.0003 16C21.0003 16.9889 20.7071 17.9556 20.1577 18.7779C19.6083 19.6001 18.8274 20.241 17.9137 20.6194C17.0001 20.9979 15.9948 21.0969 15.0249 20.9039C14.055 20.711 13.164 20.2348 12.4648 19.5355C11.7655 18.8363 11.2893 17.9454 11.0964 16.9755C10.9035 16.0056 11.0025 15.0002 11.3809 14.0866C11.7594 13.173 12.4002 12.3921 13.2225 11.8427C14.0447 11.2933 15.0114 11 16.0003 11C17.3264 11 18.5982 11.5268 19.5358 12.4645C20.4735 13.4022 21.0003 14.6739 21.0003 16ZM26.0003 16C26.0033 13.5398 25.0964 11.1655 23.4541 9.33376C23.3672 9.23353 23.2612 9.15158 23.1423 9.0927C23.0234 9.03382 22.894 8.99917 22.7616 8.99079C22.6292 8.98241 22.4965 9.00045 22.3712 9.04387C22.2458 9.08729 22.1303 9.15522 22.0315 9.2437C21.9327 9.33218 21.8524 9.43944 21.7954 9.55924C21.7384 9.67903 21.7059 9.80897 21.6996 9.94148C21.6933 10.074 21.7135 10.2064 21.7589 10.3311C21.8043 10.4557 21.874 10.5701 21.9641 10.6675C23.2758 12.1342 24.001 14.0329 24.001 16.0006C24.001 17.9684 23.2758 19.8671 21.9641 21.3338C21.7921 21.5321 21.7051 21.79 21.7217 22.052C21.7382 22.3139 21.8571 22.5588 22.0527 22.7339C22.2483 22.9089 22.5048 23.0001 22.767 22.9877C23.0291 22.9753 23.2759 22.8603 23.4541 22.6675C25.0962 20.8352 26.003 18.4605 26.0003 16ZM10.0366 10.6675C10.1266 10.5701 10.1964 10.4557 10.2418 10.3311C10.2872 10.2064 10.3073 10.074 10.301 9.94148C10.2948 9.80897 10.2622 9.67903 10.2052 9.55924C10.1482 9.43944 10.068 9.33218 9.96912 9.2437C9.87028 9.15522 9.75482 9.08729 9.62947 9.04387C9.50411 9.00045 9.37137 8.98241 9.23898 8.99079C9.10658 8.99917 8.97718 9.03382 8.85831 9.0927C8.73943 9.15158 8.63346 9.23353 8.54656 9.33376C6.90505 11.1664 5.99737 13.5403 5.99737 16.0006C5.99737 18.461 6.90505 20.8348 8.54656 22.6675C8.7247 22.8603 8.97148 22.9753 9.23365 22.9877C9.49582 23.0001 9.75236 22.9089 9.94792 22.7339C10.1435 22.5588 10.2624 22.3139 10.279 22.052C10.2955 21.79 10.2085 21.5321 10.0366 21.3338C8.72351 19.8677 7.99746 17.9688 7.99746 16.0006C7.99746 14.0325 8.72351 12.1336 10.0366 10.6675ZM29.8216 10.1675C29.0897 8.42944 28.0353 6.8457 26.7141 5.50001C26.623 5.40265 26.5134 5.32448 26.3917 5.27009C26.2699 5.21571 26.1386 5.18621 26.0053 5.18334C25.872 5.18046 25.7395 5.20427 25.6155 5.25335C25.4916 5.30244 25.3787 5.37581 25.2835 5.46916C25.1884 5.5625 25.1128 5.67394 25.0613 5.79691C25.0098 5.91988 24.9834 6.05191 24.9837 6.18522C24.984 6.31854 25.0109 6.45045 25.063 6.5732C25.115 6.69596 25.191 6.80707 25.2866 6.90001C27.67 9.32831 29.0053 12.595 29.0053 15.9975C29.0053 19.4001 27.67 22.6667 25.2866 25.095C25.1943 25.1887 25.1214 25.2997 25.0721 25.4216C25.0227 25.5435 24.9978 25.674 24.9989 25.8055C24.9999 25.937 25.0269 26.067 25.0781 26.1881C25.1294 26.3092 25.2041 26.419 25.2978 26.5113C25.3915 26.6035 25.5025 26.6764 25.6244 26.7258C25.7463 26.7751 25.8768 26.8 26.0083 26.799C26.1398 26.7979 26.2698 26.771 26.3909 26.7197C26.512 26.6684 26.6218 26.5937 26.7141 26.5C28.7843 24.3858 30.1838 21.7071 30.7367 18.8002C31.2895 15.8933 30.9712 12.8878 29.8216 10.1613V10.1675ZM4.02156 21.06C3.02236 18.698 2.74485 16.093 3.22402 13.5736C3.70318 11.0541 4.91756 8.73283 6.71406 6.90251C6.90004 6.71322 7.00321 6.45779 7.00087 6.19243C6.99852 5.92706 6.89086 5.6735 6.70156 5.48751C6.51226 5.30153 6.25684 5.19836 5.99147 5.20071C5.72611 5.20305 5.47254 5.31072 5.28656 5.50001C2.53429 8.30192 0.992188 12.0725 0.992188 16C0.992188 19.9276 2.53429 23.6981 5.28656 26.5C5.37763 26.5974 5.48724 26.6756 5.60896 26.7299C5.73068 26.7843 5.86204 26.8138 5.99533 26.8167C6.12861 26.8196 6.26113 26.7958 6.38508 26.7467C6.50903 26.6976 6.62191 26.6242 6.71709 26.5309C6.81227 26.4375 6.88783 26.3261 6.93931 26.2031C6.9908 26.0801 7.01717 25.9481 7.01689 25.8148C7.01661 25.6815 6.98967 25.5496 6.93767 25.4268C6.88566 25.3041 6.80964 25.193 6.71406 25.1C5.56992 23.9351 4.65637 22.5644 4.02156 21.06Z"
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="M20 16C20 16.7911 19.7654 17.5645 19.3259 18.2223C18.8864 18.8801 18.2616 19.3928 17.5307 19.6955C16.7998 19.9983 15.9956 20.0775 15.2196 19.9231C14.4437 19.7688 13.731 19.3878 13.1716 18.8284C12.6122 18.269 12.2312 17.5563 12.0769 16.7804C11.9225 16.0044 12.0017 15.2002 12.3045 14.4693C12.6072 13.7384 13.1199 13.1136 13.7777 12.6741C14.4355 12.2346 15.2089 12 16 12C17.0609 12 18.0783 12.4214 18.8284 13.1716C19.5786 13.9217 20 14.9391 20 16Z"
36
+ fill="currentColor"/>
37
+ <path
38
+ d="M16.0003 11C15.0114 11 14.0447 11.2933 13.2225 11.8427C12.4002 12.3921 11.7594 13.173 11.3809 14.0866C11.0025 15.0002 10.9035 16.0056 11.0964 16.9755C11.2893 17.9454 11.7655 18.8363 12.4648 19.5355C13.164 20.2348 14.055 20.711 15.0249 20.9039C15.9948 21.0969 17.0001 20.9979 17.9137 20.6194C18.8274 20.241 19.6083 19.6001 20.1577 18.7779C20.7071 17.9556 21.0003 16.9889 21.0003 16C21.0003 14.6739 20.4735 13.4022 19.5358 12.4645C18.5982 11.5268 17.3264 11 16.0003 11ZM16.0003 19C15.407 19 14.8269 18.8241 14.3336 18.4944C13.8403 18.1648 13.4557 17.6962 13.2287 17.1481C13.0016 16.5999 12.9422 15.9967 13.058 15.4147C13.1737 14.8328 13.4594 14.2983 13.879 13.8787C14.2985 13.4591 14.8331 13.1734 15.415 13.0577C15.997 12.9419 16.6002 13.0013 17.1484 13.2284C17.6965 13.4554 18.1651 13.84 18.4947 14.3333C18.8244 14.8267 19.0003 15.4067 19.0003 16C19.0003 16.7957 18.6842 17.5587 18.1216 18.1213C17.559 18.6839 16.796 19 16.0003 19ZM25.2141 19.8925C24.7844 20.9082 24.1897 21.8459 23.4541 22.6675C23.2759 22.8603 23.0291 22.9753 22.767 22.9877C22.5048 23.0001 22.2483 22.9089 22.0527 22.7339C21.8571 22.5588 21.7382 22.3139 21.7217 22.052C21.7051 21.79 21.7921 21.5321 21.9641 21.3338C23.2771 19.8677 24.0032 17.9688 24.0032 16.0006C24.0032 14.0325 23.2771 12.1336 21.9641 10.6675C21.874 10.5701 21.8043 10.4557 21.7589 10.3311C21.7135 10.2064 21.6933 10.074 21.6996 9.94148C21.7059 9.80897 21.7384 9.67903 21.7954 9.55924C21.8524 9.43944 21.9327 9.33218 22.0315 9.2437C22.1303 9.15522 22.2458 9.08729 22.3712 9.04387C22.4965 9.00045 22.6292 8.98241 22.7616 8.99079C22.894 8.99917 23.0234 9.03382 23.1423 9.0927C23.2612 9.15158 23.3672 9.23353 23.4541 9.33376C24.7167 10.7467 25.5524 12.489 25.864 14.3581C26.1756 16.2272 25.9502 18.1464 25.2141 19.8925ZM8.62531 12.8863C8.03529 14.283 7.85433 15.8186 8.10352 17.3142C8.35271 18.8098 9.0218 20.2038 10.0328 21.3338C10.2047 21.5321 10.2918 21.79 10.2752 22.052C10.2586 22.3139 10.1397 22.5588 9.94417 22.7339C9.74861 22.9089 9.49207 23.0001 9.2299 22.9877C8.96773 22.9753 8.72095 22.8603 8.54281 22.6675C6.90104 20.835 5.99319 18.4611 5.99319 16.0006C5.99319 13.5402 6.90104 11.1663 8.54281 9.33376C8.71968 9.13568 8.96799 9.01597 9.23312 9.00097C9.49825 8.98596 9.75848 9.0769 9.95656 9.25376C10.1546 9.43063 10.2744 9.67894 10.2894 9.94407C10.3044 10.2092 10.2134 10.4694 10.0366 10.6675C9.44656 11.3239 8.96966 12.0737 8.62531 12.8863ZM31.0003 16C31.0064 19.9272 29.4667 23.699 26.7141 26.5C26.623 26.5974 26.5134 26.6756 26.3917 26.7299C26.2699 26.7843 26.1386 26.8138 26.0053 26.8167C25.872 26.8196 25.7395 26.7958 25.6155 26.7467C25.4916 26.6976 25.3787 26.6242 25.2835 26.5309C25.1884 26.4375 25.1128 26.3261 25.0613 26.2031C25.0098 26.0801 24.9834 25.9481 24.9837 25.8148C24.984 25.6815 25.0109 25.5496 25.063 25.4268C25.115 25.3041 25.191 25.193 25.2866 25.1C27.67 22.6717 29.0053 19.4051 29.0053 16.0025C29.0053 12.6 27.67 9.33331 25.2866 6.90501C25.1002 6.71572 24.9968 6.46016 24.9989 6.19456C25.001 5.92896 25.1085 5.67508 25.2978 5.48876C25.4871 5.30245 25.7427 5.19896 26.0083 5.20107C26.2739 5.20318 26.5277 5.31072 26.7141 5.50001C29.4667 8.30105 31.0064 12.0728 31.0003 16ZM6.71406 25.0975C6.80615 25.1912 6.87888 25.3022 6.92809 25.424C6.9773 25.5459 7.00203 25.6762 7.00087 25.8076C6.99971 25.939 6.97268 26.0689 6.92132 26.1898C6.86997 26.3108 6.79529 26.4204 6.70156 26.5125C6.60783 26.6046 6.49688 26.6773 6.37504 26.7265C6.2532 26.7758 6.12287 26.8005 5.99147 26.7993C5.86008 26.7982 5.7302 26.7711 5.60925 26.7198C5.4883 26.6684 5.37865 26.5937 5.28656 26.5C2.53429 23.6981 0.992188 19.9276 0.992188 16C0.992188 12.0725 2.53429 8.30192 5.28656 5.50001C5.37763 5.40265 5.48724 5.32448 5.60896 5.27009C5.73068 5.21571 5.86204 5.18621 5.99533 5.18334C6.12861 5.18046 6.26113 5.20427 6.38508 5.25335C6.50903 5.30244 6.62191 5.37581 6.71709 5.46916C6.81227 5.5625 6.88783 5.67394 6.93931 5.79691C6.9908 5.91988 7.01717 6.05191 7.01689 6.18522C7.01661 6.31854 6.98967 6.45045 6.93767 6.5732C6.88566 6.69596 6.80964 6.80707 6.71406 6.90001C4.33064 9.32831 2.99536 12.595 2.99536 15.9975C2.99536 19.4001 4.33064 22.6667 6.71406 25.095V25.0975Z"
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.0003 11.2501C15.0608 11.2501 14.1425 11.5287 13.3613 12.0506C12.5802 12.5726 11.9714 13.3144 11.6119 14.1824C11.2523 15.0503 11.1583 16.0054 11.3416 16.9268C11.5248 17.8482 11.9772 18.6946 12.6415 19.3589C13.3058 20.0232 14.1522 20.4756 15.0736 20.6588C15.995 20.8421 16.9501 20.7481 17.818 20.3885C18.686 20.029 19.4278 19.4202 19.9498 18.6391C20.4717 17.8579 20.7503 16.9396 20.7503 16.0001C20.7503 14.7403 20.2498 13.5321 19.359 12.6414C18.4683 11.7506 17.2601 11.2501 16.0003 11.2501ZM16.0003 19.2501C15.3575 19.2501 14.7291 19.0595 14.1947 18.7024C13.6602 18.3453 13.2437 17.8377 12.9977 17.2438C12.7517 16.65 12.6873 15.9965 12.8127 15.3661C12.9381 14.7356 13.2477 14.1565 13.7022 13.702C14.1567 13.2475 14.7358 12.938 15.3662 12.8126C15.9967 12.6872 16.6502 12.7515 17.244 12.9975C17.8379 13.2435 18.3455 13.66 18.7026 14.1945C19.0597 14.729 19.2503 15.3573 19.2503 16.0001C19.2503 16.8621 18.9079 17.6887 18.2984 18.2982C17.6889 18.9077 16.8622 19.2501 16.0003 19.2501ZM25.7503 16.0001C25.7534 18.3989 24.8692 20.7141 23.2678 22.5001C23.1338 22.6431 22.9492 22.7279 22.7535 22.7365C22.5578 22.7451 22.3664 22.6768 22.2204 22.5461C22.0744 22.4155 21.9853 22.2329 21.9722 22.0374C21.9591 21.8419 22.023 21.6491 22.1503 21.5001C23.505 19.9884 24.2541 18.03 24.2541 16.0001C24.2541 13.9702 23.505 12.0118 22.1503 10.5001C22.0819 10.4272 22.0289 10.3413 21.9942 10.2476C21.9595 10.1539 21.9439 10.0542 21.9482 9.95431C21.9526 9.85446 21.9769 9.75649 22.0197 9.66617C22.0625 9.57585 22.1229 9.49498 22.1974 9.42834C22.2719 9.36169 22.3589 9.3106 22.4534 9.27807C22.5479 9.24554 22.648 9.23223 22.7477 9.23891C22.8474 9.2456 22.9448 9.27215 23.0341 9.31701C23.1234 9.36186 23.2029 9.42411 23.2678 9.50011C24.8692 11.2861 25.7534 13.6013 25.7503 16.0001ZM8.39779 12.7889C7.78845 14.2291 7.60146 15.8129 7.85866 17.3555C8.11586 18.898 8.80663 20.3355 9.85029 21.5001C9.98285 21.6483 10.0511 21.8431 10.0401 22.0416C10.0291 22.2402 9.93968 22.4262 9.79154 22.5589C9.64333 22.6914 9.44854 22.7597 9.25 22.7487C9.05147 22.7377 8.86543 22.6482 8.73279 22.5001C7.13214 20.7134 6.24702 18.3989 6.24702 16.0001C6.24702 13.6013 7.13214 11.2868 8.73279 9.50011C8.79771 9.42411 8.87715 9.36186 8.96647 9.31701C9.05578 9.27215 9.15316 9.2456 9.25288 9.23891C9.35261 9.23223 9.45266 9.24554 9.54716 9.27807C9.64167 9.3106 9.72871 9.36169 9.80319 9.42834C9.87767 9.49498 9.93808 9.57585 9.98086 9.66617C10.0236 9.75649 10.0479 9.85446 10.0523 9.95431C10.0567 10.0542 10.0411 10.1539 10.0064 10.2476C9.97172 10.3413 9.91864 10.4272 9.85029 10.5001C9.24363 11.178 8.75288 11.9513 8.39779 12.7889ZM30.7503 16.0001C30.7542 19.8605 29.2409 23.5678 26.5365 26.3226C26.3973 26.4648 26.2073 26.5459 26.0082 26.548C25.8092 26.5501 25.6175 26.4731 25.4753 26.3339C25.3331 26.1946 25.252 26.0046 25.2499 25.8056C25.2478 25.6065 25.3248 25.4148 25.464 25.2726C27.8939 22.7979 29.2552 19.4683 29.2552 16.0001C29.2552 12.5319 27.8939 9.20233 25.464 6.72761C25.3951 6.65719 25.3407 6.57387 25.304 6.48243C25.2672 6.39099 25.2488 6.2932 25.2499 6.19465C25.252 5.99563 25.3331 5.8056 25.4753 5.66636C25.6175 5.52712 25.8092 5.45008 26.0082 5.45219C26.1068 5.45324 26.2042 5.47368 26.2948 5.51236C26.3855 5.55103 26.4676 5.60719 26.5365 5.67761C29.2409 8.43244 30.7542 12.1397 30.7503 16.0001ZM6.53654 25.2726C6.60548 25.343 6.65988 25.4263 6.69663 25.5178C6.73338 25.6092 6.75175 25.707 6.75071 25.8056C6.74966 25.9041 6.72922 26.0015 6.69054 26.0921C6.65186 26.1828 6.59571 26.2649 6.52529 26.3339C6.45487 26.4028 6.37156 26.4572 6.28011 26.4939C6.18867 26.5307 6.09088 26.5491 5.99234 26.548C5.89379 26.547 5.79641 26.5265 5.70577 26.4879C5.61512 26.4492 5.53298 26.393 5.46404 26.3226C2.76057 23.5669 1.24609 19.8605 1.24609 16.0001C1.24609 12.1397 2.76057 8.43334 5.46404 5.67761C5.60328 5.53538 5.79331 5.4543 5.99234 5.45219C6.19136 5.45008 6.38307 5.52712 6.52529 5.66636C6.66751 5.8056 6.7486 5.99563 6.75071 6.19465C6.75282 6.39368 6.67578 6.58539 6.53654 6.72761C4.10672 9.20233 2.74537 12.5319 2.74537 16.0001C2.74537 19.4683 4.10672 22.7979 6.53654 25.2726Z"
45
+ fill="currentColor"/>
46
+ </svg>
47
+ };
48
+
49
+ export default Broadcast;
@@ -0,0 +1,28 @@
1
+ import type { Meta, StoryObj } from '@storybook/react';
2
+
3
+ import Chat from './Chat.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/Chat',
8
+ component: Chat ,
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 Chat >;
20
+
21
+ export default meta;
22
+ type Story = StoryObj<typeof Chat>;
23
+
24
+ export const Icon: Story = {
25
+ args: {
26
+ type:'light'
27
+ },
28
+ };
@@ -0,0 +1,49 @@
1
+ import IconProps from "../../IconProps";
2
+
3
+ const Chat = ({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="M27 6.5H5.00003C4.6022 6.5 4.22067 6.65804 3.93937 6.93934C3.65806 7.22064 3.50003 7.60218 3.50003 8V28C3.49825 28.286 3.57904 28.5665 3.73269 28.8077C3.88634 29.0489 4.10634 29.2407 4.36628 29.36C4.565 29.4517 4.78117 29.4995 5.00003 29.5C5.35224 29.4997 5.6929 29.3743 5.96128 29.1462L5.96878 29.1388L9.98628 25.6175C10.0775 25.5407 10.1932 25.499 10.3125 25.5H27C27.3979 25.5 27.7794 25.342 28.0607 25.0607C28.342 24.7794 28.5 24.3978 28.5 24V8C28.5 7.60218 28.342 7.22064 28.0607 6.93934C27.7794 6.65804 27.3979 6.5 27 6.5ZM27.5 24C27.5 24.1326 27.4474 24.2598 27.3536 24.3536C27.2598 24.4473 27.1326 24.5 27 24.5H10.3125C9.95579 24.501 9.6109 24.6281 9.33878 24.8587L5.31878 28.3838C5.24577 28.4442 5.1571 28.4826 5.0631 28.4945C4.96909 28.5065 4.87363 28.4915 4.78783 28.4513C4.70202 28.411 4.62942 28.3473 4.57846 28.2674C4.52751 28.1875 4.50031 28.0948 4.50003 28V8C4.50003 7.86739 4.55271 7.74021 4.64648 7.64645C4.74024 7.55268 4.86742 7.5 5.00003 7.5H27C27.1326 7.5 27.2598 7.55268 27.3536 7.64645C27.4474 7.74021 27.5 7.86739 27.5 8V24Z"
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="M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275C6.28725 29.5236 6.29271 29.519 6.29754 29.5138L10.3125 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10.3125C9.84156 23.9998 9.38562 24.1658 9.02504 24.4688L9.01004 24.4825L5.00004 28V8H27V24Z"
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="M27 5.5H5.00002C4.33698 5.5 3.7011 5.76339 3.23225 6.23223C2.76341 6.70107 2.50002 7.33696 2.50002 8V28C2.49802 28.4761 2.63325 28.9427 2.88952 29.3439C3.14578 29.7452 3.51223 30.0641 3.94502 30.2625C4.27724 30.418 4.63944 30.4991 5.00627 30.5C5.5933 30.4985 6.16091 30.2895 6.60877 29.91L6.63252 29.89L10.5 26.5H27C27.6631 26.5 28.2989 26.2366 28.7678 25.7678C29.2366 25.2989 29.5 24.663 29.5 24V8C29.5 7.33696 29.2366 6.70107 28.7678 6.23223C28.2989 5.76339 27.6631 5.5 27 5.5ZM26.5 23.5H10.3125C9.72398 23.5 9.1543 23.7076 8.70377 24.0863L8.68002 24.1063L5.50002 26.8925V8.5H26.5V23.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 8V24C29 24.5304 28.7893 25.0391 28.4143 25.4142C28.0392 25.7893 27.5305 26 27 26H10.3125L6.30254 29.5138C6.29771 29.519 6.29225 29.5236 6.28629 29.5275C5.92716 29.8326 5.47126 30.0001 5.00004 30C4.70663 29.9995 4.4169 29.9346 4.15129 29.81C3.80579 29.6508 3.51348 29.3954 3.30931 29.0744C3.10515 28.7534 2.99777 28.3804 3.00003 28V8C3.00003 7.46957 3.21075 6.96086 3.58582 6.58579C3.96089 6.21071 4.4696 6 5.00004 6H27C27.5305 6 28.0392 6.21071 28.4143 6.58579C28.7893 6.96086 29 7.46957 29 8Z"
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 8V24C28 24.2652 27.8946 24.5196 27.7071 24.7071C27.5196 24.8946 27.2652 25 27 25H10.3125C10.0769 25.0001 9.84896 25.0833 9.66875 25.235L5.64375 28.7637C5.4981 28.8863 5.3205 28.9647 5.13183 28.9898C4.94315 29.0149 4.75124 28.9856 4.57862 28.9054C4.40601 28.8252 4.25987 28.6974 4.15738 28.537C4.05488 28.3766 4.00028 28.1903 4 28V8C4 7.73478 4.10536 7.48043 4.29289 7.29289C4.48043 7.10536 4.73478 7 5 7H27C27.2652 7 27.5196 7.10536 27.7071 7.29289C27.8946 7.48043 28 7.73478 28 8Z"
36
+ fill="currentColor"/>
37
+ <path
38
+ d="M27 6H5.00004C4.4696 6 3.9609 6.21071 3.58582 6.58579C3.21075 6.96086 3.00004 7.46957 3.00004 8V28C2.99773 28.3814 3.10562 28.7553 3.31074 29.0768C3.51585 29.3984 3.80947 29.6538 4.15629 29.8125C4.42057 29.9356 4.7085 29.9995 5.00004 30C5.46954 29.9989 5.92347 29.8315 6.28129 29.5275C6.28725 29.5236 6.29271 29.519 6.29754 29.5138L10.3125 26H27C27.5305 26 28.0392 25.7893 28.4142 25.4142C28.7893 25.0391 29 24.5304 29 24V8C29 7.46957 28.7893 6.96086 28.4142 6.58579C28.0392 6.21071 27.5305 6 27 6ZM27 24H10.3125C9.84156 23.9998 9.38562 24.1658 9.02504 24.4688L9.01004 24.4825L5.00004 28V8H27V24Z"
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="M27 6.25H5.00003C4.5359 6.25 4.09078 6.43437 3.76259 6.76256C3.4344 7.09075 3.25003 7.53587 3.25003 8V28C3.24822 28.3336 3.34265 28.6607 3.52201 28.9421C3.70136 29.2234 3.95804 29.4471 4.26128 29.5863C4.49278 29.6936 4.74483 29.7495 5.00003 29.75C5.41229 29.7502 5.81115 29.6035 6.12503 29.3363L6.13628 29.3263L10.1538 25.805C10.1988 25.7689 10.2548 25.7495 10.3125 25.75H27C27.4642 25.75 27.9093 25.5656 28.2375 25.2374C28.5656 24.9092 28.75 24.4641 28.75 24V8C28.75 7.53587 28.5656 7.09075 28.2375 6.76256C27.9093 6.43437 27.4642 6.25 27 6.25ZM27.25 24C27.25 24.0663 27.2237 24.1299 27.1768 24.1768C27.1299 24.2237 27.0663 24.25 27 24.25H10.3125C9.90083 24.2505 9.50248 24.3961 9.18753 24.6612L9.17628 24.6712L5.15628 28.1925C5.11968 28.2218 5.07559 28.2402 5.02903 28.2457C4.98247 28.2511 4.93532 28.2433 4.89296 28.2233C4.8506 28.2032 4.81473 28.1716 4.78946 28.1321C4.76419 28.0927 4.75052 28.0469 4.75003 28V8C4.75003 7.9337 4.77636 7.87011 4.82325 7.82322C4.87013 7.77634 4.93372 7.75 5.00003 7.75H27C27.0663 7.75 27.1299 7.77634 27.1768 7.82322C27.2237 7.87011 27.25 7.9337 27.25 8V24Z"
45
+ fill="currentColor"/>
46
+ </svg>
47
+ };
48
+
49
+ export default Chat;
@@ -0,0 +1,105 @@
1
+ import IconProps from "../../IconProps";
2
+
3
+ const Eye = ({ type = "light" }: IconProps) => {
4
+ if (type === "thin") {
5
+ return (
6
+ <svg
7
+ xmlns="http://www.w3.org/2000/svg"
8
+ width="32"
9
+ height="32"
10
+ viewBox="0 0 32 32"
11
+ fill="none"
12
+ >
13
+ <path
14
+ d="M30.4572 15.7975C30.4147 15.7025 29.3922 13.4362 27.1035 11.1475C24.9834 9.0275 21.3372 6.5 15.9997 6.5C10.6622 6.5 7.01595 9.0275 4.89595 11.1475C2.6072 13.4362 1.5847 15.7025 1.5422 15.7975C1.51436 15.8616 1.5 15.9307 1.5 16.0006C1.5 16.0705 1.51436 16.1396 1.5422 16.2038C1.5847 16.3 2.6072 18.565 4.89595 20.8538C7.02095 22.9788 10.6634 25.5 15.9997 25.5C21.3359 25.5 24.9834 22.9738 27.1035 20.8538C29.3922 18.565 30.4147 16.3 30.4572 16.2038C30.485 16.1396 30.4994 16.0705 30.4994 16.0006C30.4994 15.9307 30.485 15.8616 30.4572 15.7975ZM26.3697 20.1725C23.486 23.0475 19.9947 24.5 15.9947 24.5C11.9947 24.5 8.50845 23.0438 5.6197 20.1725C4.39056 18.9467 3.35686 17.5395 2.5547 16C3.35835 14.4602 4.39376 13.0529 5.6247 11.8275C8.51345 8.95625 11.9997 7.5 15.9997 7.5C19.9997 7.5 23.4859 8.95625 26.3747 11.8275C27.6055 13.0531 28.6409 14.4603 29.4447 16C28.641 17.5398 27.6056 18.947 26.3747 20.1725H26.3697ZM15.9997 10.5C14.9119 10.5 13.8485 10.8226 12.9441 11.4269C12.0396 12.0313 11.3346 12.8902 10.9184 13.8952C10.5021 14.9002 10.3932 16.0061 10.6054 17.073C10.8176 18.1399 11.3414 19.1199 12.1106 19.8891C12.8798 20.6583 13.8598 21.1821 14.9267 21.3943C15.9936 21.6065 17.0995 21.4976 18.1045 21.0813C19.1095 20.6651 19.9684 19.9601 20.5728 19.0556C21.1771 18.1512 21.4997 17.0878 21.4997 16C21.498 14.5418 20.9181 13.1438 19.887 12.1127C18.8559 11.0816 17.4579 10.5017 15.9997 10.5ZM15.9997 20.5C15.1097 20.5 14.2397 20.2361 13.4996 19.7416C12.7596 19.2471 12.1828 18.5443 11.8422 17.7221C11.5016 16.8998 11.4125 15.995 11.5862 15.1221C11.7598 14.2492 12.1884 13.4474 12.8177 12.818C13.4471 12.1887 14.2489 11.7601 15.1218 11.5865C15.9947 11.4128 16.8995 11.5019 17.7218 11.8425C18.544 12.1831 19.2468 12.7599 19.7413 13.4999C20.2358 14.24 20.4997 15.11 20.4997 16C20.4997 17.1935 20.0256 18.3381 19.1817 19.182C18.3378 20.0259 17.1932 20.5 15.9997 20.5Z"
15
+ fill="currentColor"
16
+ />
17
+ </svg>
18
+ );
19
+ }
20
+ if (type === "regular") {
21
+ return (
22
+ <svg
23
+ xmlns="http://www.w3.org/2000/svg"
24
+ width="32"
25
+ height="32"
26
+ viewBox="0 0 32 32"
27
+ fill="none"
28
+ >
29
+ <path
30
+ d="M30.9137 15.595C30.87 15.4963 29.8112 13.1475 27.4575 10.7937C24.3212 7.6575 20.36 6 16 6C11.64 6 7.67874 7.6575 4.54249 10.7937C2.18874 13.1475 1.12499 15.5 1.08624 15.595C1.02938 15.7229 1 15.8613 1 16.0012C1 16.1412 1.02938 16.2796 1.08624 16.4075C1.12999 16.5062 2.18874 18.8538 4.54249 21.2075C7.67874 24.3425 11.64 26 16 26C20.36 26 24.3212 24.3425 27.4575 21.2075C29.8112 18.8538 30.87 16.5062 30.9137 16.4075C30.9706 16.2796 31 16.1412 31 16.0012C31 15.8613 30.9706 15.7229 30.9137 15.595ZM16 24C12.1525 24 8.79124 22.6012 6.00874 19.8438C4.86704 18.7084 3.89572 17.4137 3.12499 16C3.89551 14.5862 4.86686 13.2915 6.00874 12.1562C8.79124 9.39875 12.1525 8 16 8C19.8475 8 23.2087 9.39875 25.9912 12.1562C27.1352 13.2912 28.1086 14.5859 28.8812 16C27.98 17.6825 24.0537 24 16 24ZM16 10C14.8133 10 13.6533 10.3519 12.6666 11.0112C11.6799 11.6705 10.9108 12.6075 10.4567 13.7039C10.0026 14.8003 9.88377 16.0067 10.1153 17.1705C10.3468 18.3344 10.9182 19.4035 11.7573 20.2426C12.5965 21.0818 13.6656 21.6532 14.8294 21.8847C15.9933 22.1162 17.1997 21.9974 18.2961 21.5433C19.3924 21.0892 20.3295 20.3201 20.9888 19.3334C21.6481 18.3467 22 17.1867 22 16C21.9983 14.4092 21.3657 12.884 20.2408 11.7592C19.1159 10.6343 17.5908 10.0017 16 10ZM16 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.0768 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.8863 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"
31
+ fill="currentColor"
32
+ />
33
+ </svg>
34
+ );
35
+ }
36
+ if (type === "bold") {
37
+ return (
38
+ <svg
39
+ xmlns="http://www.w3.org/2000/svg"
40
+ width="32"
41
+ height="32"
42
+ viewBox="0 0 32 32"
43
+ fill="none"
44
+ >
45
+ <path
46
+ d="M31.3745 15.3912C31.3283 15.29 30.2333 12.8587 27.8145 10.44C24.5783 7.20875 20.4995 5.5 15.9995 5.5C11.4995 5.5 7.42076 7.20875 4.18826 10.44C1.76951 12.8587 0.674514 15.29 0.624514 15.3912C0.539831 15.5832 0.496094 15.7908 0.496094 16.0006C0.496094 16.2105 0.539831 16.418 0.624514 16.61C0.670764 16.7125 1.76576 19.1425 4.18576 21.5613C7.42076 24.7925 11.4995 26.5 15.9995 26.5C20.4995 26.5 24.5783 24.7925 27.8095 21.5613C30.2295 19.1425 31.3245 16.7125 31.3708 16.61C31.456 16.4183 31.5004 16.2109 31.5011 16.001C31.5017 15.7912 31.4586 15.5835 31.3745 15.3912ZM25.617 19.5163C22.9333 22.1588 19.6983 23.5 15.9995 23.5C12.3008 23.5 9.06576 22.1587 6.38576 19.515C5.3312 18.4715 4.42406 17.2889 3.68951 16C4.42428 14.7116 5.33139 13.5294 6.38576 12.4862C9.06701 9.84125 12.3008 8.5 15.9995 8.5C19.6983 8.5 22.932 9.84125 25.6133 12.4862C26.6677 13.5293 27.5749 14.7115 28.3095 16C27.5748 17.2889 26.6677 18.4714 25.6133 19.515L25.617 19.5163ZM15.9995 10.5C14.9117 10.5 13.8483 10.8226 12.9439 11.4269C12.0394 12.0313 11.3345 12.8902 10.9182 13.8952C10.5019 14.9002 10.393 16.0061 10.6052 17.073C10.8174 18.1399 11.3412 19.1199 12.1104 19.8891C12.8796 20.6583 13.8596 21.1821 14.9265 21.3943C15.9934 21.6065 17.0993 21.4976 18.1043 21.0813C19.1093 20.6651 19.9682 19.9601 20.5726 19.0556C21.1769 18.1512 21.4995 17.0878 21.4995 16C21.4979 14.5418 20.9179 13.1438 19.8868 12.1127C18.8557 11.0816 17.4577 10.5017 15.9995 10.5ZM15.9995 18.5C15.5051 18.5 15.0217 18.3534 14.6106 18.0787C14.1995 17.804 13.879 17.4135 13.6898 16.9567C13.5006 16.4999 13.4511 15.9972 13.5476 15.5123C13.644 15.0273 13.8821 14.5819 14.2317 14.2322C14.5814 13.8826 15.0268 13.6445 15.5118 13.548C15.9967 13.4516 16.4994 13.5011 16.9562 13.6903C17.413 13.8795 17.8035 14.2 18.0782 14.6111C18.3529 15.0222 18.4995 15.5055 18.4995 16C18.4995 16.663 18.2361 17.2989 17.7673 17.7678C17.2984 18.2366 16.6626 18.5 15.9995 18.5Z"
47
+ fill="currentColor"
48
+ />
49
+ </svg>
50
+ );
51
+ }
52
+ if (type === "fill") {
53
+ return (
54
+ <svg
55
+ xmlns="http://www.w3.org/2000/svg"
56
+ width="32"
57
+ height="32"
58
+ viewBox="0 0 32 32"
59
+ fill="none"
60
+ >
61
+ <path
62
+ d="M30.9137 15.595C30.87 15.4963 29.8112 13.1475 27.4575 10.7937C24.3212 7.6575 20.36 6 16 6C11.64 6 7.67874 7.6575 4.54249 10.7937C2.18874 13.1475 1.12499 15.5 1.08624 15.595C1.02938 15.7229 1 15.8613 1 16.0012C1 16.1412 1.02938 16.2796 1.08624 16.4075C1.12999 16.5062 2.18874 18.8538 4.54249 21.2075C7.67874 24.3425 11.64 26 16 26C20.36 26 24.3212 24.3425 27.4575 21.2075C29.8112 18.8538 30.87 16.5062 30.9137 16.4075C30.9706 16.2796 31 16.1412 31 16.0012C31 15.8613 30.9706 15.7229 30.9137 15.595ZM16 21C15.0111 21 14.0444 20.7068 13.2221 20.1573C12.3999 19.6079 11.759 18.827 11.3806 17.9134C11.0022 16.9998 10.9031 15.9945 11.0961 15.0245C11.289 14.0546 11.7652 13.1637 12.4645 12.4645C13.1637 11.7652 14.0546 11.289 15.0245 11.0961C15.9944 10.9031 16.9998 11.0022 17.9134 11.3806C18.827 11.759 19.6079 12.3999 20.1573 13.2221C20.7067 14.0444 21 15.0111 21 16C21 17.3261 20.4732 18.5979 19.5355 19.5355C18.5978 20.4732 17.3261 21 16 21Z"
63
+ fill="currentColor"
64
+ />
65
+ </svg>
66
+ );
67
+ }
68
+ if (type === "duotone") {
69
+ return (
70
+ <svg
71
+ xmlns="http://www.w3.org/2000/svg"
72
+ width="32"
73
+ height="32"
74
+ viewBox="0 0 32 32"
75
+ fill="none"
76
+ >
77
+ <path
78
+ opacity="0.2"
79
+ d="M16 7C6 7 2 16 2 16C2 16 6 25 16 25C26 25 30 16 30 16C30 16 26 7 16 7ZM16 21C15.0111 21 14.0444 20.7068 13.2221 20.1573C12.3999 19.6079 11.759 18.827 11.3806 17.9134C11.0022 16.9998 10.9031 15.9945 11.0961 15.0245C11.289 14.0546 11.7652 13.1637 12.4645 12.4645C13.1637 11.7652 14.0546 11.289 15.0245 11.0961C15.9945 10.9031 16.9998 11.0022 17.9134 11.3806C18.827 11.759 19.6079 12.3999 20.1573 13.2221C20.7068 14.0444 21 15.0111 21 16C21 17.3261 20.4732 18.5979 19.5355 19.5355C18.5979 20.4732 17.3261 21 16 21Z"
80
+ fill="currentColor"
81
+ />
82
+ <path
83
+ d="M30.9137 15.595C30.87 15.4963 29.8112 13.1475 27.4575 10.7937C24.3212 7.6575 20.36 6 16 6C11.64 6 7.67874 7.6575 4.54249 10.7937C2.18874 13.1475 1.12499 15.5 1.08624 15.595C1.02938 15.7229 1 15.8613 1 16.0012C1 16.1412 1.02938 16.2796 1.08624 16.4075C1.12999 16.5062 2.18874 18.8538 4.54249 21.2075C7.67874 24.3425 11.64 26 16 26C20.36 26 24.3212 24.3425 27.4575 21.2075C29.8112 18.8538 30.87 16.5062 30.9137 16.4075C30.9706 16.2796 31 16.1412 31 16.0012C31 15.8613 30.9706 15.7229 30.9137 15.595ZM16 24C12.1525 24 8.79124 22.6012 6.00874 19.8438C4.86704 18.7084 3.89572 17.4137 3.12499 16C3.89551 14.5862 4.86686 13.2915 6.00874 12.1562C8.79124 9.39875 12.1525 8 16 8C19.8475 8 23.2087 9.39875 25.9912 12.1562C27.1352 13.2912 28.1086 14.5859 28.8812 16C27.98 17.6825 24.0537 24 16 24ZM16 10C14.8133 10 13.6533 10.3519 12.6666 11.0112C11.6799 11.6705 10.9108 12.6075 10.4567 13.7039C10.0026 14.8003 9.88377 16.0067 10.1153 17.1705C10.3468 18.3344 10.9182 19.4035 11.7573 20.2426C12.5965 21.0818 13.6656 21.6532 14.8294 21.8847C15.9933 22.1162 17.1997 21.9974 18.2961 21.5433C19.3924 21.0892 20.3295 20.3201 20.9888 19.3334C21.6481 18.3467 22 17.1867 22 16C21.9983 14.4092 21.3657 12.884 20.2408 11.7592C19.1159 10.6343 17.5908 10.0017 16 10ZM16 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.0768 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.8863 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"
84
+ fill="currentColor"
85
+ />
86
+ </svg>
87
+ );
88
+ }
89
+ return (
90
+ <svg
91
+ xmlns="http://www.w3.org/2000/svg"
92
+ width="32"
93
+ height="32"
94
+ viewBox="0 0 32 32"
95
+ fill="none"
96
+ >
97
+ <path
98
+ d="M30.6848 15.6962C30.6423 15.5988 29.6023 13.2925 27.2798 10.97C25.1248 8.8175 21.4223 6.25 15.9998 6.25C10.5773 6.25 6.87482 8.8175 4.71982 10.97C2.39732 13.2925 1.35732 15.595 1.31482 15.6962C1.27208 15.7923 1.25 15.8962 1.25 16.0012C1.25 16.1063 1.27208 16.2102 1.31482 16.3062C1.35732 16.4025 2.39732 18.7087 4.71982 21.0312C6.87482 23.1838 10.5773 25.75 15.9998 25.75C21.4223 25.75 25.1248 23.1838 27.2798 21.0312C29.6023 18.7087 30.6423 16.4062 30.6848 16.3062C30.7276 16.2102 30.7496 16.1063 30.7496 16.0012C30.7496 15.8962 30.7276 15.7923 30.6848 15.6962ZM15.9998 24.25C12.0773 24.25 8.65232 22.8225 5.81857 20.0088C4.63066 18.8282 3.62544 17.4771 2.83607 16C3.62522 14.5232 4.63047 13.1724 5.81857 11.9925C8.65232 9.1775 12.0773 7.75 15.9998 7.75C19.9223 7.75 23.3473 9.1775 26.1811 11.9925C27.3692 13.1724 28.3744 14.5232 29.1636 16C28.3673 17.5262 24.3748 24.25 15.9998 24.25ZM15.9998 10.25C14.8626 10.25 13.7509 10.5872 12.8053 11.219C11.8597 11.8509 11.1227 12.7489 10.6875 13.7996C10.2523 14.8502 10.1384 16.0064 10.3603 17.1218C10.5822 18.2372 11.1298 19.2617 11.934 20.0659C12.7381 20.87 13.7627 21.4177 14.878 21.6395C15.9934 21.8614 17.1496 21.7475 18.2002 21.3123C19.2509 20.8771 20.1489 20.1401 20.7808 19.1945C21.4126 18.2489 21.7498 17.1372 21.7498 16C21.7478 14.4756 21.1414 13.0142 20.0635 11.9363C18.9856 10.8584 17.5242 10.252 15.9998 10.25ZM15.9998 20.25C15.1592 20.25 14.3376 20.0007 13.6386 19.5337C12.9397 19.0668 12.395 18.403 12.0733 17.6264C11.7517 16.8498 11.6675 15.9953 11.8315 15.1709C11.9955 14.3464 12.4002 13.5892 12.9946 12.9948C13.589 12.4004 14.3463 11.9956 15.1707 11.8317C15.9951 11.6677 16.8496 11.7518 17.6262 12.0735C18.4028 12.3952 19.0666 12.9399 19.5336 13.6388C20.0006 14.3377 20.2498 15.1594 20.2498 16C20.2498 17.1272 19.802 18.2082 19.005 19.0052C18.208 19.8022 17.127 20.25 15.9998 20.25Z"
99
+ fill="currentColor"
100
+ />
101
+ </svg>
102
+ );
103
+ };
104
+
105
+ export default Eye;