@pismo/marola 0.0.1-alpha.31 → 0.0.1-alpha.4

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 (174) hide show
  1. package/README.md +5 -17
  2. package/dist/{Button-2b1peDFT.js → Button-C3Qm852g.js} +23 -23
  3. package/dist/Dialog.module-BO0mdB7d.js +15 -0
  4. package/dist/ListContext-D6-YwtZn.js +18 -0
  5. package/dist/Tabs.module-_kSbSyth.js +66 -0
  6. package/dist/assets/CallToActionButton.css +1 -0
  7. package/dist/assets/Dialog.css +1 -1
  8. package/dist/assets/LoadingSpinner.css +1 -1
  9. package/dist/assets/Tabs.css +1 -1
  10. package/dist/assets/Typography.css +1 -1
  11. package/dist/assets/main.css +1 -0
  12. package/dist/components/CallToActionButton/CallToActionButton.d.ts +21 -0
  13. package/dist/components/CallToActionButton/CallToActionButton.js +57 -0
  14. package/dist/components/Dialog/Actions.js +1 -1
  15. package/dist/components/Dialog/Backdrop.d.ts +1 -1
  16. package/dist/components/Dialog/Backdrop.js +9 -2
  17. package/dist/components/Dialog/CloseIconButton.js +124 -12
  18. package/dist/components/Dialog/Dialog.d.ts +5 -6
  19. package/dist/components/Dialog/Dialog.js +20103 -445
  20. package/dist/components/Dialog/{DialogTitle.d.ts → Title.d.ts} +3 -3
  21. package/dist/components/Dialog/Title.js +14 -0
  22. package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +0 -2
  23. package/dist/components/LoadingSpinner/LoadingSpinner.js +13 -12
  24. package/dist/components/Tabs/Tab.d.ts +1 -6
  25. package/dist/components/Tabs/Tab.js +173 -118
  26. package/dist/components/Tabs/TabPanel.d.ts +1 -5
  27. package/dist/components/Tabs/TabPanel.js +10 -8
  28. package/dist/components/Tabs/Tabs.d.ts +2 -8
  29. package/dist/components/Tabs/Tabs.js +701 -250
  30. package/dist/components/Typography/Typography.d.ts +6 -17
  31. package/dist/components/Typography/Typography.js +64 -55
  32. package/dist/{index-CH45lKw7.js → index-BZ1lkM_M.js} +159 -162
  33. package/dist/main.d.ts +5 -27
  34. package/dist/main.js +21 -76
  35. package/dist/types/helpers.d.ts +7 -14
  36. package/dist/useButton-CbmjmH5z.js +186 -0
  37. package/dist/useCompoundItem-B7wfGDHQ.js +41 -0
  38. package/package.json +10 -51
  39. package/src/playground/Playground.tsx +20 -0
  40. package/dist/ClickAwayListener-BSW-Nd-y.js +0 -107
  41. package/dist/Dialog.module-DFEmFdYT.js +0 -30
  42. package/dist/Group-B3p31ftp.js +0 -26
  43. package/dist/Popup-B6ZSGIEI.js +0 -1248
  44. package/dist/Portal-DIeBsWdL.js +0 -73
  45. package/dist/SelectButton-C8JQKaf4.js +0 -61
  46. package/dist/Tabs.module-jkH1Qjn7.js +0 -22
  47. package/dist/Toggle-BXcLAMNy.js +0 -142
  48. package/dist/assets/Advice.css +0 -1
  49. package/dist/assets/Button.css +0 -1
  50. package/dist/assets/Checkbox.css +0 -1
  51. package/dist/assets/EllipsisTooltip.css +0 -1
  52. package/dist/assets/Group.css +0 -1
  53. package/dist/assets/IconButton.css +0 -1
  54. package/dist/assets/Input.css +0 -1
  55. package/dist/assets/InputSearch.css +0 -1
  56. package/dist/assets/PageHeader.css +0 -1
  57. package/dist/assets/Pagination.css +0 -1
  58. package/dist/assets/SelectButton.css +0 -1
  59. package/dist/assets/Skeleton.css +0 -1
  60. package/dist/assets/Snackbar.css +0 -1
  61. package/dist/assets/SortTooltip.css +0 -1
  62. package/dist/assets/Stepper.css +0 -1
  63. package/dist/assets/Table.css +0 -1
  64. package/dist/assets/TextDisplay.css +0 -1
  65. package/dist/assets/Toggle.css +0 -1
  66. package/dist/assets/Toggle2.css +0 -1
  67. package/dist/assets/Tooltip.css +0 -1
  68. package/dist/combineHooksSlotProps-DVjg9PRh.js +0 -80
  69. package/dist/components/Advice/Advice.d.ts +0 -30
  70. package/dist/components/Advice/Advice.js +0 -48
  71. package/dist/components/Advice/Advice.stories.d.ts +0 -18
  72. package/dist/components/Button/Button.d.ts +0 -32
  73. package/dist/components/Button/Button.js +0 -65
  74. package/dist/components/Button/Button.stories.d.ts +0 -62
  75. package/dist/components/Checkbox/Checkbox.d.ts +0 -34
  76. package/dist/components/Checkbox/Checkbox.js +0 -71
  77. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -31
  78. package/dist/components/Chip/Chip.d.ts +0 -39
  79. package/dist/components/Chip/Chip.js +0 -19
  80. package/dist/components/Chip/Chip.stories.d.ts +0 -42
  81. package/dist/components/Chip/chip.test.d.ts +0 -1
  82. package/dist/components/Dialog/Dialog.stories.d.ts +0 -343
  83. package/dist/components/Dialog/DialogTitle.js +0 -29
  84. package/dist/components/EllipsisTooltip/EllipsisTooltip.d.ts +0 -7
  85. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +0 -23
  86. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +0 -31
  87. package/dist/components/Icon/Icon.d.ts +0 -27
  88. package/dist/components/Icon/Icon.js +0 -136
  89. package/dist/components/Icon/Icon.stories.d.ts +0 -16
  90. package/dist/components/IconButton/Icon.stories.d.ts +0 -15
  91. package/dist/components/IconButton/IconButton.d.ts +0 -38
  92. package/dist/components/IconButton/IconButton.js +0 -63
  93. package/dist/components/Input/Input.d.ts +0 -44
  94. package/dist/components/Input/Input.js +0 -508
  95. package/dist/components/Input/Input.stories.d.ts +0 -43
  96. package/dist/components/InputSearch/InputSearch.d.ts +0 -9
  97. package/dist/components/InputSearch/InputSearch.js +0 -34
  98. package/dist/components/InputSearch/InputSearch.stories.d.ts +0 -39
  99. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +0 -14
  100. package/dist/components/PageHeader/PageHeader.d.ts +0 -66
  101. package/dist/components/PageHeader/PageHeader.js +0 -87
  102. package/dist/components/PageHeader/PageHeader.stories.d.ts +0 -14
  103. package/dist/components/Pagination/Pagination.d.ts +0 -55
  104. package/dist/components/Pagination/Pagination.js +0 -237
  105. package/dist/components/Pagination/Pagination.stories.d.ts +0 -17
  106. package/dist/components/Select/Select.d.ts +0 -26
  107. package/dist/components/Select/Select.js +0 -857
  108. package/dist/components/Select/Select.stories.d.ts +0 -22
  109. package/dist/components/Select/SelectButton.d.ts +0 -12
  110. package/dist/components/Select/SelectButton.js +0 -8
  111. package/dist/components/Skeleton/Skeleton.d.ts +0 -25
  112. package/dist/components/Skeleton/Skeleton.js +0 -23
  113. package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -14
  114. package/dist/components/Skeleton/SkeletonCircle.stories.d.ts +0 -14
  115. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +0 -16
  116. package/dist/components/Snackbar/Snackbar.d.ts +0 -27
  117. package/dist/components/Snackbar/Snackbar.js +0 -639
  118. package/dist/components/Snackbar/Snackbar.stories.d.ts +0 -319
  119. package/dist/components/SortTooltip/SortTooltip.d.ts +0 -28
  120. package/dist/components/SortTooltip/SortTooltip.js +0 -93
  121. package/dist/components/Stepper/Stepper.d.ts +0 -26
  122. package/dist/components/Stepper/Stepper.js +0 -48
  123. package/dist/components/Stepper/Stepper.stories.d.ts +0 -16
  124. package/dist/components/Table/Table.d.ts +0 -56
  125. package/dist/components/Table/Table.js +0 -137
  126. package/dist/components/Table/Table.stories.d.ts +0 -29
  127. package/dist/components/Table/TableContext.d.ts +0 -19
  128. package/dist/components/Table/TableContext.js +0 -21
  129. package/dist/components/Table/_Table.TBody.stories.d.ts +0 -14
  130. package/dist/components/Table/_Table.THead.stories.d.ts +0 -14
  131. package/dist/components/Table/_Table.Td.stories.d.ts +0 -16
  132. package/dist/components/Table/_Table.Th.stories.d.ts +0 -15
  133. package/dist/components/Table/_Table.Tr.stories.d.ts +0 -15
  134. package/dist/components/Tabs/Tab.stories.d.ts +0 -15
  135. package/dist/components/Tabs/TabPanel.stories.d.ts +0 -14
  136. package/dist/components/Tabs/Tabs.stories.d.ts +0 -14
  137. package/dist/components/TextDisplay/TextDisplay.d.ts +0 -23
  138. package/dist/components/TextDisplay/TextDisplay.js +0 -37
  139. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +0 -13
  140. package/dist/components/TextDisplay/textDisplay.test.d.ts +0 -1
  141. package/dist/components/Toggle/Toggle.d.ts +0 -11
  142. package/dist/components/Toggle/Toggle.js +0 -266
  143. package/dist/components/Toggle/Toggle.stories.d.ts +0 -21
  144. package/dist/components/ToggleGroup/Group.d.ts +0 -18
  145. package/dist/components/ToggleGroup/Group.js +0 -7
  146. package/dist/components/ToggleGroup/Group.test.d.ts +0 -1
  147. package/dist/components/ToggleGroup/Toggle.d.ts +0 -15
  148. package/dist/components/ToggleGroup/Toggle.js +0 -16
  149. package/dist/components/ToggleGroup/Toggle.test.d.ts +0 -1
  150. package/dist/components/ToggleGroup/ToggleGroup.d.ts +0 -2
  151. package/dist/components/ToggleGroup/ToggleGroup.js +0 -6
  152. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -25
  153. package/dist/components/Tooltip/Tooltip.d.ts +0 -33
  154. package/dist/components/Tooltip/Tooltip.js +0 -141
  155. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -35
  156. package/dist/components/Typography/Typography.stories.d.ts +0 -32
  157. package/dist/components/Typography/typography.test.d.ts +0 -1
  158. package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +0 -11
  159. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +0 -50
  160. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +0 -21
  161. package/dist/index-CjW42-M-.js +0 -19584
  162. package/dist/marola.css +0 -1
  163. package/dist/test-utils/assertStyles.d.ts +0 -1
  164. package/dist/test-utils/assertStyles.js +0 -11
  165. package/dist/useButton-DNk3wrQp.js +0 -105
  166. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  167. package/dist/useControlled-CCMYYdCM.js +0 -31
  168. package/dist/useEventCallback-xTG9piMa.js +0 -45
  169. package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
  170. package/dist/useList-B0hog_3-.js +0 -436
  171. package/dist/useTimeout-DxF9kiZL.js +0 -36
  172. package/dist/utils/styleStrings.d.ts +0 -6
  173. package/dist/utils/styleStrings.js +0 -10
  174. package/dist/utils/styleStrings.test.d.ts +0 -1
@@ -1,343 +0,0 @@
1
- import { DialogProps } from '../../main';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
9
- children: import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
10
- dialogTitle: import('react').ReactNode;
11
- dialogSubtitle?: import('react').ReactNode;
12
- isLoading?: boolean | undefined;
13
- onClose?: (() => void) | undefined;
14
- closeAfterTransition?: boolean | undefined;
15
- container?: Element | (() => Element | null) | null | undefined;
16
- disableAutoFocus?: boolean | undefined;
17
- disableEnforceFocus?: boolean | undefined;
18
- disableEscapeKeyDown?: boolean | undefined;
19
- disablePortal?: boolean | undefined;
20
- disableRestoreFocus?: boolean | undefined;
21
- disableScrollLock?: boolean | undefined;
22
- hideBackdrop?: boolean | undefined;
23
- keepMounted?: boolean | undefined;
24
- onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
25
- onTransitionEnter?: (() => void) | undefined;
26
- onTransitionExited?: (() => void) | undefined;
27
- open: boolean;
28
- slotProps?: {
29
- root?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalRootSlotPropsOverrides, {
30
- children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
31
- closeAfterTransition: boolean;
32
- container?: Element | (() => Element | null) | null | undefined;
33
- disableAutoFocus: boolean;
34
- disableEnforceFocus: boolean;
35
- disableEscapeKeyDown: boolean;
36
- disablePortal: boolean;
37
- disableRestoreFocus: boolean;
38
- disableScrollLock: boolean;
39
- hideBackdrop: boolean;
40
- keepMounted: boolean;
41
- onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
42
- onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
43
- onTransitionEnter?: (() => void) | undefined;
44
- onTransitionExited?: (() => void) | undefined;
45
- open: boolean;
46
- slotProps?: any | undefined;
47
- slots?: import('@mui/base').ModalSlots | undefined;
48
- exited: boolean;
49
- }> | undefined;
50
- backdrop?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalBackdropSlotPropsOverrides, {
51
- children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
52
- closeAfterTransition: boolean;
53
- container?: Element | (() => Element | null) | null | undefined;
54
- disableAutoFocus: boolean;
55
- disableEnforceFocus: boolean;
56
- disableEscapeKeyDown: boolean;
57
- disablePortal: boolean;
58
- disableRestoreFocus: boolean;
59
- disableScrollLock: boolean;
60
- hideBackdrop: boolean;
61
- keepMounted: boolean;
62
- onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
63
- onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
64
- onTransitionEnter?: (() => void) | undefined;
65
- onTransitionExited?: (() => void) | undefined;
66
- open: boolean;
67
- slotProps?: any | undefined;
68
- slots?: import('@mui/base').ModalSlots | undefined;
69
- exited: boolean;
70
- }> | undefined;
71
- } | undefined;
72
- slots?: import('@mui/base').ModalSlots | undefined;
73
- slot?: string | undefined;
74
- style?: import('react').CSSProperties | undefined;
75
- title?: string | undefined;
76
- suppressHydrationWarning?: boolean | undefined;
77
- className?: string | undefined;
78
- color?: string | undefined;
79
- id?: string | undefined;
80
- lang?: string | undefined;
81
- role?: import('react').AriaRole | undefined;
82
- tabIndex?: number | undefined;
83
- "aria-activedescendant"?: string | undefined;
84
- "aria-atomic"?: (boolean | "true" | "false") | undefined;
85
- "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
86
- "aria-braillelabel"?: string | undefined;
87
- "aria-brailleroledescription"?: string | undefined;
88
- "aria-busy"?: (boolean | "true" | "false") | undefined;
89
- "aria-checked"?: boolean | "true" | "false" | "mixed" | undefined;
90
- "aria-colcount"?: number | undefined;
91
- "aria-colindex"?: number | undefined;
92
- "aria-colindextext"?: string | undefined;
93
- "aria-colspan"?: number | undefined;
94
- "aria-controls"?: string | undefined;
95
- "aria-current"?: boolean | "time" | "true" | "false" | "step" | "date" | "page" | "location" | undefined;
96
- "aria-describedby"?: string | undefined;
97
- "aria-description"?: string | undefined;
98
- "aria-details"?: string | undefined;
99
- "aria-disabled"?: (boolean | "true" | "false") | undefined;
100
- "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
101
- "aria-errormessage"?: string | undefined;
102
- "aria-expanded"?: (boolean | "true" | "false") | undefined;
103
- "aria-flowto"?: string | undefined;
104
- "aria-grabbed"?: (boolean | "true" | "false") | undefined;
105
- "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false" | undefined;
106
- "aria-hidden"?: (boolean | "true" | "false") | undefined;
107
- "aria-invalid"?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
108
- "aria-keyshortcuts"?: string | undefined;
109
- "aria-label"?: string | undefined;
110
- "aria-labelledby"?: string | undefined;
111
- "aria-level"?: number | undefined;
112
- "aria-live"?: "off" | "assertive" | "polite" | undefined;
113
- "aria-modal"?: (boolean | "true" | "false") | undefined;
114
- "aria-multiline"?: (boolean | "true" | "false") | undefined;
115
- "aria-multiselectable"?: (boolean | "true" | "false") | undefined;
116
- "aria-orientation"?: "horizontal" | "vertical" | undefined;
117
- "aria-owns"?: string | undefined;
118
- "aria-placeholder"?: string | undefined;
119
- "aria-posinset"?: number | undefined;
120
- "aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
121
- "aria-readonly"?: (boolean | "true" | "false") | undefined;
122
- "aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
123
- "aria-required"?: (boolean | "true" | "false") | undefined;
124
- "aria-roledescription"?: string | undefined;
125
- "aria-rowcount"?: number | undefined;
126
- "aria-rowindex"?: number | undefined;
127
- "aria-rowindextext"?: string | undefined;
128
- "aria-rowspan"?: number | undefined;
129
- "aria-selected"?: (boolean | "true" | "false") | undefined;
130
- "aria-setsize"?: number | undefined;
131
- "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
132
- "aria-valuemax"?: number | undefined;
133
- "aria-valuemin"?: number | undefined;
134
- "aria-valuenow"?: number | undefined;
135
- "aria-valuetext"?: string | undefined;
136
- dangerouslySetInnerHTML?: {
137
- __html: string | TrustedHTML;
138
- } | undefined;
139
- onCopy?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
140
- onCopyCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
141
- onCut?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
142
- onCutCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
143
- onPaste?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
144
- onPasteCapture?: import('react').ClipboardEventHandler<HTMLDivElement> | undefined;
145
- onCompositionEnd?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
146
- onCompositionEndCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
147
- onCompositionStart?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
148
- onCompositionStartCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
149
- onCompositionUpdate?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
150
- onCompositionUpdateCapture?: import('react').CompositionEventHandler<HTMLDivElement> | undefined;
151
- onFocus?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
152
- onFocusCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
153
- onBlur?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
154
- onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
155
- onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
156
- onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
157
- onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
158
- onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
159
- onInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
160
- onInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
161
- onReset?: import('react').FormEventHandler<HTMLDivElement> | undefined;
162
- onResetCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
163
- onSubmit?: import('react').FormEventHandler<HTMLDivElement> | undefined;
164
- onSubmitCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
165
- onInvalid?: import('react').FormEventHandler<HTMLDivElement> | undefined;
166
- onInvalidCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
167
- onLoad?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
168
- onLoadCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
169
- onError?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
170
- onErrorCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
171
- onKeyDown?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
172
- onKeyDownCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
173
- onKeyPress?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
174
- onKeyPressCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
175
- onKeyUp?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
176
- onKeyUpCapture?: import('react').KeyboardEventHandler<HTMLDivElement> | undefined;
177
- onAbort?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
178
- onAbortCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
179
- onCanPlay?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
180
- onCanPlayCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
181
- onCanPlayThrough?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
182
- onCanPlayThroughCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
183
- onDurationChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
184
- onDurationChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
185
- onEmptied?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
186
- onEmptiedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
187
- onEncrypted?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
188
- onEncryptedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
189
- onEnded?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
190
- onEndedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
191
- onLoadedData?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
192
- onLoadedDataCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
193
- onLoadedMetadata?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
194
- onLoadedMetadataCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
195
- onLoadStart?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
196
- onLoadStartCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
197
- onPause?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
198
- onPauseCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
199
- onPlay?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
200
- onPlayCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
201
- onPlaying?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
202
- onPlayingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
203
- onProgress?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
204
- onProgressCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
205
- onRateChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
206
- onRateChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
207
- onResize?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
208
- onResizeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
209
- onSeeked?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
210
- onSeekedCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
211
- onSeeking?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
212
- onSeekingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
213
- onStalled?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
214
- onStalledCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
215
- onSuspend?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
216
- onSuspendCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
217
- onTimeUpdate?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
218
- onTimeUpdateCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
219
- onVolumeChange?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
220
- onVolumeChangeCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
221
- onWaiting?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
222
- onWaitingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
223
- onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
224
- onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
225
- onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
226
- onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
227
- onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
228
- onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
229
- onDoubleClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
230
- onDoubleClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
231
- onDrag?: import('react').DragEventHandler<HTMLDivElement> | undefined;
232
- onDragCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
233
- onDragEnd?: import('react').DragEventHandler<HTMLDivElement> | undefined;
234
- onDragEndCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
235
- onDragEnter?: import('react').DragEventHandler<HTMLDivElement> | undefined;
236
- onDragEnterCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
237
- onDragExit?: import('react').DragEventHandler<HTMLDivElement> | undefined;
238
- onDragExitCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
239
- onDragLeave?: import('react').DragEventHandler<HTMLDivElement> | undefined;
240
- onDragLeaveCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
241
- onDragOver?: import('react').DragEventHandler<HTMLDivElement> | undefined;
242
- onDragOverCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
243
- onDragStart?: import('react').DragEventHandler<HTMLDivElement> | undefined;
244
- onDragStartCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
245
- onDrop?: import('react').DragEventHandler<HTMLDivElement> | undefined;
246
- onDropCapture?: import('react').DragEventHandler<HTMLDivElement> | undefined;
247
- onMouseDown?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
248
- onMouseDownCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
249
- onMouseEnter?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
250
- onMouseLeave?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
251
- onMouseMove?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
252
- onMouseMoveCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
253
- onMouseOut?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
254
- onMouseOutCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
255
- onMouseOver?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
256
- onMouseOverCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
257
- onMouseUp?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
258
- onMouseUpCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
259
- onSelect?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
260
- onSelectCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
261
- onTouchCancel?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
262
- onTouchCancelCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
263
- onTouchEnd?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
264
- onTouchEndCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
265
- onTouchMove?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
266
- onTouchMoveCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
267
- onTouchStart?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
268
- onTouchStartCapture?: import('react').TouchEventHandler<HTMLDivElement> | undefined;
269
- onPointerDown?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
270
- onPointerDownCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
271
- onPointerMove?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
272
- onPointerMoveCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
273
- onPointerUp?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
274
- onPointerUpCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
275
- onPointerCancel?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
276
- onPointerCancelCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
277
- onPointerEnter?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
278
- onPointerLeave?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
279
- onPointerOver?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
280
- onPointerOverCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
281
- onPointerOut?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
282
- onPointerOutCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
283
- onGotPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
284
- onGotPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
285
- onLostPointerCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
286
- onLostPointerCaptureCapture?: import('react').PointerEventHandler<HTMLDivElement> | undefined;
287
- onScroll?: import('react').UIEventHandler<HTMLDivElement> | undefined;
288
- onScrollCapture?: import('react').UIEventHandler<HTMLDivElement> | undefined;
289
- onWheel?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
290
- onWheelCapture?: import('react').WheelEventHandler<HTMLDivElement> | undefined;
291
- onAnimationStart?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
292
- onAnimationStartCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
293
- onAnimationEnd?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
294
- onAnimationEndCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
295
- onAnimationIteration?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
296
- onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
297
- onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
298
- onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
299
- ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
300
- key?: import('react').Key | null | undefined;
301
- content?: string | undefined;
302
- defaultChecked?: boolean | undefined;
303
- defaultValue?: string | number | readonly string[] | undefined;
304
- suppressContentEditableWarning?: boolean | undefined;
305
- accessKey?: string | undefined;
306
- autoFocus?: boolean | undefined;
307
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
308
- contextMenu?: string | undefined;
309
- dir?: string | undefined;
310
- draggable?: (boolean | "true" | "false") | undefined;
311
- hidden?: boolean | undefined;
312
- nonce?: string | undefined;
313
- spellCheck?: (boolean | "true" | "false") | undefined;
314
- translate?: "no" | "yes" | undefined;
315
- radioGroup?: string | undefined;
316
- about?: string | undefined;
317
- datatype?: string | undefined;
318
- inlist?: any;
319
- prefix?: string | undefined;
320
- property?: string | undefined;
321
- rel?: string | undefined;
322
- resource?: string | undefined;
323
- rev?: string | undefined;
324
- typeof?: string | undefined;
325
- vocab?: string | undefined;
326
- autoCapitalize?: string | undefined;
327
- autoCorrect?: string | undefined;
328
- autoSave?: string | undefined;
329
- itemProp?: string | undefined;
330
- itemScope?: boolean | undefined;
331
- itemType?: string | undefined;
332
- itemID?: string | undefined;
333
- itemRef?: string | undefined;
334
- results?: number | undefined;
335
- security?: string | undefined;
336
- unselectable?: "on" | "off" | undefined;
337
- inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
338
- is?: string | undefined;
339
- }>) => import("react/jsx-runtime").JSX.Element)[];
340
- };
341
- export default meta;
342
- type Story = StoryObj<typeof meta>;
343
- export declare const Simple: Story;
@@ -1,29 +0,0 @@
1
- import { jsxs as l, Fragment as o, jsx as e } from "react/jsx-runtime";
2
- import { Typography as r } from "../Typography/Typography.js";
3
- import { s as a } from "../../Dialog.module-DFEmFdYT.js";
4
- const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
5
- /* @__PURE__ */ e(
6
- r,
7
- {
8
- element: "h1",
9
- elementProps: { id: "alert-dialog-title" },
10
- variant: "h4",
11
- className: a.dialog__title,
12
- children: t
13
- }
14
- ),
15
- /* @__PURE__ */ e("hr", { className: a.dialog__divider, "aria-hidden": !0 }),
16
- i && /* @__PURE__ */ e(
17
- r,
18
- {
19
- element: "h2",
20
- elementProps: { id: "alert-dialog-description" },
21
- variant: "h4",
22
- className: a.dialog__subtitle,
23
- children: i
24
- }
25
- )
26
- ] });
27
- export {
28
- n as default
29
- };
@@ -1,7 +0,0 @@
1
- import { TooltipProps } from '../Tooltip/Tooltip';
2
-
3
- export type EllipsisTooltipProps = Omit<TooltipProps, 'onTargetCreated'> & {
4
- lineClamp?: number;
5
- };
6
- declare const EllipsisTooltip: ({ lineClamp, children, className, disableHoverListener, ...rest }: EllipsisTooltipProps) => import("react/jsx-runtime").JSX.Element;
7
- export { EllipsisTooltip };
@@ -1,23 +0,0 @@
1
- import '../../assets/EllipsisTooltip.css';
2
- import { jsx as l } from "react/jsx-runtime";
3
- import { useState as h } from "react";
4
- import { c as d } from "../../clsx-DB4S2d7J.js";
5
- import { Tooltip as g } from "../Tooltip/Tooltip.js";
6
- const H = {
7
- "ellipsis-tooltip": "_ellipsis-tooltip_krf68_1"
8
- }, S = ({
9
- lineClamp: s = 1,
10
- children: e,
11
- className: i,
12
- disableHoverListener: o,
13
- ...r
14
- }) => {
15
- const [c, a] = h(!1), p = (t) => {
16
- const m = t.scrollWidth > t.clientWidth, f = t.scrollHeight > t.clientHeight;
17
- a(m || f);
18
- }, n = typeof o == "boolean" ? o : !c;
19
- return /* @__PURE__ */ l(g, { className: d(i), ...r, onTargetCreated: p, disableHoverListener: n, children: /* @__PURE__ */ l("span", { style: { "--line-clamp": s }, className: H["ellipsis-tooltip"], children: e }) });
20
- };
21
- export {
22
- S as EllipsisTooltip
23
- };
@@ -1,31 +0,0 @@
1
- import { EllipsisTooltipProps } from './EllipsisTooltip.tsx';
2
- import { StoryObj } from '@storybook/react';
3
-
4
- declare const meta: {
5
- title: string;
6
- component: ({ lineClamp, children, className, disableHoverListener, ...rest }: EllipsisTooltipProps) => import("react/jsx-runtime").JSX.Element;
7
- tags: string[];
8
- parameters: {
9
- layout: string;
10
- };
11
- decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
12
- style?: import('react').CSSProperties | undefined;
13
- title: import('react').ReactNode;
14
- className?: string | undefined;
15
- children: import('react').ReactNode;
16
- 'data-testid'?: string | undefined;
17
- open?: boolean | undefined;
18
- onClose?: (() => void) | undefined;
19
- theme?: "black" | "white" | undefined;
20
- position?: import('@floating-ui/utils').Placement | undefined;
21
- padding?: "small" | "normal" | undefined;
22
- arialRole?: import('react').AriaRole | undefined;
23
- disableHoverListener?: boolean | undefined;
24
- lineClamp?: number | undefined;
25
- }>) => import("react/jsx-runtime").JSX.Element)[];
26
- };
27
- export default meta;
28
- type Story = StoryObj<typeof meta>;
29
- export declare const Simple: Story;
30
- export declare const OneLineEllipsis: Story;
31
- export declare const TwoLinesEllipsis: Story;
@@ -1,27 +0,0 @@
1
- export declare const FamilyAndIcons: {
2
- readonly 'fa/duotone': readonly ["arrow-down-arrow-up", "calendar-days", "circle-arrow-right", "circle-exclamation", "circle-xmark", "eye-slash", "folder-magnifying-glass", "lock-keyhole", "magnifying-glass", "xmark", "warehouse-full", "rectangle-history", "account-group", "arrow-left", "trash"];
3
- readonly pi: readonly ["logo"];
4
- };
5
- export type IconFamilies = keyof typeof FamilyAndIcons;
6
- export type IconPropsByIconFamily<T extends IconFamilies> = {
7
- /** Icon family name */
8
- iconFamily: T;
9
- /** Icon name */
10
- icon: (typeof FamilyAndIcons)[T][number];
11
- } | {
12
- /** Icon family name */
13
- iconFamily?: never | undefined;
14
- /** Icon name */
15
- icon: (typeof FamilyAndIcons)['fa/duotone'][number];
16
- };
17
- export type IconCommonProps = {
18
- /** Size of icon */
19
- size?: number | string;
20
- /** Color of the icon */
21
- color?: string;
22
- };
23
- export type IconProps<T extends IconFamilies> = IconCommonProps & IconPropsByIconFamily<T>;
24
- /**
25
- * Icon component for most common icons used in Marola
26
- */
27
- export declare const Icon: <T extends "fa/duotone" | "pi">({ iconFamily, icon, size, color }: IconProps<T>) => import("react/jsx-runtime").JSX.Element;