@pismo/marola 1.0.0-beta.58 → 1.0.0-beta.6

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 (155) 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 -11
  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 +47 -315
  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 -26
  56. package/dist/components/Input/Input.js +304 -319
  57. package/dist/components/Input/Input.stories.d.ts +21 -2
  58. package/dist/components/InputSearch/InputSearch.d.ts +7 -37
  59. package/dist/components/InputSearch/InputSearch.js +29 -27
  60. package/dist/components/InputSearch/InputSearch.stories.d.ts +3 -15
  61. package/dist/components/PageHeader/PageHeader.d.ts +2 -6
  62. package/dist/components/PageHeader/PageHeader.js +65 -72
  63. package/dist/components/PageHeader/PageHeader.stories.d.ts +1 -3
  64. package/dist/components/Pagination/Pagination.d.ts +1 -5
  65. package/dist/components/Pagination/Pagination.js +91 -90
  66. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  67. package/dist/components/Select/Select.d.ts +0 -21
  68. package/dist/components/Select/Select.js +413 -476
  69. package/dist/components/Select/SelectButton.d.ts +0 -2
  70. package/dist/components/Select/SelectButton.js +2 -3
  71. package/dist/components/Skeleton/Skeleton.d.ts +1 -3
  72. package/dist/components/Skeleton/Skeleton.js +14 -20
  73. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  74. package/dist/components/Snackbar/Snackbar.js +94 -94
  75. package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
  76. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  77. package/dist/components/Stepper/Stepper.js +35 -35
  78. package/dist/components/Table/Table.d.ts +1 -3
  79. package/dist/components/Table/Table.js +99 -87
  80. package/dist/components/Table/Table.stories.d.ts +1 -1
  81. package/dist/components/Tabs/Tab.d.ts +3 -5
  82. package/dist/components/Tabs/Tab.js +36 -38
  83. package/dist/components/Tabs/TabPanel.d.ts +2 -4
  84. package/dist/components/Tabs/TabPanel.js +40 -51
  85. package/dist/components/Tabs/Tabs.d.ts +4 -6
  86. package/dist/components/Tabs/Tabs.js +128 -131
  87. package/dist/components/TextDisplay/TextDisplay.d.ts +3 -9
  88. package/dist/components/TextDisplay/TextDisplay.js +31 -45
  89. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +1 -2
  90. package/dist/components/Toggle/Toggle.js +56 -56
  91. package/dist/components/ToggleGroup/Group.d.ts +0 -2
  92. package/dist/components/ToggleGroup/Group.js +2 -4
  93. package/dist/components/ToggleGroup/Toggle.d.ts +0 -2
  94. package/dist/components/ToggleGroup/Toggle.js +5 -9
  95. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  96. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -2
  97. package/dist/components/Tooltip/Tooltip.d.ts +1 -3
  98. package/dist/components/Tooltip/Tooltip.js +4 -4
  99. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -1
  100. package/dist/components/Typography/Typography.js +47 -47
  101. package/dist/{useSlotProps-C_I1kEHr.js → index-CH45lKw7.js} +99 -99
  102. package/dist/{index-bQFToy-I.js → index-CjW42-M-.js} +1 -1
  103. package/dist/main.d.ts +0 -7
  104. package/dist/main.js +76 -88
  105. package/dist/marola.css +1 -1
  106. package/dist/{useButton-DcihopJG.js → useButton-DNk3wrQp.js} +1 -1
  107. package/dist/useCompoundItem-D1iRfg8D.js +84 -0
  108. package/dist/useEventCallback-xTG9piMa.js +45 -0
  109. package/dist/{useList-B9C55YB7.js → useList-B0hog_3-.js} +2 -2
  110. package/package.json +12 -21
  111. package/dist/Dialog.module-D9e4RsKo.js +0 -30
  112. package/dist/Group-DspH8hyO.js +0 -30
  113. package/dist/Popover.module-B4boCutS.js +0 -10
  114. package/dist/SelectButton-B38avP9u.js +0 -75
  115. package/dist/Toggle-2kIaSHMl.js +0 -190
  116. package/dist/assets/Adornment.css +0 -1
  117. package/dist/assets/Autocomplete.css +0 -1
  118. package/dist/assets/Avatar.css +0 -1
  119. package/dist/assets/Popover.css +0 -1
  120. package/dist/assets/ResultWithChips.css +0 -1
  121. package/dist/assets/StepperNavigator.css +0 -1
  122. package/dist/components/Adornment/Adornment.d.ts +0 -20
  123. package/dist/components/Adornment/Adornment.js +0 -13
  124. package/dist/components/Adornment/Adornment.stories.d.ts +0 -14
  125. package/dist/components/Adornment/adornment.test.d.ts +0 -1
  126. package/dist/components/Autocomplete/Autocomplete.d.ts +0 -20
  127. package/dist/components/Autocomplete/Autocomplete.js +0 -679
  128. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +0 -23
  129. package/dist/components/Avatar/Avatar.d.ts +0 -15
  130. package/dist/components/Avatar/Avatar.js +0 -51
  131. package/dist/components/Avatar/Avatar.stories.d.ts +0 -25
  132. package/dist/components/PageHeader/PageHeader.test.d.ts +0 -1
  133. package/dist/components/Popover/Popover.d.ts +0 -32
  134. package/dist/components/Popover/Popover.js +0 -24
  135. package/dist/components/Popover/Popover.stories.d.ts +0 -34
  136. package/dist/components/Popover/PopoverBody.d.ts +0 -6
  137. package/dist/components/Popover/PopoverBody.js +0 -6
  138. package/dist/components/Popover/PopoverFooter.d.ts +0 -6
  139. package/dist/components/Popover/PopoverFooter.js +0 -6
  140. package/dist/components/Popover/PopoverHeader.d.ts +0 -6
  141. package/dist/components/Popover/PopoverHeader.js +0 -6
  142. package/dist/components/ResultWithChips/ResultWithChips.d.ts +0 -12
  143. package/dist/components/ResultWithChips/ResultWithChips.js +0 -33
  144. package/dist/components/RowItem/RowItem.d.ts +0 -25
  145. package/dist/components/RowItem/RowItem.js +0 -23
  146. package/dist/components/RowItem/RowItem.stories.d.ts +0 -17
  147. package/dist/components/RowItem/rowItem.test.d.ts +0 -1
  148. package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -58
  149. package/dist/components/StepperNavigator/StepperNavigator.js +0 -115
  150. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +0 -18
  151. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +0 -1
  152. package/dist/ownerDocument-YGhwAnr1.js +0 -33
  153. package/dist/useCompoundItem-B7Eo_qZk.js +0 -68
  154. package/dist/useEventCallback-BAQJJ3ye.js +0 -14
  155. package/dist/useId-BW-oWmul.js +0 -19
@@ -2,12 +2,24 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
5
+ component: import('react').ForwardRefExoticComponent<{
6
+ label: import('react').ReactNode;
7
+ loading?: boolean | undefined;
8
+ leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
9
+ 'data-testid'?: string | undefined;
10
+ onClickContent?: (() => void) | undefined;
11
+ onClickRemove?: (() => void) | undefined;
12
+ disabled?: boolean | undefined;
13
+ className?: string | undefined;
14
+ 'className-skeleton'?: string | undefined;
15
+ variant?: import('./Chip').Variant | undefined;
16
+ 'data-testid-skeleton'?: string | undefined;
17
+ } & import('react').RefAttributes<unknown>>;
6
18
  tags: string[];
7
19
  decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
8
20
  label: import('react').ReactNode;
9
21
  loading?: boolean | undefined;
10
- leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;
22
+ leftAdornment?: import('./Chip').ChipAdornmentSlotProps | undefined;
11
23
  'data-testid'?: string | undefined;
12
24
  onClickContent?: (() => void) | undefined;
13
25
  onClickRemove?: (() => void) | undefined;
@@ -24,10 +36,7 @@ export default meta;
24
36
  type Story = StoryObj<typeof meta>;
25
37
  export declare const Simple: Story;
26
38
  export declare const Clickable: Story;
27
- export declare const Disabled: Story;
28
39
  export declare const ClickableWithRemove: Story;
29
- export declare const ClickableOnlyRemove: Story;
30
40
  export declare const FullDefault: Story;
31
41
  export declare const FullOutlined: Story;
32
42
  export declare const FullContained: Story;
33
- export declare const FullContainedCustomIcon: Story;
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { s as t } from "../../Dialog.module-D9e4RsKo.js";
2
+ import { s as t } from "../../Dialog.module-DFEmFdYT.js";
3
3
  const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
4
4
  export {
5
5
  i as default
@@ -1,6 +1,6 @@
1
- import { ModalBackdropSlotProps } from '@mui/base';
2
-
3
- declare const Backdrop: import('react').ForwardRefExoticComponent<ModalBackdropSlotProps & {
1
+ /// <reference types="react" />
2
+ declare const Backdrop: import('react').ForwardRefExoticComponent<{
3
+ open?: boolean | undefined;
4
4
  className: string;
5
5
  } & import('react').RefAttributes<HTMLDivElement>>;
6
6
  export default Backdrop;
@@ -1,11 +1,10 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
- import { forwardRef as s } from "react";
3
- import { c as t } from "../../clsx-DB4S2d7J.js";
4
- import { s as m } from "../../Dialog.module-D9e4RsKo.js";
5
- const l = s(
6
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
7
- ({ ownerState: e, ...r }, o) => /* @__PURE__ */ a("div", { ...r, className: t(m.dialog__backdrop, r.className), ref: o })
8
- );
2
+ import { forwardRef as t } from "react";
3
+ import { s as e } from "../../Dialog.module-DFEmFdYT.js";
4
+ const i = t((o, r) => {
5
+ const { open: m, className: p, ...s } = o;
6
+ return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });
7
+ });
9
8
  export {
10
- l as default
9
+ i as default
11
10
  };
@@ -1,5 +1,6 @@
1
1
  export interface CloseIconButtonProps {
2
2
  handleOnClose: () => void;
3
+ className: string;
3
4
  }
4
- declare const CloseIconButton: ({ handleOnClose }: CloseIconButtonProps) => import("react/jsx-runtime").JSX.Element;
5
+ declare const CloseIconButton: ({ handleOnClose, className }: CloseIconButtonProps) => import("react/jsx-runtime").JSX.Element;
5
6
  export default CloseIconButton;
@@ -1,17 +1,20 @@
1
- import { jsx as o } from "react/jsx-runtime";
2
- import { Icon as t } from "../Icon/Icon.js";
3
- import { s as i } from "../../Dialog.module-D9e4RsKo.js";
4
- import { B as s } from "../../Button-BAljjMv3.js";
5
- const n = ({ handleOnClose: r }) => /* @__PURE__ */ o(
6
- s,
7
- {
8
- className: i["dialog__close-icon"],
9
- "aria-description": "Close dialog",
10
- onClick: r,
11
- "data-testid": "dialog-close-button",
12
- children: /* @__PURE__ */ o(t, { icon: "circle-xmark", size: 32, color: "var(--gray-75)" })
13
- }
14
- );
1
+ import { jsx as s } from "react/jsx-runtime";
2
+ import { Icon as r } from "../Icon/Icon.js";
3
+ import { s as t } from "../../Dialog.module-DFEmFdYT.js";
4
+ import { B as a } from "../../Button-2b1peDFT.js";
5
+ const d = ({ handleOnClose: i, className: o }) => {
6
+ const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
7
+ return /* @__PURE__ */ s(
8
+ a,
9
+ {
10
+ className: l,
11
+ "aria-description": "Close dialog",
12
+ onClick: i,
13
+ "data-testid": "dialog-close-button",
14
+ children: /* @__PURE__ */ s(r, { icon: "circle-xmark", size: 32, color: "var(--gray-75)" })
15
+ }
16
+ );
17
+ };
15
18
  export {
16
- n as default
19
+ d as default
17
20
  };
@@ -1,6 +1,6 @@
1
- import { default as DialogTitle, DialogTitleProps } from './DialogTitle';
2
- import { default as Content, DialogContentProps } from './Content';
3
- import { default as Actions, DialogActionProps } from './Actions';
1
+ import { default as DialogTitle } from './DialogTitle';
2
+ import { default as Content } from './Content';
3
+ import { default as Actions } from './Actions';
4
4
  import { ModalProps } from '@mui/base';
5
5
  import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
6
6
 
@@ -12,14 +12,11 @@ export interface DialogProps extends ModalProps {
12
12
  dialogTitle: ReactNode;
13
13
  /** display subtitle */
14
14
  dialogSubtitle?: ReactNode;
15
+ /** if true, show skeleton */
16
+ isLoading?: boolean;
15
17
  /** callback for when close is clicked */
16
18
  onClose?: () => void;
17
19
  }
18
- declare const Dialog: {
19
- ({ children, dialogTitle, dialogSubtitle, onClose, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
20
- Title: import('react').FunctionComponent<DialogTitleProps>;
21
- Content: import('react').FunctionComponent<DialogContentProps>;
22
- Actions: import('react').FunctionComponent<DialogActionProps>;
23
- };
20
+ declare const Dialog: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
24
21
  export { Dialog, DialogTitle, Content, Actions };
25
22
  export default Dialog;