@artsy/palette 44.0.1 → 44.2.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 (213) hide show
  1. package/dist/elements/AutocompleteInput/AutocompleteInput.story.d.ts +105 -6
  2. package/dist/elements/AutocompleteInput/AutocompleteInput.story.js +78 -365
  3. package/dist/elements/AutocompleteInput/AutocompleteInput.story.js.map +1 -1
  4. package/dist/elements/Avatar/Avatar.story.d.ts +74 -5
  5. package/dist/elements/Avatar/Avatar.story.js +69 -85
  6. package/dist/elements/Avatar/Avatar.story.js.map +1 -1
  7. package/dist/elements/Banner/Banner.story.d.ts +53 -2
  8. package/dist/elements/Banner/Banner.story.js +55 -24
  9. package/dist/elements/Banner/Banner.story.js.map +1 -1
  10. package/dist/elements/BaseTabs/BaseTabs.story.d.ts +45 -20
  11. package/dist/elements/BaseTabs/BaseTabs.story.js +99 -154
  12. package/dist/elements/BaseTabs/BaseTabs.story.js.map +1 -1
  13. package/dist/elements/BorderedRadio/BorderedRadio.story.d.ts +30 -1
  14. package/dist/elements/BorderedRadio/BorderedRadio.story.js +92 -19
  15. package/dist/elements/BorderedRadio/BorderedRadio.story.js.map +1 -1
  16. package/dist/elements/Box/Box.story.d.ts +35 -1
  17. package/dist/elements/Box/Box.story.js +54 -28
  18. package/dist/elements/Box/Box.story.js.map +1 -1
  19. package/dist/elements/Breadcrumbs/Breadcrumbs.story.d.ts +27 -1
  20. package/dist/elements/Breadcrumbs/Breadcrumbs.story.js +43 -26
  21. package/dist/elements/Breadcrumbs/Breadcrumbs.story.js.map +1 -1
  22. package/dist/elements/Button/Button.story.d.ts +132 -19
  23. package/dist/elements/Button/Button.story.js +133 -228
  24. package/dist/elements/Button/Button.story.js.map +1 -1
  25. package/dist/elements/CSSGrid/CSSGrid.story.d.ts +35 -10
  26. package/dist/elements/CSSGrid/CSSGrid.story.js +57 -20
  27. package/dist/elements/CSSGrid/CSSGrid.story.js.map +1 -1
  28. package/dist/elements/Cards/Cards.story.d.ts +56 -14
  29. package/dist/elements/Cards/Cards.story.js +65 -55
  30. package/dist/elements/Cards/Cards.story.js.map +1 -1
  31. package/dist/elements/Carousel/Carousel.story.d.ts +135 -48
  32. package/dist/elements/Carousel/Carousel.story.js +399 -303
  33. package/dist/elements/Carousel/Carousel.story.js.map +1 -1
  34. package/dist/elements/CarouselBar/CarouselBar.story.d.ts +37 -2
  35. package/dist/elements/CarouselBar/CarouselBar.story.js +38 -19
  36. package/dist/elements/CarouselBar/CarouselBar.story.js.map +1 -1
  37. package/dist/elements/Checkbox/Check.story.d.ts +75 -2
  38. package/dist/elements/Checkbox/Check.story.js +77 -32
  39. package/dist/elements/Checkbox/Check.story.js.map +1 -1
  40. package/dist/elements/Checkbox/Checkbox.story.d.ts +79 -3
  41. package/dist/elements/Checkbox/Checkbox.story.js +81 -79
  42. package/dist/elements/Checkbox/Checkbox.story.js.map +1 -1
  43. package/dist/elements/Clickable/Clickable.story.d.ts +50 -5
  44. package/dist/elements/Clickable/Clickable.story.js +52 -58
  45. package/dist/elements/Clickable/Clickable.story.js.map +1 -1
  46. package/dist/elements/Drawer/Drawer.story.d.ts +36 -2
  47. package/dist/elements/Drawer/Drawer.story.js +42 -9
  48. package/dist/elements/Drawer/Drawer.story.js.map +1 -1
  49. package/dist/elements/Dropdown/Dropdown.story.d.ts +53 -18
  50. package/dist/elements/Dropdown/Dropdown.story.js +244 -237
  51. package/dist/elements/Dropdown/Dropdown.story.js.map +1 -1
  52. package/dist/elements/EntityHeader/EntityHeader.story.d.ts +245 -1
  53. package/dist/elements/EntityHeader/EntityHeader.story.js +209 -76
  54. package/dist/elements/EntityHeader/EntityHeader.story.js.map +1 -1
  55. package/dist/elements/Expandable/Expandable.story.d.ts +54 -2
  56. package/dist/elements/Expandable/Expandable.story.js +76 -65
  57. package/dist/elements/Expandable/Expandable.story.js.map +1 -1
  58. package/dist/elements/FilterSelect/FilterSelect.story.d.ts +153 -2
  59. package/dist/elements/FilterSelect/FilterSelect.story.js +159 -62
  60. package/dist/elements/FilterSelect/FilterSelect.story.js.map +1 -1
  61. package/dist/elements/FullBleed/FullBleed.story.d.ts +30 -1
  62. package/dist/elements/FullBleed/FullBleed.story.js +44 -21
  63. package/dist/elements/FullBleed/FullBleed.story.js.map +1 -1
  64. package/dist/elements/GridColumns/GridColumns.story.d.ts +47 -9
  65. package/dist/elements/GridColumns/GridColumns.story.js +188 -204
  66. package/dist/elements/GridColumns/GridColumns.story.js.map +1 -1
  67. package/dist/elements/HTML/HTML.story.d.ts +56 -9
  68. package/dist/elements/HTML/HTML.story.js +56 -28
  69. package/dist/elements/HTML/HTML.story.js.map +1 -1
  70. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.d.ts +52 -2
  71. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js +83 -46
  72. package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.js.map +1 -1
  73. package/dist/elements/Image/Image.story.d.ts +56 -17
  74. package/dist/elements/Image/Image.story.js +106 -88
  75. package/dist/elements/Image/Image.story.js.map +1 -1
  76. package/dist/elements/Input/Input.story.d.ts +111 -6
  77. package/dist/elements/Input/Input.story.js +108 -106
  78. package/dist/elements/Input/Input.story.js.map +1 -1
  79. package/dist/elements/Join/Join.d.ts +1 -2
  80. package/dist/elements/Join/Join.js.map +1 -1
  81. package/dist/elements/Join/Join.story.d.ts +55 -10
  82. package/dist/elements/Join/Join.story.js +122 -58
  83. package/dist/elements/Join/Join.story.js.map +1 -1
  84. package/dist/elements/Label/Label.story.d.ts +44 -2
  85. package/dist/elements/Label/Label.story.js +68 -24
  86. package/dist/elements/Label/Label.story.js.map +1 -1
  87. package/dist/elements/LabeledInput/LabeledInput.story.d.ts +50 -3
  88. package/dist/elements/LabeledInput/LabeledInput.story.js +62 -68
  89. package/dist/elements/LabeledInput/LabeledInput.story.js.map +1 -1
  90. package/dist/elements/Marquee/Marquee.story.d.ts +57 -1
  91. package/dist/elements/Marquee/Marquee.story.js +82 -20
  92. package/dist/elements/Marquee/Marquee.story.js.map +1 -1
  93. package/dist/elements/Message/Message.story.d.ts +56 -1
  94. package/dist/elements/Message/Message.story.js +84 -25
  95. package/dist/elements/Message/Message.story.js.map +1 -1
  96. package/dist/elements/Modal/ModalBase.story.d.ts +53 -4
  97. package/dist/elements/Modal/ModalBase.story.js +78 -33
  98. package/dist/elements/Modal/ModalBase.story.js.map +1 -1
  99. package/dist/elements/ModalDialog/ModalDialog.story.d.ts +58 -1
  100. package/dist/elements/ModalDialog/ModalDialog.story.js +93 -144
  101. package/dist/elements/ModalDialog/ModalDialog.story.js.map +1 -1
  102. package/dist/elements/ModalDialog/ModalDialogContent.story.d.ts +112 -1
  103. package/dist/elements/ModalDialog/ModalDialogContent.story.js +190 -65
  104. package/dist/elements/ModalDialog/ModalDialogContent.story.js.map +1 -1
  105. package/dist/elements/MultiSelect/MultiSelect.d.ts +1 -1
  106. package/dist/elements/MultiSelect/MultiSelect.js +4 -0
  107. package/dist/elements/MultiSelect/MultiSelect.js.map +1 -1
  108. package/dist/elements/MultiSelect/MultiSelect.story.d.ts +120 -2
  109. package/dist/elements/MultiSelect/MultiSelect.story.js +122 -44
  110. package/dist/elements/MultiSelect/MultiSelect.story.js.map +1 -1
  111. package/dist/elements/Pagination/Pagination.story.d.ts +88 -4
  112. package/dist/elements/Pagination/Pagination.story.js +64 -23
  113. package/dist/elements/Pagination/Pagination.story.js.map +1 -1
  114. package/dist/elements/PasswordInput/PasswordInput.story.d.ts +54 -2
  115. package/dist/elements/PasswordInput/PasswordInput.story.js +54 -16
  116. package/dist/elements/PasswordInput/PasswordInput.story.js.map +1 -1
  117. package/dist/elements/Pill/Pill.story.d.ts +114 -9
  118. package/dist/elements/Pill/Pill.story.js +282 -169
  119. package/dist/elements/Pill/Pill.story.js.map +1 -1
  120. package/dist/elements/Popover/Popover.story.d.ts +162 -13
  121. package/dist/elements/Popover/Popover.story.js +351 -190
  122. package/dist/elements/Popover/Popover.story.js.map +1 -1
  123. package/dist/elements/ProgressBar/ProgressBar.story.d.ts +43 -7
  124. package/dist/elements/ProgressBar/ProgressBar.story.js +73 -35
  125. package/dist/elements/ProgressBar/ProgressBar.story.js.map +1 -1
  126. package/dist/elements/ProgressDots/ProgressDots.story.d.ts +69 -7
  127. package/dist/elements/ProgressDots/ProgressDots.story.js +108 -41
  128. package/dist/elements/ProgressDots/ProgressDots.story.js.map +1 -1
  129. package/dist/elements/Radio/Radio.story.d.ts +103 -2
  130. package/dist/elements/Radio/Radio.story.js +112 -57
  131. package/dist/elements/Radio/Radio.story.js.map +1 -1
  132. package/dist/elements/RadioGroup/RadioGroup.story.d.ts +104 -5
  133. package/dist/elements/RadioGroup/RadioGroup.story.js +183 -65
  134. package/dist/elements/RadioGroup/RadioGroup.story.js.map +1 -1
  135. package/dist/elements/Range/Range.story.d.ts +89 -8
  136. package/dist/elements/Range/Range.story.js +170 -94
  137. package/dist/elements/Range/Range.story.js.map +1 -1
  138. package/dist/elements/ReadMore/ReadMore.story.d.ts +85 -25
  139. package/dist/elements/ReadMore/ReadMore.story.js +123 -80
  140. package/dist/elements/ReadMore/ReadMore.story.js.map +1 -1
  141. package/dist/elements/ResponsiveBox/ResponsiveBox.story.d.ts +40 -5
  142. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js +87 -51
  143. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js.map +1 -1
  144. package/dist/elements/Select/Select.story.d.ts +260 -2
  145. package/dist/elements/Select/Select.story.js +216 -48
  146. package/dist/elements/Select/Select.story.js.map +1 -1
  147. package/dist/elements/SelectInput/SelectInput.story.d.ts +304 -3
  148. package/dist/elements/SelectInput/SelectInput.story.js +347 -99
  149. package/dist/elements/SelectInput/SelectInput.story.js.map +1 -1
  150. package/dist/elements/SelectInput/SelectInputList.story.d.ts +31 -1
  151. package/dist/elements/SelectInput/SelectInputList.story.js +35 -164
  152. package/dist/elements/SelectInput/SelectInputList.story.js.map +1 -1
  153. package/dist/elements/Separator/Separator.story.d.ts +64 -2
  154. package/dist/elements/Separator/Separator.story.js +65 -18
  155. package/dist/elements/Separator/Separator.story.js.map +1 -1
  156. package/dist/elements/Shelf/Shelf.story.d.ts +140 -8
  157. package/dist/elements/Shelf/Shelf.story.js +224 -56
  158. package/dist/elements/Shelf/Shelf.story.js.map +1 -1
  159. package/dist/elements/ShowMore/ShowMore.story.d.ts +46 -4
  160. package/dist/elements/ShowMore/ShowMore.story.js +102 -48
  161. package/dist/elements/ShowMore/ShowMore.story.js.map +1 -1
  162. package/dist/elements/Skeleton/Skeleton.story.d.ts +68 -4
  163. package/dist/elements/Skeleton/Skeleton.story.js +84 -58
  164. package/dist/elements/Skeleton/Skeleton.story.js.map +1 -1
  165. package/dist/elements/Skip/Skip.story.d.ts +50 -11
  166. package/dist/elements/Skip/Skip.story.js +69 -31
  167. package/dist/elements/Skip/Skip.story.js.map +1 -1
  168. package/dist/elements/Spacer/Spacer.story.d.ts +39 -4
  169. package/dist/elements/Spacer/Spacer.story.js +53 -51
  170. package/dist/elements/Spacer/Spacer.story.js.map +1 -1
  171. package/dist/elements/Spinner/Spinner.story.d.ts +47 -7
  172. package/dist/elements/Spinner/Spinner.story.js +47 -27
  173. package/dist/elements/Spinner/Spinner.story.js.map +1 -1
  174. package/dist/elements/Stack/Stack.story.d.ts +45 -1
  175. package/dist/elements/Stack/Stack.story.js +81 -33
  176. package/dist/elements/Stack/Stack.story.js.map +1 -1
  177. package/dist/elements/StackableBorderBox/StackableBorderBox.story.d.ts +24 -1
  178. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js +28 -9
  179. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js.map +1 -1
  180. package/dist/elements/Stepper/Stepper.story.d.ts +99 -2
  181. package/dist/elements/Stepper/Stepper.story.js +166 -64
  182. package/dist/elements/Stepper/Stepper.story.js.map +1 -1
  183. package/dist/elements/Sup/Sup.story.d.ts +47 -1
  184. package/dist/elements/Sup/Sup.story.js +57 -15
  185. package/dist/elements/Sup/Sup.story.js.map +1 -1
  186. package/dist/elements/Swiper/Swiper.story.d.ts +32 -45
  187. package/dist/elements/Swiper/Swiper.story.js +234 -235
  188. package/dist/elements/Swiper/Swiper.story.js.map +1 -1
  189. package/dist/elements/Tabs/Tabs.story.d.ts +41 -18
  190. package/dist/elements/Tabs/Tabs.story.js +255 -238
  191. package/dist/elements/Tabs/Tabs.story.js.map +1 -1
  192. package/dist/elements/Text/Text.story.d.ts +117 -5
  193. package/dist/elements/Text/Text.story.js +119 -97
  194. package/dist/elements/Text/Text.story.js.map +1 -1
  195. package/dist/elements/TextArea/TextArea.story.d.ts +45 -2
  196. package/dist/elements/TextArea/TextArea.story.js +106 -49
  197. package/dist/elements/TextArea/TextArea.story.js.map +1 -1
  198. package/dist/elements/Toasts/Toast.story.d.ts +91 -2
  199. package/dist/elements/Toasts/Toast.story.js +90 -24
  200. package/dist/elements/Toasts/Toast.story.js.map +1 -1
  201. package/dist/elements/Toasts/Toasts.story.d.ts +13 -1
  202. package/dist/elements/Toasts/Toasts.story.js +78 -64
  203. package/dist/elements/Toasts/Toasts.story.js.map +1 -1
  204. package/dist/elements/Toggle/Toggle.story.d.ts +66 -2
  205. package/dist/elements/Toggle/Toggle.story.js +97 -41
  206. package/dist/elements/Toggle/Toggle.story.js.map +1 -1
  207. package/dist/elements/Tooltip/Tooltip.story.d.ts +53 -19
  208. package/dist/elements/Tooltip/Tooltip.story.js +201 -212
  209. package/dist/elements/Tooltip/Tooltip.story.js.map +1 -1
  210. package/dist/utils/storybookBlocklist.d.ts +6 -0
  211. package/dist/utils/storybookBlocklist.js +47 -0
  212. package/dist/utils/storybookBlocklist.js.map +1 -0
  213. package/package.json +3 -2
@@ -1 +1 @@
1
- {"version":3,"file":"Carousel.story.js","names":["_test","require","_react","_interopRequireWildcard","_Box","_Clickable","_Text","_2","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LOREM","Demo","_ref","_ref$widths","widths","map","_","_ref$heights","heights","rest","createElement","Box","mx","my","Carousel","onChange","fn","width","Clickable","height","bg","border","borderColor","p","textAlign","Text","variant","displayName","_default","exports","title","Simple","Multiple","Fragment","SinglePage","story","SingleOverflowingItem","MultipleOverflowingItems","TwoishPages","ManyPages","VaryingWidths","VaryingHeights","DynamicItems","_useState","useState","_useState2","setWidths","useEffect","interval","setInterval","prevWidths","concat","clearInterval","parameters","chromatic","disable","CustomArrows","Previous","props","CarouselPrevious","style","transform","color","opacity","zIndex","Next","CarouselNext","CustomRailAndCells","Cell","React","forwardRef","ref","CarouselCell","display","pr","Rail","CarouselRail","transition","CarouselWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState3","_useState4","resetIndex","justifyContent","onClick","ConditionalChildren","PaginationByCell","paginateBy","PaginationByCellWithVaryingWidths"],"sources":["../../../src/elements/Carousel/Carousel.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useEffect, useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport {\n Carousel,\n CarouselCell,\n CarouselNext,\n CarouselPrevious,\n CarouselProps,\n CarouselRail,\n} from \"./\"\n\nconst LOREM =\n \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, adipisci. Voluptate voluptatum porro facere atque dolores est neque ipsam quaerat necessitatibus? Deleniti tempora assumenda accusantium, quia quo ad rem expedita!\"\n\nconst Demo = ({\n widths = Array.from(Array(10)).map((_) => 300),\n heights = [400],\n ...rest\n}: {\n widths?: Array<number | string>\n heights?: number[]\n} & Omit<CarouselProps, \"children\">) => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel onChange={fn()} {...rest}>\n {widths.map((width, i) => {\n return (\n <Clickable\n key={i}\n width={width}\n height={heights[i % heights.length]}\n bg=\"mono10\"\n border=\"1px solid\"\n borderColor=\"mono30\"\n p={1}\n textAlign=\"center\"\n >\n <Text variant=\"xs\">{i + 1}</Text>\n </Clickable>\n )\n })}\n </Carousel>\n </Box>\n )\n}\n\nexport default { title: \"Components/Carousel\" }\n\nexport const Simple = () => {\n return <Demo />\n}\n\nexport const Multiple = () => {\n return (\n <>\n <Demo />\n <Demo />\n <Demo />\n </>\n )\n}\n\nexport const SinglePage = () => {\n const widths = [250, 250]\n return <Demo widths={widths} />\n}\n\nSinglePage.story = {\n name: \"Single page\",\n}\n\nexport const SingleOverflowingItem = () => {\n const widths = [2000]\n return <Demo widths={widths} />\n}\n\nSingleOverflowingItem.story = {\n name: \"Single overflowing item\",\n}\n\nexport const MultipleOverflowingItems = () => {\n const widths = [100, 2000, 1000, 100, 1000]\n return <Demo widths={widths} />\n}\n\nMultipleOverflowingItems.story = {\n name: \"Multiple overflowing items\",\n}\n\nexport const TwoishPages = () => {\n const widths = Array.from(Array(5)).map((_) => 250)\n return <Demo widths={widths} />\n}\n\nTwoishPages.story = {\n name: \"Two-(ish) pages\",\n}\n\nexport const ManyPages = () => {\n const widths = Array.from(Array(100)).map((_) => 250)\n return <Demo widths={widths} />\n}\n\nManyPages.story = {\n name: \"Many pages\",\n}\n\nexport const VaryingWidths = () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo widths={widths} />\n}\n\nVaryingWidths.story = {\n name: \"Varying widths\",\n}\n\nexport const VaryingHeights = () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo widths={widths} heights={[400, 300, 333, 275]} />\n}\n\nVaryingHeights.story = {\n name: \"Varying heights\",\n}\n\nexport const DynamicItems = () => {\n const [widths, setWidths] = useState([300])\n useEffect(() => {\n const interval = setInterval(() => {\n setWidths((prevWidths) => [...prevWidths, 300])\n }, 500)\n return () => clearInterval(interval)\n }, [])\n\n return <Demo widths={widths} />\n}\n\nDynamicItems.story = {\n name: \"Dynamic items\",\n parameters: { chromatic: { disable: true } },\n}\n\nexport const CustomArrows = () => {\n return (\n <Demo\n Previous={(props) => (\n <CarouselPrevious\n {...props}\n style={{ transform: \"translateX(0)\" }}\n bg=\"mono5\"\n color=\"red100\"\n height={300}\n opacity={0.75}\n zIndex={1}\n />\n )}\n Next={(props) => {\n return (\n <CarouselNext\n {...props}\n style={{ transform: \"translateX(0)\" }}\n bg=\"mono5\"\n color=\"red100\"\n height={300}\n opacity={0.75}\n zIndex={1}\n />\n )\n }}\n />\n )\n}\n\nCustomArrows.story = {\n name: \"Custom arrows\",\n}\n\nexport const CustomRailAndCells = () => {\n return (\n <Demo\n widths={[\"100%\", \"100%\", \"100%\", \"100%\"]}\n // eslint-disable-next-line react/display-name\n Cell={React.forwardRef((props, ref) => {\n return (\n <CarouselCell\n {...props}\n ref={ref as any}\n display=\"inline-flex\"\n width=\"100%\"\n pr={0}\n />\n )\n })}\n Rail={(props) => {\n return <CarouselRail {...props} transition=\"none\" display=\"block\" />\n }}\n />\n )\n}\n\nCustomRailAndCells.story = {\n name: \"Custom rail and cells\",\n}\n\nexport const CarouselWithText = () => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n </Carousel>\n </Box>\n )\n}\n\nCarouselWithText.story = {\n name: \"Carousel with text\",\n}\n\nexport const InitialIndexOnMount = () => {\n return <Demo initialIndex={3} />\n}\n\nInitialIndexOnMount.story = {\n name: \"initialIndex on mount\",\n}\n\nexport const NavigateViaProps = () => {\n const [initialIndex, resetIndex] = useState(0)\n return (\n <Box>\n <Demo initialIndex={initialIndex} onChange={resetIndex} />\n <Box display=\"flex\" justifyContent=\"space-around\">\n <Clickable onClick={() => resetIndex(0)}>Navigate to page 1</Clickable>\n <Clickable onClick={() => resetIndex(1)}>Navigate to page 2</Clickable>\n <Clickable onClick={() => resetIndex(2)}>Navigate to page 3</Clickable>\n <Clickable onClick={() => resetIndex(3)}>Navigate to page 4</Clickable>\n <Clickable onClick={() => resetIndex(4)}>Navigate to page 5</Clickable>\n </Box>\n </Box>\n )\n}\n\nNavigateViaProps.story = {\n name: \"Navigate via props\",\n}\n\nexport const ConditionalChildren = () => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel>\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">1</Text>\n </Box>\n\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">2</Text>\n </Box>\n\n {false && (\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">3</Text>\n </Box>\n )}\n\n {true && (\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">4</Text>\n </Box>\n )}\n\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">5</Text>\n </Box>\n\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">6</Text>\n </Box>\n </Carousel>\n </Box>\n )\n}\n\nexport const PaginationByCell = () => {\n return <Demo paginateBy=\"cell\" />\n}\n\nexport const PaginationByCellWithVaryingWidths = () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo paginateBy=\"cell\" widths={widths} />\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Carousel.story.js","names":["_test","require","_react","_interopRequireWildcard","_Box","_Clickable","_Text","_2","_storybookBlocklist","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","iter","Symbol","iterator","Array","from","isArray","_arrayLikeToArray","_slicedToArray","i","_arrayWithHoles","_iterableToArrayLimit","_nonIterableRest","o","minLen","n","toString","slice","constructor","name","test","len","length","arr2","_i","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","_extends","assign","bind","target","arguments","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","LOREM","Demo","_ref","_ref$widths","widths","map","_","_ref$heights","heights","rest","createElement","Box","mx","my","Carousel","onChange","fn","width","Clickable","height","bg","border","borderColor","p","textAlign","Text","variant","displayName","_default","exports","title","component","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Simple","render","Multiple","Fragment","SinglePage","SingleOverflowingItem","story","MultipleOverflowingItems","TwoishPages","ManyPages","VaryingWidths","VaryingHeights","DynamicItems","_useState","useState","_useState2","setWidths","useEffect","interval","setInterval","prevWidths","concat","clearInterval","chromatic","disable","CustomArrows","Previous","props","CarouselPrevious","style","transform","color","opacity","zIndex","Next","CarouselNext","CustomRailAndCells","Cell","React","forwardRef","ref","CarouselCell","display","pr","Rail","CarouselRail","transition","CarouselWithText","InitialIndexOnMount","initialIndex","NavigateViaProps","_useState3","_useState4","resetIndex","justifyContent","onClick","ConditionalChildren","PaginationByCell","paginateBy","PaginationByCellWithVaryingWidths"],"sources":["../../../src/elements/Carousel/Carousel.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useEffect, useState } from \"react\"\nimport { Box } from \"../Box\"\nimport { Clickable } from \"../Clickable\"\nimport { Text } from \"../Text\"\nimport {\n Carousel,\n CarouselCell,\n CarouselNext,\n CarouselPrevious,\n CarouselProps,\n CarouselRail,\n} from \"./\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nconst LOREM =\n \"Lorem ipsum dolor sit amet consectetur adipisicing elit. Molestiae, adipisci. Voluptate voluptatum porro facere atque dolores est neque ipsam quaerat necessitatibus? Deleniti tempora assumenda accusantium, quia quo ad rem expedita!\"\n\nconst Demo = ({\n widths = Array.from(Array(10)).map((_) => 300),\n heights = [400],\n ...rest\n}: {\n widths?: Array<number | string>\n heights?: number[]\n} & Omit<CarouselProps, \"children\">) => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel onChange={fn()} {...rest}>\n {widths.map((width, i) => {\n return (\n <Clickable\n key={i}\n width={width}\n height={heights[i % heights.length]}\n bg=\"mono10\"\n border=\"1px solid\"\n borderColor=\"mono30\"\n p={1}\n textAlign=\"center\"\n >\n <Text variant=\"xs\">{i + 1}</Text>\n </Clickable>\n )\n })}\n </Carousel>\n </Box>\n )\n}\n\nexport default {\n title: \"Components/Carousel\",\n component: Carousel,\n tags: [\"autodocs\"],\n parameters: {\n docs: {\n description: {\n component:\n \"A carousel component for displaying a horizontally scrollable collection of items with navigation controls. Supports variable widths, heights, and custom styling.\",\n },\n controls: {\n exclude: STORYBOOK_PROPS_BLOCKLIST,\n },\n },\n },\n}\n\nexport const Simple = {\n render: () => <Demo />,\n}\n\nexport const Multiple = {\n render: () => (\n <>\n <Demo />\n <Demo />\n <Demo />\n </>\n ),\n}\n\nexport const SinglePage = {\n render: () => {\n const widths = [250, 250]\n return <Demo widths={widths} />\n },\n}\n\nexport const SingleOverflowingItem = {\n render: () => {\n const widths = [2000]\n return <Demo widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with a single item that overflows the container width.\",\n },\n },\n },\n}\n\nexport const MultipleOverflowingItems = {\n render: () => {\n const widths = [100, 2000, 1000, 100, 1000]\n return <Demo widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with multiple items of varying widths, some overflowing.\",\n },\n },\n },\n}\n\nexport const TwoishPages = {\n render: () => {\n const widths = Array.from(Array(5)).map((_) => 250)\n return <Demo widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel spanning approximately two pages with 5 items.\",\n },\n },\n },\n}\n\nexport const ManyPages = {\n render: () => {\n const widths = Array.from(Array(100)).map((_) => 250)\n return <Demo widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel with many items spanning multiple pages (100 items).\",\n },\n },\n },\n}\n\nexport const VaryingWidths = {\n render: () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with items of varying widths to demonstrate layout flexibility.\",\n },\n },\n },\n}\n\nexport const VaryingHeights = {\n render: () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo widths={widths} heights={[400, 300, 333, 275]} />\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel with items of varying widths and heights.\",\n },\n },\n },\n}\n\nexport const DynamicItems = {\n render: () => {\n const [widths, setWidths] = useState([300])\n useEffect(() => {\n const interval = setInterval(() => {\n setWidths((prevWidths) => [...prevWidths, 300])\n }, 500)\n return () => clearInterval(interval)\n }, [])\n\n return <Demo widths={widths} />\n },\n parameters: {\n chromatic: { disable: true },\n docs: {\n description: {\n story:\n \"Carousel that dynamically adds items every 500ms to test layout updates.\",\n },\n },\n },\n}\n\nexport const CustomArrows = {\n render: () => {\n return (\n <Demo\n Previous={(props) => (\n <CarouselPrevious\n {...props}\n style={{ transform: \"translateX(0)\" }}\n bg=\"mono5\"\n color=\"red100\"\n height={300}\n opacity={0.75}\n zIndex={1}\n />\n )}\n Next={(props) => {\n return (\n <CarouselNext\n {...props}\n style={{ transform: \"translateX(0)\" }}\n bg=\"mono5\"\n color=\"red100\"\n height={300}\n opacity={0.75}\n zIndex={1}\n />\n )\n }}\n />\n )\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel with custom styled navigation arrows.\",\n },\n },\n },\n}\n\nexport const CustomRailAndCells = {\n render: () => {\n return (\n <Demo\n widths={[\"100%\", \"100%\", \"100%\", \"100%\"]}\n // eslint-disable-next-line react/display-name\n Cell={React.forwardRef((props, ref) => {\n return (\n <CarouselCell\n {...props}\n ref={ref as any}\n display=\"inline-flex\"\n width=\"100%\"\n pr={0}\n />\n )\n })}\n Rail={(props) => {\n return <CarouselRail {...props} transition=\"none\" display=\"block\" />\n }}\n />\n )\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with custom rail and cell components for advanced layouts.\",\n },\n },\n },\n}\n\nexport const CarouselWithText = {\n render: () => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n <Text bg=\"mono10\" p={1} width={300}>\n {LOREM}\n </Text>\n </Carousel>\n </Box>\n )\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel containing text content blocks instead of other components.\",\n },\n },\n },\n}\n\nexport const InitialIndexOnMount = {\n render: () => {\n return <Demo initialIndex={3} />\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel that starts at a specific index (3) on mount.\",\n },\n },\n },\n}\n\nexport const NavigateViaProps = {\n render: () => {\n const [initialIndex, resetIndex] = useState(0)\n return (\n <Box>\n <Demo initialIndex={initialIndex} onChange={resetIndex} />\n <Box display=\"flex\" justifyContent=\"space-around\">\n <Clickable onClick={() => resetIndex(0)}>\n Navigate to page 1\n </Clickable>\n <Clickable onClick={() => resetIndex(1)}>\n Navigate to page 2\n </Clickable>\n <Clickable onClick={() => resetIndex(2)}>\n Navigate to page 3\n </Clickable>\n <Clickable onClick={() => resetIndex(3)}>\n Navigate to page 4\n </Clickable>\n <Clickable onClick={() => resetIndex(4)}>\n Navigate to page 5\n </Clickable>\n </Box>\n </Box>\n )\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with external navigation controls to jump to specific pages.\",\n },\n },\n },\n}\n\nexport const ConditionalChildren = {\n render: () => {\n return (\n <Box mx={[2, 4]} my={2}>\n <Carousel>\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">1</Text>\n </Box>\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">2</Text>\n </Box>\n {false && (\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">3</Text>\n </Box>\n )}\n {true && (\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">4</Text>\n </Box>\n )}\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">5</Text>\n </Box>\n <Box bg=\"mono10\" width={300} height={300} p={2}>\n <Text variant=\"xs\">6</Text>\n </Box>\n </Carousel>\n </Box>\n )\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Carousel with conditionally rendered children to test dynamic content.\",\n },\n },\n },\n}\n\nexport const PaginationByCell = {\n render: () => {\n return <Demo paginateBy=\"cell\" />\n },\n parameters: {\n docs: {\n description: {\n story: \"Carousel with cell-based pagination instead of page-based.\",\n },\n },\n },\n}\n\nexport const PaginationByCellWithVaryingWidths = {\n render: () => {\n const widths = Array.from(Array(25)).map((_, i) => {\n if (i % 15 === 0) return 400\n if (i % 5 === 0) return 300\n if (i % 3 === 0) return 333\n if (i % 2 === 0) return 275\n return 250\n })\n\n return <Demo paginateBy=\"cell\" widths={widths} />\n },\n parameters: {\n docs: {\n description: {\n story: \"Cell-based pagination with items of varying widths.\",\n },\n },\n },\n}\n"],"mappings":"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"}
@@ -1,6 +1,41 @@
1
- import React from "react";
2
1
  declare const _default: {
3
2
  title: string;
3
+ component: import("react").FC<import("react").PropsWithChildren<import("..").ProgressBarProps>>;
4
+ tags: string[];
5
+ parameters: {
6
+ docs: {
7
+ description: {
8
+ component: string;
9
+ };
10
+ };
11
+ controls: {
12
+ exclude: string[];
13
+ };
14
+ };
4
15
  };
5
16
  export default _default;
6
- export declare const Default: () => React.JSX.Element;
17
+ export declare const Default: {
18
+ args: {
19
+ percentComplete: number;
20
+ };
21
+ };
22
+ export declare const Empty: {
23
+ args: {
24
+ percentComplete: number;
25
+ };
26
+ };
27
+ export declare const AlmostEmpty: {
28
+ args: {
29
+ percentComplete: number;
30
+ };
31
+ };
32
+ export declare const HalfComplete: {
33
+ args: {
34
+ percentComplete: number;
35
+ };
36
+ };
37
+ export declare const Complete: {
38
+ args: {
39
+ percentComplete: number;
40
+ };
41
+ };
@@ -3,28 +3,47 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.Default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _storybookStates = require("storybook-states");
6
+ exports.default = exports.HalfComplete = exports.Empty = exports.Default = exports.Complete = exports.AlmostEmpty = void 0;
9
7
  var _CarouselBar = require("./CarouselBar");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
+ var _storybookBlocklist = require("../../utils/storybookBlocklist");
11
9
  var _default = exports.default = {
12
- title: "Components/CarouselBar"
10
+ title: "Components/CarouselBar",
11
+ component: _CarouselBar.CarouselBar,
12
+ tags: ["autodocs"],
13
+ parameters: {
14
+ docs: {
15
+ description: {
16
+ component: "A carousel progress bar component that displays completion progress as a percentage."
17
+ }
18
+ },
19
+ controls: {
20
+ exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
21
+ }
22
+ }
13
23
  };
14
- var Default = exports.Default = function Default() {
15
- return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
16
- states: [{
17
- percentComplete: 0
18
- }, {
19
- percentComplete: 1
20
- }, {
21
- percentComplete: 50
22
- }, {
23
- percentComplete: 100
24
- }]
25
- }, /*#__PURE__*/_react.default.createElement(_CarouselBar.CarouselBar, {
24
+ var Default = exports.Default = {
25
+ args: {
26
26
  percentComplete: 40
27
- }));
27
+ }
28
+ };
29
+ var Empty = exports.Empty = {
30
+ args: {
31
+ percentComplete: 0
32
+ }
33
+ };
34
+ var AlmostEmpty = exports.AlmostEmpty = {
35
+ args: {
36
+ percentComplete: 1
37
+ }
38
+ };
39
+ var HalfComplete = exports.HalfComplete = {
40
+ args: {
41
+ percentComplete: 50
42
+ }
43
+ };
44
+ var Complete = exports.Complete = {
45
+ args: {
46
+ percentComplete: 100
47
+ }
28
48
  };
29
- Default.displayName = "Default";
30
49
  //# sourceMappingURL=CarouselBar.story.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"CarouselBar.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_CarouselBar","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","percentComplete","CarouselBar","displayName"],"sources":["../../../src/elements/CarouselBar/CarouselBar.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { CarouselBar, CarouselBarProps } from \"./CarouselBar\"\n\nexport default {\n title: \"Components/CarouselBar\",\n}\n\nexport const Default = () => {\n return (\n <States<CarouselBarProps>\n states={[\n { percentComplete: 0 },\n { percentComplete: 1 },\n { percentComplete: 50 },\n { percentComplete: 100 },\n ]}\n >\n <CarouselBar percentComplete={40} />\n </States>\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAA6D,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE9C;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN;MAAEC,eAAe,EAAE;IAAE,CAAC,EACtB;MAAEA,eAAe,EAAE;IAAE,CAAC,EACtB;MAAEA,eAAe,EAAE;IAAG,CAAC,EACvB;MAAEA,eAAe,EAAE;IAAI,CAAC;EACxB,gBAEFf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAY,WAAW;IAACD,eAAe,EAAE;EAAG,EAAG,CAC7B;AAEb,CAAC;AAbYJ,OAAO,CAAAM,WAAA"}
1
+ {"version":3,"file":"CarouselBar.story.js","names":["_CarouselBar","require","_storybookBlocklist","_default","exports","default","title","component","CarouselBar","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","percentComplete","Empty","AlmostEmpty","HalfComplete","Complete"],"sources":["../../../src/elements/CarouselBar/CarouselBar.story.tsx"],"sourcesContent":["import { CarouselBar } from \"./CarouselBar\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n title: \"Components/CarouselBar\",\n component: CarouselBar,\n tags: [\"autodocs\"],\n parameters: {\n docs: {\n description: {\n component:\n \"A carousel progress bar component that displays completion progress as a percentage.\",\n },\n },\n controls: {\n exclude: STORYBOOK_PROPS_BLOCKLIST,\n },\n },\n}\n\nexport const Default = {\n args: {\n percentComplete: 40,\n },\n}\n\nexport const Empty = {\n args: {\n percentComplete: 0,\n },\n}\n\nexport const AlmostEmpty = {\n args: {\n percentComplete: 1,\n },\n}\n\nexport const HalfComplete = {\n args: {\n percentComplete: 50,\n },\n}\n\nexport const Complete = {\n args: {\n percentComplete: 100,\n },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAA0E,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3D;EACbC,KAAK,EAAE,wBAAwB;EAC/BC,SAAS,EAAEC,wBAAW;EACtBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXL,SAAS,EACP;MACJ;IACF,CAAC;IACDM,QAAQ,EAAE;MACNC,OAAO,EAAEC;IACX;EACJ;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAZ,OAAA,CAAAY,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,eAAe,EAAE;EACnB;AACF,CAAC;AAEM,IAAMC,KAAK,GAAAf,OAAA,CAAAe,KAAA,GAAG;EACnBF,IAAI,EAAE;IACJC,eAAe,EAAE;EACnB;AACF,CAAC;AAEM,IAAME,WAAW,GAAAhB,OAAA,CAAAgB,WAAA,GAAG;EACzBH,IAAI,EAAE;IACJC,eAAe,EAAE;EACnB;AACF,CAAC;AAEM,IAAMG,YAAY,GAAAjB,OAAA,CAAAiB,YAAA,GAAG;EAC1BJ,IAAI,EAAE;IACJC,eAAe,EAAE;EACnB;AACF,CAAC;AAEM,IAAMI,QAAQ,GAAAlB,OAAA,CAAAkB,QAAA,GAAG;EACtBL,IAAI,EAAE;IACJC,eAAe,EAAE;EACnB;AACF,CAAC"}
@@ -1,6 +1,79 @@
1
- import React from "react";
2
1
  declare const _default: {
2
+ component: import("react").FC<import("react").PropsWithChildren<import("./Check").CheckProps>>;
3
3
  title: string;
4
+ tags: string[];
5
+ parameters: {
6
+ docs: {
7
+ description: {
8
+ component: string;
9
+ };
10
+ };
11
+ controls: {
12
+ exclude: string[];
13
+ };
14
+ };
4
15
  };
5
16
  export default _default;
6
- export declare const Default: () => React.JSX.Element;
17
+ export declare const Default: {
18
+ args: {
19
+ selected: boolean;
20
+ };
21
+ parameters: {
22
+ docs: {
23
+ description: {
24
+ story: string;
25
+ };
26
+ };
27
+ };
28
+ };
29
+ export declare const Selected: {
30
+ args: {
31
+ selected: boolean;
32
+ };
33
+ parameters: {
34
+ docs: {
35
+ description: {
36
+ story: string;
37
+ };
38
+ };
39
+ };
40
+ };
41
+ export declare const Disabled: {
42
+ args: {
43
+ disabled: boolean;
44
+ selected: boolean;
45
+ };
46
+ parameters: {
47
+ docs: {
48
+ description: {
49
+ story: string;
50
+ };
51
+ };
52
+ };
53
+ };
54
+ export declare const DisabledSelected: {
55
+ args: {
56
+ disabled: boolean;
57
+ selected: boolean;
58
+ };
59
+ parameters: {
60
+ docs: {
61
+ description: {
62
+ story: string;
63
+ };
64
+ };
65
+ };
66
+ };
67
+ export declare const WithError: {
68
+ args: {
69
+ error: boolean;
70
+ selected: boolean;
71
+ };
72
+ parameters: {
73
+ docs: {
74
+ description: {
75
+ story: string;
76
+ };
77
+ };
78
+ };
79
+ };
@@ -3,40 +3,85 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.Default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _storybookStates = require("storybook-states");
6
+ exports.default = exports.WithError = exports.Selected = exports.DisabledSelected = exports.Disabled = exports.Default = void 0;
9
7
  var _Check = require("./Check");
10
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
8
+ var _storybookBlocklist = require("../../utils/storybookBlocklist");
11
9
  var _default = exports.default = {
12
- title: "Components/Check"
10
+ component: _Check.Check,
11
+ title: "Components/Check",
12
+ tags: ["autodocs"],
13
+ parameters: {
14
+ docs: {
15
+ description: {
16
+ component: "A simple checkbox component that can be selected, disabled, or show error states."
17
+ }
18
+ },
19
+ controls: {
20
+ exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
21
+ }
22
+ }
13
23
  };
14
- var Default = exports.Default = function Default() {
15
- return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
16
- states: [{}, {
17
- selected: true
18
- }, {
19
- focus: true
20
- }, {
21
- focus: true,
22
- selected: true
23
- }, {
24
- hover: true
25
- }, {
26
- hover: true,
27
- selected: true
28
- }, {
29
- disabled: true
30
- }, {
31
- disabled: true,
32
- selected: true
33
- }, {
34
- error: true
35
- }, {
36
- error: true,
37
- selected: true
38
- }]
39
- }, /*#__PURE__*/_react.default.createElement(_Check.Check, null));
24
+ var Default = exports.Default = {
25
+ args: {
26
+ selected: false
27
+ },
28
+ parameters: {
29
+ docs: {
30
+ description: {
31
+ story: "Basic checkbox in unselected state."
32
+ }
33
+ }
34
+ }
35
+ };
36
+ var Selected = exports.Selected = {
37
+ args: {
38
+ selected: true
39
+ },
40
+ parameters: {
41
+ docs: {
42
+ description: {
43
+ story: "Checkbox in selected state."
44
+ }
45
+ }
46
+ }
47
+ };
48
+ var Disabled = exports.Disabled = {
49
+ args: {
50
+ disabled: true,
51
+ selected: false
52
+ },
53
+ parameters: {
54
+ docs: {
55
+ description: {
56
+ story: "Disabled checkbox that cannot be interacted with."
57
+ }
58
+ }
59
+ }
60
+ };
61
+ var DisabledSelected = exports.DisabledSelected = {
62
+ args: {
63
+ disabled: true,
64
+ selected: true
65
+ },
66
+ parameters: {
67
+ docs: {
68
+ description: {
69
+ story: "Disabled checkbox in selected state."
70
+ }
71
+ }
72
+ }
73
+ };
74
+ var WithError = exports.WithError = {
75
+ args: {
76
+ error: true,
77
+ selected: false
78
+ },
79
+ parameters: {
80
+ docs: {
81
+ description: {
82
+ story: "Checkbox showing error state."
83
+ }
84
+ }
85
+ }
40
86
  };
41
- Default.displayName = "Default";
42
87
  //# sourceMappingURL=Check.story.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Check.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Check","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","selected","focus","hover","disabled","error","Check","displayName"],"sources":["../../../src/elements/Checkbox/Check.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Check } from \"./Check\"\n\nexport default {\n title: \"Components/Check\",\n}\n\nexport const Default = () => {\n return (\n <States\n states={[\n {},\n { selected: true },\n { focus: true },\n { focus: true, selected: true },\n { hover: true },\n { hover: true, selected: true },\n { disabled: true },\n { disabled: true, selected: true },\n { error: true },\n { error: true, selected: true },\n ]}\n >\n <Check />\n </States>\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAA+B,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEhB;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEX,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACT,gBAAA,CAAAU,MAAM;IACLC,MAAM,EAAE,CACN,CAAC,CAAC,EACF;MAAEC,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEC,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAED,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEE,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEF,QAAQ,EAAE;IAAK,CAAC,EAC/B;MAAEG,QAAQ,EAAE;IAAK,CAAC,EAClB;MAAEA,QAAQ,EAAE,IAAI;MAAEH,QAAQ,EAAE;IAAK,CAAC,EAClC;MAAEI,KAAK,EAAE;IAAK,CAAC,EACf;MAAEA,KAAK,EAAE,IAAI;MAAEJ,QAAQ,EAAE;IAAK,CAAC;EAC/B,gBAEFf,MAAA,CAAAO,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAgB,KAAK,OAAG,CACF;AAEb,CAAC;AAnBYT,OAAO,CAAAU,WAAA"}
1
+ {"version":3,"file":"Check.story.js","names":["_Check","require","_storybookBlocklist","_default","exports","default","component","Check","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","selected","story","Selected","Disabled","disabled","DisabledSelected","WithError","error"],"sources":["../../../src/elements/Checkbox/Check.story.tsx"],"sourcesContent":["import { Check } from \"./Check\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n component: Check,\n title: \"Components/Check\",\n tags: [\"autodocs\"],\n parameters: {\n docs: {\n description: {\n component:\n \"A simple checkbox component that can be selected, disabled, or show error states.\",\n },\n },\n controls: {\n exclude: STORYBOOK_PROPS_BLOCKLIST,\n },\n },\n}\n\nexport const Default = {\n args: {\n selected: false,\n },\n parameters: {\n docs: {\n description: {\n story: \"Basic checkbox in unselected state.\",\n },\n },\n },\n}\n\nexport const Selected = {\n args: {\n selected: true,\n },\n parameters: {\n docs: {\n description: {\n story: \"Checkbox in selected state.\",\n },\n },\n },\n}\n\nexport const Disabled = {\n args: {\n disabled: true,\n selected: false,\n },\n parameters: {\n docs: {\n description: {\n story: \"Disabled checkbox that cannot be interacted with.\",\n },\n },\n },\n}\n\nexport const DisabledSelected = {\n args: {\n disabled: true,\n selected: true,\n },\n parameters: {\n docs: {\n description: {\n story: \"Disabled checkbox in selected state.\",\n },\n },\n },\n}\n\nexport const WithError = {\n args: {\n error: true,\n selected: false,\n },\n parameters: {\n docs: {\n description: {\n story: \"Checkbox showing error state.\",\n },\n },\n },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,mBAAA,GAAAD,OAAA;AAA0E,IAAAE,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAE3D;EACbC,SAAS,EAAEC,YAAK;EAChBC,KAAK,EAAE,kBAAkB;EACzBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXN,SAAS,EACP;MACJ;IACF,CAAC;IACDO,QAAQ,EAAE;MACNC,OAAO,EAAEC;IACX;EACJ;AACF,CAAC;AAEM,IAAMC,OAAO,GAAAZ,OAAA,CAAAY,OAAA,GAAG;EACrBC,IAAI,EAAE;IACJC,QAAQ,EAAE;EACZ,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMC,QAAQ,GAAAhB,OAAA,CAAAgB,QAAA,GAAG;EACtBH,IAAI,EAAE;IACJC,QAAQ,EAAE;EACZ,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAME,QAAQ,GAAAjB,OAAA,CAAAiB,QAAA,GAAG;EACtBJ,IAAI,EAAE;IACJK,QAAQ,EAAE,IAAI;IACdJ,QAAQ,EAAE;EACZ,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMI,gBAAgB,GAAAnB,OAAA,CAAAmB,gBAAA,GAAG;EAC9BN,IAAI,EAAE;IACJK,QAAQ,EAAE,IAAI;IACdJ,QAAQ,EAAE;EACZ,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMK,SAAS,GAAApB,OAAA,CAAAoB,SAAA,GAAG;EACvBP,IAAI,EAAE;IACJQ,KAAK,EAAE,IAAI;IACXP,QAAQ,EAAE;EACZ,CAAC;EACDR,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}
@@ -1,8 +1,84 @@
1
1
  import React from "react";
2
2
  declare const _default: {
3
3
  title: string;
4
+ component: React.FC<React.PropsWithChildren<import("./Checkbox").CheckboxProps>>;
5
+ tags: string[];
6
+ parameters: {
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ controls: {
12
+ exclude: string[];
13
+ };
14
+ };
15
+ };
4
16
  };
5
17
  export default _default;
6
- export declare const Default: () => React.JSX.Element;
7
- export declare const Demo: () => React.JSX.Element;
8
- export declare const Extended: () => React.JSX.Element;
18
+ export declare const Unchecked: {
19
+ args: {
20
+ children: string;
21
+ };
22
+ };
23
+ export declare const Checked: {
24
+ args: {
25
+ children: string;
26
+ selected: boolean;
27
+ };
28
+ };
29
+ export declare const WithError: {
30
+ args: {
31
+ children: string;
32
+ error: boolean;
33
+ };
34
+ };
35
+ export declare const Disabled: {
36
+ args: {
37
+ children: string;
38
+ disabled: boolean;
39
+ };
40
+ };
41
+ export declare const DisabledAndChecked: {
42
+ args: {
43
+ children: string;
44
+ disabled: boolean;
45
+ selected: boolean;
46
+ };
47
+ };
48
+ export declare const Focus: {
49
+ args: {
50
+ children: string;
51
+ focus: boolean;
52
+ };
53
+ };
54
+ export declare const Hover: {
55
+ args: {
56
+ children: string;
57
+ hover: boolean;
58
+ };
59
+ };
60
+ export declare const FocusAndSelected: {
61
+ args: {
62
+ children: string;
63
+ focus: boolean;
64
+ selected: boolean;
65
+ };
66
+ };
67
+ export declare const HoverAndSelected: {
68
+ args: {
69
+ children: string;
70
+ hover: boolean;
71
+ selected: boolean;
72
+ };
73
+ };
74
+ export declare const WithCustomChildren: {
75
+ args: {
76
+ children: React.JSX.Element;
77
+ };
78
+ };
79
+ export declare const FullWidth: {
80
+ args: {
81
+ width: string;
82
+ children: string;
83
+ };
84
+ };