@pismo/marola 1.0.0-beta.49 → 1.0.0-beta.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 (147) hide show
  1. package/dist/{Button-BAljjMv3.js → Button-2b1peDFT.js} +2 -2
  2. package/dist/{ClickAwayListener-DbEYZpyh.js → ClickAwayListener-BSW-Nd-y.js} +3 -4
  3. package/dist/Dialog.module-DFEmFdYT.js +30 -0
  4. package/dist/Group-B3p31ftp.js +26 -0
  5. package/dist/{Popup-Ck3XlWMq.js → Popup-B6ZSGIEI.js} +3 -3
  6. package/dist/{Portal-oY3enyAm.js → Portal-DIeBsWdL.js} +2 -2
  7. package/dist/SelectButton-K3OIfR5m.js +61 -0
  8. package/dist/{Tabs.module-BGGTkDc5.js → Tabs.module-jkH1Qjn7.js} +7 -7
  9. package/dist/Toggle-BCgIItCc.js +142 -0
  10. package/dist/assets/Advice.css +1 -1
  11. package/dist/assets/Button.css +1 -1
  12. package/dist/assets/Checkbox.css +1 -1
  13. package/dist/assets/Dialog.css +1 -1
  14. package/dist/assets/EllipsisTooltip.css +1 -1
  15. package/dist/assets/Group.css +1 -1
  16. package/dist/assets/IconButton.css +1 -1
  17. package/dist/assets/Input.css +1 -1
  18. package/dist/assets/PageHeader.css +1 -1
  19. package/dist/assets/Pagination.css +1 -1
  20. package/dist/assets/SelectButton.css +1 -1
  21. package/dist/assets/Skeleton.css +1 -1
  22. package/dist/assets/Snackbar.css +1 -1
  23. package/dist/assets/SortTooltip.css +1 -1
  24. package/dist/assets/Stepper.css +1 -1
  25. package/dist/assets/Table.css +1 -1
  26. package/dist/assets/Tabs.css +1 -1
  27. package/dist/assets/TextDisplay.css +1 -1
  28. package/dist/assets/Toggle.css +1 -1
  29. package/dist/assets/Toggle2.css +1 -1
  30. package/dist/assets/Typography.css +1 -1
  31. package/dist/{combineHooksSlotProps-C-zYvfnF.js → combineHooksSlotProps-DVjg9PRh.js} +1 -1
  32. package/dist/components/Advice/Advice.d.ts +17 -32
  33. package/dist/components/Advice/Advice.js +40 -39
  34. package/dist/components/Advice/Advice.stories.d.ts +3 -4
  35. package/dist/components/Button/Button.d.ts +0 -2
  36. package/dist/components/Button/Button.js +49 -51
  37. package/dist/components/Checkbox/Checkbox.js +52 -52
  38. package/dist/components/Chip/Chip.d.ts +12 -6
  39. package/dist/components/Chip/Chip.js +6 -9
  40. package/dist/components/Chip/Chip.stories.d.ts +14 -5
  41. package/dist/components/Dialog/Actions.js +1 -1
  42. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  43. package/dist/components/Dialog/Backdrop.js +7 -8
  44. package/dist/components/Dialog/CloseIconButton.d.ts +2 -1
  45. package/dist/components/Dialog/CloseIconButton.js +18 -15
  46. package/dist/components/Dialog/Dialog.d.ts +6 -9
  47. package/dist/components/Dialog/Dialog.js +139 -139
  48. package/dist/components/Dialog/Dialog.stories.d.ts +46 -50
  49. package/dist/components/Dialog/DialogTitle.js +1 -1
  50. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +17 -30
  51. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -2
  52. package/dist/components/Icon/Icon.js +52 -177
  53. package/dist/components/Icon/types.d.ts +1 -1
  54. package/dist/components/IconButton/IconButton.js +42 -42
  55. package/dist/components/Input/Input.d.ts +5 -24
  56. package/dist/components/Input/Input.js +292 -301
  57. package/dist/components/Input/Input.stories.d.ts +21 -2
  58. package/dist/components/InputSearch/InputSearch.stories.d.ts +21 -1
  59. package/dist/components/PageHeader/PageHeader.js +57 -57
  60. package/dist/components/Pagination/Pagination.d.ts +1 -5
  61. package/dist/components/Pagination/Pagination.js +185 -87
  62. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  63. package/dist/components/Select/Select.d.ts +0 -21
  64. package/dist/components/Select/Select.js +413 -476
  65. package/dist/components/Select/SelectButton.d.ts +0 -2
  66. package/dist/components/Select/SelectButton.js +2 -3
  67. package/dist/components/Skeleton/Skeleton.d.ts +1 -3
  68. package/dist/components/Skeleton/Skeleton.js +14 -20
  69. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  70. package/dist/components/Snackbar/Snackbar.js +94 -94
  71. package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
  72. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  73. package/dist/components/Stepper/Stepper.js +35 -35
  74. package/dist/components/Table/Table.d.ts +1 -3
  75. package/dist/components/Table/Table.js +99 -87
  76. package/dist/components/Table/Table.stories.d.ts +1 -1
  77. package/dist/components/Tabs/Tab.d.ts +3 -5
  78. package/dist/components/Tabs/Tab.js +36 -38
  79. package/dist/components/Tabs/TabPanel.d.ts +2 -4
  80. package/dist/components/Tabs/TabPanel.js +40 -51
  81. package/dist/components/Tabs/Tabs.d.ts +4 -6
  82. package/dist/components/Tabs/Tabs.js +128 -131
  83. package/dist/components/TextDisplay/TextDisplay.d.ts +3 -9
  84. package/dist/components/TextDisplay/TextDisplay.js +31 -45
  85. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -2
  86. package/dist/components/Toggle/Toggle.js +56 -56
  87. package/dist/components/ToggleGroup/Group.d.ts +0 -2
  88. package/dist/components/ToggleGroup/Group.js +2 -4
  89. package/dist/components/ToggleGroup/Toggle.d.ts +0 -2
  90. package/dist/components/ToggleGroup/Toggle.js +5 -7
  91. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  92. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -2
  93. package/dist/components/Tooltip/Tooltip.d.ts +1 -3
  94. package/dist/components/Tooltip/Tooltip.js +4 -4
  95. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -1
  96. package/dist/components/Typography/Typography.js +47 -47
  97. package/dist/{useSlotProps-C_I1kEHr.js → index-CH45lKw7.js} +99 -99
  98. package/dist/{index-bQFToy-I.js → index-CjW42-M-.js} +1 -1
  99. package/dist/main.d.ts +0 -6
  100. package/dist/main.js +76 -87
  101. package/dist/{useButton-DcihopJG.js → useButton-DNk3wrQp.js} +1 -1
  102. package/dist/useCompoundItem-D1iRfg8D.js +84 -0
  103. package/dist/useEventCallback-xTG9piMa.js +45 -0
  104. package/dist/{useList-B9C55YB7.js → useList-B0hog_3-.js} +2 -2
  105. package/package.json +12 -21
  106. package/dist/Dialog.module-D9e4RsKo.js +0 -30
  107. package/dist/Group-DspH8hyO.js +0 -30
  108. package/dist/Popover.module-B4boCutS.js +0 -10
  109. package/dist/SelectButton-B38avP9u.js +0 -75
  110. package/dist/Toggle-BbmXeuJd.js +0 -188
  111. package/dist/assets/Adornment.css +0 -1
  112. package/dist/assets/Autocomplete.css +0 -1
  113. package/dist/assets/Popover.css +0 -1
  114. package/dist/assets/ResultWithChips.css +0 -1
  115. package/dist/assets/StepperNavigator.css +0 -1
  116. package/dist/components/Adornment/Adornment.d.ts +0 -20
  117. package/dist/components/Adornment/Adornment.js +0 -13
  118. package/dist/components/Adornment/Adornment.stories.d.ts +0 -14
  119. package/dist/components/Adornment/adornment.test.d.ts +0 -1
  120. package/dist/components/Autocomplete/Autocomplete.d.ts +0 -20
  121. package/dist/components/Autocomplete/Autocomplete.js +0 -679
  122. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +0 -23
  123. package/dist/components/Pagination/usePagination.d.ts +0 -90
  124. package/dist/components/Pagination/usePagination.js +0 -79
  125. package/dist/components/Popover/Popover.d.ts +0 -32
  126. package/dist/components/Popover/Popover.js +0 -24
  127. package/dist/components/Popover/Popover.stories.d.ts +0 -34
  128. package/dist/components/Popover/PopoverBody.d.ts +0 -6
  129. package/dist/components/Popover/PopoverBody.js +0 -6
  130. package/dist/components/Popover/PopoverFooter.d.ts +0 -6
  131. package/dist/components/Popover/PopoverFooter.js +0 -6
  132. package/dist/components/Popover/PopoverHeader.d.ts +0 -6
  133. package/dist/components/Popover/PopoverHeader.js +0 -6
  134. package/dist/components/ResultWithChips/ResultWithChips.d.ts +0 -12
  135. package/dist/components/ResultWithChips/ResultWithChips.js +0 -33
  136. package/dist/components/RowItem/RowItem.d.ts +0 -25
  137. package/dist/components/RowItem/RowItem.js +0 -21
  138. package/dist/components/RowItem/RowItem.stories.d.ts +0 -17
  139. package/dist/components/RowItem/rowItem.test.d.ts +0 -1
  140. package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -58
  141. package/dist/components/StepperNavigator/StepperNavigator.js +0 -115
  142. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -18
  143. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +0 -1
  144. package/dist/ownerDocument-YGhwAnr1.js +0 -33
  145. package/dist/useCompoundItem-B7Eo_qZk.js +0 -68
  146. package/dist/useEventCallback-BAQJJ3ye.js +0 -14
  147. package/dist/useId-BW-oWmul.js +0 -19
@@ -3,17 +3,13 @@ import { StoryObj } from '@storybook/react';
3
3
 
4
4
  declare const meta: {
5
5
  title: string;
6
- component: {
7
- ({ children, dialogTitle, dialogSubtitle, onClose, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
8
- Title: import('react').FunctionComponent<import('./DialogTitle').DialogTitleProps>;
9
- Content: import('react').FunctionComponent<import('./Content').DialogContentProps>;
10
- Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
11
- };
6
+ component: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
12
7
  tags: string[];
13
8
  decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
14
9
  children: import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
15
10
  dialogTitle: import('react').ReactNode;
16
11
  dialogSubtitle?: import('react').ReactNode;
12
+ isLoading?: boolean | undefined;
17
13
  onClose?: (() => void) | undefined;
18
14
  closeAfterTransition?: boolean | undefined;
19
15
  container?: Element | (() => Element | null) | null | undefined;
@@ -78,52 +74,15 @@ declare const meta: {
78
74
  ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
79
75
  title?: string | undefined;
80
76
  style?: import('react').CSSProperties | undefined;
81
- className?: string | undefined;
82
77
  slot?: string | undefined;
83
- suppressHydrationWarning?: boolean | undefined;
84
- defaultChecked?: boolean | undefined;
85
- defaultValue?: string | number | readonly string[] | undefined;
86
- suppressContentEditableWarning?: boolean | undefined;
87
78
  content?: string | undefined;
88
- dir?: string | undefined;
89
- hidden?: boolean | undefined;
90
- onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
91
- accessKey?: string | undefined;
92
- autoFocus?: boolean | undefined;
93
- contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
94
- contextMenu?: string | undefined;
95
- draggable?: (boolean | "true" | "false") | undefined;
79
+ className?: string | undefined;
80
+ onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
81
+ tabIndex?: number | undefined;
82
+ suppressHydrationWarning?: boolean | undefined;
96
83
  id?: string | undefined;
97
84
  lang?: string | undefined;
98
- nonce?: string | undefined;
99
- spellCheck?: (boolean | "true" | "false") | undefined;
100
- tabIndex?: number | undefined;
101
- translate?: "no" | "yes" | undefined;
102
- radioGroup?: string | undefined;
103
85
  role?: import('react').AriaRole | undefined;
104
- about?: string | undefined;
105
- datatype?: string | undefined;
106
- inlist?: any;
107
- prefix?: string | undefined;
108
- property?: string | undefined;
109
- rel?: string | undefined;
110
- resource?: string | undefined;
111
- rev?: string | undefined;
112
- typeof?: string | undefined;
113
- vocab?: string | undefined;
114
- autoCapitalize?: string | undefined;
115
- autoCorrect?: string | undefined;
116
- autoSave?: string | undefined;
117
- itemProp?: string | undefined;
118
- itemScope?: boolean | undefined;
119
- itemType?: string | undefined;
120
- itemID?: string | undefined;
121
- itemRef?: string | undefined;
122
- results?: number | undefined;
123
- security?: string | undefined;
124
- unselectable?: "on" | "off" | undefined;
125
- inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
126
- is?: string | undefined;
127
86
  "aria-activedescendant"?: string | undefined;
128
87
  "aria-atomic"?: (boolean | "true" | "false") | undefined;
129
88
  "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
@@ -136,7 +95,7 @@ declare const meta: {
136
95
  "aria-colindextext"?: string | undefined;
137
96
  "aria-colspan"?: number | undefined;
138
97
  "aria-controls"?: string | undefined;
139
- "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
98
+ "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
140
99
  "aria-describedby"?: string | undefined;
141
100
  "aria-description"?: string | undefined;
142
101
  "aria-details"?: string | undefined;
@@ -172,7 +131,7 @@ declare const meta: {
172
131
  "aria-rowspan"?: number | undefined;
173
132
  "aria-selected"?: (boolean | "true" | "false") | undefined;
174
133
  "aria-setsize"?: number | undefined;
175
- "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
134
+ "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
176
135
  "aria-valuemax"?: number | undefined;
177
136
  "aria-valuemin"?: number | undefined;
178
137
  "aria-valuenow"?: number | undefined;
@@ -196,6 +155,7 @@ declare const meta: {
196
155
  onFocusCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
197
156
  onBlur?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
198
157
  onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
158
+ onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
199
159
  onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
200
160
  onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
201
161
  onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
@@ -265,7 +225,6 @@ declare const meta: {
265
225
  onWaitingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
266
226
  onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
267
227
  onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
268
- onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
269
228
  onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
270
229
  onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
271
230
  onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
@@ -340,6 +299,43 @@ declare const meta: {
340
299
  onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
341
300
  onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
342
301
  key?: import('react').Key | null | 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?: "url" | "search" | "text" | "email" | "tel" | "none" | "numeric" | "decimal" | undefined;
338
+ is?: string | undefined;
343
339
  }>) => import("react/jsx-runtime").JSX.Element)[];
344
340
  };
345
341
  export default meta;
@@ -1,6 +1,6 @@
1
1
  import { jsxs as l, Fragment as o, jsx as e } from "react/jsx-runtime";
2
2
  import { Typography as r } from "../Typography/Typography.js";
3
- import { s as a } from "../../Dialog.module-D9e4RsKo.js";
3
+ import { s as a } from "../../Dialog.module-DFEmFdYT.js";
4
4
  const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
5
5
  /* @__PURE__ */ e(
6
6
  r,
@@ -1,36 +1,23 @@
1
1
  import '../../assets/EllipsisTooltip.css';
2
- import { jsx as s, jsxs as d, Fragment as f } from "react/jsx-runtime";
3
- import { useState as g } from "react";
4
- import { c as v } from "../../clsx-DB4S2d7J.js";
5
- import { Tooltip as x } from "../Tooltip/Tooltip.js";
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
6
  const H = {
7
- "ellipsis-tooltip": "_ellipsis-tooltip_1ov97_1"
8
- }, W = ({
9
- lineClamp: e = 1,
10
- children: i,
11
- className: r,
12
- disableHoverListener: t,
13
- ...a
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
14
  }) => {
15
- const [o, c] = g(!1), n = (l) => {
16
- const m = l.scrollWidth > l.clientWidth, h = l.scrollHeight > l.clientHeight;
17
- c(m || h);
18
- }, p = typeof t == "boolean" ? t : !o;
19
- return /* @__PURE__ */ s(
20
- x,
21
- {
22
- className: v(r),
23
- ...a,
24
- onTargetCreated: n,
25
- disableHoverListener: p,
26
- disablePortal: !1,
27
- children: /* @__PURE__ */ d("span", { style: { "--line-clamp": e }, className: H["ellipsis-tooltip"], children: [
28
- i,
29
- o && /* @__PURE__ */ s(f, { children: " ‌" })
30
- ] })
31
- }
32
- );
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 }) });
33
20
  };
34
21
  export {
35
- W as EllipsisTooltip
22
+ S as EllipsisTooltip
36
23
  };
@@ -16,10 +16,9 @@ declare const meta: {
16
16
  'data-testid'?: string | undefined;
17
17
  open?: boolean | undefined;
18
18
  onClose?: (() => void) | undefined;
19
+ theme?: "black" | "white" | undefined;
19
20
  position?: import('@floating-ui/utils').Placement | undefined;
20
21
  padding?: "small" | "normal" | undefined;
21
- theme?: "black" | "white" | undefined;
22
- disablePortal?: boolean | undefined;
23
22
  arialRole?: import('react').AriaRole | undefined;
24
23
  disableHoverListener?: boolean | undefined;
25
24
  lineClamp?: number | undefined;