@pismo/marola 1.0.0-beta.69 → 1.0.0-beta.7

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 (178) 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-BWF0-SPB.js +175 -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/Toggle.css +1 -1
  28. package/dist/assets/Toggle2.css +1 -1
  29. package/dist/assets/Typography.css +1 -1
  30. package/dist/{combineHooksSlotProps-C-zYvfnF.js → combineHooksSlotProps-DVjg9PRh.js} +1 -1
  31. package/dist/components/Adornment/Adornment.d.ts +2 -11
  32. package/dist/components/Adornment/Adornment.js +6 -6
  33. package/dist/components/Advice/Advice.d.ts +17 -32
  34. package/dist/components/Advice/Advice.js +40 -39
  35. package/dist/components/Advice/Advice.stories.d.ts +3 -4
  36. package/dist/components/Button/Button.d.ts +0 -2
  37. package/dist/components/Button/Button.js +49 -51
  38. package/dist/components/Checkbox/Checkbox.js +52 -52
  39. package/dist/components/Chip/Chip.d.ts +4 -6
  40. package/dist/components/Chip/Chip.js +7 -11
  41. package/dist/components/Chip/Chip.stories.d.ts +15 -6
  42. package/dist/components/Dialog/Actions.js +1 -1
  43. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  44. package/dist/components/Dialog/Backdrop.js +7 -8
  45. package/dist/components/Dialog/CloseIconButton.d.ts +2 -1
  46. package/dist/components/Dialog/CloseIconButton.js +18 -15
  47. package/dist/components/Dialog/Dialog.d.ts +10 -16
  48. package/dist/components/Dialog/Dialog.js +166 -167
  49. package/dist/components/Dialog/Dialog.stories.d.ts +108 -114
  50. package/dist/components/Dialog/DialogTitle.d.ts +2 -5
  51. package/dist/components/Dialog/DialogTitle.js +16 -22
  52. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +17 -30
  53. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +2 -3
  54. package/dist/components/Icon/Icon.js +51 -331
  55. package/dist/components/Icon/types.d.ts +1 -1
  56. package/dist/components/IconButton/IconButton.js +42 -42
  57. package/dist/components/Input/Input.d.ts +5 -26
  58. package/dist/components/Input/Input.js +304 -319
  59. package/dist/components/Input/Input.stories.d.ts +21 -2
  60. package/dist/components/InputSearch/InputSearch.d.ts +7 -37
  61. package/dist/components/InputSearch/InputSearch.js +29 -27
  62. package/dist/components/InputSearch/InputSearch.stories.d.ts +3 -15
  63. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +1 -1
  64. package/dist/components/PageHeader/PageHeader.d.ts +2 -6
  65. package/dist/components/PageHeader/PageHeader.js +71 -78
  66. package/dist/components/PageHeader/PageHeader.stories.d.ts +1 -3
  67. package/dist/components/Pagination/Pagination.d.ts +1 -5
  68. package/dist/components/Pagination/Pagination.js +91 -90
  69. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  70. package/dist/components/RowItem/RowItem.d.ts +2 -2
  71. package/dist/components/RowItem/RowItem.js +6 -10
  72. package/dist/components/Select/Select.d.ts +0 -22
  73. package/dist/components/Select/Select.js +413 -476
  74. package/dist/components/Select/SelectButton.d.ts +0 -2
  75. package/dist/components/Select/SelectButton.js +2 -3
  76. package/dist/components/Skeleton/Skeleton.d.ts +1 -3
  77. package/dist/components/Skeleton/Skeleton.js +14 -20
  78. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  79. package/dist/components/Snackbar/Snackbar.js +94 -94
  80. package/dist/components/Snackbar/Snackbar.stories.d.ts +4 -4
  81. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  82. package/dist/components/Stepper/Stepper.js +35 -35
  83. package/dist/components/Table/Table.d.ts +1 -3
  84. package/dist/components/Table/Table.js +99 -87
  85. package/dist/components/Table/Table.stories.d.ts +1 -1
  86. package/dist/components/Tabs/Tab.d.ts +3 -5
  87. package/dist/components/Tabs/Tab.js +36 -38
  88. package/dist/components/Tabs/TabPanel.d.ts +2 -4
  89. package/dist/components/Tabs/TabPanel.js +40 -51
  90. package/dist/components/Tabs/Tabs.d.ts +4 -6
  91. package/dist/components/Tabs/Tabs.js +128 -131
  92. package/dist/components/TextDisplay/TextDisplay.d.ts +3 -7
  93. package/dist/components/TextDisplay/TextDisplay.js +37 -44
  94. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -2
  95. package/dist/components/Toggle/Toggle.js +55 -55
  96. package/dist/components/ToggleGroup/Group.d.ts +0 -2
  97. package/dist/components/ToggleGroup/Group.js +2 -4
  98. package/dist/components/ToggleGroup/Toggle.d.ts +0 -2
  99. package/dist/components/ToggleGroup/Toggle.js +5 -9
  100. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  101. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -3
  102. package/dist/components/Tooltip/Tooltip.d.ts +1 -3
  103. package/dist/components/Tooltip/Tooltip.js +4 -4
  104. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -2
  105. package/dist/components/Typography/Typography.js +47 -47
  106. package/dist/components/Typography/Typography.stories.d.ts +1 -1
  107. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +30 -34
  108. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  109. package/dist/{useSlotProps-C_I1kEHr.js → index-CH45lKw7.js} +99 -99
  110. package/dist/{index-bQFToy-I.js → index-CjW42-M-.js} +1 -1
  111. package/dist/main.d.ts +0 -9
  112. package/dist/main.js +77 -95
  113. package/dist/marola.css +1 -1
  114. package/dist/test-utils/assertStyles.d.ts +1 -1
  115. package/dist/{useButton-DcihopJG.js → useButton-DNk3wrQp.js} +1 -1
  116. package/dist/useCompoundItem-D1iRfg8D.js +84 -0
  117. package/dist/useEventCallback-xTG9piMa.js +45 -0
  118. package/dist/{useList-B9C55YB7.js → useList-B0hog_3-.js} +2 -2
  119. package/package.json +13 -22
  120. package/dist/Dialog.module-W7UCXlf3.js +0 -29
  121. package/dist/Group-DspH8hyO.js +0 -30
  122. package/dist/Popover.module-B4boCutS.js +0 -10
  123. package/dist/SelectButton-B38avP9u.js +0 -75
  124. package/dist/Toggle-MfR7l8Wn.js +0 -190
  125. package/dist/assets/Alert.css +0 -1
  126. package/dist/assets/Autocomplete.css +0 -1
  127. package/dist/assets/Avatar.css +0 -1
  128. package/dist/assets/Description.css +0 -1
  129. package/dist/assets/Popover.css +0 -1
  130. package/dist/assets/RadioButton.css +0 -1
  131. package/dist/assets/ResultWithChips.css +0 -1
  132. package/dist/assets/StepperNavigator.css +0 -1
  133. package/dist/components/Adornment/Adornment.stories.d.ts +0 -14
  134. package/dist/components/Adornment/adornment.test.d.ts +0 -1
  135. package/dist/components/Alert/Alert.d.ts +0 -11
  136. package/dist/components/Alert/Alert.js +0 -46
  137. package/dist/components/Alert/Alert.stories.d.ts +0 -24
  138. package/dist/components/Alert/Alert.test.d.ts +0 -1
  139. package/dist/components/Autocomplete/Autocomplete.d.ts +0 -20
  140. package/dist/components/Autocomplete/Autocomplete.js +0 -679
  141. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +0 -23
  142. package/dist/components/Avatar/Avatar.d.ts +0 -15
  143. package/dist/components/Avatar/Avatar.js +0 -51
  144. package/dist/components/Avatar/Avatar.stories.d.ts +0 -25
  145. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +0 -14
  146. package/dist/components/ConfirmationDialog/ConfirmationDialog.js +0 -37
  147. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +0 -23
  148. package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +0 -1
  149. package/dist/components/Description/Description.d.ts +0 -21
  150. package/dist/components/Description/Description.js +0 -66
  151. package/dist/components/Description/Description.stories.d.ts +0 -22
  152. package/dist/components/Description/Description.test.d.ts +0 -1
  153. package/dist/components/PageHeader/PageHeader.test.d.ts +0 -1
  154. package/dist/components/Popover/Popover.d.ts +0 -32
  155. package/dist/components/Popover/Popover.js +0 -24
  156. package/dist/components/Popover/Popover.stories.d.ts +0 -34
  157. package/dist/components/Popover/PopoverBody.d.ts +0 -6
  158. package/dist/components/Popover/PopoverBody.js +0 -6
  159. package/dist/components/Popover/PopoverFooter.d.ts +0 -6
  160. package/dist/components/Popover/PopoverFooter.js +0 -6
  161. package/dist/components/Popover/PopoverHeader.d.ts +0 -6
  162. package/dist/components/Popover/PopoverHeader.js +0 -6
  163. package/dist/components/RadioButton/RadioButton.d.ts +0 -19
  164. package/dist/components/RadioButton/RadioButton.js +0 -37
  165. package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -24
  166. package/dist/components/RadioButton/RadioButton.test.d.ts +0 -1
  167. package/dist/components/ResultWithChips/ResultWithChips.d.ts +0 -12
  168. package/dist/components/ResultWithChips/ResultWithChips.js +0 -33
  169. package/dist/components/RowItem/RowItem.stories.d.ts +0 -17
  170. package/dist/components/RowItem/rowItem.test.d.ts +0 -1
  171. package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -58
  172. package/dist/components/StepperNavigator/StepperNavigator.js +0 -115
  173. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -18
  174. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +0 -1
  175. package/dist/ownerDocument-YGhwAnr1.js +0 -33
  176. package/dist/useCompoundItem-B7Eo_qZk.js +0 -68
  177. package/dist/useEventCallback-BAQJJ3ye.js +0 -14
  178. package/dist/useId-BW-oWmul.js +0 -19
@@ -1,46 +0,0 @@
1
- import '../../assets/Alert.css';
2
- import { jsxs as _, jsx as a } from "react/jsx-runtime";
3
- import { c as y } from "../../clsx-DB4S2d7J.js";
4
- import { Icon as s } from "../Icon/Icon.js";
5
- const h = "_container_9p2mz_78", t = {
6
- "u-typography-h1": "_u-typography-h1_9p2mz_1",
7
- "u-typography-h2": "_u-typography-h2_9p2mz_8",
8
- "u-typography-h3": "_u-typography-h3_9p2mz_15",
9
- "u-typography-h4": "_u-typography-h4_9p2mz_22",
10
- "u-typography-h5": "_u-typography-h5_9p2mz_29",
11
- "u-typography-h6": "_u-typography-h6_9p2mz_36",
12
- "u-typography-base": "_u-typography-base_9p2mz_43",
13
- "u-typography-base--xxl": "_u-typography-base--xxl_9p2mz_49",
14
- "u-typography-base--xl": "_u-typography-base--xl_9p2mz_53",
15
- "u-typography-base--lg": "_u-typography-base--lg_9p2mz_57",
16
- "u-typography-base--sm": "_u-typography-base--sm_9p2mz_61",
17
- "u-typography-base--bold": "_u-typography-base--bold_9p2mz_65",
18
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_9p2mz_68",
19
- "u-typography-base--underlined": "_u-typography-base--underlined_9p2mz_71",
20
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_9p2mz_74",
21
- container: h,
22
- "container--success": "_container--success_9p2mz_84",
23
- "container--warning": "_container--warning_9p2mz_88",
24
- "container--error": "_container--error_9p2mz_92",
25
- "container--info": "_container--info_9p2mz_96",
26
- "container--default": "_container--default_9p2mz_100",
27
- "container--close-icon": "_container--close-icon_9p2mz_104",
28
- "container--content": "_container--content_9p2mz_109"
29
- }, g = ({ type: r = "default", children: e, "data-testid": p, onClose: o }) => {
30
- const n = y(t.container, t[`container--${r}`]);
31
- return /* @__PURE__ */ _("div", { "data-testid": p, className: n, children: [
32
- /* @__PURE__ */ a("div", { className: t["container--content"], children: e }),
33
- !!o && /* @__PURE__ */ a(
34
- "div",
35
- {
36
- "data-testid": `${p}-close-button`,
37
- onClick: () => o(),
38
- className: t["container--close-icon"],
39
- children: /* @__PURE__ */ a(s, { icon: "xmark" })
40
- }
41
- )
42
- ] });
43
- };
44
- export {
45
- g as Alert
46
- };
@@ -1,24 +0,0 @@
1
- import { StoryObj } from '@storybook/react';
2
-
3
- declare const meta: {
4
- title: string;
5
- component: ({ type, children, "data-testid": dataTestId, onClose }: {
6
- type?: ("default" | "error" | "success" | "info" | "warning") | undefined;
7
- children: import('react').ReactNode;
8
- 'data-testid'?: string | undefined;
9
- onClose?: (() => void) | undefined;
10
- }) => import("react/jsx-runtime").JSX.Element;
11
- tags: string[];
12
- parameters: {
13
- layout: string;
14
- };
15
- };
16
- export default meta;
17
- type Story = StoryObj<typeof meta>;
18
- export declare const General: Story;
19
- export declare const Success: Story;
20
- export declare const Error: Story;
21
- export declare const Warning: Story;
22
- export declare const Info: Story;
23
- export declare const WithCloseButton: Story;
24
- export declare const WithCustomAction: Story;
@@ -1 +0,0 @@
1
- export {};
@@ -1,20 +0,0 @@
1
- import { InputProps } from '../Input/Input.tsx';
2
- import { SyntheticEvent } from 'react';
3
-
4
- export type AutocompleteProps<T> = Omit<InputProps, 'onChange' | 'value'> & {
5
- /** Object key to be used as label when options are an array of object */
6
- labelKey?: T extends object ? keyof T : never;
7
- /** Object key to be used as value when options are an array of object */
8
- valueKey?: T extends object ? keyof T : never;
9
- /** Value */
10
- value?: T;
11
- /** Options array */
12
- options?: Array<T>;
13
- /** callback for new option selected */
14
- onChange?: (event: SyntheticEvent<Element, Event>, newValue: T) => void;
15
- /** callback when characters are entered into the input box */
16
- onInputChange?: (event: SyntheticEvent<Element, Event>, newValue: string) => void;
17
- /** Id to be applied as `data-testid` on the container element */
18
- 'data-testid-wrapper'?: string;
19
- };
20
- export declare const Autocomplete: <T extends string | object>({ labelKey, valueKey, options, type, value, onChange, onInputChange, "data-testid-wrapper": dataTestId, ...props }: AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;