@dynamic-mockups/design-system 0.2.14 → 0.2.17

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (213) hide show
  1. package/dist/design-system.css +1 -1
  2. package/dist/index.js +32 -29
  3. package/dist/index.js.map +1 -1
  4. package/dist/index.mjs +8067 -7208
  5. package/dist/index.mjs.map +1 -1
  6. package/dist/src/components/atoms/index.d.ts +46 -25
  7. package/dist/src/components/atoms/layout/Container/Container.d.ts +24 -0
  8. package/dist/src/components/atoms/layout/Container/Container.stories.d.ts +31 -0
  9. package/dist/src/components/atoms/layout/Container/index.d.ts +2 -0
  10. package/dist/src/components/atoms/layout/Grid/Grid.d.ts +24 -0
  11. package/dist/src/components/atoms/layout/Grid/Grid.stories.d.ts +46 -0
  12. package/dist/src/components/atoms/layout/Grid/index.d.ts +2 -0
  13. package/dist/src/components/atoms/layout/Section/Section.d.ts +24 -0
  14. package/dist/src/components/atoms/layout/Section/Section.stories.d.ts +31 -0
  15. package/dist/src/components/atoms/layout/Section/index.d.ts +2 -0
  16. package/dist/src/components/atoms/typography/Blockquote/Blockquote.d.ts +24 -0
  17. package/dist/src/components/atoms/typography/Blockquote/Blockquote.stories.d.ts +15 -0
  18. package/dist/src/components/atoms/typography/Blockquote/index.d.ts +2 -0
  19. package/dist/src/components/atoms/typography/Code/Code.d.ts +24 -0
  20. package/dist/src/components/atoms/typography/Code/Code.stories.d.ts +16 -0
  21. package/dist/src/components/atoms/typography/Code/index.d.ts +2 -0
  22. package/dist/src/components/atoms/typography/Em/Em.d.ts +20 -0
  23. package/dist/src/components/atoms/typography/Em/Em.stories.d.ts +14 -0
  24. package/dist/src/components/atoms/typography/Em/index.d.ts +2 -0
  25. package/dist/src/components/atoms/typography/Kbd/Kbd.d.ts +24 -0
  26. package/dist/src/components/atoms/typography/Kbd/Kbd.stories.d.ts +16 -0
  27. package/dist/src/components/atoms/typography/Kbd/index.d.ts +2 -0
  28. package/dist/src/components/atoms/typography/Label/Label.d.ts +14 -0
  29. package/dist/src/components/atoms/{Label → typography/Label}/Label.stories.d.ts +0 -15
  30. package/dist/src/components/atoms/typography/Label/index.d.ts +2 -0
  31. package/dist/src/components/atoms/typography/Link/Link.d.ts +10 -0
  32. package/dist/src/components/atoms/typography/Link/Link.stories.d.ts +15 -0
  33. package/dist/src/components/atoms/typography/Link/index.d.ts +2 -0
  34. package/dist/src/components/atoms/typography/Quote/Quote.d.ts +20 -0
  35. package/dist/src/components/atoms/typography/Quote/Quote.stories.d.ts +14 -0
  36. package/dist/src/components/atoms/typography/Quote/index.d.ts +2 -0
  37. package/dist/src/components/atoms/typography/Strong/Strong.d.ts +20 -0
  38. package/dist/src/components/atoms/typography/Strong/Strong.stories.d.ts +15 -0
  39. package/dist/src/components/atoms/typography/Strong/index.d.ts +2 -0
  40. package/dist/src/components/atoms/ui-components/Accordion/Accordion.d.ts +23 -0
  41. package/dist/src/components/atoms/ui-components/Accordion/Accordion.stories.d.ts +19 -0
  42. package/dist/src/components/atoms/ui-components/Accordion/index.d.ts +2 -0
  43. package/dist/src/components/atoms/ui-components/Alert/Alert.d.ts +49 -0
  44. package/dist/src/components/atoms/ui-components/Alert/Alert.stories.d.ts +17 -0
  45. package/dist/src/components/atoms/ui-components/Alert/index.d.ts +2 -0
  46. package/dist/src/components/atoms/ui-components/AlertDialog/AlertDialog.d.ts +18 -0
  47. package/dist/src/components/atoms/ui-components/AlertDialog/AlertDialog.stories.d.ts +23 -0
  48. package/dist/src/components/atoms/ui-components/AlertDialog/index.d.ts +2 -0
  49. package/dist/src/components/atoms/ui-components/AspectRatio/AspectRatio.d.ts +10 -0
  50. package/dist/src/components/atoms/ui-components/AspectRatio/AspectRatio.stories.d.ts +14 -0
  51. package/dist/src/components/atoms/ui-components/AspectRatio/index.d.ts +2 -0
  52. package/dist/src/components/atoms/ui-components/Avatar/Avatar.d.ts +15 -0
  53. package/dist/src/components/atoms/{Avatar → ui-components/Avatar}/Avatar.stories.d.ts +8 -0
  54. package/dist/src/components/atoms/ui-components/Avatar/index.d.ts +2 -0
  55. package/dist/src/components/atoms/ui-components/Badge/Badge.d.ts +12 -0
  56. package/dist/src/components/atoms/{Select/Select.stories.d.ts → ui-components/Badge/Badge.stories.d.ts} +27 -43
  57. package/dist/src/components/atoms/ui-components/Badge/index.d.ts +2 -0
  58. package/dist/src/components/atoms/ui-components/Button/Button.d.ts +16 -0
  59. package/dist/src/components/atoms/{Switch/Switch.stories.d.ts → ui-components/Button/Button.stories.d.ts} +26 -43
  60. package/dist/src/components/atoms/ui-components/Button/index.d.ts +3 -0
  61. package/dist/src/components/atoms/ui-components/Callout/Callout.d.ts +14 -0
  62. package/dist/src/components/atoms/ui-components/Callout/Callout.stories.d.ts +17 -0
  63. package/dist/src/components/atoms/ui-components/Callout/index.d.ts +2 -0
  64. package/dist/src/components/atoms/ui-components/Card/Card.d.ts +12 -0
  65. package/dist/src/components/atoms/ui-components/Card/index.d.ts +2 -0
  66. package/dist/src/components/atoms/ui-components/Checkbox/Checkbox.d.ts +11 -0
  67. package/dist/src/components/atoms/{Popover/Popover.stories.d.ts → ui-components/Checkbox/Checkbox.stories.d.ts} +26 -43
  68. package/dist/src/components/atoms/ui-components/ContextMenu/ContextMenu.d.ts +17 -0
  69. package/dist/src/components/atoms/ui-components/ContextMenu/ContextMenu.stories.d.ts +21 -0
  70. package/dist/src/components/atoms/ui-components/ContextMenu/index.d.ts +2 -0
  71. package/dist/src/components/atoms/ui-components/DataList/DataList.d.ts +11 -0
  72. package/dist/src/components/atoms/ui-components/DataList/DataList.stories.d.ts +17 -0
  73. package/dist/src/components/atoms/ui-components/DataList/index.d.ts +2 -0
  74. package/dist/src/components/atoms/ui-components/Dialog/Dialog.d.ts +20 -0
  75. package/dist/src/components/atoms/ui-components/Dialog/Dialog.stories.d.ts +25 -0
  76. package/dist/src/components/atoms/ui-components/Dialog/index.d.ts +2 -0
  77. package/dist/src/components/atoms/ui-components/DropdownMenu/DropdownMenu.d.ts +21 -0
  78. package/dist/src/components/atoms/ui-components/DropdownMenu/DropdownMenu.stories.d.ts +26 -0
  79. package/dist/src/components/atoms/ui-components/DropdownMenu/index.d.ts +2 -0
  80. package/dist/src/components/atoms/ui-components/HoverCard/HoverCard.d.ts +14 -0
  81. package/dist/src/components/atoms/ui-components/HoverCard/HoverCard.stories.d.ts +19 -0
  82. package/dist/src/components/atoms/ui-components/HoverCard/index.d.ts +2 -0
  83. package/dist/src/components/atoms/ui-components/IconButton/IconButton.d.ts +7 -0
  84. package/dist/src/components/atoms/ui-components/IconButton/IconButton.stories.d.ts +15 -0
  85. package/dist/src/components/atoms/ui-components/IconButton/index.d.ts +2 -0
  86. package/dist/src/components/atoms/ui-components/Inset/Inset.d.ts +7 -0
  87. package/dist/src/components/atoms/ui-components/Inset/Inset.stories.d.ts +13 -0
  88. package/dist/src/components/atoms/ui-components/Inset/index.d.ts +2 -0
  89. package/dist/src/components/atoms/ui-components/Popover/Popover.d.ts +15 -0
  90. package/dist/src/components/atoms/ui-components/Popover/Popover.stories.d.ts +20 -0
  91. package/dist/src/components/atoms/ui-components/Popover/index.d.ts +2 -0
  92. package/dist/src/components/atoms/ui-components/Progress/Progress.d.ts +11 -0
  93. package/dist/src/components/atoms/ui-components/Progress/index.d.ts +2 -0
  94. package/dist/src/components/atoms/ui-components/ProgressBar/ProgressBar.d.ts +11 -0
  95. package/dist/src/components/atoms/ui-components/ProgressBar/ProgressBar.stories.d.ts +59 -0
  96. package/dist/src/components/atoms/ui-components/ProgressBar/index.d.ts +2 -0
  97. package/dist/src/components/atoms/ui-components/RadioGroup/RadioGroup.d.ts +13 -0
  98. package/dist/src/components/atoms/ui-components/RadioGroup/RadioGroup.stories.d.ts +49 -0
  99. package/dist/src/components/atoms/ui-components/RadioGroup/index.d.ts +2 -0
  100. package/dist/src/components/atoms/ui-components/ScrollArea/ScrollArea.d.ts +10 -0
  101. package/dist/src/components/atoms/ui-components/ScrollArea/index.d.ts +2 -0
  102. package/dist/src/components/atoms/ui-components/Select/Select.d.ts +19 -0
  103. package/dist/src/components/atoms/ui-components/Select/Select.stories.d.ts +23 -0
  104. package/dist/src/components/atoms/ui-components/Select/index.d.ts +2 -0
  105. package/dist/src/components/atoms/ui-components/Separator/Separator.d.ts +10 -0
  106. package/dist/src/components/atoms/ui-components/Separator/index.d.ts +2 -0
  107. package/dist/src/components/atoms/ui-components/Skeleton/Skeleton.d.ts +7 -0
  108. package/dist/src/components/atoms/ui-components/Skeleton/Skeleton.stories.d.ts +14 -0
  109. package/dist/src/components/atoms/ui-components/Skeleton/index.d.ts +2 -0
  110. package/dist/src/components/atoms/ui-components/Slider/Slider.d.ts +11 -0
  111. package/dist/src/components/atoms/{Slider → ui-components/Slider}/Slider.stories.d.ts +24 -58
  112. package/dist/src/components/atoms/ui-components/Slider/index.d.ts +2 -0
  113. package/dist/src/components/atoms/ui-components/Spinner/Spinner.d.ts +7 -0
  114. package/dist/src/components/atoms/ui-components/Spinner/Spinner.stories.d.ts +14 -0
  115. package/dist/src/components/atoms/ui-components/Spinner/index.d.ts +2 -0
  116. package/dist/src/components/atoms/ui-components/Stepper/Stepper.d.ts +49 -0
  117. package/dist/src/components/atoms/ui-components/Stepper/Stepper.stories.d.ts +64 -0
  118. package/dist/src/components/atoms/ui-components/Stepper/index.d.ts +2 -0
  119. package/dist/src/components/atoms/ui-components/Switch/Switch.d.ts +11 -0
  120. package/dist/src/components/atoms/ui-components/Switch/Switch.stories.d.ts +61 -0
  121. package/dist/src/components/atoms/ui-components/Table/Table.d.ts +14 -0
  122. package/dist/src/components/atoms/ui-components/Table/Table.stories.d.ts +20 -0
  123. package/dist/src/components/atoms/ui-components/Table/index.d.ts +2 -0
  124. package/dist/src/components/atoms/ui-components/Tabs/Tabs.d.ts +15 -0
  125. package/dist/src/components/atoms/ui-components/Tabs/Tabs.stories.d.ts +20 -0
  126. package/dist/src/components/atoms/ui-components/Tabs/index.d.ts +2 -0
  127. package/dist/src/components/atoms/ui-components/TextArea/TextArea.d.ts +12 -0
  128. package/dist/src/components/atoms/ui-components/TextArea/TextArea.stories.d.ts +68 -0
  129. package/dist/src/components/atoms/ui-components/TextField/TextField.d.ts +11 -0
  130. package/dist/src/components/atoms/ui-components/TextField/TextField.stories.d.ts +14 -0
  131. package/dist/src/components/atoms/ui-components/TextField/index.d.ts +2 -0
  132. package/dist/src/components/atoms/ui-components/Tooltip/Tooltip.d.ts +11 -0
  133. package/dist/src/components/atoms/ui-components/Tooltip/Tooltip.stories.d.ts +38 -0
  134. package/dist/src/components/templates/CancellationFlowTemplate/CancellationFlow.config.d.ts +2 -0
  135. package/dist/src/components/templates/CancellationFlowTemplate/CancellationFlow.types.d.ts +85 -0
  136. package/dist/src/components/templates/CancellationFlowTemplate/CancellationFlowManager.d.ts +30 -0
  137. package/dist/src/components/templates/CancellationFlowTemplate/CancellationFlowTemplate.d.ts +4 -0
  138. package/dist/src/components/templates/CancellationFlowTemplate/CancellationFlowTemplate.stories.d.ts +47 -0
  139. package/dist/src/components/templates/CancellationFlowTemplate/index.d.ts +4 -0
  140. package/dist/src/components/templates/index.d.ts +4 -0
  141. package/package.json +3 -2
  142. package/dist/src/components/atoms/Accordion/Accordion.d.ts +0 -52
  143. package/dist/src/components/atoms/Accordion/Accordion.stories.d.ts +0 -109
  144. package/dist/src/components/atoms/Accordion/index.d.ts +0 -2
  145. package/dist/src/components/atoms/AlertDialog/AlertDialog.d.ts +0 -66
  146. package/dist/src/components/atoms/AlertDialog/AlertDialog.stories.d.ts +0 -144
  147. package/dist/src/components/atoms/AlertDialog/index.d.ts +0 -2
  148. package/dist/src/components/atoms/Avatar/Avatar.d.ts +0 -54
  149. package/dist/src/components/atoms/Avatar/index.d.ts +0 -2
  150. package/dist/src/components/atoms/Badge/Badge.d.ts +0 -58
  151. package/dist/src/components/atoms/Badge/Badge.stories.d.ts +0 -706
  152. package/dist/src/components/atoms/Badge/index.d.ts +0 -2
  153. package/dist/src/components/atoms/Button/Button.d.ts +0 -63
  154. package/dist/src/components/atoms/Button/Button.stories.d.ts +0 -763
  155. package/dist/src/components/atoms/Button/index.d.ts +0 -2
  156. package/dist/src/components/atoms/Card/Card.d.ts +0 -44
  157. package/dist/src/components/atoms/Card/index.d.ts +0 -2
  158. package/dist/src/components/atoms/Checkbox/Checkbox.d.ts +0 -52
  159. package/dist/src/components/atoms/Checkbox/Checkbox.stories.d.ts +0 -168
  160. package/dist/src/components/atoms/Dialog/Dialog.d.ts +0 -53
  161. package/dist/src/components/atoms/Dialog/Dialog.stories.d.ts +0 -122
  162. package/dist/src/components/atoms/Dialog/index.d.ts +0 -2
  163. package/dist/src/components/atoms/DropdownMenu/DropdownMenu.d.ts +0 -61
  164. package/dist/src/components/atoms/DropdownMenu/DropdownMenu.stories.d.ts +0 -109
  165. package/dist/src/components/atoms/DropdownMenu/index.d.ts +0 -2
  166. package/dist/src/components/atoms/HoverCard/HoverCard.d.ts +0 -38
  167. package/dist/src/components/atoms/HoverCard/HoverCard.stories.d.ts +0 -86
  168. package/dist/src/components/atoms/HoverCard/index.d.ts +0 -2
  169. package/dist/src/components/atoms/Label/Label.d.ts +0 -19
  170. package/dist/src/components/atoms/Label/index.d.ts +0 -2
  171. package/dist/src/components/atoms/Popover/Popover.d.ts +0 -44
  172. package/dist/src/components/atoms/Popover/index.d.ts +0 -2
  173. package/dist/src/components/atoms/Progress/Progress.d.ts +0 -45
  174. package/dist/src/components/atoms/Progress/index.d.ts +0 -2
  175. package/dist/src/components/atoms/ProgressBar/ProgressBar.d.ts +0 -66
  176. package/dist/src/components/atoms/ProgressBar/ProgressBar.stories.d.ts +0 -439
  177. package/dist/src/components/atoms/ProgressBar/index.d.ts +0 -2
  178. package/dist/src/components/atoms/RadioGroup/RadioGroup.d.ts +0 -46
  179. package/dist/src/components/atoms/RadioGroup/RadioGroup.stories.d.ts +0 -104
  180. package/dist/src/components/atoms/RadioGroup/index.d.ts +0 -2
  181. package/dist/src/components/atoms/ScrollArea/ScrollArea.d.ts +0 -36
  182. package/dist/src/components/atoms/ScrollArea/index.d.ts +0 -2
  183. package/dist/src/components/atoms/Select/Select.d.ts +0 -55
  184. package/dist/src/components/atoms/Select/index.d.ts +0 -2
  185. package/dist/src/components/atoms/Separator/Separator.d.ts +0 -17
  186. package/dist/src/components/atoms/Separator/index.d.ts +0 -2
  187. package/dist/src/components/atoms/Slider/Slider.d.ts +0 -55
  188. package/dist/src/components/atoms/Slider/index.d.ts +0 -2
  189. package/dist/src/components/atoms/Stepper/Stepper.d.ts +0 -100
  190. package/dist/src/components/atoms/Stepper/Stepper.stories.d.ts +0 -496
  191. package/dist/src/components/atoms/Stepper/index.d.ts +0 -2
  192. package/dist/src/components/atoms/Switch/Switch.d.ts +0 -49
  193. package/dist/src/components/atoms/Tabs/Tabs.d.ts +0 -35
  194. package/dist/src/components/atoms/Tabs/Tabs.stories.d.ts +0 -83
  195. package/dist/src/components/atoms/Tabs/index.d.ts +0 -2
  196. package/dist/src/components/atoms/TextArea/TextArea.d.ts +0 -62
  197. package/dist/src/components/atoms/TextArea/TextArea.stories.d.ts +0 -178
  198. package/dist/src/components/atoms/Toast/Toast.d.ts +0 -59
  199. package/dist/src/components/atoms/Toast/Toast.stories.d.ts +0 -118
  200. package/dist/src/components/atoms/Toast/index.d.ts +0 -2
  201. package/dist/src/components/atoms/Toggle/Toggle.d.ts +0 -20
  202. package/dist/src/components/atoms/Toggle/Toggle.stories.d.ts +0 -118
  203. package/dist/src/components/atoms/Toggle/index.d.ts +0 -2
  204. package/dist/src/components/atoms/Tooltip/Tooltip.d.ts +0 -32
  205. package/dist/src/components/atoms/Tooltip/Tooltip.stories.d.ts +0 -87
  206. /package/dist/src/components/atoms/{Card → ui-components/Card}/Card.stories.d.ts +0 -0
  207. /package/dist/src/components/atoms/{Checkbox → ui-components/Checkbox}/index.d.ts +0 -0
  208. /package/dist/src/components/atoms/{Progress → ui-components/Progress}/Progress.stories.d.ts +0 -0
  209. /package/dist/src/components/atoms/{ScrollArea → ui-components/ScrollArea}/ScrollArea.stories.d.ts +0 -0
  210. /package/dist/src/components/atoms/{Separator → ui-components/Separator}/Separator.stories.d.ts +0 -0
  211. /package/dist/src/components/atoms/{Switch → ui-components/Switch}/index.d.ts +0 -0
  212. /package/dist/src/components/atoms/{TextArea → ui-components/TextArea}/index.d.ts +0 -0
  213. /package/dist/src/components/atoms/{Tooltip → ui-components/Tooltip}/index.d.ts +0 -0
@@ -1,496 +0,0 @@
1
- import type { StoryObj } from "@storybook/react-vite";
2
- import React from "react";
3
- import type { ColorToken } from "./Stepper";
4
- declare const meta: {
5
- title: string;
6
- component: React.ForwardRefExoticComponent<import("./Stepper").StepperProps & React.RefAttributes<HTMLDivElement>>;
7
- parameters: {
8
- layout: string;
9
- };
10
- tags: string[];
11
- argTypes: {
12
- variant: {
13
- control: "select";
14
- options: string[];
15
- description: string;
16
- table: {
17
- category: string;
18
- };
19
- };
20
- color: {
21
- control: "select";
22
- options: string[];
23
- description: string;
24
- table: {
25
- category: string;
26
- };
27
- };
28
- barColorToken: {
29
- control: "select";
30
- options: ColorToken[];
31
- description: string;
32
- table: {
33
- category: string;
34
- };
35
- };
36
- backgroundColorToken: {
37
- control: "select";
38
- options: ColorToken[];
39
- description: string;
40
- table: {
41
- category: string;
42
- };
43
- };
44
- size: {
45
- control: "select";
46
- options: string[];
47
- description: string;
48
- table: {
49
- category: string;
50
- };
51
- };
52
- displayType: {
53
- control: "select";
54
- options: string[];
55
- description: string;
56
- table: {
57
- category: string;
58
- };
59
- };
60
- textPosition: {
61
- control: "select";
62
- options: string[];
63
- description: string;
64
- table: {
65
- category: string;
66
- };
67
- };
68
- textColorToken: {
69
- control: "select";
70
- options: ColorToken[];
71
- description: string;
72
- table: {
73
- category: string;
74
- };
75
- };
76
- currentStep: {
77
- control: {
78
- type: "number";
79
- min: number;
80
- max: number;
81
- step: number;
82
- };
83
- description: string;
84
- table: {
85
- category: string;
86
- };
87
- };
88
- totalSteps: {
89
- control: {
90
- type: "number";
91
- min: number;
92
- max: number;
93
- step: number;
94
- };
95
- description: string;
96
- table: {
97
- category: string;
98
- };
99
- };
100
- showStepText: {
101
- control: "boolean";
102
- description: string;
103
- table: {
104
- category: string;
105
- };
106
- };
107
- stepTextFormat: {
108
- control: "text";
109
- description: string;
110
- table: {
111
- category: string;
112
- };
113
- };
114
- startText: {
115
- control: "text";
116
- description: string;
117
- table: {
118
- category: string;
119
- };
120
- };
121
- endText: {
122
- control: "text";
123
- description: string;
124
- table: {
125
- category: string;
126
- };
127
- };
128
- highContrast: {
129
- control: "boolean";
130
- description: string;
131
- table: {
132
- category: string;
133
- };
134
- };
135
- radius: {
136
- control: "select";
137
- options: string[];
138
- description: string;
139
- table: {
140
- category: string;
141
- };
142
- };
143
- duration: {
144
- control: "text";
145
- description: string;
146
- table: {
147
- category: string;
148
- };
149
- };
150
- m: {
151
- table: {
152
- disable: boolean;
153
- };
154
- };
155
- mx: {
156
- table: {
157
- disable: boolean;
158
- };
159
- };
160
- my: {
161
- table: {
162
- disable: boolean;
163
- };
164
- };
165
- mt: {
166
- table: {
167
- disable: boolean;
168
- };
169
- };
170
- mr: {
171
- table: {
172
- disable: boolean;
173
- };
174
- };
175
- mb: {
176
- table: {
177
- disable: boolean;
178
- };
179
- };
180
- ml: {
181
- table: {
182
- disable: boolean;
183
- };
184
- };
185
- };
186
- decorators: ((Story: import("storybook/internal/csf").PartialStoryFn<import("@storybook/react").ReactRenderer, {
187
- variant?: import("./Stepper").StepperVariant | undefined;
188
- size?: import("./Stepper").StepperSize | undefined;
189
- color?: import("./Stepper").StepperColor | undefined;
190
- barColorToken?: ColorToken | undefined;
191
- backgroundColorToken?: ColorToken | undefined;
192
- highContrast?: boolean | undefined;
193
- currentStep?: number | undefined;
194
- totalSteps?: number | undefined;
195
- duration?: `${number}ms` | `${number}s` | undefined;
196
- radius?: "none" | "small" | "medium" | "large" | "full" | undefined;
197
- displayType?: import("./Stepper").DisplayType | undefined;
198
- textPosition?: import("./Stepper").TextPosition | undefined;
199
- textColorToken?: ColorToken | undefined;
200
- showStepText?: boolean | undefined;
201
- stepTextFormat?: string | undefined;
202
- startText?: string | undefined;
203
- endText?: string | undefined;
204
- dir?: string | undefined | undefined;
205
- slot?: string | undefined | undefined;
206
- style?: React.CSSProperties | undefined;
207
- title?: string | undefined | undefined;
208
- key?: React.Key | null | undefined;
209
- suppressContentEditableWarning?: boolean | undefined | undefined;
210
- suppressHydrationWarning?: boolean | undefined | undefined;
211
- accessKey?: string | undefined | undefined;
212
- autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {}) | undefined;
213
- autoFocus?: boolean | undefined | undefined;
214
- className?: string | undefined | undefined;
215
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
216
- contextMenu?: string | undefined | undefined;
217
- draggable?: (boolean | "true" | "false") | undefined;
218
- enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined | undefined;
219
- hidden?: boolean | undefined | undefined;
220
- id?: string | undefined | undefined;
221
- lang?: string | undefined | undefined;
222
- nonce?: string | undefined | undefined;
223
- spellCheck?: (boolean | "true" | "false") | undefined;
224
- tabIndex?: number | undefined | undefined;
225
- translate?: "yes" | "no" | undefined | undefined;
226
- radioGroup?: string | undefined | undefined;
227
- role?: React.AriaRole | undefined;
228
- about?: string | undefined | undefined;
229
- content?: string | undefined | undefined;
230
- datatype?: string | undefined | undefined;
231
- inlist?: any;
232
- prefix?: string | undefined | undefined;
233
- property?: string | undefined | undefined;
234
- rel?: string | undefined | undefined;
235
- resource?: string | undefined | undefined;
236
- rev?: string | undefined | undefined;
237
- typeof?: string | undefined | undefined;
238
- vocab?: string | undefined | undefined;
239
- autoCorrect?: string | undefined | undefined;
240
- autoSave?: string | undefined | undefined;
241
- itemProp?: string | undefined | undefined;
242
- itemScope?: boolean | undefined | undefined;
243
- itemType?: string | undefined | undefined;
244
- itemID?: string | undefined | undefined;
245
- itemRef?: string | undefined | undefined;
246
- results?: number | undefined | undefined;
247
- security?: string | undefined | undefined;
248
- unselectable?: "on" | "off" | undefined | undefined;
249
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined | undefined;
250
- is?: string | undefined | undefined;
251
- exportparts?: string | undefined | undefined;
252
- part?: string | undefined | undefined;
253
- "aria-activedescendant"?: string | undefined | undefined;
254
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
255
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined | undefined;
256
- "aria-braillelabel"?: string | undefined | undefined;
257
- "aria-brailleroledescription"?: string | undefined | undefined;
258
- "aria-busy"?: (boolean | "true" | "false") | undefined;
259
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
260
- "aria-colcount"?: number | undefined | undefined;
261
- "aria-colindex"?: number | undefined | undefined;
262
- "aria-colindextext"?: string | undefined | undefined;
263
- "aria-colspan"?: number | undefined | undefined;
264
- "aria-controls"?: string | undefined | undefined;
265
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined | undefined;
266
- "aria-describedby"?: string | undefined | undefined;
267
- "aria-description"?: string | undefined | undefined;
268
- "aria-details"?: string | undefined | undefined;
269
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
270
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined | undefined;
271
- "aria-errormessage"?: string | undefined | undefined;
272
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
273
- "aria-flowto"?: string | undefined | undefined;
274
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
275
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined | undefined;
276
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
277
- "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined | undefined;
278
- "aria-keyshortcuts"?: string | undefined | undefined;
279
- "aria-label"?: string | undefined | undefined;
280
- "aria-labelledby"?: string | undefined | undefined;
281
- "aria-level"?: number | undefined | undefined;
282
- "aria-live"?: "off" | "assertive" | "polite" | undefined | undefined;
283
- "aria-modal"?: (boolean | "true" | "false") | undefined;
284
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
285
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
286
- "aria-orientation"?: "horizontal" | "vertical" | undefined | undefined;
287
- "aria-owns"?: string | undefined | undefined;
288
- "aria-placeholder"?: string | undefined | undefined;
289
- "aria-posinset"?: number | undefined | undefined;
290
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined | undefined;
291
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
292
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined | undefined;
293
- "aria-required"?: (boolean | "true" | "false") | undefined;
294
- "aria-roledescription"?: string | undefined | undefined;
295
- "aria-rowcount"?: number | undefined | undefined;
296
- "aria-rowindex"?: number | undefined | undefined;
297
- "aria-rowindextext"?: string | undefined | undefined;
298
- "aria-rowspan"?: number | undefined | undefined;
299
- "aria-selected"?: (boolean | "true" | "false") | undefined;
300
- "aria-setsize"?: number | undefined | undefined;
301
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined | undefined;
302
- "aria-valuemax"?: number | undefined | undefined;
303
- "aria-valuemin"?: number | undefined | undefined;
304
- "aria-valuenow"?: number | undefined | undefined;
305
- "aria-valuetext"?: string | undefined | undefined;
306
- dangerouslySetInnerHTML?: {
307
- __html: string | TrustedHTML;
308
- } | undefined | undefined;
309
- onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
310
- onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
311
- onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
312
- onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
313
- onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
314
- onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
315
- onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
316
- onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
317
- onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
318
- onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
319
- onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
320
- onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
321
- onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
322
- onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
323
- onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
324
- onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
325
- onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
326
- onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
327
- onBeforeInput?: React.InputEventHandler<HTMLDivElement> | undefined;
328
- onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
329
- onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
330
- onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
331
- onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
332
- onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
333
- onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
334
- onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
335
- onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
336
- onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
337
- onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
338
- onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
339
- onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
340
- onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
341
- onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
342
- onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
343
- onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
344
- onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
345
- onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
346
- onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
347
- onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
348
- onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
349
- onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
350
- onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
351
- onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
352
- onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
353
- onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
354
- onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
355
- onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
356
- onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
357
- onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
358
- onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
359
- onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
360
- onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
361
- onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
362
- onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
363
- onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
364
- onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
365
- onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
366
- onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
367
- onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
368
- onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
369
- onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
370
- onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
371
- onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
372
- onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
373
- onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
374
- onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
375
- onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
376
- onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
377
- onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
378
- onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
379
- onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
380
- onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
381
- onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
382
- onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
383
- onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
384
- onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
385
- onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
386
- onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
387
- onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
388
- onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
389
- onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
390
- onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
391
- onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
392
- onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
393
- onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
394
- onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
395
- onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
396
- onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
397
- onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
398
- onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
399
- onDrag?: React.DragEventHandler<HTMLDivElement> | undefined;
400
- onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
401
- onDragEnd?: React.DragEventHandler<HTMLDivElement> | undefined;
402
- onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
403
- onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
404
- onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
405
- onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
406
- onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
407
- onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
408
- onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
409
- onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
410
- onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
411
- onDragStart?: React.DragEventHandler<HTMLDivElement> | undefined;
412
- onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
413
- onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
414
- onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
415
- onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
416
- onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
417
- onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
418
- onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
419
- onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
420
- onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
421
- onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
422
- onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
423
- onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
424
- onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
425
- onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
426
- onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
427
- onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
428
- onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
429
- onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
430
- onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
431
- onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
432
- onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
433
- onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
434
- onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
435
- onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
436
- onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
437
- onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
438
- onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
439
- onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
440
- onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
441
- onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
442
- onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
443
- onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
444
- onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
445
- onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
446
- onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
447
- onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
448
- onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
449
- onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
450
- onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
451
- onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
452
- onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
453
- onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
454
- onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
455
- onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
456
- onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
457
- onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
458
- onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
459
- onAnimationStart?: React.AnimationEventHandler<HTMLDivElement> | undefined;
460
- onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
461
- onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
462
- onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
463
- onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
464
- onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
465
- onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
466
- onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
467
- getValueLabel?: ((value: number, max: number) => string) | undefined;
468
- ref?: React.LegacyRef<HTMLDivElement> | undefined;
469
- }>) => import("react/jsx-runtime").JSX.Element)[];
470
- };
471
- export default meta;
472
- type Story = StoryObj<typeof meta>;
473
- export declare const Default: Story;
474
- export declare const StepsDisplay: Story;
475
- export declare const PercentageDisplay: Story;
476
- export declare const TextLeft: Story;
477
- export declare const TextRight: Story;
478
- export declare const TextTopLeft: Story;
479
- export declare const TextTopCenter: Story;
480
- export declare const TextTopRight: Story;
481
- export declare const TextBottomLeft: Story;
482
- export declare const TextBottomCenter: Story;
483
- export declare const TextBottomRight: Story;
484
- export declare const WithStartEndText: Story;
485
- export declare const WithStartEndTextPercentage: Story;
486
- export declare const WithColorTokens: Story;
487
- export declare const CustomTokenColors: Story;
488
- export declare const TextPositions: Story;
489
- export declare const DisplayTypes: Story;
490
- export declare const StartEndTextVariations: Story;
491
- export declare const OnboardingFlow: Story;
492
- export declare const FileUploadProgress: Story;
493
- export declare const CustomTextColor: Story;
494
- export declare const AllSizes: Story;
495
- export declare const Showcase: Story;
496
- export declare const InteractiveColorPicker: Story;
@@ -1,2 +0,0 @@
1
- export { Stepper } from "./Stepper";
2
- export type { StepperProps, StepperVariant, StepperSize, StepperColor, ColorToken, DisplayType, TextPosition, } from "./Stepper";
@@ -1,49 +0,0 @@
1
- /**
2
- * Switch Component
3
- * A toggle switch component that extends Radix UI Switch
4
- */
5
- import React from "react";
6
- import type { SwitchProps as RadixSwitchProps } from "@radix-ui/themes";
7
- import { type ColorToken } from "../../../tokens";
8
- import "./Switch.scss";
9
- export type { ColorToken } from "../../../tokens";
10
- export type SwitchSize = "1" | "2" | "3";
11
- export type SwitchColor = "primary" | "secondary" | "accent" | "success" | "error" | "warning";
12
- export interface SwitchProps extends Omit<RadixSwitchProps, "size" | "color" | "m" | "mx" | "my" | "mt" | "mr" | "mb" | "ml"> {
13
- /**
14
- * Switch size
15
- * @default '2'
16
- */
17
- size?: SwitchSize;
18
- /**
19
- * Switch color
20
- * @default 'primary'
21
- */
22
- color?: SwitchColor;
23
- /**
24
- * Label text for the switch
25
- */
26
- label?: string;
27
- /**
28
- * Helper text displayed below the switch
29
- */
30
- helperText?: string;
31
- /**
32
- * Position of the label relative to the switch
33
- * @default 'right'
34
- */
35
- labelPosition?: "left" | "right";
36
- /**
37
- * Color token for the switch track background (unchecked state)
38
- */
39
- backgroundColorToken?: ColorToken;
40
- /**
41
- * Color token for the switch track background (checked state)
42
- */
43
- checkedColorToken?: ColorToken;
44
- /**
45
- * Color token for the switch thumb/handle
46
- */
47
- thumbColorToken?: ColorToken;
48
- }
49
- export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,35 +0,0 @@
1
- /**
2
- * Tabs Component
3
- * A tabs component that extends Radix UI Tabs
4
- */
5
- import React from "react";
6
- import { Tabs as RadixTabs } from "@radix-ui/themes";
7
- import { type ColorToken } from "../../../tokens";
8
- import "./Tabs.scss";
9
- export type { ColorToken } from "../../../tokens";
10
- type TabsRootProps = React.ComponentPropsWithoutRef<typeof RadixTabs.Root>;
11
- export interface TabItem {
12
- value: string;
13
- label: string;
14
- content: React.ReactNode;
15
- disabled?: boolean;
16
- }
17
- export interface TabsProps extends Omit<TabsRootProps, "children"> {
18
- /**
19
- * Array of tab items
20
- */
21
- tabs: TabItem[];
22
- /**
23
- * Color token for active tab
24
- */
25
- activeColorToken?: ColorToken;
26
- /**
27
- * Color token for tab text
28
- */
29
- textColorToken?: ColorToken;
30
- /**
31
- * Custom className
32
- */
33
- className?: string;
34
- }
35
- export declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
@@ -1,83 +0,0 @@
1
- import React from "react";
2
- import type { StoryObj } from "@storybook/react-vite";
3
- import type { ColorToken } from "./Tabs";
4
- declare const meta: {
5
- title: string;
6
- component: React.ForwardRefExoticComponent<import("./Tabs").TabsProps & React.RefAttributes<HTMLDivElement>>;
7
- parameters: {
8
- layout: string;
9
- };
10
- tags: string[];
11
- argTypes: {
12
- tabs: {
13
- control: "object";
14
- description: string;
15
- table: {
16
- category: string;
17
- };
18
- };
19
- defaultValue: {
20
- control: "text";
21
- description: string;
22
- table: {
23
- category: string;
24
- };
25
- };
26
- activeColorToken: {
27
- control: "select";
28
- options: ColorToken[];
29
- description: string;
30
- table: {
31
- category: string;
32
- };
33
- };
34
- textColorToken: {
35
- control: "select";
36
- options: ColorToken[];
37
- description: string;
38
- table: {
39
- category: string;
40
- };
41
- };
42
- m: {
43
- table: {
44
- disable: true;
45
- };
46
- };
47
- mx: {
48
- table: {
49
- disable: true;
50
- };
51
- };
52
- my: {
53
- table: {
54
- disable: true;
55
- };
56
- };
57
- mt: {
58
- table: {
59
- disable: true;
60
- };
61
- };
62
- mr: {
63
- table: {
64
- disable: true;
65
- };
66
- };
67
- mb: {
68
- table: {
69
- disable: true;
70
- };
71
- };
72
- ml: {
73
- table: {
74
- disable: true;
75
- };
76
- };
77
- };
78
- };
79
- export default meta;
80
- type Story = StoryObj<typeof meta>;
81
- export declare const Default: Story;
82
- export declare const ProductInfo: Story;
83
- export declare const InteractiveColorPicker: Story;
@@ -1,2 +0,0 @@
1
- export { Tabs } from "./Tabs";
2
- export type { TabsProps, TabItem } from "./Tabs";