@artsy/palette 44.1.0 → 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 (210) 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.story.d.ts +119 -2
  106. package/dist/elements/MultiSelect/MultiSelect.story.js +102 -46
  107. package/dist/elements/MultiSelect/MultiSelect.story.js.map +1 -1
  108. package/dist/elements/Pagination/Pagination.story.d.ts +88 -4
  109. package/dist/elements/Pagination/Pagination.story.js +64 -23
  110. package/dist/elements/Pagination/Pagination.story.js.map +1 -1
  111. package/dist/elements/PasswordInput/PasswordInput.story.d.ts +54 -2
  112. package/dist/elements/PasswordInput/PasswordInput.story.js +54 -16
  113. package/dist/elements/PasswordInput/PasswordInput.story.js.map +1 -1
  114. package/dist/elements/Pill/Pill.story.d.ts +114 -9
  115. package/dist/elements/Pill/Pill.story.js +282 -169
  116. package/dist/elements/Pill/Pill.story.js.map +1 -1
  117. package/dist/elements/Popover/Popover.story.d.ts +162 -13
  118. package/dist/elements/Popover/Popover.story.js +351 -190
  119. package/dist/elements/Popover/Popover.story.js.map +1 -1
  120. package/dist/elements/ProgressBar/ProgressBar.story.d.ts +43 -7
  121. package/dist/elements/ProgressBar/ProgressBar.story.js +73 -35
  122. package/dist/elements/ProgressBar/ProgressBar.story.js.map +1 -1
  123. package/dist/elements/ProgressDots/ProgressDots.story.d.ts +69 -7
  124. package/dist/elements/ProgressDots/ProgressDots.story.js +108 -41
  125. package/dist/elements/ProgressDots/ProgressDots.story.js.map +1 -1
  126. package/dist/elements/Radio/Radio.story.d.ts +103 -2
  127. package/dist/elements/Radio/Radio.story.js +112 -57
  128. package/dist/elements/Radio/Radio.story.js.map +1 -1
  129. package/dist/elements/RadioGroup/RadioGroup.story.d.ts +104 -5
  130. package/dist/elements/RadioGroup/RadioGroup.story.js +183 -65
  131. package/dist/elements/RadioGroup/RadioGroup.story.js.map +1 -1
  132. package/dist/elements/Range/Range.story.d.ts +89 -8
  133. package/dist/elements/Range/Range.story.js +170 -94
  134. package/dist/elements/Range/Range.story.js.map +1 -1
  135. package/dist/elements/ReadMore/ReadMore.story.d.ts +85 -25
  136. package/dist/elements/ReadMore/ReadMore.story.js +123 -80
  137. package/dist/elements/ReadMore/ReadMore.story.js.map +1 -1
  138. package/dist/elements/ResponsiveBox/ResponsiveBox.story.d.ts +40 -5
  139. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js +87 -51
  140. package/dist/elements/ResponsiveBox/ResponsiveBox.story.js.map +1 -1
  141. package/dist/elements/Select/Select.story.d.ts +260 -2
  142. package/dist/elements/Select/Select.story.js +216 -48
  143. package/dist/elements/Select/Select.story.js.map +1 -1
  144. package/dist/elements/SelectInput/SelectInput.story.d.ts +304 -3
  145. package/dist/elements/SelectInput/SelectInput.story.js +347 -99
  146. package/dist/elements/SelectInput/SelectInput.story.js.map +1 -1
  147. package/dist/elements/SelectInput/SelectInputList.story.d.ts +31 -1
  148. package/dist/elements/SelectInput/SelectInputList.story.js +35 -164
  149. package/dist/elements/SelectInput/SelectInputList.story.js.map +1 -1
  150. package/dist/elements/Separator/Separator.story.d.ts +64 -2
  151. package/dist/elements/Separator/Separator.story.js +65 -18
  152. package/dist/elements/Separator/Separator.story.js.map +1 -1
  153. package/dist/elements/Shelf/Shelf.story.d.ts +140 -8
  154. package/dist/elements/Shelf/Shelf.story.js +224 -56
  155. package/dist/elements/Shelf/Shelf.story.js.map +1 -1
  156. package/dist/elements/ShowMore/ShowMore.story.d.ts +46 -4
  157. package/dist/elements/ShowMore/ShowMore.story.js +102 -48
  158. package/dist/elements/ShowMore/ShowMore.story.js.map +1 -1
  159. package/dist/elements/Skeleton/Skeleton.story.d.ts +68 -4
  160. package/dist/elements/Skeleton/Skeleton.story.js +84 -58
  161. package/dist/elements/Skeleton/Skeleton.story.js.map +1 -1
  162. package/dist/elements/Skip/Skip.story.d.ts +50 -11
  163. package/dist/elements/Skip/Skip.story.js +69 -31
  164. package/dist/elements/Skip/Skip.story.js.map +1 -1
  165. package/dist/elements/Spacer/Spacer.story.d.ts +39 -4
  166. package/dist/elements/Spacer/Spacer.story.js +53 -51
  167. package/dist/elements/Spacer/Spacer.story.js.map +1 -1
  168. package/dist/elements/Spinner/Spinner.story.d.ts +47 -7
  169. package/dist/elements/Spinner/Spinner.story.js +47 -27
  170. package/dist/elements/Spinner/Spinner.story.js.map +1 -1
  171. package/dist/elements/Stack/Stack.story.d.ts +45 -1
  172. package/dist/elements/Stack/Stack.story.js +81 -33
  173. package/dist/elements/Stack/Stack.story.js.map +1 -1
  174. package/dist/elements/StackableBorderBox/StackableBorderBox.story.d.ts +24 -1
  175. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js +28 -9
  176. package/dist/elements/StackableBorderBox/StackableBorderBox.story.js.map +1 -1
  177. package/dist/elements/Stepper/Stepper.story.d.ts +99 -2
  178. package/dist/elements/Stepper/Stepper.story.js +166 -64
  179. package/dist/elements/Stepper/Stepper.story.js.map +1 -1
  180. package/dist/elements/Sup/Sup.story.d.ts +47 -1
  181. package/dist/elements/Sup/Sup.story.js +57 -15
  182. package/dist/elements/Sup/Sup.story.js.map +1 -1
  183. package/dist/elements/Swiper/Swiper.story.d.ts +32 -45
  184. package/dist/elements/Swiper/Swiper.story.js +234 -235
  185. package/dist/elements/Swiper/Swiper.story.js.map +1 -1
  186. package/dist/elements/Tabs/Tabs.story.d.ts +41 -18
  187. package/dist/elements/Tabs/Tabs.story.js +255 -238
  188. package/dist/elements/Tabs/Tabs.story.js.map +1 -1
  189. package/dist/elements/Text/Text.story.d.ts +117 -5
  190. package/dist/elements/Text/Text.story.js +119 -97
  191. package/dist/elements/Text/Text.story.js.map +1 -1
  192. package/dist/elements/TextArea/TextArea.story.d.ts +45 -2
  193. package/dist/elements/TextArea/TextArea.story.js +106 -49
  194. package/dist/elements/TextArea/TextArea.story.js.map +1 -1
  195. package/dist/elements/Toasts/Toast.story.d.ts +91 -2
  196. package/dist/elements/Toasts/Toast.story.js +90 -24
  197. package/dist/elements/Toasts/Toast.story.js.map +1 -1
  198. package/dist/elements/Toasts/Toasts.story.d.ts +13 -1
  199. package/dist/elements/Toasts/Toasts.story.js +78 -64
  200. package/dist/elements/Toasts/Toasts.story.js.map +1 -1
  201. package/dist/elements/Toggle/Toggle.story.d.ts +66 -2
  202. package/dist/elements/Toggle/Toggle.story.js +97 -41
  203. package/dist/elements/Toggle/Toggle.story.js.map +1 -1
  204. package/dist/elements/Tooltip/Tooltip.story.d.ts +53 -19
  205. package/dist/elements/Tooltip/Tooltip.story.js +201 -212
  206. package/dist/elements/Tooltip/Tooltip.story.js.map +1 -1
  207. package/dist/utils/storybookBlocklist.d.ts +6 -0
  208. package/dist/utils/storybookBlocklist.js +47 -0
  209. package/dist/utils/storybookBlocklist.js.map +1 -0
  210. package/package.json +3 -2
@@ -1 +1 @@
1
- {"version":3,"file":"Join.story.js","names":["_react","_interopRequireWildcard","require","_Box","_Separator","_Text","_Join","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","_toPropertyKey","_createClass","protoProps","staticProps","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","Number","_callSuper","_this","derived","args","isNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","e","_getPrototypeOf","_possibleConstructorReturn","constructor","apply","self","_assertThisInitialized","ReferenceError","o","setPrototypeOf","getPrototypeOf","bind","__proto__","_inherits","subClass","superClass","create","value","_setPrototypeOf","p","BlankFunction","NonBlankFunction","createElement","Text","variant","displayName","BlankFC","NonBlankFC","BlankComponent","_Component","arguments","render","Component","NonBlankComponent","_Component2","_default","exports","title","WithMultipleComponents","Join","separator","Separator","my","story","name","WithOneComponent","WithSomeOfTheChildrenEmpty","Box","m","WithNestedChildren","Fragment"],"sources":["../../../src/elements/Join/Join.story.tsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport { Box } from \"../Box\"\nimport { Separator } from \"../Separator\"\nimport { Text } from \"../Text\"\nimport { Join } from \"./Join\"\n\nconst BlankFunction = () => {\n return null\n}\n\nconst NonBlankFunction = () => {\n return <Text variant=\"sm-display\">Non-blank Function</Text>\n}\n\nconst BlankFC: React.FC<React.PropsWithChildren<unknown>> = () => null\n\nconst NonBlankFC: React.FC<React.PropsWithChildren<unknown>> = () => (\n <Text variant=\"sm-display\">Non-blank Functional component</Text>\n)\n\nclass BlankComponent extends Component {\n render() {\n return null\n }\n}\n\nclass NonBlankComponent extends Component {\n render() {\n return <Text variant=\"sm-display\">Non-Blank Class Component</Text>\n }\n}\n\nexport default { title: \"Components/Join\" }\n\nexport const WithMultipleComponents = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">First in the list</Text>\n <Text variant=\"sm-display\">Second in the list</Text>\n </Join>\n )\n}\n\nWithMultipleComponents.story = {\n name: \"with multiple components\",\n}\n\nexport const WithOneComponent = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">Only one component here</Text>\n </Join>\n )\n}\n\nWithOneComponent.story = {\n name: \"with one component\",\n}\n\nexport const WithSomeOfTheChildrenEmpty = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">First in the list</Text>\n <BlankFunction />\n <NonBlankFunction />\n <BlankFC />\n <NonBlankFC />\n <BlankComponent />\n <NonBlankComponent />\n <Box m=\"2\" />\n <div>\n <Text variant=\"sm-display\">Some div with the content</Text>\n </div>\n <div />\n <Text variant=\"sm-display\">Another box with content</Text>\n <div />\n </Join>\n )\n}\n\nWithSomeOfTheChildrenEmpty.story = {\n name: \"with some of the children empty\",\n}\n\nexport const WithNestedChildren = () => {\n return (\n <Join separator={<Separator my={1} />}>\n <Text variant=\"sm-display\">First in the list</Text>\n <>\n <Text variant=\"sm-display\">Second in the list</Text>\n <Text variant=\"sm-display\">Third in the list</Text>\n <>\n <Text variant=\"sm-display\">Fourth in the list</Text>\n <Text variant=\"sm-display\">Fifth in the list</Text>\n </>\n\n <Box>\n <Text variant=\"sm-display\">These two lines</Text>\n <Text variant=\"sm-display\">Are grouped</Text>\n </Box>\n\n <Text>End of list</Text>\n </>\n </Join>\n )\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"Join.story.js","names":["_react","_interopRequireWildcard","require","_Box","_Separator","_Text","_Join","_storybookBlocklist","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_classCallCheck","instance","Constructor","TypeError","_defineProperties","target","props","i","length","descriptor","enumerable","configurable","writable","_toPropertyKey","_createClass","protoProps","staticProps","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","Number","_callSuper","_this","derived","args","isNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","e","_getPrototypeOf","_possibleConstructorReturn","constructor","apply","self","_assertThisInitialized","ReferenceError","o","setPrototypeOf","getPrototypeOf","bind","__proto__","_inherits","subClass","superClass","create","value","_setPrototypeOf","p","BlankFunction","NonBlankFunction","createElement","Text","variant","displayName","BlankFC","NonBlankFC","BlankComponent","_Component","arguments","render","Component","NonBlankComponent","_Component2","_default","exports","component","Join","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","WithMultipleComponents","separator","Separator","my","children","story","WithOneComponent","WithSomeOfTheChildrenEmpty","Box","m","WithNestedChildren","Fragment"],"sources":["../../../src/elements/Join/Join.story.tsx"],"sourcesContent":["import React, { Component } from \"react\"\nimport { Box } from \"../Box\"\nimport { Separator } from \"../Separator\"\nimport { Text } from \"../Text\"\nimport { Join } from \"./Join\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nconst BlankFunction = () => {\n return null\n}\n\nconst NonBlankFunction = () => {\n return <Text variant=\"sm-display\">Non-blank Function</Text>\n}\n\nconst BlankFC: React.FC<React.PropsWithChildren<unknown>> = () => null\n\nconst NonBlankFC: React.FC<React.PropsWithChildren<unknown>> = () => (\n <Text variant=\"sm-display\">Non-blank Functional component</Text>\n)\n\nclass BlankComponent extends Component {\n render() {\n return null\n }\n}\n\nclass NonBlankComponent extends Component {\n render() {\n return <Text variant=\"sm-display\">Non-Blank Class Component</Text>\n }\n}\n\nexport default {\n component: Join,\n title: \"Components/Join\",\n tags: [\"autodocs\"],\n parameters: {\n docs: {\n description: {\n component:\n \"A utility component that joins child elements with a separator, filtering out null/undefined children.\",\n },\n },\n controls: {\n exclude: STORYBOOK_PROPS_BLOCKLIST,\n },\n },\n}\n\nexport const WithMultipleComponents = {\n args: {\n separator: <Separator my={1} />,\n children: [\n <Text key=\"1\" variant=\"sm-display\">\n First in the list\n </Text>,\n <Text key=\"2\" variant=\"sm-display\">\n Second in the list\n </Text>,\n ],\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Join component with multiple children separated by a separator.\",\n },\n },\n },\n}\n\nexport const WithOneComponent = {\n args: {\n separator: <Separator my={1} />,\n children: <Text variant=\"sm-display\">Only one component here</Text>,\n },\n parameters: {\n docs: {\n description: {\n story: \"Join component with a single child (no separator shown).\",\n },\n },\n },\n}\n\nexport const WithSomeOfTheChildrenEmpty = {\n args: {\n separator: <Separator my={1} />,\n children: [\n <Text key=\"1\" variant=\"sm-display\">\n First in the list\n </Text>,\n <BlankFunction key=\"2\" />,\n <NonBlankFunction key=\"3\" />,\n <BlankFC key=\"4\" />,\n <NonBlankFC key=\"5\" />,\n <BlankComponent key=\"6\" />,\n <NonBlankComponent key=\"7\" />,\n <Box key=\"8\" m=\"2\" />,\n <div key=\"9\">\n <Text variant=\"sm-display\">Some div with the content</Text>\n </div>,\n <div key=\"10\" />,\n <Text key=\"11\" variant=\"sm-display\">\n Another box with content\n </Text>,\n <div key=\"12\" />,\n ],\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Join component that filters out null/empty children and only shows separators between visible content.\",\n },\n },\n },\n}\n\nexport const WithNestedChildren = {\n args: {\n separator: <Separator my={1} />,\n children: [\n <Text key=\"1\" variant=\"sm-display\">\n First in the list\n </Text>,\n <>\n <Text key=\"2\" variant=\"sm-display\">\n Second in the list\n </Text>\n ,\n <Text key=\"3\" variant=\"sm-display\">\n Third in the list\n </Text>\n ,\n <>\n <Text key=\"4\" variant=\"sm-display\">\n Fourth in the list\n </Text>\n ,\n <Text key=\"5\" variant=\"sm-display\">\n Fifth in the list\n </Text>\n ,\n </>\n ,\n <Box key=\"6\">\n <Text variant=\"sm-display\">These two lines</Text>\n <Text variant=\"sm-display\">Are grouped</Text>\n </Box>\n ,<Text key=\"7\">End of list</Text>,\n </>,\n ],\n },\n parameters: {\n docs: {\n description: {\n story:\n \"Join component with nested children and groups, showing separators only between visible content.\",\n },\n },\n },\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,IAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAA0E,SAAAM,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAR,wBAAAY,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,gBAAAC,QAAA,EAAAC,WAAA,UAAAD,QAAA,YAAAC,WAAA,eAAAC,SAAA;AAAA,SAAAC,kBAAAC,MAAA,EAAAC,KAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAD,KAAA,CAAAE,MAAA,EAAAD,CAAA,UAAAE,UAAA,GAAAH,KAAA,CAAAC,CAAA,GAAAE,UAAA,CAAAC,UAAA,GAAAD,UAAA,CAAAC,UAAA,WAAAD,UAAA,CAAAE,YAAA,wBAAAF,UAAA,EAAAA,UAAA,CAAAG,QAAA,SAAArB,MAAA,CAAAC,cAAA,CAAAa,MAAA,EAAAQ,cAAA,CAAAJ,UAAA,CAAAf,GAAA,GAAAe,UAAA;AAAA,SAAAK,aAAAZ,WAAA,EAAAa,UAAA,EAAAC,WAAA,QAAAD,UAAA,EAAAX,iBAAA,CAAAF,WAAA,CAAAP,SAAA,EAAAoB,UAAA,OAAAC,WAAA,EAAAZ,iBAAA,CAAAF,WAAA,EAAAc,WAAA,GAAAzB,MAAA,CAAAC,cAAA,CAAAU,WAAA,iBAAAU,QAAA,mBAAAV,WAAA;AAAA,SAAAW,eAAAI,GAAA,QAAAvB,GAAA,GAAAwB,YAAA,CAAAD,GAAA,oBAAAjC,OAAA,CAAAU,GAAA,iBAAAA,GAAA,GAAAyB,MAAA,CAAAzB,GAAA;AAAA,SAAAwB,aAAAE,KAAA,EAAAC,IAAA,QAAArC,OAAA,CAAAoC,KAAA,kBAAAA,KAAA,kBAAAA,KAAA,MAAAE,IAAA,GAAAF,KAAA,CAAAG,MAAA,CAAAC,WAAA,OAAAF,IAAA,KAAAG,SAAA,QAAAC,GAAA,GAAAJ,IAAA,CAAAzB,IAAA,CAAAuB,KAAA,EAAAC,IAAA,oBAAArC,OAAA,CAAA0C,GAAA,uBAAAA,GAAA,YAAAvB,SAAA,4DAAAkB,IAAA,gBAAAF,MAAA,GAAAQ,MAAA,EAAAP,KAAA;AAAA,SAAAQ,WAAAC,KAAA,EAAAC,OAAA,EAAAC,IAAA;EAAA,SAAAC,yBAAA;IAAA,WAAAC,OAAA,qBAAAA,OAAA,CAAAC,SAAA;IAAA,IAAAD,OAAA,CAAAC,SAAA,CAAAC,IAAA;IAAA,WAAAC,KAAA;IAAA;MAAA,QAAAC,OAAA,CAAA1C,SAAA,CAAA2C,OAAA,CAAAzC,IAAA,CAAAoC,OAAA,CAAAC,SAAA,CAAAG,OAAA;IAAA,SAAAE,CAAA;MAAA;IAAA;EAAA;EAAAT,OAAA,GAAAU,eAAA,CAAAV,OAAA;EAAA,OAAAW,0BAAA,CAAAZ,KAAA,EAAAG,wBAAA,KAAAC,OAAA,CAAAC,SAAA,CAAAJ,OAAA,EAAAC,IAAA,QAAAS,eAAA,CAAAX,KAAA,EAAAa,WAAA,IAAAZ,OAAA,CAAAa,KAAA,CAAAd,KAAA,EAAAE,IAAA;AAAA;AAAA,SAAAU,2BAAAG,IAAA,EAAA/C,IAAA,QAAAA,IAAA,KAAAb,OAAA,CAAAa,IAAA,yBAAAA,IAAA,2BAAAA,IAAA,aAAAA,IAAA,yBAAAM,SAAA,uEAAA0C,sBAAA,CAAAD,IAAA;AAAA,SAAAC,uBAAAD,IAAA,QAAAA,IAAA,yBAAAE,cAAA,wEAAAF,IAAA;AAAA,SAAAJ,gBAAAO,CAAA,IAAAP,eAAA,GAAAjD,MAAA,CAAAyD,cAAA,GAAAzD,MAAA,CAAA0D,cAAA,CAAAC,IAAA,cAAAV,gBAAAO,CAAA,WAAAA,CAAA,CAAAI,SAAA,IAAA5D,MAAA,CAAA0D,cAAA,CAAAF,CAAA,aAAAP,eAAA,CAAAO,CAAA;AAAA,SAAAK,UAAAC,QAAA,EAAAC,UAAA,eAAAA,UAAA,mBAAAA,UAAA,uBAAAnD,SAAA,0DAAAkD,QAAA,CAAA1D,SAAA,GAAAJ,MAAA,CAAAgE,MAAA,CAAAD,UAAA,IAAAA,UAAA,CAAA3D,SAAA,IAAA+C,WAAA,IAAAc,KAAA,EAAAH,QAAA,EAAAzC,QAAA,QAAAD,YAAA,aAAApB,MAAA,CAAAC,cAAA,CAAA6D,QAAA,iBAAAzC,QAAA,gBAAA0C,UAAA,EAAAG,eAAA,CAAAJ,QAAA,EAAAC,UAAA;AAAA,SAAAG,gBAAAV,CAAA,EAAAW,CAAA,IAAAD,eAAA,GAAAlE,MAAA,CAAAyD,cAAA,GAAAzD,MAAA,CAAAyD,cAAA,CAAAE,IAAA,cAAAO,gBAAAV,CAAA,EAAAW,CAAA,IAAAX,CAAA,CAAAI,SAAA,GAAAO,CAAA,SAAAX,CAAA,YAAAU,eAAA,CAAAV,CAAA,EAAAW,CAAA;AAE1E,IAAMC,aAAa,GAAG,SAAhBA,aAAaA,CAAA,EAAS;EAC1B,OAAO,IAAI;AACb,CAAC;AAED,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EAC7B,oBAAO3F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;IAACC,OAAO,EAAC;EAAY,GAAC,oBAAkB,CAAO;AAC7D,CAAC;AAFKH,gBAAgB,CAAAI,WAAA;AAItB,IAAMC,OAAmD,GAAG,SAAtDA,OAAmDA,CAAA;EAAA,OAAS,IAAI;AAAA;AAEtE,IAAMC,UAAsD,GAAG,SAAzDA,UAAsDA,CAAA;EAAA,oBAC1DjG,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;IAACC,OAAO,EAAC;EAAY,GAAC,gCAA8B,CAAO;AAAA,CACjE;AAFKG,UAAsD,CAAAF,WAAA;AAAA,IAItDG,cAAc,0BAAAC,UAAA;EAAA,SAAAD,eAAA;IAAAnE,eAAA,OAAAmE,cAAA;IAAA,OAAAvC,UAAA,OAAAuC,cAAA,EAAAE,SAAA;EAAA;EAAAjB,SAAA,CAAAe,cAAA,EAAAC,UAAA;EAAA,OAAAtD,YAAA,CAAAqD,cAAA;IAAAzE,GAAA;IAAA8D,KAAA,EAClB,SAAAc,MAAMA,CAAA,EAAG;MACP,OAAO,IAAI;IACb;EAAC;AAAA,EAH0BC,gBAAS;AAAhCJ,cAAc,CAAAH,WAAA;AAAA,IAMdQ,iBAAiB,0BAAAC,WAAA;EAAA,SAAAD,kBAAA;IAAAxE,eAAA,OAAAwE,iBAAA;IAAA,OAAA5C,UAAA,OAAA4C,iBAAA,EAAAH,SAAA;EAAA;EAAAjB,SAAA,CAAAoB,iBAAA,EAAAC,WAAA;EAAA,OAAA3D,YAAA,CAAA0D,iBAAA;IAAA9E,GAAA;IAAA8D,KAAA,EACrB,SAAAc,MAAMA,CAAA,EAAG;MACP,oBAAOrG,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;QAACC,OAAO,EAAC;MAAY,GAAC,2BAAyB,CAAO;IACpE;EAAC;AAAA,EAH6BQ,gBAAS;AAAnCC,iBAAiB,CAAAR,WAAA;AAAA,IAAAU,QAAA,GAAAC,OAAA,CAAA1F,OAAA,GAMR;EACb2F,SAAS,EAAEC,UAAI;EACfC,KAAK,EAAE,iBAAiB;EACxBC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXN,SAAS,EACP;MACJ;IACF,CAAC;IACDO,QAAQ,EAAE;MACRC,OAAO,EAAEC;IACX;EACF;AACF,CAAC;AAEM,IAAMC,sBAAsB,GAAAX,OAAA,CAAAW,sBAAA,GAAG;EACpCvD,IAAI,EAAE;IACJwD,SAAS,eAAEtH,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACxF,UAAA,CAAAmH,SAAS;MAACC,EAAE,EAAE;IAAE,EAAG;IAC/BC,QAAQ,EAAE,cACRzH,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACpE,GAAG,EAAC,GAAG;MAACqE,OAAO,EAAC;IAAY,GAAC,mBAEnC,CAAO,eACP9F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACpE,GAAG,EAAC,GAAG;MAACqE,OAAO,EAAC;IAAY,GAAC,oBAEnC,CAAO;EAEX,CAAC;EACDiB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXS,KAAK,EACH;MACJ;IACF;EACF;AACF,CAAC;AAEM,IAAMC,gBAAgB,GAAAjB,OAAA,CAAAiB,gBAAA,GAAG;EAC9B7D,IAAI,EAAE;IACJwD,SAAS,eAAEtH,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACxF,UAAA,CAAAmH,SAAS;MAACC,EAAE,EAAE;IAAE,EAAG;IAC/BC,QAAQ,eAAEzH,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACC,OAAO,EAAC;IAAY,GAAC,yBAAuB;EAC9D,CAAC;EACDiB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXS,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAME,0BAA0B,GAAAlB,OAAA,CAAAkB,0BAAA,GAAG;EACxC9D,IAAI,EAAE;IACJwD,SAAS,eAAEtH,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACxF,UAAA,CAAAmH,SAAS;MAACC,EAAE,EAAE;IAAE,EAAG;IAC/BC,QAAQ,EAAE,cACRzH,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACpE,GAAG,EAAC,GAAG;MAACqE,OAAO,EAAC;IAAY,GAAC,mBAEnC,CAAO,eACP9F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACF,aAAa;MAACjE,GAAG,EAAC;IAAG,EAAG,eACzBzB,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACD,gBAAgB;MAAClE,GAAG,EAAC;IAAG,EAAG,eAC5BzB,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACI,OAAO;MAACvE,GAAG,EAAC;IAAG,EAAG,eACnBzB,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACK,UAAU;MAACxE,GAAG,EAAC;IAAG,EAAG,eACtBzB,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACM,cAAc;MAACzE,GAAG,EAAC;IAAG,EAAG,eAC1BzB,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACW,iBAAiB;MAAC9E,GAAG,EAAC;IAAG,EAAG,eAC7BzB,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACzF,IAAA,CAAA0H,GAAG;MAACpG,GAAG,EAAC,GAAG;MAACqG,CAAC,EAAC;IAAG,EAAG,eACrB9H,MAAA,CAAAgB,OAAA,CAAA4E,aAAA;MAAKnE,GAAG,EAAC;IAAG,gBACVzB,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACC,OAAO,EAAC;IAAY,GAAC,2BAAyB,CAAO,CACvD,eACN9F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA;MAAKnE,GAAG,EAAC;IAAI,EAAG,eAChBzB,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACpE,GAAG,EAAC,IAAI;MAACqE,OAAO,EAAC;IAAY,GAAC,0BAEpC,CAAO,eACP9F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA;MAAKnE,GAAG,EAAC;IAAI,EAAG;EAEpB,CAAC;EACDsF,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXS,KAAK,EACH;MACJ;IACF;EACF;AACF,CAAC;AAEM,IAAMK,kBAAkB,GAAArB,OAAA,CAAAqB,kBAAA,GAAG;EAChCjE,IAAI,EAAE;IACJwD,SAAS,eAAEtH,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACxF,UAAA,CAAAmH,SAAS;MAACC,EAAE,EAAE;IAAE,EAAG;IAC/BC,QAAQ,EAAE,cACRzH,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACpE,GAAG,EAAC,GAAG;MAACqE,OAAO,EAAC;IAAY,GAAC,mBAEnC,CAAO,eACP9F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAAA5F,MAAA,CAAAgB,OAAA,CAAAgH,QAAA,qBACEhI,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACpE,GAAG,EAAC,GAAG;MAACqE,OAAO,EAAC;IAAY,GAAC,oBAEnC,CAAO,KAEP,eAAA9F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACpE,GAAG,EAAC,GAAG;MAACqE,OAAO,EAAC;IAAY,GAAC,mBAEnC,CAAO,KAEP,eAAA9F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAAA5F,MAAA,CAAAgB,OAAA,CAAAgH,QAAA,qBACEhI,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACpE,GAAG,EAAC,GAAG;MAACqE,OAAO,EAAC;IAAY,GAAC,oBAEnC,CAAO,KAEP,eAAA9F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACpE,GAAG,EAAC,GAAG;MAACqE,OAAO,EAAC;IAAY,GAAC,mBAEnC,CAAO,KAET,CAAG,KAEH,eAAA9F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACzF,IAAA,CAAA0H,GAAG;MAACpG,GAAG,EAAC;IAAG,gBACVzB,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACC,OAAO,EAAC;IAAY,GAAC,iBAAe,CAAO,eACjD9F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACC,OAAO,EAAC;IAAY,GAAC,aAAW,CAAO,CACzC,KACL,eAAA9F,MAAA,CAAAgB,OAAA,CAAA4E,aAAA,CAACvF,KAAA,CAAAwF,IAAI;MAACpE,GAAG,EAAC;IAAG,GAAC,aAAW,CAAO,KACnC,CAAG;EAEP,CAAC;EACDsF,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXS,KAAK,EACH;MACJ;IACF;EACF;AACF,CAAC"}
@@ -1,7 +1,49 @@
1
1
  import React from "react";
2
2
  declare const _default: {
3
+ component: React.FC<React.PropsWithChildren<import("./Label").LabelProps>>;
3
4
  title: string;
5
+ tags: string[];
6
+ parameters: {
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ controls: {
13
+ exclude: string[];
14
+ };
15
+ };
4
16
  };
5
17
  export default _default;
6
- export declare const Default: () => React.JSX.Element;
7
- export declare const OverflowEllipsis: () => React.JSX.Element;
18
+ export declare const Default: {
19
+ args: {
20
+ children: string;
21
+ };
22
+ parameters: {
23
+ docs: {
24
+ description: {
25
+ story: string;
26
+ };
27
+ };
28
+ };
29
+ };
30
+ export declare const AllVariants: {
31
+ render: () => React.JSX.Element;
32
+ parameters: {
33
+ docs: {
34
+ description: {
35
+ story: string;
36
+ };
37
+ };
38
+ };
39
+ };
40
+ export declare const OverflowEllipsis: {
41
+ render: () => React.JSX.Element;
42
+ parameters: {
43
+ docs: {
44
+ description: {
45
+ story: string;
46
+ };
47
+ };
48
+ };
49
+ };
@@ -3,38 +3,82 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.OverflowEllipsis = exports.Default = void 0;
6
+ exports.default = exports.OverflowEllipsis = exports.Default = exports.AllVariants = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- var _storybookStates = require("storybook-states");
9
8
  var _Label = require("./Label");
10
9
  var _Box = require("../Box");
10
+ var _storybookBlocklist = require("../../utils/storybookBlocklist");
11
11
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
12
12
  var _default = exports.default = {
13
- title: "Components/Label"
13
+ component: _Label.Label,
14
+ title: "Components/Label",
15
+ tags: ["autodocs"],
16
+ parameters: {
17
+ docs: {
18
+ description: {
19
+ component: "A label component with different visual variants for various use cases."
20
+ }
21
+ },
22
+ controls: {
23
+ exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
24
+ }
25
+ }
14
26
  };
15
- var Default = exports.Default = function Default() {
16
- return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
17
- states: Object.keys(_Label.LABEL_VARIANTS).map(function (variant) {
18
- return {
19
- variant: variant
20
- };
21
- })
22
- }, /*#__PURE__*/_react.default.createElement(_Label.Label, null, "Example"));
27
+ var Default = exports.Default = {
28
+ args: {
29
+ children: "Example"
30
+ },
31
+ parameters: {
32
+ docs: {
33
+ description: {
34
+ story: "Basic label component with default styling."
35
+ }
36
+ }
37
+ }
23
38
  };
24
- Default.displayName = "Default";
25
- var OverflowEllipsis = exports.OverflowEllipsis = function OverflowEllipsis() {
26
- return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
27
- states: Object.keys(_Label.LABEL_VARIANTS).map(function (variant) {
28
- return {
39
+ var AllVariants = exports.AllVariants = {
40
+ render: function render() {
41
+ return /*#__PURE__*/_react.default.createElement(_Box.Box, {
42
+ display: "flex",
43
+ flexDirection: "column",
44
+ gap: 1
45
+ }, Object.keys(_Label.LABEL_VARIANTS).map(function (variant) {
46
+ return /*#__PURE__*/_react.default.createElement(_Label.Label, {
47
+ key: variant,
29
48
  variant: variant
30
- };
31
- })
32
- }, function (props) {
49
+ }, variant, " Label");
50
+ }));
51
+ },
52
+ parameters: {
53
+ docs: {
54
+ description: {
55
+ story: "All available label variants."
56
+ }
57
+ }
58
+ }
59
+ };
60
+ var OverflowEllipsis = exports.OverflowEllipsis = {
61
+ render: function render() {
33
62
  return /*#__PURE__*/_react.default.createElement(_Box.Box, {
34
- width: 75,
35
- overflow: "hidden"
36
- }, /*#__PURE__*/_react.default.createElement(_Label.Label, props, "Longer Example"));
37
- });
63
+ display: "flex",
64
+ flexDirection: "column",
65
+ gap: 1
66
+ }, Object.keys(_Label.LABEL_VARIANTS).map(function (variant) {
67
+ return /*#__PURE__*/_react.default.createElement(_Box.Box, {
68
+ key: variant,
69
+ width: 75,
70
+ overflow: "hidden"
71
+ }, /*#__PURE__*/_react.default.createElement(_Label.Label, {
72
+ variant: variant
73
+ }, "Longer Example"));
74
+ }));
75
+ },
76
+ parameters: {
77
+ docs: {
78
+ description: {
79
+ story: "Labels with text overflow demonstrating ellipsis behavior."
80
+ }
81
+ }
82
+ }
38
83
  };
39
- OverflowEllipsis.displayName = "OverflowEllipsis";
40
84
  //# sourceMappingURL=Label.story.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Label.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Label","_Box","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","Object","keys","LABEL_VARIANTS","map","variant","Label","displayName","OverflowEllipsis","props","Box","width","overflow"],"sources":["../../../src/elements/Label/Label.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Label, LabelProps, LabelVariant, LABEL_VARIANTS } from \"./Label\"\nimport { Box } from \"../Box\"\n\nexport default {\n title: \"Components/Label\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<LabelProps>>\n states={Object.keys(LABEL_VARIANTS).map((variant) => ({\n variant: variant as LabelVariant,\n }))}\n >\n <Label>Example</Label>\n </States>\n )\n}\n\nexport const OverflowEllipsis = () => {\n return (\n <States<Partial<LabelProps>>\n states={Object.keys(LABEL_VARIANTS).map((variant) => ({\n variant: variant as LabelVariant,\n }))}\n >\n {(props) => {\n return (\n <Box width={75} overflow=\"hidden\">\n <Label {...props}>Longer Example</Label>\n </Box>\n )\n }}\n </States>\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,IAAA,GAAAH,OAAA;AAA4B,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAEb;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEZ,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACC,qBAAc,CAAC,CAACC,GAAG,CAAC,UAACC,OAAO;MAAA,OAAM;QACpDA,OAAO,EAAEA;MACX,CAAC;IAAA,CAAC;EAAE,gBAEJpB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,MAAA,CAAAiB,KAAK,QAAC,SAAO,CAAQ,CACf;AAEb,CAAC;AAVYT,OAAO,CAAAU,WAAA;AAYb,IAAMC,gBAAgB,GAAAb,OAAA,CAAAa,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA,EAAS;EACpC,oBACEvB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACV,gBAAA,CAAAW,MAAM;IACLC,MAAM,EAAEC,MAAM,CAACC,IAAI,CAACC,qBAAc,CAAC,CAACC,GAAG,CAAC,UAACC,OAAO;MAAA,OAAM;QACpDA,OAAO,EAAEA;MACX,CAAC;IAAA,CAAC;EAAE,GAEH,UAACI,KAAK,EAAK;IACV,oBACExB,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACR,IAAA,CAAAoB,GAAG;MAACC,KAAK,EAAE,EAAG;MAACC,QAAQ,EAAC;IAAQ,gBAC/B3B,MAAA,CAAAQ,OAAA,CAAAK,aAAA,CAACT,MAAA,CAAAiB,KAAK,EAAKG,KAAK,EAAE,gBAAc,CAAQ,CACpC;EAEV,CAAC,CACM;AAEb,CAAC;AAhBYD,gBAAgB,CAAAD,WAAA"}
1
+ {"version":3,"file":"Label.story.js","names":["_react","_interopRequireDefault","require","_Label","_Box","_storybookBlocklist","obj","__esModule","default","_default","exports","component","Label","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","children","story","AllVariants","render","createElement","Box","display","flexDirection","gap","Object","keys","LABEL_VARIANTS","map","variant","key","OverflowEllipsis","width","overflow"],"sources":["../../../src/elements/Label/Label.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Label, LabelVariant, LABEL_VARIANTS } from \"./Label\"\nimport { Box } from \"../Box\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n component: Label,\n title: \"Components/Label\",\n tags: [\"autodocs\"],\n parameters: {\n docs: {\n description: {\n component:\n \"A label component with different visual variants for various use cases.\",\n },\n },\n controls: {\n exclude: STORYBOOK_PROPS_BLOCKLIST,\n },\n },\n}\n\nexport const Default = {\n args: {\n children: \"Example\",\n },\n parameters: {\n docs: {\n description: {\n story: \"Basic label component with default styling.\",\n },\n },\n },\n}\n\nexport const AllVariants = {\n render: () => (\n <Box display=\"flex\" flexDirection=\"column\" gap={1}>\n {Object.keys(LABEL_VARIANTS).map((variant) => (\n <Label key={variant} variant={variant as LabelVariant}>\n {variant} Label\n </Label>\n ))}\n </Box>\n ),\n parameters: {\n docs: {\n description: {\n story: \"All available label variants.\",\n },\n },\n },\n}\n\nexport const OverflowEllipsis = {\n render: () => (\n <Box display=\"flex\" flexDirection=\"column\" gap={1}>\n {Object.keys(LABEL_VARIANTS).map((variant) => (\n <Box key={variant} width={75} overflow=\"hidden\">\n <Label variant={variant as LabelVariant}>Longer Example</Label>\n </Box>\n ))}\n </Box>\n ),\n parameters: {\n docs: {\n description: {\n story: \"Labels with text overflow demonstrating ellipsis behavior.\",\n },\n },\n },\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,IAAA,GAAAF,OAAA;AACA,IAAAG,mBAAA,GAAAH,OAAA;AAA0E,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE3D;EACbG,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,GAAAX,OAAA,CAAAW,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,WAAW,GAAAf,OAAA,CAAAe,WAAA,GAAG;EACzBC,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACJ1B,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,IAAA,CAAAwB,GAAG;MAACC,OAAO,EAAC,MAAM;MAACC,aAAa,EAAC,QAAQ;MAACC,GAAG,EAAE;IAAE,GAC/CC,MAAM,CAACC,IAAI,CAACC,qBAAc,CAAC,CAACC,GAAG,CAAC,UAACC,OAAO;MAAA,oBACvCpC,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,MAAA,CAAAS,KAAK;QAACyB,GAAG,EAAED,OAAQ;QAACA,OAAO,EAAEA;MAAwB,GACnDA,OAAO,EAAC,QACX,CAAQ;IAAA,CACT,CAAC,CACE;EAAA,CACP;EACDrB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC;AAEM,IAAMc,gBAAgB,GAAA5B,OAAA,CAAA4B,gBAAA,GAAG;EAC9BZ,MAAM,EAAE,SAARA,MAAMA,CAAA;IAAA,oBACJ1B,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,IAAA,CAAAwB,GAAG;MAACC,OAAO,EAAC,MAAM;MAACC,aAAa,EAAC,QAAQ;MAACC,GAAG,EAAE;IAAE,GAC/CC,MAAM,CAACC,IAAI,CAACC,qBAAc,CAAC,CAACC,GAAG,CAAC,UAACC,OAAO;MAAA,oBACvCpC,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACvB,IAAA,CAAAwB,GAAG;QAACS,GAAG,EAAED,OAAQ;QAACG,KAAK,EAAE,EAAG;QAACC,QAAQ,EAAC;MAAQ,gBAC7CxC,MAAA,CAAAQ,OAAA,CAAAmB,aAAA,CAACxB,MAAA,CAAAS,KAAK;QAACwB,OAAO,EAAEA;MAAwB,GAAC,gBAAc,CAAQ,CAC3D;IAAA,CACP,CAAC,CACE;EAAA,CACP;EACDrB,UAAU,EAAE;IACVC,IAAI,EAAE;MACJC,WAAW,EAAE;QACXO,KAAK,EAAE;MACT;IACF;EACF;AACF,CAAC"}
@@ -1,8 +1,55 @@
1
1
  import React from "react";
2
2
  declare const _default: {
3
+ component: React.ForwardRefExoticComponent<import("./LabeledInput").LabeledInputProps & React.RefAttributes<HTMLInputElement>>;
3
4
  title: string;
5
+ tags: string[];
6
+ parameters: {
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ controls: {
13
+ exclude: string[];
14
+ };
15
+ };
4
16
  };
5
17
  export default _default;
6
- export declare const Default: () => React.JSX.Element;
7
- export declare const CharacterCountExample: () => React.JSX.Element;
8
- export declare const CustomHeight: () => React.JSX.Element;
18
+ export declare const Default: {
19
+ args: {
20
+ label: string;
21
+ placeholder: string;
22
+ };
23
+ render: (args: any) => React.JSX.Element;
24
+ parameters: {
25
+ docs: {
26
+ description: {
27
+ story: string;
28
+ };
29
+ };
30
+ };
31
+ };
32
+ export declare const CharacterCountExample: {
33
+ render: () => React.JSX.Element;
34
+ parameters: {
35
+ docs: {
36
+ description: {
37
+ story: string;
38
+ };
39
+ };
40
+ };
41
+ };
42
+ export declare const CustomHeight: {
43
+ args: {
44
+ label: string;
45
+ height: number;
46
+ placeholder: string;
47
+ };
48
+ parameters: {
49
+ docs: {
50
+ description: {
51
+ story: string;
52
+ };
53
+ };
54
+ };
55
+ };
@@ -5,11 +5,9 @@ Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
7
  exports.default = exports.Default = exports.CustomHeight = exports.CharacterCountExample = void 0;
8
- var _test = require("@storybook/test");
9
8
  var _react = _interopRequireWildcard(require("react"));
10
- var _storybookStates = require("storybook-states");
11
- var _Clickable = require("../Clickable");
12
9
  var _LabeledInput = require("./LabeledInput");
10
+ var _storybookBlocklist = require("../../utils/storybookBlocklist");
13
11
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
12
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
13
  function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
@@ -19,75 +17,71 @@ function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len
19
17
  function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
20
18
  function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
21
19
  var _default = exports.default = {
22
- title: "Components/LabeledInput"
20
+ component: _LabeledInput.LabeledInput,
21
+ title: "Components/LabeledInput",
22
+ tags: ["autodocs"],
23
+ parameters: {
24
+ docs: {
25
+ description: {
26
+ component: "An input field with an optional label that can be positioned as prefix or suffix."
27
+ }
28
+ },
29
+ controls: {
30
+ exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
31
+ }
32
+ }
23
33
  };
24
- var Default = exports.Default = function Default() {
25
- return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
26
- states: [{
27
- label: "$USD",
28
- placeholder: "Min",
29
- type: "number"
30
- }, {
31
- placeholder: "Clickable label",
32
- label: /*#__PURE__*/_react.default.createElement(_Clickable.Clickable, {
33
- onClick: (0, _test.fn)(),
34
- bg: "mono60",
35
- width: 18,
36
- height: 18,
37
- borderRadius: "50%"
38
- })
39
- }, {
40
- title: "Amount"
41
- }, {
42
- title: "Amount",
43
- description: "Currency: USD"
44
- }, {
45
- label: "USD",
46
- variant: "prefix",
47
- title: "Your offer",
48
- placeholder: "Start typing...",
49
- name: "offer"
50
- }, {
51
- label: "USD",
52
- variant: "suffix",
53
- title: "Your offer",
54
- placeholder: "Start typing...",
55
- name: "offer"
56
- }, {
57
- label: "USD",
58
- variant: "suffix",
59
- title: "Your offer",
60
- placeholder: "Start typing...",
61
- name: "offer",
62
- showCounter: true,
63
- maxLength: 40
64
- }]
65
- }, /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
66
- label: "$"
67
- }));
34
+ var Default = exports.Default = {
35
+ args: {
36
+ label: "$",
37
+ placeholder: "Enter amount"
38
+ },
39
+ render: function render(args) {
40
+ return /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, args);
41
+ },
42
+ parameters: {
43
+ docs: {
44
+ description: {
45
+ story: "Basic LabeledInput with a dollar sign label."
46
+ }
47
+ }
48
+ }
68
49
  };
69
- Default.displayName = "Default";
70
- var CharacterCountExample = exports.CharacterCountExample = function CharacterCountExample() {
71
- var defaultValue = "Hello world";
72
- var _useState = (0, _react.useState)(defaultValue.length),
73
- _useState2 = _slicedToArray(_useState, 2),
74
- length = _useState2[0],
75
- setLength = _useState2[1];
76
- return /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
77
- label: length,
78
- onChange: function onChange(e) {
79
- return setLength(e.currentTarget.value.length);
80
- },
81
- defaultValue: defaultValue
82
- });
50
+ var CharacterCountExample = exports.CharacterCountExample = {
51
+ render: function render() {
52
+ var defaultValue = "Hello world";
53
+ var _useState = (0, _react.useState)(defaultValue.length),
54
+ _useState2 = _slicedToArray(_useState, 2),
55
+ length = _useState2[0],
56
+ setLength = _useState2[1];
57
+ return /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
58
+ label: length,
59
+ onChange: function onChange(e) {
60
+ return setLength(e.currentTarget.value.length);
61
+ },
62
+ defaultValue: defaultValue
63
+ });
64
+ },
65
+ parameters: {
66
+ docs: {
67
+ description: {
68
+ story: "LabeledInput with character count display."
69
+ }
70
+ }
71
+ }
83
72
  };
84
- CharacterCountExample.displayName = "CharacterCountExample";
85
- var CustomHeight = exports.CustomHeight = function CustomHeight() {
86
- return /*#__PURE__*/_react.default.createElement(_LabeledInput.LabeledInput, {
87
- label: "\uD83D\uDD0E",
73
+ var CustomHeight = exports.CustomHeight = {
74
+ args: {
75
+ label: "🔎",
88
76
  height: 40,
89
77
  placeholder: "Input is 40px in height"
90
- });
78
+ },
79
+ parameters: {
80
+ docs: {
81
+ description: {
82
+ story: "LabeledInput with custom height."
83
+ }
84
+ }
85
+ }
91
86
  };
92
- CustomHeight.displayName = "CustomHeight";
93
87
  //# sourceMappingURL=LabeledInput.story.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LabeledInput.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_Clickable","_LabeledInput","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","title","Default","createElement","States","states","label","placeholder","type","Clickable","onClick","fn","bg","width","height","borderRadius","description","variant","showCounter","maxLength","LabeledInput","displayName","CharacterCountExample","defaultValue","_useState","useState","_useState2","setLength","onChange","e","currentTarget","CustomHeight"],"sources":["../../../src/elements/LabeledInput/LabeledInput.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { Clickable } from \"../Clickable\"\nimport { LabeledInput, LabeledInputProps } from \"./LabeledInput\"\n\nexport default {\n title: \"Components/LabeledInput\",\n}\n\nexport const Default = () => {\n return (\n <States<Partial<LabeledInputProps>>\n states={[\n { label: \"$USD\", placeholder: \"Min\", type: \"number\" },\n {\n placeholder: \"Clickable label\",\n label: (\n <Clickable\n onClick={fn()}\n bg=\"mono60\"\n width={18}\n height={18}\n borderRadius=\"50%\"\n />\n ),\n },\n { title: \"Amount\" },\n { title: \"Amount\", description: \"Currency: USD\" },\n {\n label: \"USD\",\n variant: \"prefix\",\n title: \"Your offer\",\n placeholder: \"Start typing...\",\n name: \"offer\",\n },\n {\n label: \"USD\",\n variant: \"suffix\",\n title: \"Your offer\",\n placeholder: \"Start typing...\",\n name: \"offer\",\n },\n {\n label: \"USD\",\n variant: \"suffix\",\n title: \"Your offer\",\n placeholder: \"Start typing...\",\n name: \"offer\",\n showCounter: true,\n maxLength: 40,\n },\n ]}\n >\n <LabeledInput label=\"$\" />\n </States>\n )\n}\n\nexport const CharacterCountExample = () => {\n const defaultValue = \"Hello world\"\n const [length, setLength] = useState(defaultValue.length)\n return (\n <LabeledInput\n label={length}\n onChange={(e) => setLength(e.currentTarget.value.length)}\n defaultValue={defaultValue}\n />\n )\n}\n\nexport const CustomHeight = () => {\n return (\n <LabeledInput\n label=\"🔎\"\n height={40}\n placeholder=\"Input is 40px in height\"\n />\n )\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"LabeledInput.story.js","names":["_react","_interopRequireWildcard","require","_LabeledInput","_storybookBlocklist","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_slicedToArray","arr","i","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","length","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_default","exports","component","LabeledInput","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","label","placeholder","render","createElement","story","CharacterCountExample","defaultValue","_useState","useState","_useState2","setLength","onChange","e","currentTarget","CustomHeight","height"],"sources":["../../../src/elements/LabeledInput/LabeledInput.story.tsx"],"sourcesContent":["import React, { useState } from \"react\"\nimport { LabeledInput } from \"./LabeledInput\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n component: LabeledInput,\n title: \"Components/LabeledInput\",\n tags: [\"autodocs\"],\n parameters: {\n docs: {\n description: {\n component:\n \"An input field with an optional label that can be positioned as prefix or suffix.\",\n },\n },\n controls: {\n exclude: STORYBOOK_PROPS_BLOCKLIST,\n },\n },\n}\n\nexport const Default = {\n args: {\n label: \"$\",\n placeholder: \"Enter amount\",\n },\n render: (args) => <LabeledInput {...args} />,\n parameters: {\n docs: {\n description: {\n story: \"Basic LabeledInput with a dollar sign label.\",\n },\n },\n },\n}\n\nexport const CharacterCountExample = {\n render: () => {\n const defaultValue = \"Hello world\"\n const [length, setLength] = useState(defaultValue.length)\n return (\n <LabeledInput\n label={length}\n onChange={(e) => setLength(e.currentTarget.value.length)}\n defaultValue={defaultValue}\n />\n )\n },\n parameters: {\n docs: {\n description: {\n story: \"LabeledInput with character count display.\",\n },\n },\n },\n}\n\nexport const CustomHeight = {\n args: {\n label: \"🔎\",\n height: 40,\n placeholder: \"Input is 40px in height\",\n },\n parameters: {\n docs: {\n description: {\n story: \"LabeledInput with custom height.\",\n },\n },\n },\n}\n"],"mappings":"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"}
@@ -1,6 +1,62 @@
1
1
  import React from "react";
2
2
  declare const _default: {
3
+ component: React.FC<React.PropsWithChildren<import("./Marquee").MarqueeProps>>;
3
4
  title: string;
5
+ tags: string[];
6
+ parameters: {
7
+ docs: {
8
+ description: {
9
+ component: string;
10
+ };
11
+ };
12
+ controls: {
13
+ exclude: string[];
14
+ };
15
+ };
4
16
  };
5
17
  export default _default;
6
- export declare const Default: () => React.JSX.Element;
18
+ export declare const Default: {
19
+ args: {
20
+ marqueeText: string;
21
+ };
22
+ parameters: {
23
+ docs: {
24
+ description: {
25
+ story: string;
26
+ };
27
+ };
28
+ };
29
+ };
30
+ export declare const Variants: {
31
+ render: () => React.JSX.Element;
32
+ parameters: {
33
+ docs: {
34
+ description: {
35
+ story: string;
36
+ };
37
+ };
38
+ };
39
+ };
40
+ export declare const Speeds: {
41
+ render: () => React.JSX.Element;
42
+ parameters: {
43
+ docs: {
44
+ description: {
45
+ story: string;
46
+ };
47
+ };
48
+ };
49
+ };
50
+ export declare const WithoutDivider: {
51
+ args: {
52
+ divider: boolean;
53
+ marqueeText: string;
54
+ };
55
+ parameters: {
56
+ docs: {
57
+ description: {
58
+ story: string;
59
+ };
60
+ };
61
+ };
62
+ };