@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":"ProgressDots.story.js","names":["_test","require","_react","_interopRequireWildcard","_storybookStates","_ProgressDots","_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","activeIndex","amount","variant","onClick","fn","ProgressDots","displayName","Demo","_useState","useState","_useState2","index","setIndex","Fragment","my","story","parameters","chromatic","disable"],"sources":["../../../src/elements/ProgressDots/ProgressDots.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { States } from \"storybook-states\"\nimport { ProgressDots, ProgressDotsProps } from \"./ProgressDots\"\n\nexport default {\n title: \"Components/ProgressDots\",\n}\n\nexport const Default = () => {\n return (\n <States<ProgressDotsProps>\n states={[\n { activeIndex: 0, amount: 5 },\n { activeIndex: 2, amount: 5 },\n { activeIndex: 4, amount: 5 },\n { activeIndex: 0, amount: 25 },\n { variant: \"dash\", activeIndex: 0, amount: 5 },\n { variant: \"dash\", activeIndex: 2, amount: 5 },\n { variant: \"dash\", activeIndex: 4, amount: 5 },\n { variant: \"dash\", activeIndex: 0, amount: 25 },\n {\n variant: \"dash\",\n activeIndex: 0,\n amount: 5,\n onClick: fn(),\n },\n ]}\n >\n <ProgressDots activeIndex={0} amount={5} />\n </States>\n )\n}\n\nexport const Demo = () => {\n const [index, setIndex] = useState(0)\n\n return (\n <>\n <ProgressDots activeIndex={index} amount={5} my={2} onClick={setIndex} />\n\n <ProgressDots\n variant=\"dash\"\n activeIndex={index}\n amount={5}\n my={2}\n onClick={setIndex}\n />\n </>\n )\n}\n\nDemo.story = {\n parameters: { chromatic: { disable: true } },\n}\n"],"mappings":"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"}
1
+ {"version":3,"file":"ProgressDots.story.js","names":["_test","require","_react","_interopRequireWildcard","_ProgressDots","_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","ProgressDots","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","activeIndex","amount","story","DotVariants","render","createElement","style","display","flexDirection","gap","DashVariants","variant","Interactive","_useState","useState","_useState2","index","setIndex","Fragment","my","onClick","chromatic","disable","Clickable","fn"],"sources":["../../../src/elements/ProgressDots/ProgressDots.story.tsx"],"sourcesContent":["import { fn } from \"@storybook/test\"\nimport React, { useState } from \"react\"\nimport { ProgressDots } from \"./ProgressDots\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n component: ProgressDots,\n title: \"Components/ProgressDots\",\n tags: [\"autodocs\"],\n parameters: {\n docs: {\n description: {\n component:\n \"A navigation component displaying a series of dots or dashes to indicate progress or position.\",\n },\n },\n controls: {\n exclude: STORYBOOK_PROPS_BLOCKLIST,\n },\n },\n}\n\nexport const Default = {\n args: {\n activeIndex: 0,\n amount: 5,\n },\n parameters: {\n docs: {\n description: {\n story: \"Basic progress dots showing position in a sequence.\",\n },\n },\n },\n}\n\nexport const DotVariants = {\n render: () => (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n <ProgressDots activeIndex={0} amount={5} />\n <ProgressDots activeIndex={2} amount={5} />\n <ProgressDots activeIndex={4} amount={5} />\n <ProgressDots activeIndex={0} amount={25} />\n </div>\n ),\n parameters: {\n docs: {\n description: {\n story: \"Dot variant with different active indices and amounts.\",\n },\n },\n },\n}\n\nexport const DashVariants = {\n render: () => (\n <div style={{ display: \"flex\", flexDirection: \"column\", gap: \"16px\" }}>\n <ProgressDots variant=\"dash\" activeIndex={0} amount={5} />\n <ProgressDots variant=\"dash\" activeIndex={2} amount={5} />\n <ProgressDots variant=\"dash\" activeIndex={4} amount={5} />\n <ProgressDots variant=\"dash\" activeIndex={0} amount={25} />\n </div>\n ),\n parameters: {\n docs: {\n description: {\n story: \"Dash variant with different active indices and amounts.\",\n },\n },\n },\n}\n\nexport const Interactive = {\n render: () => {\n const [index, setIndex] = useState(0)\n\n return (\n <>\n <ProgressDots\n activeIndex={index}\n amount={5}\n my={2}\n onClick={setIndex}\n />\n <ProgressDots\n variant=\"dash\"\n activeIndex={index}\n amount={5}\n my={2}\n onClick={setIndex}\n />\n </>\n )\n },\n parameters: {\n chromatic: { disable: true },\n docs: {\n description: {\n story: \"Interactive progress dots that respond to clicks.\",\n },\n },\n },\n}\n\nexport const Clickable = {\n args: {\n variant: \"dash\",\n activeIndex: 0,\n amount: 5,\n onClick: fn(),\n },\n parameters: {\n docs: {\n description: {\n story: \"Progress dots with click handler functionality.\",\n },\n },\n },\n}\n"],"mappings":"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"}
@@ -1,7 +1,108 @@
1
1
  import React from "react";
2
2
  declare const _default: {
3
+ component: <T>({ children, disabled, hover, focus, error, label, selected, value, size, onSelect, ...rest }: import("./Radio").RadioProps<T>) => React.JSX.Element;
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 SplitLabel: () => 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 Selected: {
31
+ args: {
32
+ selected: boolean;
33
+ children: string;
34
+ };
35
+ parameters: {
36
+ docs: {
37
+ description: {
38
+ story: string;
39
+ };
40
+ };
41
+ };
42
+ };
43
+ export declare const Disabled: {
44
+ args: {
45
+ disabled: boolean;
46
+ children: string;
47
+ };
48
+ parameters: {
49
+ docs: {
50
+ description: {
51
+ story: string;
52
+ };
53
+ };
54
+ };
55
+ };
56
+ export declare const WithError: {
57
+ args: {
58
+ error: boolean;
59
+ children: string;
60
+ };
61
+ parameters: {
62
+ docs: {
63
+ description: {
64
+ story: string;
65
+ };
66
+ };
67
+ };
68
+ };
69
+ export declare const WithDescription: {
70
+ args: {
71
+ label: string;
72
+ width: string;
73
+ children: string;
74
+ };
75
+ parameters: {
76
+ docs: {
77
+ description: {
78
+ story: string;
79
+ };
80
+ };
81
+ };
82
+ };
83
+ export declare const SmallSize: {
84
+ args: {
85
+ label: string;
86
+ size: string;
87
+ children: string;
88
+ };
89
+ parameters: {
90
+ docs: {
91
+ description: {
92
+ story: string;
93
+ };
94
+ };
95
+ };
96
+ };
97
+ export declare const SplitLabel: {
98
+ args: {
99
+ children: React.JSX.Element;
100
+ };
101
+ parameters: {
102
+ docs: {
103
+ description: {
104
+ story: string;
105
+ };
106
+ };
107
+ };
108
+ };
@@ -3,70 +3,125 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = exports.SplitLabel = exports.Default = void 0;
6
+ exports.default = exports.WithError = exports.WithDescription = exports.SplitLabel = exports.SmallSize = exports.Selected = exports.Disabled = exports.Default = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
- var _storybookStates = require("storybook-states");
9
8
  var _Flex = require("../Flex");
10
9
  var _Text = require("../Text");
11
10
  var _Radio = require("./Radio");
11
+ var _storybookBlocklist = require("../../utils/storybookBlocklist");
12
12
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
13
  var _default = exports.default = {
14
- title: "Components/Radio"
14
+ component: _Radio.Radio,
15
+ title: "Components/Radio",
16
+ tags: ["autodocs"],
17
+ parameters: {
18
+ docs: {
19
+ description: {
20
+ component: "A radio button input component with support for labels, descriptions, and various states."
21
+ }
22
+ },
23
+ controls: {
24
+ exclude: _storybookBlocklist.STORYBOOK_PROPS_BLOCKLIST
25
+ }
26
+ }
15
27
  };
16
- var Default = exports.Default = function Default() {
17
- return /*#__PURE__*/_react.default.createElement(_storybookStates.States, {
18
- states: [{}, {
19
- selected: true
20
- }, {
21
- focus: true
22
- }, {
23
- focus: true,
24
- selected: true
25
- }, {
26
- hover: true
27
- }, {
28
- hover: true,
29
- selected: true
30
- }, {
31
- disabled: true
32
- }, {
33
- disabled: true,
34
- selected: true
35
- }, {
36
- error: true
37
- }, {
38
- error: true,
39
- selected: true
40
- }, {
41
- label: "A label that takes up multiple lines",
42
- width: "200px",
43
- children: "This is my description"
44
- }, {
45
- label: "A small sized radio",
46
- size: "sm",
47
- children: "This is my description"
48
- }, {
49
- label: "A medium sized radio",
50
- size: "md",
51
- children: "This is my description"
52
- }, {
53
- label: "A large sized radio",
54
- size: "lg",
55
- children: "This is my description"
56
- }]
57
- }, /*#__PURE__*/_react.default.createElement(_Radio.Radio, null, "A label"));
28
+ var Default = exports.Default = {
29
+ args: {
30
+ children: "A label"
31
+ },
32
+ parameters: {
33
+ docs: {
34
+ description: {
35
+ story: "Basic radio button with a simple label."
36
+ }
37
+ }
38
+ }
58
39
  };
59
- Default.displayName = "Default";
60
- var SplitLabel = exports.SplitLabel = function SplitLabel() {
61
- return /*#__PURE__*/_react.default.createElement(_Radio.Radio, null, /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
62
- justifyContent: "space-between",
63
- flex: 1
64
- }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
65
- variant: "sm-display"
66
- }, "Label"), /*#__PURE__*/_react.default.createElement(_Text.Text, {
67
- variant: "xs",
68
- color: "mono60"
69
- }, "Subtitle")));
40
+ var Selected = exports.Selected = {
41
+ args: {
42
+ selected: true,
43
+ children: "Selected radio"
44
+ },
45
+ parameters: {
46
+ docs: {
47
+ description: {
48
+ story: "Radio button in selected state."
49
+ }
50
+ }
51
+ }
52
+ };
53
+ var Disabled = exports.Disabled = {
54
+ args: {
55
+ disabled: true,
56
+ children: "Disabled radio"
57
+ },
58
+ parameters: {
59
+ docs: {
60
+ description: {
61
+ story: "Disabled radio button that cannot be interacted with."
62
+ }
63
+ }
64
+ }
65
+ };
66
+ var WithError = exports.WithError = {
67
+ args: {
68
+ error: true,
69
+ children: "Radio with error"
70
+ },
71
+ parameters: {
72
+ docs: {
73
+ description: {
74
+ story: "Radio button showing error state."
75
+ }
76
+ }
77
+ }
78
+ };
79
+ var WithDescription = exports.WithDescription = {
80
+ args: {
81
+ label: "A label that takes up multiple lines",
82
+ width: "200px",
83
+ children: "This is my description"
84
+ },
85
+ parameters: {
86
+ docs: {
87
+ description: {
88
+ story: "Radio button with both label and description text."
89
+ }
90
+ }
91
+ }
92
+ };
93
+ var SmallSize = exports.SmallSize = {
94
+ args: {
95
+ label: "Small radio",
96
+ size: "sm",
97
+ children: "This is my description"
98
+ },
99
+ parameters: {
100
+ docs: {
101
+ description: {
102
+ story: "Small sized radio button."
103
+ }
104
+ }
105
+ }
106
+ };
107
+ var SplitLabel = exports.SplitLabel = {
108
+ args: {
109
+ children: /*#__PURE__*/_react.default.createElement(_Flex.Flex, {
110
+ justifyContent: "space-between",
111
+ flex: 1
112
+ }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
113
+ variant: "sm-display"
114
+ }, "Label"), /*#__PURE__*/_react.default.createElement(_Text.Text, {
115
+ variant: "xs",
116
+ color: "mono60"
117
+ }, "Subtitle"))
118
+ },
119
+ parameters: {
120
+ docs: {
121
+ description: {
122
+ story: "Radio button with custom split label layout."
123
+ }
124
+ }
125
+ }
70
126
  };
71
- SplitLabel.displayName = "SplitLabel";
72
127
  //# sourceMappingURL=Radio.story.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.story.js","names":["_react","_interopRequireDefault","require","_storybookStates","_Flex","_Text","_Radio","obj","__esModule","default","_default","exports","title","Default","createElement","States","states","selected","focus","hover","disabled","error","label","width","children","size","Radio","displayName","SplitLabel","Flex","justifyContent","flex","Text","variant","color"],"sources":["../../../src/elements/Radio/Radio.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { States } from \"storybook-states\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Radio, RadioProps } from \"./Radio\"\n\nexport default {\n title: \"Components/Radio\",\n}\n\nexport const Default = () => {\n return (\n <States<RadioProps<string>>\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 label: \"A label that takes up multiple lines\",\n width: \"200px\",\n children: \"This is my description\",\n },\n {\n label: \"A small sized radio\",\n size: \"sm\",\n children: \"This is my description\",\n },\n {\n label: \"A medium sized radio\",\n size: \"md\",\n children: \"This is my description\",\n },\n {\n label: \"A large sized radio\",\n size: \"lg\",\n children: \"This is my description\",\n },\n ]}\n >\n <Radio>A label</Radio>\n </States>\n )\n}\n\nexport const SplitLabel = () => {\n return (\n <Radio>\n <Flex justifyContent=\"space-between\" flex={1}>\n <Text variant=\"sm-display\">Label</Text>\n\n <Text variant=\"xs\" color=\"mono60\">\n Subtitle\n </Text>\n </Flex>\n </Radio>\n )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,gBAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,MAAA,GAAAJ,OAAA;AAA2C,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,IAAAG,QAAA,GAAAC,OAAA,CAAAF,OAAA,GAE5B;EACbG,KAAK,EAAE;AACT,CAAC;AAEM,IAAMC,OAAO,GAAAF,OAAA,CAAAE,OAAA,GAAG,SAAVA,OAAOA,CAAA,EAAS;EAC3B,oBACEb,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACX,gBAAA,CAAAY,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;MACEK,KAAK,EAAE,sCAAsC;MAC7CC,KAAK,EAAE,OAAO;MACdC,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,qBAAqB;MAC5BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,sBAAsB;MAC7BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC,EACD;MACEF,KAAK,EAAE,qBAAqB;MAC5BG,IAAI,EAAE,IAAI;MACVD,QAAQ,EAAE;IACZ,CAAC;EACD,gBAEFxB,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAoB,KAAK,QAAC,SAAO,CAAQ,CACf;AAEb,CAAC;AAvCYb,OAAO,CAAAc,WAAA;AAyCb,IAAMC,UAAU,GAAAjB,OAAA,CAAAiB,UAAA,GAAG,SAAbA,UAAUA,CAAA,EAAS;EAC9B,oBACE5B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACR,MAAA,CAAAoB,KAAK,qBACJ1B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACV,KAAA,CAAAyB,IAAI;IAACC,cAAc,EAAC,eAAe;IAACC,IAAI,EAAE;EAAE,gBAC3C/B,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC;EAAY,GAAC,OAAK,CAAO,eAEvCjC,MAAA,CAAAS,OAAA,CAAAK,aAAA,CAACT,KAAA,CAAA2B,IAAI;IAACC,OAAO,EAAC,IAAI;IAACC,KAAK,EAAC;EAAQ,GAAC,UAElC,CAAO,CACF,CACD;AAEZ,CAAC;AAZYN,UAAU,CAAAD,WAAA"}
1
+ {"version":3,"file":"Radio.story.js","names":["_react","_interopRequireDefault","require","_Flex","_Text","_Radio","_storybookBlocklist","obj","__esModule","default","_default","exports","component","Radio","title","tags","parameters","docs","description","controls","exclude","STORYBOOK_PROPS_BLOCKLIST","Default","args","children","story","Selected","selected","Disabled","disabled","WithError","error","WithDescription","label","width","SmallSize","size","SplitLabel","createElement","Flex","justifyContent","flex","Text","variant","color"],"sources":["../../../src/elements/Radio/Radio.story.tsx"],"sourcesContent":["import React from \"react\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\nimport { Radio } from \"./Radio\"\nimport { STORYBOOK_PROPS_BLOCKLIST } from \"../../utils/storybookBlocklist\"\n\nexport default {\n component: Radio,\n title: \"Components/Radio\",\n tags: [\"autodocs\"],\n parameters: {\n docs: {\n description: {\n component:\n \"A radio button input component with support for labels, descriptions, and various states.\",\n },\n },\n controls: {\n exclude: STORYBOOK_PROPS_BLOCKLIST,\n },\n },\n}\n\nexport const Default = {\n args: {\n children: \"A label\",\n },\n parameters: {\n docs: {\n description: {\n story: \"Basic radio button with a simple label.\",\n },\n },\n },\n}\n\nexport const Selected = {\n args: {\n selected: true,\n children: \"Selected radio\",\n },\n parameters: {\n docs: {\n description: {\n story: \"Radio button in selected state.\",\n },\n },\n },\n}\n\nexport const Disabled = {\n args: {\n disabled: true,\n children: \"Disabled radio\",\n },\n parameters: {\n docs: {\n description: {\n story: \"Disabled radio button that cannot be interacted with.\",\n },\n },\n },\n}\n\nexport const WithError = {\n args: {\n error: true,\n children: \"Radio with error\",\n },\n parameters: {\n docs: {\n description: {\n story: \"Radio button showing error state.\",\n },\n },\n },\n}\n\nexport const WithDescription = {\n args: {\n label: \"A label that takes up multiple lines\",\n width: \"200px\",\n children: \"This is my description\",\n },\n parameters: {\n docs: {\n description: {\n story: \"Radio button with both label and description text.\",\n },\n },\n },\n}\n\nexport const SmallSize = {\n args: {\n label: \"Small radio\",\n size: \"sm\",\n children: \"This is my description\",\n },\n parameters: {\n docs: {\n description: {\n story: \"Small sized radio button.\",\n },\n },\n },\n}\n\nexport const SplitLabel = {\n args: {\n children: (\n <Flex justifyContent=\"space-between\" flex={1}>\n <Text variant=\"sm-display\">Label</Text>\n <Text variant=\"xs\" color=\"mono60\">\n Subtitle\n </Text>\n </Flex>\n ),\n },\n parameters: {\n docs: {\n description: {\n story: \"Radio button with custom split label layout.\",\n },\n },\n },\n}\n"],"mappings":"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"}
@@ -1,13 +1,112 @@
1
1
  import React from "react";
2
+ import { RadioGroup } from "./RadioGroup";
2
3
  declare const _default: {
4
+ component: typeof RadioGroup;
3
5
  title: string;
6
+ tags: string[];
7
+ parameters: {
8
+ docs: {
9
+ description: {
10
+ component: string;
11
+ };
12
+ };
13
+ controls: {
14
+ exclude: string[];
15
+ };
16
+ };
4
17
  };
5
18
  export default _default;
6
- export declare const Default: () => React.JSX.Element;
19
+ export declare const Default: {
20
+ args: {
21
+ onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
22
+ children: React.JSX.Element;
23
+ };
24
+ parameters: {
25
+ docs: {
26
+ description: {
27
+ story: string;
28
+ };
29
+ };
30
+ };
31
+ };
7
32
  export declare const WithDefaultValue: {
8
- (): React.JSX.Element;
9
- story: {
10
- name: string;
33
+ args: {
34
+ defaultValue: string;
35
+ onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
36
+ children: React.JSX.Element;
37
+ };
38
+ parameters: {
39
+ docs: {
40
+ description: {
41
+ story: string;
42
+ };
43
+ };
44
+ };
45
+ };
46
+ export declare const Deselectable: {
47
+ args: {
48
+ deselectable: boolean;
49
+ onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
50
+ children: React.JSX.Element;
51
+ };
52
+ parameters: {
53
+ docs: {
54
+ description: {
55
+ story: string;
56
+ };
57
+ };
58
+ };
59
+ };
60
+ export declare const Disabled: {
61
+ args: {
62
+ disabled: boolean;
63
+ onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
64
+ children: React.JSX.Element;
65
+ };
66
+ parameters: {
67
+ docs: {
68
+ description: {
69
+ story: string;
70
+ };
71
+ };
72
+ };
73
+ };
74
+ export declare const DisabledWithText: {
75
+ args: {
76
+ disabled: boolean;
77
+ disabledText: string;
78
+ onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
79
+ children: React.JSX.Element;
80
+ };
81
+ parameters: {
82
+ docs: {
83
+ description: {
84
+ story: string;
85
+ };
86
+ };
87
+ };
88
+ };
89
+ export declare const InteractiveDefault: {
90
+ render: () => React.JSX.Element;
91
+ parameters: {
92
+ docs: {
93
+ description: {
94
+ story: string;
95
+ };
96
+ };
97
+ };
98
+ };
99
+ export declare const BooleanValues: {
100
+ args: {
101
+ defaultValue: boolean;
102
+ onSelect: import("@vitest/spy").Mock<(...args: any[]) => any>;
103
+ children: React.JSX.Element;
104
+ };
105
+ parameters: {
106
+ docs: {
107
+ description: {
108
+ story: string;
109
+ };
110
+ };
11
111
  };
12
112
  };
13
- export declare const OtherTypes: () => React.JSX.Element;