@pismo/marola 0.0.1-alpha.32 → 0.0.1-alpha.5

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 (170) hide show
  1. package/README.md +2 -13
  2. package/dist/{Button-2b1peDFT.js → Button-D--uN90N.js} +26 -25
  3. package/dist/Dialog.module-BKWFakxu.js +15 -0
  4. package/dist/ListContext-Dj2Va7Iv.js +18 -0
  5. package/dist/Tabs.module-BKlNuSPH.js +66 -0
  6. package/dist/assets/Button.css +1 -1
  7. package/dist/assets/Dialog.css +1 -1
  8. package/dist/assets/IconButton.css +1 -1
  9. package/dist/assets/PageHeader.css +1 -1
  10. package/dist/assets/Pagination.css +1 -1
  11. package/dist/assets/Tabs.css +1 -1
  12. package/dist/assets/Typography.css +1 -1
  13. package/dist/assets/main.css +1 -0
  14. package/dist/components/Button/Button.d.ts +2 -13
  15. package/dist/components/Button/Button.js +49 -60
  16. package/dist/components/Dialog/Actions.js +1 -1
  17. package/dist/components/Dialog/Backdrop.d.ts +1 -1
  18. package/dist/components/Dialog/Backdrop.js +1 -1
  19. package/dist/components/Dialog/CloseIconButton.js +124 -12
  20. package/dist/components/Dialog/Dialog.d.ts +3 -4
  21. package/dist/components/Dialog/Dialog.js +20098 -444
  22. package/dist/components/Dialog/{DialogTitle.d.ts → Title.d.ts} +3 -3
  23. package/dist/components/Dialog/Title.js +29 -0
  24. package/dist/components/IconButton/IconButton.d.ts +5 -21
  25. package/dist/components/IconButton/IconButton.js +76 -60
  26. package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +0 -2
  27. package/dist/components/PageHeader/PageHeader.d.ts +16 -56
  28. package/dist/components/PageHeader/PageHeader.js +65 -83
  29. package/dist/components/Pagination/Pagination.d.ts +6 -25
  30. package/dist/components/Pagination/Pagination.js +113 -131
  31. package/dist/components/SortTooltip/SortTooltip.d.ts +0 -28
  32. package/dist/components/SortTooltip/SortTooltip.js +1 -93
  33. package/dist/components/Table/Table.d.ts +0 -56
  34. package/dist/components/Table/Table.js +1 -137
  35. package/dist/components/Table/TableContext.d.ts +0 -19
  36. package/dist/components/Table/TableContext.js +1 -21
  37. package/dist/components/Tabs/Tab.d.ts +1 -6
  38. package/dist/components/Tabs/Tab.js +173 -113
  39. package/dist/components/Tabs/TabPanel.d.ts +1 -5
  40. package/dist/components/Tabs/TabPanel.js +16 -15
  41. package/dist/components/Tabs/Tabs.d.ts +2 -8
  42. package/dist/components/Tabs/Tabs.js +664 -242
  43. package/dist/components/Tooltip/Tooltip.d.ts +0 -33
  44. package/dist/components/Tooltip/Tooltip.js +1 -141
  45. package/dist/components/Typography/Typography.d.ts +6 -17
  46. package/dist/components/Typography/Typography.js +58 -58
  47. package/dist/{index-CH45lKw7.js → index-BvA1HyDs.js} +300 -322
  48. package/dist/main.d.ts +8 -27
  49. package/dist/main.js +28 -75
  50. package/dist/objectWithoutPropertiesLoose-ClNcje2_.js +22 -0
  51. package/dist/types/helpers.d.ts +0 -8
  52. package/dist/useButton-abQpo0za.js +187 -0
  53. package/dist/useCompoundItem-wTwXbURC.js +41 -0
  54. package/package.json +9 -30
  55. package/dist/ClickAwayListener-BSW-Nd-y.js +0 -107
  56. package/dist/Dialog.module-DFEmFdYT.js +0 -30
  57. package/dist/Group-B3p31ftp.js +0 -26
  58. package/dist/Popup-B6ZSGIEI.js +0 -1248
  59. package/dist/Portal-DIeBsWdL.js +0 -73
  60. package/dist/SelectButton-C8JQKaf4.js +0 -61
  61. package/dist/Tabs.module-jkH1Qjn7.js +0 -22
  62. package/dist/Toggle-BCgIItCc.js +0 -142
  63. package/dist/assets/Advice.css +0 -1
  64. package/dist/assets/Checkbox.css +0 -1
  65. package/dist/assets/EllipsisTooltip.css +0 -1
  66. package/dist/assets/Group.css +0 -1
  67. package/dist/assets/Input.css +0 -1
  68. package/dist/assets/InputSearch.css +0 -1
  69. package/dist/assets/SelectButton.css +0 -1
  70. package/dist/assets/Skeleton.css +0 -1
  71. package/dist/assets/Snackbar.css +0 -1
  72. package/dist/assets/SortTooltip.css +0 -1
  73. package/dist/assets/Stepper.css +0 -1
  74. package/dist/assets/Table.css +0 -1
  75. package/dist/assets/TextDisplay.css +0 -1
  76. package/dist/assets/Toggle.css +0 -1
  77. package/dist/assets/Toggle2.css +0 -1
  78. package/dist/assets/Tooltip.css +0 -1
  79. package/dist/combineHooksSlotProps-DVjg9PRh.js +0 -80
  80. package/dist/components/Advice/Advice.d.ts +0 -30
  81. package/dist/components/Advice/Advice.js +0 -47
  82. package/dist/components/Advice/Advice.stories.d.ts +0 -18
  83. package/dist/components/Button/Button.stories.d.ts +0 -62
  84. package/dist/components/Checkbox/Checkbox.d.ts +0 -34
  85. package/dist/components/Checkbox/Checkbox.js +0 -71
  86. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -31
  87. package/dist/components/Chip/Chip.d.ts +0 -39
  88. package/dist/components/Chip/Chip.js +0 -19
  89. package/dist/components/Chip/Chip.stories.d.ts +0 -42
  90. package/dist/components/Chip/chip.test.d.ts +0 -1
  91. package/dist/components/Dialog/Dialog.stories.d.ts +0 -343
  92. package/dist/components/Dialog/DialogTitle.js +0 -29
  93. package/dist/components/EllipsisTooltip/EllipsisTooltip.d.ts +0 -7
  94. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +0 -23
  95. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +0 -31
  96. package/dist/components/Icon/Icon.d.ts +0 -11
  97. package/dist/components/Icon/Icon.js +0 -127
  98. package/dist/components/Icon/Icon.stories.d.ts +0 -15
  99. package/dist/components/Icon/types.d.ts +0 -5
  100. package/dist/components/Icon/types.js +0 -1
  101. package/dist/components/IconButton/Icon.stories.d.ts +0 -15
  102. package/dist/components/Input/Input.d.ts +0 -44
  103. package/dist/components/Input/Input.js +0 -508
  104. package/dist/components/Input/Input.stories.d.ts +0 -43
  105. package/dist/components/InputSearch/InputSearch.d.ts +0 -9
  106. package/dist/components/InputSearch/InputSearch.js +0 -34
  107. package/dist/components/InputSearch/InputSearch.stories.d.ts +0 -39
  108. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +0 -14
  109. package/dist/components/PageHeader/PageHeader.stories.d.ts +0 -14
  110. package/dist/components/Pagination/Pagination.stories.d.ts +0 -17
  111. package/dist/components/Select/Select.d.ts +0 -26
  112. package/dist/components/Select/Select.js +0 -857
  113. package/dist/components/Select/Select.stories.d.ts +0 -22
  114. package/dist/components/Select/SelectButton.d.ts +0 -12
  115. package/dist/components/Select/SelectButton.js +0 -8
  116. package/dist/components/Skeleton/Skeleton.d.ts +0 -25
  117. package/dist/components/Skeleton/Skeleton.js +0 -23
  118. package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -14
  119. package/dist/components/Skeleton/SkeletonCircle.stories.d.ts +0 -14
  120. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +0 -16
  121. package/dist/components/Snackbar/Snackbar.d.ts +0 -27
  122. package/dist/components/Snackbar/Snackbar.js +0 -639
  123. package/dist/components/Snackbar/Snackbar.stories.d.ts +0 -319
  124. package/dist/components/Stepper/Stepper.d.ts +0 -26
  125. package/dist/components/Stepper/Stepper.js +0 -48
  126. package/dist/components/Stepper/Stepper.stories.d.ts +0 -16
  127. package/dist/components/Table/Table.stories.d.ts +0 -29
  128. package/dist/components/Table/_Table.TBody.stories.d.ts +0 -14
  129. package/dist/components/Table/_Table.THead.stories.d.ts +0 -14
  130. package/dist/components/Table/_Table.Td.stories.d.ts +0 -16
  131. package/dist/components/Table/_Table.Th.stories.d.ts +0 -15
  132. package/dist/components/Table/_Table.Tr.stories.d.ts +0 -15
  133. package/dist/components/Tabs/Tab.stories.d.ts +0 -15
  134. package/dist/components/Tabs/TabPanel.stories.d.ts +0 -14
  135. package/dist/components/Tabs/Tabs.stories.d.ts +0 -14
  136. package/dist/components/TextDisplay/TextDisplay.d.ts +0 -23
  137. package/dist/components/TextDisplay/TextDisplay.js +0 -37
  138. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +0 -13
  139. package/dist/components/TextDisplay/textDisplay.test.d.ts +0 -1
  140. package/dist/components/Toggle/Toggle.d.ts +0 -11
  141. package/dist/components/Toggle/Toggle.js +0 -266
  142. package/dist/components/Toggle/Toggle.stories.d.ts +0 -21
  143. package/dist/components/ToggleGroup/Group.d.ts +0 -18
  144. package/dist/components/ToggleGroup/Group.js +0 -7
  145. package/dist/components/ToggleGroup/Group.test.d.ts +0 -1
  146. package/dist/components/ToggleGroup/Toggle.d.ts +0 -15
  147. package/dist/components/ToggleGroup/Toggle.js +0 -17
  148. package/dist/components/ToggleGroup/Toggle.test.d.ts +0 -1
  149. package/dist/components/ToggleGroup/ToggleGroup.d.ts +0 -2
  150. package/dist/components/ToggleGroup/ToggleGroup.js +0 -6
  151. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -25
  152. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -35
  153. package/dist/components/Typography/Typography.stories.d.ts +0 -32
  154. package/dist/components/Typography/typography.test.d.ts +0 -1
  155. package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +0 -11
  156. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +0 -50
  157. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +0 -21
  158. package/dist/index-CjW42-M-.js +0 -19584
  159. package/dist/marola.css +0 -1
  160. package/dist/test-utils/assertStyles.d.ts +0 -1
  161. package/dist/test-utils/assertStyles.js +0 -11
  162. package/dist/useButton-DNk3wrQp.js +0 -105
  163. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  164. package/dist/useEventCallback-xTG9piMa.js +0 -45
  165. package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
  166. package/dist/useList-B0hog_3-.js +0 -436
  167. package/dist/useTimeout-DxF9kiZL.js +0 -36
  168. package/dist/utils/styleStrings.d.ts +0 -6
  169. package/dist/utils/styleStrings.js +0 -10
  170. package/dist/utils/styleStrings.test.d.ts +0 -1
@@ -1,319 +0,0 @@
1
- import { SnackbarProps } from './Snackbar';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ snackbarMessage, variant, autoHideDuration, open, onClose, onClosed, classNameWrapper, "data-testid": dataTestId, }: SnackbarProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
9
- accept?: string | undefined;
10
- alt?: string | undefined;
11
- autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;
12
- capture?: boolean | "user" | "environment" | undefined;
13
- checked?: boolean | undefined;
14
- disabled?: boolean | undefined;
15
- enterKeyHint?: "search" | "next" | "enter" | "done" | "go" | "previous" | "send" | undefined;
16
- form?: string | undefined;
17
- formAction?: string | undefined;
18
- formEncType?: string | undefined;
19
- formMethod?: string | undefined;
20
- formNoValidate?: boolean | undefined;
21
- formTarget?: string | undefined;
22
- height?: string | number | undefined;
23
- list?: string | undefined;
24
- max?: string | number | undefined;
25
- maxLength?: number | undefined;
26
- min?: string | number | undefined;
27
- minLength?: number | undefined;
28
- multiple?: boolean | undefined;
29
- name?: string | undefined;
30
- pattern?: string | undefined;
31
- placeholder?: string | undefined;
32
- readOnly?: boolean | undefined;
33
- required?: boolean | undefined;
34
- size?: number | undefined;
35
- src?: string | undefined;
36
- step?: string | number | undefined;
37
- type?: import('react').HTMLInputTypeAttribute | undefined;
38
- value?: string | number | readonly string[] | undefined;
39
- width?: string | number | undefined;
40
- onChange?: import('react').ChangeEventHandler<HTMLInputElement> | undefined;
41
- defaultChecked?: boolean | undefined;
42
- defaultValue?: string | number | readonly string[] | undefined;
43
- suppressContentEditableWarning?: boolean | undefined;
44
- suppressHydrationWarning?: boolean | undefined;
45
- accessKey?: string | undefined;
46
- autoFocus?: boolean | undefined;
47
- className?: string | undefined;
48
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
49
- contextMenu?: string | undefined;
50
- dir?: string | undefined;
51
- draggable?: (boolean | "true" | "false") | undefined;
52
- hidden?: boolean | undefined;
53
- id?: string | undefined;
54
- lang?: string | undefined;
55
- nonce?: string | undefined;
56
- slot?: string | undefined;
57
- spellCheck?: (boolean | "true" | "false") | undefined;
58
- style?: import('react').CSSProperties | undefined;
59
- tabIndex?: number | undefined;
60
- title?: string | undefined;
61
- translate?: "no" | "yes" | undefined;
62
- radioGroup?: string | undefined;
63
- role?: import('react').AriaRole | undefined;
64
- about?: string | undefined;
65
- content?: string | undefined;
66
- datatype?: string | undefined;
67
- inlist?: any;
68
- prefix?: string | undefined;
69
- property?: string | undefined;
70
- rel?: string | undefined;
71
- resource?: string | undefined;
72
- rev?: string | undefined;
73
- typeof?: string | undefined;
74
- vocab?: string | undefined;
75
- autoCapitalize?: string | undefined;
76
- autoCorrect?: string | undefined;
77
- autoSave?: string | undefined;
78
- color?: string | undefined;
79
- itemProp?: string | undefined;
80
- itemScope?: boolean | undefined;
81
- itemType?: string | undefined;
82
- itemID?: string | undefined;
83
- itemRef?: string | undefined;
84
- results?: number | undefined;
85
- security?: string | undefined;
86
- unselectable?: "on" | "off" | undefined;
87
- inputMode?: "url" | "search" | "text" | "email" | "tel" | "none" | "numeric" | "decimal" | undefined;
88
- is?: string | undefined;
89
- "aria-activedescendant"?: string | undefined;
90
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
91
- "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
92
- "aria-braillelabel"?: string | undefined;
93
- "aria-brailleroledescription"?: string | undefined;
94
- "aria-busy"?: (boolean | "true" | "false") | undefined;
95
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
96
- "aria-colcount"?: number | undefined;
97
- "aria-colindex"?: number | undefined;
98
- "aria-colindextext"?: string | undefined;
99
- "aria-colspan"?: number | undefined;
100
- "aria-controls"?: string | undefined;
101
- "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
102
- "aria-describedby"?: string | undefined;
103
- "aria-description"?: string | undefined;
104
- "aria-details"?: string | undefined;
105
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
106
- "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
107
- "aria-errormessage"?: string | undefined;
108
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
109
- "aria-flowto"?: string | undefined;
110
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
111
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
112
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
113
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
114
- "aria-keyshortcuts"?: string | undefined;
115
- "aria-label"?: string | undefined;
116
- "aria-labelledby"?: string | undefined;
117
- "aria-level"?: number | undefined;
118
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
119
- "aria-modal"?: (boolean | "true" | "false") | undefined;
120
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
121
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
122
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
123
- "aria-owns"?: string | undefined;
124
- "aria-placeholder"?: string | undefined;
125
- "aria-posinset"?: number | undefined;
126
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
127
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
128
- "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
129
- "aria-required"?: (boolean | "true" | "false") | undefined;
130
- "aria-roledescription"?: string | undefined;
131
- "aria-rowcount"?: number | undefined;
132
- "aria-rowindex"?: number | undefined;
133
- "aria-rowindextext"?: string | undefined;
134
- "aria-rowspan"?: number | undefined;
135
- "aria-selected"?: (boolean | "true" | "false") | undefined;
136
- "aria-setsize"?: number | undefined;
137
- "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
138
- "aria-valuemax"?: number | undefined;
139
- "aria-valuemin"?: number | undefined;
140
- "aria-valuenow"?: number | undefined;
141
- "aria-valuetext"?: string | undefined;
142
- children?: import('react').ReactNode;
143
- dangerouslySetInnerHTML?: {
144
- __html: string | TrustedHTML;
145
- } | undefined;
146
- onCopy?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
147
- onCopyCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
148
- onCut?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
149
- onCutCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
150
- onPaste?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
151
- onPasteCapture?: import('react').ClipboardEventHandler<HTMLInputElement> | undefined;
152
- onCompositionEnd?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
153
- onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
154
- onCompositionStart?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
155
- onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
156
- onCompositionUpdate?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
157
- onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLInputElement> | undefined;
158
- onFocus?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
159
- onFocusCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
160
- onBlur?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
161
- onBlurCapture?: import('react').FocusEventHandler<HTMLInputElement> | undefined;
162
- onChangeCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
163
- onBeforeInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
164
- onBeforeInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
165
- onInput?: import('react').FormEventHandler<HTMLInputElement> | undefined;
166
- onInputCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
167
- onReset?: import('react').FormEventHandler<HTMLInputElement> | undefined;
168
- onResetCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
169
- onSubmit?: import('react').FormEventHandler<HTMLInputElement> | undefined;
170
- onSubmitCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
171
- onInvalid?: import('react').FormEventHandler<HTMLInputElement> | undefined;
172
- onInvalidCapture?: import('react').FormEventHandler<HTMLInputElement> | undefined;
173
- onLoad?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
174
- onLoadCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
175
- onError?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
176
- onErrorCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
177
- onKeyDown?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
178
- onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
179
- onKeyPress?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
180
- onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
181
- onKeyUp?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
182
- onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLInputElement> | undefined;
183
- onAbort?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
184
- onAbortCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
185
- onCanPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
186
- onCanPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
187
- onCanPlayThrough?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
188
- onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
189
- onDurationChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
190
- onDurationChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
191
- onEmptied?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
192
- onEmptiedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
193
- onEncrypted?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
194
- onEncryptedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
195
- onEnded?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
196
- onEndedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
197
- onLoadedData?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
198
- onLoadedDataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
199
- onLoadedMetadata?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
200
- onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
201
- onLoadStart?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
202
- onLoadStartCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
203
- onPause?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
204
- onPauseCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
205
- onPlay?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
206
- onPlayCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
207
- onPlaying?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
208
- onPlayingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
209
- onProgress?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
210
- onProgressCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
211
- onRateChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
212
- onRateChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
213
- onResize?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
214
- onResizeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
215
- onSeeked?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
216
- onSeekedCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
217
- onSeeking?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
218
- onSeekingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
219
- onStalled?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
220
- onStalledCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
221
- onSuspend?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
222
- onSuspendCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
223
- onTimeUpdate?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
224
- onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
225
- onVolumeChange?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
226
- onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
227
- onWaiting?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
228
- onWaitingCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
229
- onAuxClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
230
- onAuxClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
231
- onClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
232
- onClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
233
- onContextMenu?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
234
- onContextMenuCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
235
- onDoubleClick?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
236
- onDoubleClickCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
237
- onDrag?: import('react').DragEventHandler<HTMLInputElement> | undefined;
238
- onDragCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
239
- onDragEnd?: import('react').DragEventHandler<HTMLInputElement> | undefined;
240
- onDragEndCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
241
- onDragEnter?: import('react').DragEventHandler<HTMLInputElement> | undefined;
242
- onDragEnterCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
243
- onDragExit?: import('react').DragEventHandler<HTMLInputElement> | undefined;
244
- onDragExitCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
245
- onDragLeave?: import('react').DragEventHandler<HTMLInputElement> | undefined;
246
- onDragLeaveCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
247
- onDragOver?: import('react').DragEventHandler<HTMLInputElement> | undefined;
248
- onDragOverCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
249
- onDragStart?: import('react').DragEventHandler<HTMLInputElement> | undefined;
250
- onDragStartCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
251
- onDrop?: import('react').DragEventHandler<HTMLInputElement> | undefined;
252
- onDropCapture?: import('react').DragEventHandler<HTMLInputElement> | undefined;
253
- onMouseDown?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
254
- onMouseDownCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
255
- onMouseEnter?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
256
- onMouseLeave?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
257
- onMouseMove?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
258
- onMouseMoveCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
259
- onMouseOut?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
260
- onMouseOutCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
261
- onMouseOver?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
262
- onMouseOverCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
263
- onMouseUp?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
264
- onMouseUpCapture?: import('react').MouseEventHandler<HTMLInputElement> | undefined;
265
- onSelect?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
266
- onSelectCapture?: import('react').ReactEventHandler<HTMLInputElement> | undefined;
267
- onTouchCancel?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
268
- onTouchCancelCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
269
- onTouchEnd?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
270
- onTouchEndCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
271
- onTouchMove?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
272
- onTouchMoveCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
273
- onTouchStart?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
274
- onTouchStartCapture?: import('react').TouchEventHandler<HTMLInputElement> | undefined;
275
- onPointerDown?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
276
- onPointerDownCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
277
- onPointerMove?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
278
- onPointerMoveCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
279
- onPointerUp?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
280
- onPointerUpCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
281
- onPointerCancel?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
282
- onPointerCancelCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
283
- onPointerEnter?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
284
- onPointerLeave?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
285
- onPointerOver?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
286
- onPointerOverCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
287
- onPointerOut?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
288
- onPointerOutCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
289
- onGotPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
290
- onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
291
- onLostPointerCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
292
- onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLInputElement> | undefined;
293
- onScroll?: import('react').UIEventHandler<HTMLInputElement> | undefined;
294
- onScrollCapture?: import('react').UIEventHandler<HTMLInputElement> | undefined;
295
- onWheel?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
296
- onWheelCapture?: import('react').WheelEventHandler<HTMLInputElement> | undefined;
297
- onAnimationStart?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
298
- onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
299
- onAnimationEnd?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
300
- onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
301
- onAnimationIteration?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
302
- onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLInputElement> | undefined;
303
- onTransitionEnd?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
304
- onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLInputElement> | undefined;
305
- variant: import('./Snackbar').SnackbarVariant;
306
- snackbarMessage: string;
307
- open?: boolean | undefined;
308
- 'data-testid'?: string | undefined;
309
- classNameWrapper?: string | undefined;
310
- autoHideDuration?: number | undefined;
311
- onClose?: (() => void) | undefined;
312
- onClosed?: (() => void) | undefined;
313
- }>) => import("react/jsx-runtime").JSX.Element)[];
314
- };
315
- export default meta;
316
- type Story = StoryObj<typeof meta>;
317
- export declare const Success: Story;
318
- export declare const Error: Story;
319
- export declare const Warning: Story;
@@ -1,26 +0,0 @@
1
- import { ReactNode } from 'react';
2
-
3
- export type StepperProps = {
4
- /** Array of items to be rendered as steps */
5
- steps: Array<ReactNode>;
6
- /** The current selected step */
7
- currentStep: number;
8
- /** CSS classes to be applied on the container element */
9
- className?: string;
10
- /** CSS classes to be applied on the item element */
11
- classNameItem?: string;
12
- /** CSS classes to be applied on the counter element */
13
- classNameCounter?: string;
14
- /** CSS classes to be applied on the name element */
15
- classNameName?: string;
16
- /** Id to be applied as `data-testid` on the container element */
17
- 'data-testid'?: string;
18
- /** Id to be applied as `data-testid` on the item element */
19
- 'data-testid-item'?: string;
20
- /** Id to be applied as `data-testid` on the counter element */
21
- 'data-testid-counter'?: string;
22
- /** Id to be applied as `data-testid` on the name element */
23
- 'data-testid-name'?: string;
24
- };
25
- declare const Stepper: ({ currentStep, steps, classNameItem, classNameCounter, classNameName, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
26
- export { Stepper };
@@ -1,48 +0,0 @@
1
- import '../../assets/Stepper.css';
2
- import { jsx as _, jsxs as d } from "react/jsx-runtime";
3
- import { c as p } from "../../clsx-DB4S2d7J.js";
4
- const m = "_stepper_a47qe_60", c = "_item_a47qe_60", n = "_name_a47qe_60", l = "_counter_a47qe_64", e = {
5
- "u-typography-h1": "_u-typography-h1_a47qe_1",
6
- "u-typography-h2": "_u-typography-h2_a47qe_8",
7
- "u-typography-h3": "_u-typography-h3_a47qe_15",
8
- "u-typography-h4": "_u-typography-h4_a47qe_22",
9
- "u-typography-h5": "_u-typography-h5_a47qe_29",
10
- "u-typography-h6": "_u-typography-h6_a47qe_36",
11
- "u-typography-base": "_u-typography-base_a47qe_43",
12
- "u-typography-base--xxl": "_u-typography-base--xxl_a47qe_48",
13
- "u-typography-base--xl": "_u-typography-base--xl_a47qe_52",
14
- "u-typography-base--lg": "_u-typography-base--lg_a47qe_56",
15
- "u-typography-base--sm": "_u-typography-base--sm_a47qe_60",
16
- stepper: m,
17
- item: c,
18
- name: n,
19
- "u-typography-base--bold": "_u-typography-base--bold_a47qe_64",
20
- "item--active": "_item--active_a47qe_64",
21
- "item--completed": "_item--completed_a47qe_64",
22
- counter: l,
23
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_a47qe_67",
24
- "u-typography-base--underlined": "_u-typography-base--underlined_a47qe_70",
25
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_a47qe_73"
26
- }, v = ({ currentStep: y = 0, steps: r, classNameItem: s, classNameCounter: o, classNameName: h, ...a }) => /* @__PURE__ */ _("div", { className: p(e.stepper, a.className), "data-testid": a["data-testid"], children: r.map((u, t) => {
27
- const i = t < y, g = t === y;
28
- return /* @__PURE__ */ d(
29
- "div",
30
- {
31
- className: p(
32
- e.item,
33
- i && e["item--completed"],
34
- g && e["item--active"],
35
- s
36
- ),
37
- "data-testid": a["data-testid-item"],
38
- children: [
39
- /* @__PURE__ */ _("div", { className: p(e.counter, o), "data-testid": a["data-testid-counter"], children: t + 1 }),
40
- /* @__PURE__ */ _("div", { className: p(e.name, h), "data-testid": a["data-testid-name"], children: u })
41
- ]
42
- },
43
- t
44
- );
45
- }) });
46
- export {
47
- v as Stepper
48
- };
@@ -1,16 +0,0 @@
1
- import { StepperProps } from './Stepper';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ currentStep, steps, classNameItem, classNameCounter, classNameName, ...rest }: StepperProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- parameters: {
9
- layout: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- export declare const Simple: Story;
15
- export declare const WithStepsAsTexts: Story;
16
- export declare const WithCustomStepNames: Story;
@@ -1,29 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: {
6
- ({ children, theme, fullWidth, className, paginationProps, language, translations, ...rest }: import('./Table').TableProps): import("react/jsx-runtime").JSX.Element;
7
- THead: import('react').FunctionComponent<import('./Table').ChildrenProps>;
8
- TBody: import('react').FunctionComponent<import('./Table').ChildrenProps>;
9
- Tr: import('react').FunctionComponent<import('./Table').TrProps>;
10
- Td: import('react').FunctionComponent<import('./Table').TdProps>;
11
- Th: import('react').FunctionComponent<import('./Table').ThProps>;
12
- };
13
- tags: string[];
14
- parameters: {
15
- layout: string;
16
- };
17
- subcomponents: {
18
- 'Table.THead': import('react').FunctionComponent<unknown>;
19
- 'Table.TBody': import('react').FunctionComponent<unknown>;
20
- 'Table.Tr': import('react').FunctionComponent<unknown>;
21
- 'Table.Th': import('react').FunctionComponent<unknown>;
22
- 'Table.Td': import('react').FunctionComponent<unknown>;
23
- };
24
- };
25
- export default meta;
26
- type Story = StoryObj<typeof meta>;
27
- export declare const Default: Story;
28
- export declare const WithPagination: Story;
29
- export declare const WithLanguage: Story;
@@ -1,14 +0,0 @@
1
- import { ChildrenProps } from './Table';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ children, ...rest }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- parameters: {
9
- layout: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- export declare const Default: Story;
@@ -1,14 +0,0 @@
1
- import { ChildrenProps } from './Table';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ children, ...rest }: ChildrenProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- parameters: {
9
- layout: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- export declare const Default: Story;
@@ -1,16 +0,0 @@
1
- import { TdProps } from './Table';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ children, onClick, disabled, className, align, ...rest }: TdProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- parameters: {
9
- layout: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- export declare const Default: Story;
15
- export declare const WithAlign: Story;
16
- export declare const Disabled: Story;
@@ -1,15 +0,0 @@
1
- import { ThProps } from './Table';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ children, onSort, sortType, className, classNameTooltip, align, ...rest }: ThProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- parameters: {
9
- layout: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- export declare const Default: Story;
15
- export declare const WithAlign: Story;
@@ -1,15 +0,0 @@
1
- import { TrProps } from './Table';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ children, onClick, disabled, className, ...rest }: TrProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- parameters: {
9
- layout: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- export declare const Default: Story;
15
- export declare const Disabled: Story;
@@ -1,15 +0,0 @@
1
- import { TabProps } from './Tabs.tsx';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: import('react').ForwardRefExoticComponent<TabProps & import('react').RefAttributes<HTMLButtonElement>>;
7
- tags: string[];
8
- parameters: {
9
- layout: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- export declare const Simple: Story;
15
- export declare const Disabled: Story;
@@ -1,14 +0,0 @@
1
- import { TabPanelProps } from './Tabs.tsx';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: import('react').ForwardRefExoticComponent<TabPanelProps & import('react').RefAttributes<HTMLDivElement>>;
7
- tags: string[];
8
- parameters: {
9
- layout: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- export declare const Simple: Story;
@@ -1,14 +0,0 @@
1
- import { TabsProps } from './Tabs.tsx';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: import('react').ForwardRefExoticComponent<TabsProps & import('react').RefAttributes<HTMLDivElement>>;
7
- tags: string[];
8
- parameters: {
9
- layout: string;
10
- };
11
- };
12
- export default meta;
13
- type Story = StoryObj<typeof meta>;
14
- export declare const Simple: Story;
@@ -1,23 +0,0 @@
1
- import { VariantType } from '../Typography/Typography.tsx';
2
- import { default as React } from 'react';
3
-
4
- type OptionsProps = {
5
- variant?: VariantType;
6
- color?: string;
7
- };
8
- export interface TextDisplayProps {
9
- /** TextDisplay label */
10
- label: React.ReactNode;
11
- /** TextDisplay value */
12
- value: React.ReactNode;
13
- /** Renders skeleton when true */
14
- isLoading?: boolean;
15
- /** Sets the testId prefix for label, value and skeletons */
16
- testId?: string;
17
- /** Sets the label options */
18
- labelOptions?: OptionsProps;
19
- /** Sets the value options */
20
- valueOptions?: OptionsProps;
21
- }
22
- export declare const TextDisplay: ({ label, value, isLoading, testId, labelOptions, valueOptions, }: TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
23
- export {};
@@ -1,37 +0,0 @@
1
- import '../../assets/TextDisplay.css';
2
- import { jsxs as h, jsx as c } from "react/jsx-runtime";
3
- import { Skeleton as d } from "../Skeleton/Skeleton.js";
4
- import { Typography as o } from "../Typography/Typography.js";
5
- const x = "_container_13z5o_1", f = {
6
- container: x
7
- }, $ = ({
8
- label: m,
9
- value: y,
10
- isLoading: e = !1,
11
- testId: t = "TextDisplay",
12
- labelOptions: r,
13
- valueOptions: a
14
- }) => /* @__PURE__ */ h("div", { className: f.container, children: [
15
- /* @__PURE__ */ c(
16
- o,
17
- {
18
- color: (r == null ? void 0 : r.color) || "var(--gray-90)",
19
- variant: (r == null ? void 0 : r.variant) || "base",
20
- "data-testid": `${t}-label`,
21
- children: e ? /* @__PURE__ */ c(d, { style: { width: 70, marginBottom: 2 }, "data-testid": `${t}-skeletonLabel` }) : m
22
- }
23
- ),
24
- /* @__PURE__ */ c(
25
- o,
26
- {
27
- bold: !0,
28
- color: (a == null ? void 0 : a.color) || "var(--gray-90)",
29
- variant: (a == null ? void 0 : a.variant) || "base-lg",
30
- "data-testid": `${t}-value`,
31
- children: e ? /* @__PURE__ */ c(d, { style: { width: 100 }, "data-testid": `${t}-skeletonValue` }) : y || "-"
32
- }
33
- )
34
- ] });
35
- export {
36
- $ as TextDisplay
37
- };