@televet/kibble-ui 2.1.39 → 2.1.41

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 (205) hide show
  1. package/build/{alert.component-cc76d972.js → alert.component-0ac3abaa.js} +2 -2
  2. package/build/{alert.component-cc76d972.js.map → alert.component-0ac3abaa.js.map} +1 -1
  3. package/build/{avatar.component-d7b27e5d.js → avatar.component-aa7483a7.js} +2 -2
  4. package/build/{avatar.component-d7b27e5d.js.map → avatar.component-aa7483a7.js.map} +1 -1
  5. package/build/avatarGroup.component-c29986b2.js +2 -0
  6. package/build/{avatarGroup.component-b503544d.js.map → avatarGroup.component-c29986b2.js.map} +1 -1
  7. package/build/{button.component-8c8cd059.js → button.component-a1a58584.js} +2 -2
  8. package/build/{button.component-8c8cd059.js.map → button.component-a1a58584.js.map} +1 -1
  9. package/build/chakra/index.d.ts +2 -2
  10. package/build/chakra/index.js +1 -1
  11. package/build/{chakra-ui-modal.esm-7e633573.js → chakra-ui-modal.esm-2fd23822.js} +2 -2
  12. package/build/{chakra-ui-modal.esm-7e633573.js.map → chakra-ui-modal.esm-2fd23822.js.map} +1 -1
  13. package/build/{chakra-ui-skeleton.esm-8f56767a.js → chakra-ui-skeleton.esm-064cd561.js} +2 -2
  14. package/build/{chakra-ui-skeleton.esm-8f56767a.js.map → chakra-ui-skeleton.esm-064cd561.js.map} +1 -1
  15. package/build/checkbox.component-853ac7ff.js +2 -0
  16. package/build/{checkbox.component-175e7fe8.js.map → checkbox.component-853ac7ff.js.map} +1 -1
  17. package/build/checkboxGroup.component-b47b67da.js +2 -0
  18. package/build/{checkboxGroup.component-6651151f.js.map → checkboxGroup.component-b47b67da.js.map} +1 -1
  19. package/build/colors-6e9db598.js +2 -0
  20. package/build/colors-6e9db598.js.map +1 -0
  21. package/build/components/Alert/index.js +1 -1
  22. package/build/components/Avatar/index.js +1 -1
  23. package/build/components/AvatarGroup/index.js +1 -1
  24. package/build/components/Button/index.js +1 -1
  25. package/build/components/Checkbox/index.js +1 -1
  26. package/build/components/CheckboxGroup/index.js +1 -1
  27. package/build/components/DatePicker/index.js +1 -1
  28. package/build/components/Icon/index.js +1 -1
  29. package/build/components/Link/index.js +1 -1
  30. package/build/components/Menu/components/MenuButton/index.js +1 -1
  31. package/build/components/Menu/components/MenuButton/menuButton.component.d.ts +3 -1
  32. package/build/components/Menu/components/MenuButton/menuButton.stories.d.ts +1 -1
  33. package/build/components/Menu/components/MenuItem/index.js +1 -1
  34. package/build/components/Menu/components/MenuList/index.js +1 -1
  35. package/build/components/Menu/index.js +1 -1
  36. package/build/components/Modal/components/ModalBody/index.js +1 -1
  37. package/build/components/Modal/components/ModalCloseButton/index.js +1 -1
  38. package/build/components/Modal/components/ModalExpandButton/index.js +1 -1
  39. package/build/components/Modal/components/ModalFooter/index.js +1 -1
  40. package/build/components/Modal/components/ModalFooterButtons/index.js +1 -1
  41. package/build/components/Modal/components/ModalHeader/index.js +1 -1
  42. package/build/components/Modal/index.js +1 -1
  43. package/build/components/Popover/components/PopoverFooter/index.js +1 -1
  44. package/build/components/Popover/components/PopoverHeader/index.js +1 -1
  45. package/build/components/Popover/index.js +1 -1
  46. package/build/components/RadioButtonGroup/index.js +1 -1
  47. package/build/components/RadioGroup/index.js +1 -1
  48. package/build/components/Select/index.js +1 -1
  49. package/build/components/SortableList/components/DragHandle/index.js +1 -1
  50. package/build/components/SortableList/index.js +1 -1
  51. package/build/components/Swatch/index.d.ts +2 -0
  52. package/build/components/Swatch/index.js +2 -0
  53. package/build/components/Swatch/index.js.map +1 -0
  54. package/build/components/Swatch/swatch.argTypes.d.ts +3 -0
  55. package/build/components/Swatch/swatch.component.d.ts +7 -0
  56. package/build/components/Swatch/swatch.stories.d.ts +12 -0
  57. package/build/components/Swatch/swatch.types.d.ts +3 -0
  58. package/build/components/Switch/index.js +1 -1
  59. package/build/components/Tabs/components/Tab/index.js +1 -1
  60. package/build/components/Tabs/index.js +1 -1
  61. package/build/components/TabsLayout/index.js +1 -1
  62. package/build/components/Tag/index.js +1 -1
  63. package/build/components/TextInput/index.js +1 -1
  64. package/build/components/Textarea/index.js +1 -1
  65. package/build/components/TimePicker/index.js +1 -1
  66. package/build/components/TimeRange/index.js +1 -1
  67. package/build/components/Toast/index.js +1 -1
  68. package/build/components/index.d.ts +1 -0
  69. package/build/components/index.js +1 -1
  70. package/build/conversationCard.component-b4610335.js +2 -0
  71. package/build/conversationCard.component-b4610335.js.map +1 -0
  72. package/build/datepicker.component-85ae0dfc.js +16 -0
  73. package/build/datepicker.component-85ae0dfc.js.map +1 -0
  74. package/build/{dragHandle.component-e4a46a3d.js → dragHandle.component-3527abee.js} +2 -2
  75. package/build/{dragHandle.component-e4a46a3d.js.map → dragHandle.component-3527abee.js.map} +1 -1
  76. package/build/{icon.component-100b924b.js → icon.component-7fa85e78.js} +1 -1
  77. package/build/{icon.component-100b924b.js.map → icon.component-7fa85e78.js.map} +1 -1
  78. package/build/icons/Clinic.d.ts +10 -0
  79. package/build/icons/index.d.ts +1 -1
  80. package/build/icons/index.js +1 -1
  81. package/build/icons/index.js.map +1 -1
  82. package/build/index-ebcb699d.js +2 -0
  83. package/build/index-ebcb699d.js.map +1 -0
  84. package/build/index.d.ts +1 -0
  85. package/build/index.js +1 -1
  86. package/build/{link.component-6416abcf.js → link.component-1f789e32.js} +2 -2
  87. package/build/{link.component-6416abcf.js.map → link.component-1f789e32.js.map} +1 -1
  88. package/build/{menu.component-f6b95188.js → menu.component-194d1bc0.js} +2 -2
  89. package/build/{menu.component-f6b95188.js.map → menu.component-194d1bc0.js.map} +1 -1
  90. package/build/menuButton.component-4cb1b211.js +2 -0
  91. package/build/menuButton.component-4cb1b211.js.map +1 -0
  92. package/build/{menuItem.component-0aeea731.js → menuItem.component-36706258.js} +2 -2
  93. package/build/{menuItem.component-0aeea731.js.map → menuItem.component-36706258.js.map} +1 -1
  94. package/build/{menuList.component-5652653b.js → menuList.component-adc27103.js} +2 -2
  95. package/build/{menuList.component-5652653b.js.map → menuList.component-adc27103.js.map} +1 -1
  96. package/build/{modalBody.component-f7fe03a7.js → modalBody.component-db8de2f3.js} +2 -2
  97. package/build/{modalBody.component-f7fe03a7.js.map → modalBody.component-db8de2f3.js.map} +1 -1
  98. package/build/modalCloseButton.component-1b2408fc.js +2 -0
  99. package/build/{modalCloseButton.component-fedf402b.js.map → modalCloseButton.component-1b2408fc.js.map} +1 -1
  100. package/build/{modalExpandButton.component-6d5f66c5.js → modalExpandButton.component-31be810d.js} +2 -2
  101. package/build/{modalExpandButton.component-6d5f66c5.js.map → modalExpandButton.component-31be810d.js.map} +1 -1
  102. package/build/{modalFooter.component-b7d87485.js → modalFooter.component-ccce9ce5.js} +2 -2
  103. package/build/{modalFooter.component-b7d87485.js.map → modalFooter.component-ccce9ce5.js.map} +1 -1
  104. package/build/{modalFooterButtons.component-4057c077.js → modalFooterButtons.component-41107377.js} +2 -2
  105. package/build/{modalFooterButtons.component-4057c077.js.map → modalFooterButtons.component-41107377.js.map} +1 -1
  106. package/build/{modalHeader.component-6ee3dc41.js → modalHeader.component-c7a12376.js} +2 -2
  107. package/build/{modalHeader.component-6ee3dc41.js.map → modalHeader.component-c7a12376.js.map} +1 -1
  108. package/build/patterns/ConversationCard/components/conversationCardAvatarGroup.component.d.ts +8 -0
  109. package/build/patterns/ConversationCard/components/conversationCardButtons.component.d.ts +15 -0
  110. package/build/patterns/ConversationCard/components/conversationCardContent.d.ts +8 -0
  111. package/build/patterns/ConversationCard/components/conversationCardFooter.component.d.ts +9 -0
  112. package/build/patterns/ConversationCard/components/conversationCardHeader.component.d.ts +12 -0
  113. package/build/patterns/ConversationCard/components/conversationCardTags.component.d.ts +8 -0
  114. package/build/patterns/ConversationCard/conversationCard.argTypes.d.ts +11 -0
  115. package/build/patterns/ConversationCard/conversationCard.component.d.ts +21 -0
  116. package/build/patterns/ConversationCard/conversationCard.stories.d.ts +32 -0
  117. package/build/patterns/ConversationCard/conversationCard.storiesData.d.ts +21 -0
  118. package/build/patterns/ConversationCard/examples/withContentMenu.stories.d.ts +17 -0
  119. package/build/patterns/ConversationCard/examples/withFooter.stories.d.ts +17 -0
  120. package/build/patterns/ConversationCard/examples/withHeaderMenu.stories.d.ts +17 -0
  121. package/build/patterns/ConversationCard/examples/withMultipleAvatars.stories.d.ts +17 -0
  122. package/build/patterns/ConversationCard/examples/withPin.stories.d.ts +17 -0
  123. package/build/patterns/ConversationCard/examples/withPinAndMenu.stories.d.ts +17 -0
  124. package/build/patterns/ConversationCard/examples/withTags.stories.d.ts +21 -0
  125. package/build/patterns/ConversationCard/index.d.ts +1 -0
  126. package/build/patterns/ConversationCard/index.js +2 -0
  127. package/build/patterns/ConversationCard/index.js.map +1 -0
  128. package/build/patterns/StyledAvatar/examples/withGroup.stories.d.ts +20 -0
  129. package/build/patterns/StyledAvatar/index.d.ts +2 -0
  130. package/build/patterns/StyledAvatar/index.js +2 -0
  131. package/build/patterns/StyledAvatar/index.js.map +1 -0
  132. package/build/patterns/StyledAvatar/styledAvatar.argTypes.d.ts +4 -0
  133. package/build/patterns/StyledAvatar/styledAvatar.component.d.ts +16 -0
  134. package/build/patterns/StyledAvatar/styledAvatar.stories.d.ts +16 -0
  135. package/build/patterns/StyledAvatar/styledAvatar.types.d.ts +2 -0
  136. package/build/patterns/Timestamp/examples/withFullDate.stories.d.ts +12 -0
  137. package/build/patterns/Timestamp/examples/withTooltip.stories.d.ts +12 -0
  138. package/build/patterns/Timestamp/index.d.ts +1 -0
  139. package/build/patterns/Timestamp/index.js +2 -0
  140. package/build/patterns/Timestamp/index.js.map +1 -0
  141. package/build/patterns/Timestamp/timestamp.argTypes.d.ts +3 -0
  142. package/build/patterns/Timestamp/timestamp.component.d.ts +10 -0
  143. package/build/patterns/Timestamp/timestamp.stories.d.ts +12 -0
  144. package/build/patterns/index.d.ts +3 -0
  145. package/build/patterns/index.js +2 -0
  146. package/build/patterns/index.js.map +1 -0
  147. package/build/{popover.component-598e9b4d.js → popover.component-0ae9b4fe.js} +2 -2
  148. package/build/{popover.component-598e9b4d.js.map → popover.component-0ae9b4fe.js.map} +1 -1
  149. package/build/popoverFooter.component-7691dffb.js +2 -0
  150. package/build/{popoverFooter.component-3fef4223.js.map → popoverFooter.component-7691dffb.js.map} +1 -1
  151. package/build/{popoverHeader.component-1ea58cd1.js → popoverHeader.component-d671bf3d.js} +2 -2
  152. package/build/{popoverHeader.component-1ea58cd1.js.map → popoverHeader.component-d671bf3d.js.map} +1 -1
  153. package/build/{radioGroup.component-c8f06088.js → radioGroup.component-c5647766.js} +2 -2
  154. package/build/{radioGroup.component-c8f06088.js.map → radioGroup.component-c5647766.js.map} +1 -1
  155. package/build/{select.component-a0d9f737.js → select.component-56904ffe.js} +2 -2
  156. package/build/{select.component-a0d9f737.js.map → select.component-56904ffe.js.map} +1 -1
  157. package/build/shared/utils/colors.d.ts +6 -0
  158. package/build/shared/utils/index.js +1 -1
  159. package/build/styledAvatar.types-c7230054.js +2 -0
  160. package/build/styledAvatar.types-c7230054.js.map +1 -0
  161. package/build/swatch.component-47f70104.js +2 -0
  162. package/build/swatch.component-47f70104.js.map +1 -0
  163. package/build/{switch.component-5494fefc.js → switch.component-5b7de8ce.js} +2 -2
  164. package/build/{switch.component-5494fefc.js.map → switch.component-5b7de8ce.js.map} +1 -1
  165. package/build/{tab.component-3d708547.js → tab.component-bec1f23b.js} +2 -2
  166. package/build/{tab.component-3d708547.js.map → tab.component-bec1f23b.js.map} +1 -1
  167. package/build/tabs.component-4ebd608e.js +2 -0
  168. package/build/{tabs.component-c5bdfb76.js.map → tabs.component-4ebd608e.js.map} +1 -1
  169. package/build/{tabsLayout.component-185c4529.js → tabsLayout.component-29538cfd.js} +2 -2
  170. package/build/{tabsLayout.component-185c4529.js.map → tabsLayout.component-29538cfd.js.map} +1 -1
  171. package/build/{tag.types-f979ec63.js → tag.component-75215361.js} +2 -2
  172. package/build/tag.component-75215361.js.map +1 -0
  173. package/build/tag.types-71e7699b.js +2 -0
  174. package/build/tag.types-71e7699b.js.map +1 -0
  175. package/build/{textInput.component-b94f1d1f.js → textInput.component-9c91685f.js} +2 -2
  176. package/build/{textInput.component-b94f1d1f.js.map → textInput.component-9c91685f.js.map} +1 -1
  177. package/build/textarea.component-9f0c4b1b.js +2 -0
  178. package/build/{textarea.component-f73a2851.js.map → textarea.component-9f0c4b1b.js.map} +1 -1
  179. package/build/{timePicker.component-4a3ce9b0.js → timePicker.component-8b9103d5.js} +2 -2
  180. package/build/{timePicker.component-4a3ce9b0.js.map → timePicker.component-8b9103d5.js.map} +1 -1
  181. package/build/{timeRange.component-62d5fb79.js → timeRange.component-2f4d987d.js} +2 -2
  182. package/build/{timeRange.component-62d5fb79.js.map → timeRange.component-2f4d987d.js.map} +1 -1
  183. package/build/timestamp.component-c0c80c32.js +2 -0
  184. package/build/timestamp.component-c0c80c32.js.map +1 -0
  185. package/build/{useExpandButton-b8f43568.js → useExpandButton-62442c9f.js} +2 -2
  186. package/build/{useExpandButton-b8f43568.js.map → useExpandButton-62442c9f.js.map} +1 -1
  187. package/build/{useToast-dfad2406.js → useToast-e936bea0.js} +2 -2
  188. package/build/{useToast-dfad2406.js.map → useToast-e936bea0.js.map} +1 -1
  189. package/build/{withFormControl-2e82715a.js → withFormControl-fdc277d3.js} +2 -2
  190. package/build/{withFormControl-2e82715a.js.map → withFormControl-fdc277d3.js.map} +1 -1
  191. package/package.json +1 -1
  192. package/build/avatarGroup.component-b503544d.js +0 -2
  193. package/build/checkbox.component-175e7fe8.js +0 -2
  194. package/build/checkboxGroup.component-6651151f.js +0 -2
  195. package/build/colors-caf3f175.js +0 -2
  196. package/build/colors-caf3f175.js.map +0 -1
  197. package/build/datepicker.component-a44336d2.js +0 -16
  198. package/build/datepicker.component-a44336d2.js.map +0 -1
  199. package/build/menuButton.component-6cc24ebb.js +0 -2
  200. package/build/menuButton.component-6cc24ebb.js.map +0 -1
  201. package/build/modalCloseButton.component-fedf402b.js +0 -2
  202. package/build/popoverFooter.component-3fef4223.js +0 -2
  203. package/build/tabs.component-c5bdfb76.js +0 -2
  204. package/build/tag.types-f979ec63.js.map +0 -1
  205. package/build/textarea.component-f73a2851.js +0 -2
@@ -1,2 +1,2 @@
1
- "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./sortableItem.context-5bba7c97.js"),a=require("./core.esm-3a85aed4.js"),s=require("./button.component-8c8cd059.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);exports.DragHandle=n=>{var u=e.__rest(n,[]);const{attributes:i,listeners:c,ref:b}=t.useContext(r.SortableItemContext),d=a.useDndContext();return o.default.createElement(s.Button,Object.assign({cursor:d.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",className:"DragHandle"},i,c,{ref:b},u))};
2
- //# sourceMappingURL=dragHandle.component-e4a46a3d.js.map
1
+ "use strict";var e=require("./tslib.es6-d6f17add.js"),t=require("react"),r=require("./sortableItem.context-5bba7c97.js"),a=require("./core.esm-3a85aed4.js"),s=require("./button.component-a1a58584.js");function n(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var o=n(t);exports.DragHandle=n=>{var u=e.__rest(n,[]);const{attributes:i,listeners:c,ref:b}=t.useContext(r.SortableItemContext),l=a.useDndContext();return o.default.createElement(s.Button,Object.assign({cursor:l.activatorEvent?"grabbing":"grab",iconName:"grid",size:"sm",variant:"ghostNeutral",className:"DragHandle"},i,c,{ref:b},u))};
2
+ //# sourceMappingURL=dragHandle.component-3527abee.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"dragHandle.component-e4a46a3d.js","sources":["../src/components/SortableList/components/DragHandle/dragHandle.component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { SortableItemContext } from '../SortableItem/sortableItem.context';\nimport { useDndContext } from '@dnd-kit/core';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface DragHandleProps extends ButtonProps {}\n\nexport const DragHandle = ({ ...rest }: DragHandleProps): JSX.Element => {\n const { attributes, listeners, ref } = useContext(SortableItemContext);\n const dndContext = useDndContext();\n\n return (\n <Button\n cursor={dndContext.activatorEvent ? 'grabbing' : 'grab'}\n iconName=\"grid\"\n size=\"sm\"\n variant=\"ghostNeutral\"\n className=\"DragHandle\"\n {...attributes}\n {...listeners}\n ref={ref}\n {...rest}\n />\n );\n};\n"],"names":["_a","rest","__rest","attributes","listeners","ref","useContext","SortableItemContext","dndContext","useDndContext","React","Button","Object","assign","cursor","activatorEvent","iconName","size","variant","className"],"mappings":"+SAO2BA,QAAKC,EAAIC,EAAAA,OAAAF,EAAT,IACzB,MAAMG,WAAEA,EAAUC,UAAEA,EAASC,IAAEA,GAAQC,EAAAA,WAAWC,EAAAA,qBAC5CC,EAAaC,EAAAA,gBAEnB,OACEC,wBAACC,SAAMC,OAAAC,OAAA,CACLC,OAAQN,EAAWO,eAAiB,WAAa,OACjDC,SAAS,OACTC,KAAK,KACLC,QAAQ,eACRC,UAAU,cACNhB,EACAC,GACJC,IAAKA,GACDJ"}
1
+ {"version":3,"file":"dragHandle.component-3527abee.js","sources":["../src/components/SortableList/components/DragHandle/dragHandle.component.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { SortableItemContext } from '../SortableItem/sortableItem.context';\nimport { useDndContext } from '@dnd-kit/core';\nimport { Button, ButtonProps } from '../../../Button/button.component';\n\nexport interface DragHandleProps extends ButtonProps {}\n\nexport const DragHandle = ({ ...rest }: DragHandleProps): JSX.Element => {\n const { attributes, listeners, ref } = useContext(SortableItemContext);\n const dndContext = useDndContext();\n\n return (\n <Button\n cursor={dndContext.activatorEvent ? 'grabbing' : 'grab'}\n iconName=\"grid\"\n size=\"sm\"\n variant=\"ghostNeutral\"\n className=\"DragHandle\"\n {...attributes}\n {...listeners}\n ref={ref}\n {...rest}\n />\n );\n};\n"],"names":["_a","rest","__rest","attributes","listeners","ref","useContext","SortableItemContext","dndContext","useDndContext","React","Button","Object","assign","cursor","activatorEvent","iconName","size","variant","className"],"mappings":"+SAO2BA,QAAKC,EAAIC,EAAAA,OAAAF,EAAT,IACzB,MAAMG,WAAEA,EAAUC,UAAEA,EAASC,IAAEA,GAAQC,EAAAA,WAAWC,EAAAA,qBAC5CC,EAAaC,EAAAA,gBAEnB,OACEC,wBAACC,SAAMC,OAAAC,OAAA,CACLC,OAAQN,EAAWO,eAAiB,WAAa,OACjDC,SAAS,OACTC,KAAK,KACLC,QAAQ,eACRC,UAAU,cACNhB,EACAC,GACJC,IAAKA,GACDJ"}
@@ -1,2 +1,2 @@
1
1
  "use strict";var e=require("react"),r=require("./icons/index.js"),t=require("./chakra-ui-layout.esm-6ee578f7.js");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=o(e);const s={xs:14,sm:16,md:20,lg:24,xl:32,"2xl":38},a=e.forwardRef((({name:o,size:a="lg",color:n,variant:c,style:i},u)=>{const x=r.IconMap[o],d=s[a]+"px",f=e.useMemo((()=>c?`text.${c}`:n),[c,n]);return l.default.createElement(t.Box,Object.assign({color:f,display:"inline-block"},i),l.default.createElement(x,{ref:u,width:d,height:d,color:"currentColor"}))}));a.displayName="Icon",exports.Icon=a,exports.IconSizeMap=s,exports.iconSizes=["xs","sm","md","lg","xl","2xl"];
2
- //# sourceMappingURL=icon.component-100b924b.js.map
2
+ //# sourceMappingURL=icon.component-7fa85e78.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"icon.component-100b924b.js","sources":["../src/components/Icon/icon.types.ts","../src/components/Icon/icon.component.tsx"],"sourcesContent":["export { IconName } from '../../icons/index';\n\nexport const iconSizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const;\nexport type IconSize = (typeof iconSizes)[number];\n\nexport const IconSizeMap: Record<IconSize, number> = {\n xs: 14,\n sm: 16,\n md: 20,\n lg: 24,\n xl: 32,\n '2xl': 38,\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from 'react';\nimport { IconSize, IconSizeMap } from './icon.types';\nimport { IconMap, IconName } from '../../icons';\nimport { Box, StyleProps } from '@chakra-ui/react';\nimport { TypographyVariant } from '../../shared/types/typography';\nimport { SemanticTypographyToken } from '../../theme/tokens';\n\nexport interface IconProps {\n name: IconName;\n size?: IconSize;\n variant?: TypographyVariant;\n color?: string | SemanticTypographyToken;\n style?: StyleProps;\n}\n\nexport const Icon = forwardRef(\n ({ name, size = 'lg', color, variant, style }: IconProps, ref: ForwardedRef<any>): JSX.Element => {\n const MappedIcon = IconMap[name];\n const d = IconSizeMap[size] + 'px';\n\n const iconColor = useMemo(() => {\n return variant ? `text.${variant}` : color;\n }, [variant, color]);\n\n return (\n <Box color={iconColor} display=\"inline-block\" {...style}>\n <MappedIcon ref={ref} width={d} height={d} color=\"currentColor\" />\n </Box>\n );\n },\n);\n\nIcon.displayName = 'Icon';\n"],"names":["IconSizeMap","xs","sm","md","lg","xl","Icon","forwardRef","name","size","color","variant","style","ref","MappedIcon","IconMap","d","iconColor","useMemo","React","createElement","Box","Object","assign","display","width","height","displayName"],"mappings":"qMAEa,MAGAA,EAAwC,CACnDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJ,MAAO,ICIIC,EAAOC,EAAUA,YAC5B,EAAGC,KAAAA,EAAMC,KAAAA,EAAO,KAAMC,MAAAA,EAAOC,QAAAA,EAASC,MAAAA,GAAoBC,KACxD,MAAMC,EAAaC,UAAQP,GACrBQ,EAAIhB,EAAYS,GAAQ,KAExBQ,EAAYC,EAAAA,SAAQ,IACjBP,EAAU,QAAQA,IAAYD,GACpC,CAACC,EAASD,IAEb,OACES,UAAAC,cAACC,EAAGA,IAAAC,OAAAC,OAAA,CAACb,MAAOO,EAAWO,QAAQ,gBAAmBZ,GAChDO,EAAAA,QAACC,cAAAN,GAAWD,IAAKA,EAAKY,MAAOT,EAAGU,OAAQV,EAAGN,MAAM,qBAMzDJ,EAAKqB,YAAc,8DD9BM,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM"}
1
+ {"version":3,"file":"icon.component-7fa85e78.js","sources":["../src/components/Icon/icon.types.ts","../src/components/Icon/icon.component.tsx"],"sourcesContent":["export { IconName } from '../../icons/index';\n\nexport const iconSizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'] as const;\nexport type IconSize = (typeof iconSizes)[number];\n\nexport const IconSizeMap: Record<IconSize, number> = {\n xs: 14,\n sm: 16,\n md: 20,\n lg: 24,\n xl: 32,\n '2xl': 38,\n};\n","import React, { ForwardedRef, forwardRef, useMemo } from 'react';\nimport { IconSize, IconSizeMap } from './icon.types';\nimport { IconMap, IconName } from '../../icons';\nimport { Box, StyleProps } from '@chakra-ui/react';\nimport { TypographyVariant } from '../../shared/types/typography';\nimport { SemanticTypographyToken } from '../../theme/tokens';\n\nexport interface IconProps {\n name: IconName;\n size?: IconSize;\n variant?: TypographyVariant;\n color?: string | SemanticTypographyToken;\n style?: StyleProps;\n}\n\nexport const Icon = forwardRef(\n ({ name, size = 'lg', color, variant, style }: IconProps, ref: ForwardedRef<any>): JSX.Element => {\n const MappedIcon = IconMap[name];\n const d = IconSizeMap[size] + 'px';\n\n const iconColor = useMemo(() => {\n return variant ? `text.${variant}` : color;\n }, [variant, color]);\n\n return (\n <Box color={iconColor} display=\"inline-block\" {...style}>\n <MappedIcon ref={ref} width={d} height={d} color=\"currentColor\" />\n </Box>\n );\n },\n);\n\nIcon.displayName = 'Icon';\n"],"names":["IconSizeMap","xs","sm","md","lg","xl","Icon","forwardRef","name","size","color","variant","style","ref","MappedIcon","IconMap","d","iconColor","useMemo","React","createElement","Box","Object","assign","display","width","height","displayName"],"mappings":"qMAEa,MAGAA,EAAwC,CACnDC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJC,GAAI,GACJ,MAAO,ICIIC,EAAOC,EAAUA,YAC5B,EAAGC,KAAAA,EAAMC,KAAAA,EAAO,KAAMC,MAAAA,EAAOC,QAAAA,EAASC,MAAAA,GAAoBC,KACxD,MAAMC,EAAaC,UAAQP,GACrBQ,EAAIhB,EAAYS,GAAQ,KAExBQ,EAAYC,EAAAA,SAAQ,IACjBP,EAAU,QAAQA,IAAYD,GACpC,CAACC,EAASD,IAEb,OACES,UAAAC,cAACC,EAAGA,IAAAC,OAAAC,OAAA,CAACb,MAAOO,EAAWO,QAAQ,gBAAmBZ,GAChDO,EAAAA,QAACC,cAAAN,GAAWD,IAAKA,EAAKY,MAAOT,EAAGU,OAAQV,EAAGN,MAAM,qBAMzDJ,EAAKqB,YAAc,8DD9BM,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM"}
@@ -0,0 +1,10 @@
1
+ import * as React from 'react';
2
+ interface SVGRProps {
3
+ color?: string;
4
+ height?: string;
5
+ width?: string;
6
+ title?: string;
7
+ titleId?: string;
8
+ }
9
+ declare const ForwardRef: React.ForwardRefExoticComponent<SVGRProps & React.RefAttributes<SVGSVGElement>>;
10
+ export default ForwardRef;
@@ -1,2 +1,2 @@
1
- export type IconName = 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'animalMouse' | 'animalPig' | 'animalSnake' | 'archive' | 'arrowCircle' | 'arrowDownRight' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowsIn' | 'arrowsOut' | 'article' | 'award' | 'bank' | 'bellCancel' | 'bell' | 'bone' | 'bookmark' | 'bulkSelect' | 'buttons' | 'calendarCheck' | 'calendarDate' | 'calendarInfo' | 'calendarPen' | 'calendarPlus' | 'cameraOff' | 'camera' | 'cancel' | 'cellphoneCancel' | 'cellphone' | 'chainLink' | 'chatBubble' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmark' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'clock' | 'closeCircleSolid' | 'closeCircle' | 'close' | 'code' | 'creditCardLogoAmex' | 'creditCardLogoDiners' | 'creditCardLogoDiscover' | 'creditCardLogoGeneric' | 'creditCardLogoJcb' | 'creditCardLogoMastercard' | 'creditCardLogoUnionpay' | 'creditCardLogoVisa' | 'creditCard' | 'cut' | 'dollarCircle' | 'dollar' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'emailSend' | 'envelopeCancel' | 'envelope' | 'externalLink' | 'eyeOpen' | 'eyeSlash' | 'eyedropper' | 'fileHealth' | 'filter' | 'form' | 'gear' | 'gif' | 'grid' | 'hashtag' | 'health' | 'heartSolid' | 'heart' | 'house' | 'image' | 'infoCircle' | 'input' | 'invoice' | 'kanbanBoard' | 'list' | 'loader' | 'locationMarker' | 'lock' | 'logo' | 'loudspeaker' | 'magic' | 'magnifyingGlass' | 'mailbox' | 'messageDetail' | 'messageWarning' | 'message' | 'messages' | 'microphoneMute' | 'microphone' | 'minus' | 'moveDown' | 'moveLeft' | 'moveRight' | 'moveUp' | 'notification' | 'package' | 'paperclip' | 'paw' | 'penSquare' | 'pen' | 'personAdd' | 'personCircle' | 'person' | 'phoneButtons' | 'phoneCancel' | 'phone' | 'pill' | 'pinCancel' | 'pin' | 'plus' | 'printer' | 'questionMarkCircleSolid' | 'questionMarkCircle' | 'questionMark' | 'record' | 'report' | 'ribbon' | 'robot' | 'send' | 'sliders' | 'smileyFace' | 'sort' | 'starCircle' | 'starSolid' | 'star' | 'stopRecording' | 'stop' | 'support' | 'table' | 'tag' | 'targetSolid' | 'target' | 'team' | 'thumbsDown' | 'thumbsUp' | 'transfer' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website' | 'wrench';
1
+ export type IconName = 'alertCircle' | 'animalBird' | 'animalCat' | 'animalCow' | 'animalDog' | 'animalHorse' | 'animalMouse' | 'animalPig' | 'animalSnake' | 'archive' | 'arrowCircle' | 'arrowDownRight' | 'arrowDown' | 'arrowLeft' | 'arrowRight' | 'arrowUp' | 'arrowsIn' | 'arrowsOut' | 'article' | 'award' | 'bank' | 'bellCancel' | 'bell' | 'bone' | 'bookmark' | 'bulkSelect' | 'buttons' | 'calendarCheck' | 'calendarDate' | 'calendarInfo' | 'calendarPen' | 'calendarPlus' | 'cameraOff' | 'camera' | 'cancel' | 'cellphoneCancel' | 'cellphone' | 'chainLink' | 'chatBubble' | 'checkmarkBox' | 'checkmarkCircle' | 'checkmark' | 'chevronDown' | 'chevronLeft' | 'chevronRight' | 'chevronUp' | 'clinic' | 'clock' | 'closeCircleSolid' | 'closeCircle' | 'close' | 'code' | 'creditCardLogoAmex' | 'creditCardLogoDiners' | 'creditCardLogoDiscover' | 'creditCardLogoGeneric' | 'creditCardLogoJcb' | 'creditCardLogoMastercard' | 'creditCardLogoUnionpay' | 'creditCardLogoVisa' | 'creditCard' | 'cut' | 'dollarCircle' | 'dollar' | 'dotsHorizontal' | 'dotsVertical' | 'doubleArrowCircle' | 'download' | 'emailSend' | 'envelopeCancel' | 'envelope' | 'externalLink' | 'eyeOpen' | 'eyeSlash' | 'eyedropper' | 'fileHealth' | 'filter' | 'form' | 'gear' | 'gif' | 'grid' | 'hashtag' | 'health' | 'heartSolid' | 'heart' | 'house' | 'image' | 'infoCircle' | 'input' | 'invoice' | 'kanbanBoard' | 'list' | 'loader' | 'locationMarker' | 'lock' | 'logo' | 'loudspeaker' | 'magic' | 'magnifyingGlass' | 'mailbox' | 'messageDetail' | 'messageWarning' | 'message' | 'messages' | 'microphoneMute' | 'microphone' | 'minus' | 'moveDown' | 'moveLeft' | 'moveRight' | 'moveUp' | 'notification' | 'package' | 'paperclip' | 'paw' | 'penSquare' | 'pen' | 'personAdd' | 'personCircle' | 'person' | 'phoneButtons' | 'phoneCancel' | 'phone' | 'pill' | 'pinCancel' | 'pin' | 'plus' | 'printer' | 'questionMarkCircleSolid' | 'questionMarkCircle' | 'questionMark' | 'record' | 'report' | 'ribbon' | 'robot' | 'send' | 'sliders' | 'smileyFace' | 'sort' | 'starCircle' | 'starSolid' | 'star' | 'stopRecording' | 'stop' | 'support' | 'table' | 'tag' | 'targetSolid' | 'target' | 'team' | 'thumbsDown' | 'thumbsUp' | 'transfer' | 'trashcan' | 'twoSquares' | 'upload' | 'videoCamera' | 'warningSign' | 'website' | 'wrench';
2
2
  export declare const IconMap: Record<IconName, any>;