@pismo/marola 1.0.0-beta.9 → 1.0.1

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 (162) hide show
  1. package/dist/{Button-DiLqcAJG.js → Button-BAljjMv3.js} +2 -2
  2. package/dist/{ClickAwayListener-BaJ-OV_7.js → ClickAwayListener-DbEYZpyh.js} +3 -3
  3. package/dist/Dialog.module-W7UCXlf3.js +29 -0
  4. package/dist/Group-DspH8hyO.js +30 -0
  5. package/dist/Popover.module-B4boCutS.js +10 -0
  6. package/dist/{Popup-lLWZt2wk.js → Popup-Ck3XlWMq.js} +3 -3
  7. package/dist/{Portal-B_Es6eUL.js → Portal-oY3enyAm.js} +2 -2
  8. package/dist/SelectButton-B38avP9u.js +75 -0
  9. package/dist/{Tabs.module-jkH1Qjn7.js → Tabs.module-BGGTkDc5.js} +7 -7
  10. package/dist/Toggle-MfR7l8Wn.js +190 -0
  11. package/dist/assets/Alert.css +1 -0
  12. package/dist/assets/Autocomplete.css +1 -1
  13. package/dist/assets/Avatar.css +1 -0
  14. package/dist/assets/Description.css +1 -0
  15. package/dist/assets/Dialog.css +1 -1
  16. package/dist/assets/EllipsisTooltip.css +1 -1
  17. package/dist/assets/Group.css +1 -1
  18. package/dist/assets/Input.css +1 -1
  19. package/dist/assets/PageHeader.css +1 -1
  20. package/dist/assets/Popover.css +1 -0
  21. package/dist/assets/RadioButton.css +1 -0
  22. package/dist/assets/ResultWithChips.css +1 -0
  23. package/dist/assets/SelectButton.css +1 -1
  24. package/dist/assets/Skeleton.css +1 -1
  25. package/dist/assets/Snackbar.css +1 -1
  26. package/dist/assets/StepperNavigator.css +1 -0
  27. package/dist/assets/Table.css +1 -1
  28. package/dist/assets/Tabs.css +1 -1
  29. package/dist/assets/Tag.css +1 -0
  30. package/dist/assets/Toggle2.css +1 -1
  31. package/dist/{combineHooksSlotProps-BtBYUV_B.js → combineHooksSlotProps-C-zYvfnF.js} +1 -1
  32. package/dist/components/Adornment/Adornment.d.ts +11 -2
  33. package/dist/components/Adornment/Adornment.js +6 -6
  34. package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
  35. package/dist/components/Adornment/adornment.test.d.ts +1 -0
  36. package/dist/components/Advice/Advice.d.ts +2 -2
  37. package/dist/components/Alert/Alert.d.ts +11 -0
  38. package/dist/components/Alert/Alert.js +46 -0
  39. package/dist/components/Alert/Alert.stories.d.ts +24 -0
  40. package/dist/components/Alert/Alert.test.d.ts +1 -0
  41. package/dist/components/Autocomplete/Autocomplete.d.ts +12 -42
  42. package/dist/components/Autocomplete/Autocomplete.js +422 -432
  43. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +3 -25
  44. package/dist/components/Avatar/Avatar.d.ts +15 -0
  45. package/dist/components/Avatar/Avatar.js +51 -0
  46. package/dist/components/Avatar/Avatar.stories.d.ts +25 -0
  47. package/dist/components/Button/Button.d.ts +2 -0
  48. package/dist/components/Button/Button.js +23 -21
  49. package/dist/components/Chip/Chip.d.ts +6 -4
  50. package/dist/components/Chip/Chip.js +10 -6
  51. package/dist/components/Chip/Chip.stories.d.ts +5 -14
  52. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +14 -0
  53. package/dist/components/ConfirmationDialog/ConfirmationDialog.js +37 -0
  54. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +23 -0
  55. package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +1 -0
  56. package/dist/components/Description/Description.d.ts +21 -0
  57. package/dist/components/Description/Description.js +66 -0
  58. package/dist/components/Description/Description.stories.d.ts +22 -0
  59. package/dist/components/Description/Description.test.d.ts +1 -0
  60. package/dist/components/Dialog/Actions.js +1 -1
  61. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  62. package/dist/components/Dialog/Backdrop.js +8 -7
  63. package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
  64. package/dist/components/Dialog/CloseIconButton.js +15 -18
  65. package/dist/components/Dialog/Dialog.d.ts +16 -10
  66. package/dist/components/Dialog/Dialog.js +167 -167
  67. package/dist/components/Dialog/Dialog.stories.d.ts +73 -67
  68. package/dist/components/Dialog/DialogTitle.d.ts +5 -2
  69. package/dist/components/Dialog/DialogTitle.js +22 -16
  70. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
  71. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +1 -0
  72. package/dist/components/Icon/Icon.js +337 -51
  73. package/dist/components/Icon/types.d.ts +1 -1
  74. package/dist/components/IconButton/IconButton.js +1 -1
  75. package/dist/components/Input/Input.d.ts +26 -5
  76. package/dist/components/Input/Input.js +514 -102
  77. package/dist/components/Input/Input.stories.d.ts +2 -21
  78. package/dist/components/InputSearch/InputSearch.d.ts +37 -7
  79. package/dist/components/InputSearch/InputSearch.js +27 -29
  80. package/dist/components/InputSearch/InputSearch.stories.d.ts +15 -3
  81. package/dist/components/PageHeader/PageHeader.d.ts +6 -2
  82. package/dist/components/PageHeader/PageHeader.js +77 -70
  83. package/dist/components/PageHeader/PageHeader.stories.d.ts +3 -1
  84. package/dist/components/PageHeader/PageHeader.test.d.ts +1 -0
  85. package/dist/components/Pagination/Pagination.d.ts +5 -1
  86. package/dist/components/Pagination/Pagination.js +45 -46
  87. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  88. package/dist/components/Popover/Popover.d.ts +32 -0
  89. package/dist/components/Popover/Popover.js +24 -0
  90. package/dist/components/Popover/Popover.stories.d.ts +34 -0
  91. package/dist/components/Popover/PopoverBody.d.ts +6 -0
  92. package/dist/components/Popover/PopoverBody.js +6 -0
  93. package/dist/components/Popover/PopoverFooter.d.ts +6 -0
  94. package/dist/components/Popover/PopoverFooter.js +6 -0
  95. package/dist/components/Popover/PopoverHeader.d.ts +6 -0
  96. package/dist/components/Popover/PopoverHeader.js +6 -0
  97. package/dist/components/RadioButton/RadioButton.d.ts +19 -0
  98. package/dist/components/RadioButton/RadioButton.js +37 -0
  99. package/dist/components/RadioButton/RadioButton.stories.d.ts +24 -0
  100. package/dist/components/RadioButton/RadioButton.test.d.ts +1 -0
  101. package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
  102. package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
  103. package/dist/components/RowItem/RowItem.d.ts +2 -2
  104. package/dist/components/RowItem/RowItem.js +9 -5
  105. package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
  106. package/dist/components/RowItem/rowItem.test.d.ts +1 -0
  107. package/dist/components/Select/Select.d.ts +22 -0
  108. package/dist/components/Select/Select.js +476 -414
  109. package/dist/components/Select/SelectButton.d.ts +2 -0
  110. package/dist/components/Select/SelectButton.js +3 -2
  111. package/dist/components/Skeleton/Skeleton.d.ts +3 -1
  112. package/dist/components/Skeleton/Skeleton.js +20 -14
  113. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  114. package/dist/components/Snackbar/Snackbar.js +119 -134
  115. package/dist/components/StepperNavigator/StepperNavigator.d.ts +58 -0
  116. package/dist/components/StepperNavigator/StepperNavigator.js +115 -0
  117. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +18 -0
  118. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
  119. package/dist/components/Table/Table.d.ts +3 -1
  120. package/dist/components/Table/Table.js +89 -101
  121. package/dist/components/Table/Table.stories.d.ts +1 -1
  122. package/dist/components/Tabs/Tab.d.ts +5 -3
  123. package/dist/components/Tabs/Tab.js +36 -35
  124. package/dist/components/Tabs/TabPanel.d.ts +4 -2
  125. package/dist/components/Tabs/TabPanel.js +48 -38
  126. package/dist/components/Tabs/Tabs.d.ts +6 -4
  127. package/dist/components/Tabs/Tabs.js +115 -112
  128. package/dist/components/Tag/Tag.d.ts +14 -0
  129. package/dist/components/Tag/Tag.js +73 -0
  130. package/dist/components/Tag/Tag.stories.d.ts +29 -0
  131. package/dist/components/Tag/Tag.test.d.ts +1 -0
  132. package/dist/components/TextDisplay/TextDisplay.d.ts +7 -3
  133. package/dist/components/TextDisplay/TextDisplay.js +44 -37
  134. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
  135. package/dist/components/Toggle/Toggle.js +1 -1
  136. package/dist/components/ToggleGroup/Group.d.ts +2 -0
  137. package/dist/components/ToggleGroup/Group.js +4 -2
  138. package/dist/components/ToggleGroup/Toggle.d.ts +2 -0
  139. package/dist/components/ToggleGroup/Toggle.js +8 -4
  140. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  141. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +2 -0
  142. package/dist/components/Tooltip/Tooltip.d.ts +3 -1
  143. package/dist/components/Tooltip/Tooltip.js +4 -4
  144. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
  145. package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +2 -2
  146. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +35 -30
  147. package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +1 -1
  148. package/dist/{index-D3Wj0eid.js → index-bQFToy-I.js} +1 -1
  149. package/dist/main.d.ts +9 -0
  150. package/dist/main.js +97 -79
  151. package/dist/marola.css +1 -1
  152. package/dist/{ownerDocument-B61GUaFs.js → ownerDocument-YGhwAnr1.js} +1 -1
  153. package/dist/test-utils/assertStyles.d.ts +1 -1
  154. package/dist/{useButton-Bn3MNH8I.js → useButton-DcihopJG.js} +1 -1
  155. package/dist/{useList-BpJT77u3.js → useList-B9C55YB7.js} +2 -2
  156. package/dist/{useSlotProps-kRhf7Gil.js → useSlotProps-C_I1kEHr.js} +73 -72
  157. package/package.json +22 -13
  158. package/dist/Dialog.module-DFcZsVAd.js +0 -30
  159. package/dist/Group-B3p31ftp.js +0 -26
  160. package/dist/Input.module-ZTRZRcNt.js +0 -405
  161. package/dist/SelectButton-CoOT2txy.js +0 -61
  162. package/dist/Toggle-f5brSwAI.js +0 -175
@@ -2,8 +2,12 @@ import { VariantType } from '../Typography/Typography.tsx';
2
2
  import { default as React } from 'react';
3
3
 
4
4
  type OptionsProps = {
5
+ /** Text variant */
5
6
  variant?: VariantType;
7
+ /** Text color */
6
8
  color?: string;
9
+ /** Text weight */
10
+ bold?: boolean;
7
11
  };
8
12
  export interface TextDisplayProps {
9
13
  /** TextDisplay label */
@@ -12,8 +16,8 @@ export interface TextDisplayProps {
12
16
  value: React.ReactNode;
13
17
  /** Renders skeleton when true */
14
18
  isLoading?: boolean;
15
- /** Sets the testId prefix for label, value and skeletons */
16
- testId?: string;
19
+ /** Sets the data-testid prefix for label, value and skeletons */
20
+ 'data-testid'?: string;
17
21
  /** Sets the label options */
18
22
  labelOptions?: OptionsProps;
19
23
  /** Sets the value options */
@@ -21,5 +25,5 @@ export interface TextDisplayProps {
21
25
  /** Sets the label and value onto the same line */
22
26
  inline?: boolean;
23
27
  }
24
- export declare const TextDisplay: ({ label, value, isLoading, testId, labelOptions, valueOptions, inline, }: TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
28
+ export declare const TextDisplay: ({ label, value, isLoading, "data-testid": dataTestId, labelOptions, valueOptions, inline, }: TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
25
29
  export {};
@@ -1,44 +1,51 @@
1
1
  import '../../assets/TextDisplay.css';
2
- import { jsxs as x, jsx as o } from "react/jsx-runtime";
3
- import { c as _ } from "../../clsx-DB4S2d7J.js";
4
- import { Skeleton as d } from "../Skeleton/Skeleton.js";
5
- import { Typography as m } from "../Typography/Typography.js";
6
- const f = "_container_ia8vu_1", n = {
7
- container: f,
2
+ import { jsxs as f, jsx as d } from "react/jsx-runtime";
3
+ import { c as $ } from "../../clsx-DB4S2d7J.js";
4
+ import { Skeleton as m } from "../Skeleton/Skeleton.js";
5
+ import { Typography as y } from "../Typography/Typography.js";
6
+ const g = "_container_ia8vu_1", e = {
7
+ container: g,
8
8
  "container--inline": "_container--inline_ia8vu_5"
9
- }, T = ({
10
- label: y,
11
- value: i,
12
- isLoading: e = !1,
13
- testId: t = "TextDisplay",
9
+ }, i = ({
10
+ label: h,
11
+ value: x,
12
+ isLoading: o = !1,
13
+ "data-testid": t = "TextDisplay",
14
14
  labelOptions: r,
15
- valueOptions: a,
16
- inline: c
15
+ valueOptions: c,
16
+ inline: a
17
17
  }) => {
18
- const h = r != null && r.color || c ? "var(--black-100)" : "var(--gray-90)";
19
- return /* @__PURE__ */ x("div", { className: _([n.container, { [n["container--inline"]]: c }]), children: [
20
- /* @__PURE__ */ o(
21
- m,
22
- {
23
- color: h,
24
- variant: (r == null ? void 0 : r.variant) || "base",
25
- "data-testid": `${t}-label`,
26
- bold: c,
27
- children: e ? /* @__PURE__ */ o(d, { style: { width: 70, marginBottom: 2 }, "data-testid": `${t}-skeletonLabel` }) : y
28
- }
29
- ),
30
- /* @__PURE__ */ o(
31
- m,
32
- {
33
- bold: !c,
34
- color: (a == null ? void 0 : a.color) || "var(--gray-90)",
35
- variant: a != null && a.variant || c ? "base" : "base-lg",
36
- "data-testid": `${t}-value`,
37
- children: e ? /* @__PURE__ */ o(d, { style: { width: 100 }, "data-testid": `${t}-skeletonValue` }) : i || "-"
38
- }
39
- )
40
- ] });
18
+ const _ = (r == null ? void 0 : r.color) || (a ? "var(--black-100)" : "var(--gray-90)");
19
+ return /* @__PURE__ */ f(
20
+ "div",
21
+ {
22
+ className: $([e.container, { [e["container--inline"]]: a }]),
23
+ "data-testid": `${t}-container`,
24
+ children: [
25
+ /* @__PURE__ */ d(
26
+ y,
27
+ {
28
+ color: _,
29
+ variant: (r == null ? void 0 : r.variant) || "base",
30
+ "data-testid": `${t}-label`,
31
+ bold: (r == null ? void 0 : r.bold) ?? a,
32
+ children: o ? /* @__PURE__ */ d(m, { style: { width: 70, marginBottom: 2 }, "data-testid": `${t}-skeletonLabel` }) : h
33
+ }
34
+ ),
35
+ /* @__PURE__ */ d(
36
+ y,
37
+ {
38
+ bold: (c == null ? void 0 : c.bold) ?? !a,
39
+ color: (c == null ? void 0 : c.color) || "var(--gray-90)",
40
+ variant: (c == null ? void 0 : c.variant) || (a ? "base" : "base-lg"),
41
+ "data-testid": `${t}-value`,
42
+ children: o ? /* @__PURE__ */ d(m, { style: { width: 100 }, "data-testid": `${t}-skeletonValue` }) : x || "-"
43
+ }
44
+ )
45
+ ]
46
+ }
47
+ );
41
48
  };
42
49
  export {
43
- T as TextDisplay
50
+ i as TextDisplay
44
51
  };
@@ -2,7 +2,7 @@ import { StoryObj } from '@storybook/react';
2
2
 
3
3
  declare const meta: {
4
4
  title: string;
5
- component: ({ label, value, isLoading, testId, labelOptions, valueOptions, inline, }: import('./TextDisplay').TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
5
+ component: ({ label, value, isLoading, "data-testid": dataTestId, labelOptions, valueOptions, inline, }: import('./TextDisplay').TextDisplayProps) => import("react/jsx-runtime").JSX.Element;
6
6
  tags: string[];
7
7
  };
8
8
  export default meta;
@@ -11,3 +11,4 @@ export declare const Simple: Story;
11
11
  export declare const WithLoading: Story;
12
12
  export declare const Size: Story;
13
13
  export declare const Color: Story;
14
+ export declare const Horizontal: Story;
@@ -1,7 +1,7 @@
1
1
  import '../../assets/Toggle.css';
2
2
  import { jsxs as j, jsx as P } from "react/jsx-runtime";
3
3
  import { c as O } from "../../clsx-DB4S2d7J.js";
4
- import { u as E, b as k, g as v, a as U, _ as H, c as C, P as e, d as M, e as A } from "../../useSlotProps-kRhf7Gil.js";
4
+ import { u as E, b as k, g as v, a as U, _ as H, c as C, P as e, d as M, e as A } from "../../useSlotProps-C_I1kEHr.js";
5
5
  import * as F from "react";
6
6
  import { u as D } from "../../useControlled-CCMYYdCM.js";
7
7
  import { u as L } from "../../useIsFocusVisible-BH4IAdcw.js";
@@ -13,6 +13,8 @@ export type ToggleGroupProps = {
13
13
  * error and legend append their names e.g. {data-testid}-error and {data-testid}-legend
14
14
  * */
15
15
  'data-testid'?: string;
16
+ /** Controls if children items should have same width */
17
+ equalWidth?: boolean;
16
18
  };
17
19
  declare const Group: import('react').ForwardRefExoticComponent<ToggleGroupProps & import('react').RefAttributes<HTMLFieldSetElement>>;
18
20
  export default Group;
@@ -1,7 +1,9 @@
1
1
  import "react/jsx-runtime";
2
2
  import "react";
3
+ import "../../clsx-DB4S2d7J.js";
3
4
  import "../Icon/Icon.js";
4
- import { G as i } from "../../Group-B3p31ftp.js";
5
+ import "../Typography/Typography.js";
6
+ import { G as e } from "../../Group-DspH8hyO.js";
5
7
  export {
6
- i as default
8
+ e as default
7
9
  };
@@ -10,6 +10,8 @@ export type ToggleGroupItemProps<T extends string | number> = {
10
10
  onChange: (value: T | '') => void;
11
11
  /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the label */
12
12
  'data-testid'?: string;
13
+ /** Controls if component should be disabled */
14
+ disabled?: boolean;
13
15
  };
14
16
  declare const Toggle: import('react').ForwardRefExoticComponent<ToggleGroupItemProps<string | number> & import('react').RefAttributes<HTMLInputElement>>;
15
17
  export default Toggle;
@@ -3,15 +3,19 @@ import "react";
3
3
  import "../../clsx-DB4S2d7J.js";
4
4
  import "../Icon/Icon.js";
5
5
  import "../Typography/Typography.js";
6
+ import "../Input/Input.js";
7
+ import "../Avatar/Avatar.js";
6
8
  import "../Button/Button.js";
7
- import { T as b } from "../../Toggle-f5brSwAI.js";
8
- import "../Dialog/Backdrop.js";
9
+ import { T as j } from "../../Toggle-MfR7l8Wn.js";
10
+ import "../Dialog/Dialog.js";
9
11
  import "../IconButton/IconButton.js";
12
+ import "../InputSearch/InputSearch.js";
10
13
  import "../Select/Select.js";
14
+ import "../Popover/Popover.js";
11
15
  import "../Table/Table.js";
12
16
  import "../Tabs/Tabs.js";
13
- import "../../Group-B3p31ftp.js";
17
+ import "../../Group-DspH8hyO.js";
14
18
  import "../../contexts/SnackbarProvider/SnackbarProvider.js";
15
19
  export {
16
- b as default
20
+ j as default
17
21
  };
@@ -1,5 +1,5 @@
1
- import { T as e } from "../../Toggle-f5brSwAI.js";
2
- import { G as p } from "../../Group-B3p31ftp.js";
1
+ import { T as e } from "../../Toggle-MfR7l8Wn.js";
2
+ import { G as p } from "../../Group-DspH8hyO.js";
3
3
  export {
4
4
  p as ToggleGroup,
5
5
  e as ToggleGroupItem
@@ -11,6 +11,7 @@ declare const meta: {
11
11
  error?: import('react').ReactNode;
12
12
  children: import('react').ReactElement<import('./Toggle.tsx').ToggleGroupItemProps<string | number>, string | import('react').JSXElementConstructor<any>>[];
13
13
  'data-testid'?: string | undefined;
14
+ equalWidth?: boolean | undefined;
14
15
  ref?: import('react').LegacyRef<HTMLFieldSetElement> | undefined;
15
16
  key?: import('react').Key | null | undefined;
16
17
  }>) => import("react/jsx-runtime").JSX.Element)[];
@@ -23,3 +24,4 @@ type Story = StoryObj<typeof meta>;
23
24
  export declare const Simple: Story;
24
25
  export declare const NoLegend: Story;
25
26
  export declare const WithError: Story;
27
+ export declare const ItemsWithEqualWidth: Story;
@@ -14,7 +14,7 @@ export type TooltipProps = {
14
14
  onClose?: () => void;
15
15
  /** The color of the tooltip */
16
16
  theme?: 'white' | 'black';
17
- /** Dhe padding applied to the tooltip */
17
+ /** The padding applied to the tooltip */
18
18
  padding?: 'small' | 'normal';
19
19
  /** The Position where the tooltip will be display relative to the anchor element */
20
20
  position?: PopupPlacement;
@@ -28,6 +28,8 @@ export type TooltipProps = {
28
28
  'data-testid'?: string;
29
29
  /** Function thats return the HTML Element of target. Important to EllipsisTooltip knows if the node needs or not the ellipsis */
30
30
  onTargetCreated?: (e: HTMLElement) => void;
31
+ /** Disable uses portal (true by default) */
32
+ disablePortal?: boolean;
31
33
  };
32
34
  declare const Tooltip: ({ arialRole, children: childrenProp, className, disableHoverListener, onClose, padding, position, open: openProp, theme, title, onTargetCreated, ...rest }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
33
35
  export { Tooltip };
@@ -2,10 +2,10 @@ import '../../assets/Tooltip.css';
2
2
  import { jsx as a, jsxs as v, Fragment as P } from "react/jsx-runtime";
3
3
  import * as u from "react";
4
4
  import { useRef as R, useState as T, useEffect as E, isValidElement as q, cloneElement as M } from "react";
5
- import { T as O, P as V } from "../../Popup-lLWZt2wk.js";
6
- import { _ as $, b as z, P as l } from "../../useSlotProps-kRhf7Gil.js";
5
+ import { T as O, P as V } from "../../Popup-Ck3XlWMq.js";
6
+ import { _ as $, b as z, P as l } from "../../useSlotProps-C_I1kEHr.js";
7
7
  import { c as D } from "../../clsx-DB4S2d7J.js";
8
- import { C as F } from "../../ClickAwayListener-BaJ-OV_7.js";
8
+ import { C as F } from "../../ClickAwayListener-DbEYZpyh.js";
9
9
  function I() {
10
10
  const e = u.useContext(O);
11
11
  if (!e)
@@ -114,10 +114,10 @@ const B = "_tooltip_1dujm_1", m = {
114
114
  /* @__PURE__ */ a(
115
115
  V,
116
116
  {
117
+ disablePortal: !0,
117
118
  ...N,
118
119
  open: j,
119
120
  anchor: t == null ? void 0 : t.current,
120
- disablePortal: !0,
121
121
  style: w,
122
122
  role: e,
123
123
  placement: f,
@@ -22,6 +22,7 @@ declare const meta: {
22
22
  style?: import('react').CSSProperties | undefined;
23
23
  'data-testid'?: string | undefined;
24
24
  onTargetCreated?: ((e: HTMLElement) => void) | undefined;
25
+ disablePortal?: boolean | undefined;
25
26
  }>) => import("react/jsx-runtime").JSX.Element)[];
26
27
  };
27
28
  export default meta;
@@ -4,8 +4,8 @@ export type SnackbarContextProps = {
4
4
  showMessage: (message: string, variant?: SnackbarProps['variant'], duration?: number) => void;
5
5
  };
6
6
  export declare const SnackbarContext: import('react').Context<SnackbarContextProps>;
7
- export type SnackbarProviderProps = {
7
+ export type SnackbarProviderProps = Partial<SnackbarProps> & {
8
8
  children: React.ReactNode;
9
9
  };
10
- export declare const SnackbarProvider: ({ children }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
10
+ export declare const SnackbarProvider: ({ children, ...snackbarProps }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
11
11
  export declare const useSnackbar: () => SnackbarContextProps;
@@ -1,50 +1,55 @@
1
- import { jsx as n, jsxs as l, Fragment as g } from "react/jsx-runtime";
2
- import { createContext as m, useState as p, useCallback as f, useContext as C } from "react";
3
- import { Snackbar as b } from "../../components/Snackbar/Snackbar.js";
4
- const o = m({
1
+ import { jsx as u, jsxs as l, Fragment as g } from "react/jsx-runtime";
2
+ import { createContext as p, useState as f, useCallback as b, createElement as k, useContext as C } from "react";
3
+ import { r as v } from "../../index-bQFToy-I.js";
4
+ import { Snackbar as x } from "../../components/Snackbar/Snackbar.js";
5
+ const o = p({
5
6
  showMessage: () => {
6
7
  }
7
- }), s = { message: "", variant: "success", duration: 5e3, open: !1 }, h = ({ children: r }) => {
8
- const [e, t] = p(s), i = f(
9
- (a = s.message, u = s.variant, d = s.duration) => {
10
- t({
8
+ }), t = { message: "", variant: "success", duration: 5e3, open: !1 }, D = ({ children: n, ...r }) => {
9
+ const [e, s] = f(t), c = b(
10
+ (a = t.message, d = t.variant, m = t.duration) => {
11
+ s({
11
12
  id: `${(/* @__PURE__ */ new Date()).getTime()}-${a}`,
12
13
  message: a,
13
- variant: u,
14
- duration: d,
14
+ variant: d,
15
+ duration: m,
15
16
  open: !0
16
17
  });
17
18
  },
18
- [t]
19
- ), c = () => {
20
- t((a) => ({ ...a, open: !1 }));
19
+ [s]
20
+ ), i = () => {
21
+ s((a) => ({ ...a, open: !1 }));
21
22
  };
22
- return /* @__PURE__ */ n(
23
+ return /* @__PURE__ */ u(
23
24
  o.Provider,
24
25
  {
25
26
  value: {
26
- showMessage: i
27
+ showMessage: c
27
28
  },
28
29
  children: /* @__PURE__ */ l(g, { children: [
29
- r,
30
- /* @__PURE__ */ n(
31
- b,
32
- {
33
- autoHideDuration: e.duration,
34
- variant: e.variant,
35
- open: e.open,
36
- snackbarMessage: e.message,
37
- onClose: c,
38
- "data-testid": "snackbar"
39
- },
40
- e.id
30
+ n,
31
+ v.createPortal(
32
+ /* @__PURE__ */ k(
33
+ x,
34
+ {
35
+ ...r,
36
+ key: e.id,
37
+ autoHideDuration: e.duration,
38
+ variant: e.variant,
39
+ open: e.open,
40
+ snackbarMessage: e.message,
41
+ onClose: i,
42
+ "data-testid": "snackbar"
43
+ }
44
+ ),
45
+ document.body
41
46
  )
42
47
  ] })
43
48
  }
44
49
  );
45
- }, S = () => C(o);
50
+ }, P = () => C(o);
46
51
  export {
47
52
  o as SnackbarContext,
48
- h as SnackbarProvider,
49
- S as useSnackbar
53
+ D as SnackbarProvider,
54
+ P as useSnackbar
50
55
  };
@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
3
3
 
4
4
  declare const meta: {
5
5
  title: string;
6
- component: ({ children }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
6
+ component: ({ children, ...snackbarProps }: SnackbarProviderProps) => import("react/jsx-runtime").JSX.Element;
7
7
  parameters: {
8
8
  docs: {
9
9
  description: {
@@ -1,4 +1,4 @@
1
- import { b as Ak, h as Hk } from "./useSlotProps-kRhf7Gil.js";
1
+ import { b as Ak, h as Hk } from "./useSlotProps-C_I1kEHr.js";
2
2
  import QE from "react";
3
3
  const Fk = "exact-prop: ​";
4
4
  function Xk(ne) {
package/dist/main.d.ts CHANGED
@@ -4,10 +4,14 @@
4
4
  */
5
5
  export * from './components/Adornment/Adornment';
6
6
  export * from './components/Advice/Advice';
7
+ export * from './components/Alert/Alert';
7
8
  export * from './components/Autocomplete/Autocomplete';
9
+ export * from './components/Avatar/Avatar';
8
10
  export * from './components/Button/Button';
9
11
  export * from './components/Checkbox/Checkbox';
10
12
  export * from './components/Chip/Chip';
13
+ export * from './components/ConfirmationDialog/ConfirmationDialog';
14
+ export * from './components/Description/Description';
11
15
  export * from './components/Dialog/Dialog';
12
16
  export * from './components/EllipsisTooltip/EllipsisTooltip';
13
17
  export * from './components/Icon/Icon';
@@ -17,14 +21,19 @@ export * from './components/InputSearch/InputSearch';
17
21
  export * from './components/LoadingSpinner/LoadingSpinner';
18
22
  export * from './components/PageHeader/PageHeader';
19
23
  export * from './components/Pagination/Pagination';
24
+ export * from './components/Popover/Popover';
25
+ export * from './components/RadioButton/RadioButton';
26
+ export * from './components/ResultWithChips/ResultWithChips';
20
27
  export * from './components/RowItem/RowItem';
21
28
  export * from './components/Select/Select';
22
29
  export * from './components/Skeleton/Skeleton';
23
30
  export * from './components/Snackbar/Snackbar';
24
31
  export * from './components/SortTooltip/SortTooltip';
25
32
  export * from './components/Stepper/Stepper';
33
+ export * from './components/StepperNavigator/StepperNavigator';
26
34
  export * from './components/Table/Table';
27
35
  export * from './components/Tabs/Tabs';
36
+ export * from './components/Tag/Tag';
28
37
  export * from './components/TextDisplay/TextDisplay';
29
38
  export * from './components/Toggle/Toggle';
30
39
  export * from './components/ToggleGroup/ToggleGroup';
package/dist/main.js CHANGED
@@ -1,83 +1,101 @@
1
- import { Adornment as e } from "./components/Adornment/Adornment.js";
1
+ import { Adornment as t } from "./components/Adornment/Adornment.js";
2
2
  import { Advice as p } from "./components/Advice/Advice.js";
3
- import { Autocomplete as f } from "./components/Autocomplete/Autocomplete.js";
4
- import { Button as x } from "./components/Button/Button.js";
5
- import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
6
- import { C as T, R as s, T as c } from "./Toggle-f5brSwAI.js";
7
- import { Dialog as u } from "./components/Dialog/Dialog.js";
8
- import { EllipsisTooltip as d } from "./components/EllipsisTooltip/EllipsisTooltip.js";
9
- import { Icon as k } from "./components/Icon/Icon.js";
10
- import { IconButton as I } from "./components/IconButton/IconButton.js";
11
- import { Input as D } from "./components/Input/Input.js";
12
- import { InputSearch as A } from "./components/InputSearch/InputSearch.js";
13
- import { LoadingSpinner as B } from "./components/LoadingSpinner/LoadingSpinner.js";
14
- import { PageHeader as v } from "./components/PageHeader/PageHeader.js";
15
- import { Pagination as R, paginationDefaultTranslations as w } from "./components/Pagination/Pagination.js";
16
- import { Select as L, SelectOption as O } from "./components/Select/Select.js";
17
- import { Skeleton as q, SkeletonCircle as z, SkeletonTable as F } from "./components/Skeleton/Skeleton.js";
18
- import { Snackbar as K } from "./components/Snackbar/Snackbar.js";
19
- import { SortTooltip as N, sortTooltipDefaultTranslations as Q } from "./components/SortTooltip/SortTooltip.js";
20
- import { Stepper as V } from "./components/Stepper/Stepper.js";
21
- import { TBody as X, THead as Y, Table as Z, Td as _, Th as $, Tr as oo } from "./components/Table/Table.js";
22
- import { Tabs as eo } from "./components/Tabs/Tabs.js";
23
- import { TextDisplay as po } from "./components/TextDisplay/TextDisplay.js";
24
- import { Toggle as fo } from "./components/Toggle/Toggle.js";
25
- import { G as xo } from "./Group-B3p31ftp.js";
26
- import { Tooltip as lo } from "./components/Tooltip/Tooltip.js";
27
- import { Text as To, Typography as so } from "./components/Typography/Typography.js";
28
- import { SnackbarContext as go, SnackbarProvider as uo, useSnackbar as So } from "./contexts/SnackbarProvider/SnackbarProvider.js";
29
- import { default as ko } from "./components/Dialog/DialogTitle.js";
30
- import { default as Io } from "./components/Dialog/Content.js";
31
- import { default as Do } from "./components/Dialog/Actions.js";
32
- import { Tab as Ao } from "./components/Tabs/Tab.js";
33
- import { TabPanel as Bo } from "./components/Tabs/TabPanel.js";
3
+ import { Alert as f } from "./components/Alert/Alert.js";
4
+ import { Autocomplete as x } from "./components/Autocomplete/Autocomplete.js";
5
+ import { Avatar as i } from "./components/Avatar/Avatar.js";
6
+ import { Button as T } from "./components/Button/Button.js";
7
+ import { Checkbox as g } from "./components/Checkbox/Checkbox.js";
8
+ import { C as u, R as S, T as d } from "./Toggle-MfR7l8Wn.js";
9
+ import { ConfirmationDialog as k } from "./components/ConfirmationDialog/ConfirmationDialog.js";
10
+ import { Description as h } from "./components/Description/Description.js";
11
+ import { Dialog as A } from "./components/Dialog/Dialog.js";
12
+ import { EllipsisTooltip as v } from "./components/EllipsisTooltip/EllipsisTooltip.js";
13
+ import { Icon as y } from "./components/Icon/Icon.js";
14
+ import { IconButton as R } from "./components/IconButton/IconButton.js";
15
+ import { Input as H } from "./components/Input/Input.js";
16
+ import { InputSearch as E } from "./components/InputSearch/InputSearch.js";
17
+ import { LoadingSpinner as N } from "./components/LoadingSpinner/LoadingSpinner.js";
18
+ import { PageHeader as W } from "./components/PageHeader/PageHeader.js";
19
+ import { Pagination as q, paginationDefaultTranslations as z } from "./components/Pagination/Pagination.js";
20
+ import { Popover as J } from "./components/Popover/Popover.js";
21
+ import { RadioButton as M } from "./components/RadioButton/RadioButton.js";
22
+ import { ResultWithChips as U } from "./components/ResultWithChips/ResultWithChips.js";
23
+ import { Select as X, SelectOption as Y } from "./components/Select/Select.js";
24
+ import { Skeleton as _, SkeletonCircle as $, SkeletonTable as oo } from "./components/Skeleton/Skeleton.js";
25
+ import { Snackbar as to } from "./components/Snackbar/Snackbar.js";
26
+ import { SortTooltip as po, sortTooltipDefaultTranslations as ao } from "./components/SortTooltip/SortTooltip.js";
27
+ import { Stepper as mo } from "./components/Stepper/Stepper.js";
28
+ import { StepperNavigator as no } from "./components/StepperNavigator/StepperNavigator.js";
29
+ import { TBody as lo, THead as To, Table as so, Td as go, Th as co, Tr as uo } from "./components/Table/Table.js";
30
+ import { Tabs as bo } from "./components/Tabs/Tabs.js";
31
+ import { Tag as Co } from "./components/Tag/Tag.js";
32
+ import { TextDisplay as Do } from "./components/TextDisplay/TextDisplay.js";
33
+ import { Toggle as Io } from "./components/Toggle/Toggle.js";
34
+ import { G as Po } from "./Group-DspH8hyO.js";
35
+ import { Tooltip as Bo } from "./components/Tooltip/Tooltip.js";
36
+ import { Text as Go, Typography as Ho } from "./components/Typography/Typography.js";
37
+ import { SnackbarContext as Eo, SnackbarProvider as Lo, useSnackbar as No } from "./contexts/SnackbarProvider/SnackbarProvider.js";
38
+ import { default as Wo } from "./components/Dialog/DialogTitle.js";
39
+ import { default as qo } from "./components/Dialog/Content.js";
40
+ import { default as Fo } from "./components/Dialog/Actions.js";
41
+ import { Tab as Ko } from "./components/Tabs/Tab.js";
42
+ import { TabPanel as Qo } from "./components/Tabs/TabPanel.js";
34
43
  export {
35
- Do as Actions,
36
- e as Adornment,
44
+ Fo as Actions,
45
+ t as Adornment,
37
46
  p as Advice,
38
- f as Autocomplete,
39
- x as Button,
40
- l as Checkbox,
41
- T as Chip,
42
- Io as Content,
43
- u as Dialog,
44
- ko as DialogTitle,
45
- d as EllipsisTooltip,
46
- k as Icon,
47
- I as IconButton,
48
- D as Input,
49
- A as InputSearch,
50
- B as LoadingSpinner,
51
- v as PageHeader,
52
- R as Pagination,
53
- s as RowItem,
54
- L as Select,
55
- O as SelectOption,
56
- q as Skeleton,
57
- z as SkeletonCircle,
58
- F as SkeletonTable,
59
- K as Snackbar,
60
- go as SnackbarContext,
61
- uo as SnackbarProvider,
62
- N as SortTooltip,
63
- V as Stepper,
64
- X as TBody,
65
- Y as THead,
66
- Ao as Tab,
67
- Bo as TabPanel,
68
- Z as Table,
69
- eo as Tabs,
70
- _ as Td,
71
- To as Text,
72
- po as TextDisplay,
73
- $ as Th,
74
- fo as Toggle,
75
- xo as ToggleGroup,
76
- c as ToggleGroupItem,
77
- lo as Tooltip,
78
- oo as Tr,
79
- so as Typography,
80
- w as paginationDefaultTranslations,
81
- Q as sortTooltipDefaultTranslations,
82
- So as useSnackbar
47
+ f as Alert,
48
+ x as Autocomplete,
49
+ i as Avatar,
50
+ T as Button,
51
+ g as Checkbox,
52
+ u as Chip,
53
+ k as ConfirmationDialog,
54
+ qo as Content,
55
+ h as Description,
56
+ A as Dialog,
57
+ Wo as DialogTitle,
58
+ v as EllipsisTooltip,
59
+ y as Icon,
60
+ R as IconButton,
61
+ H as Input,
62
+ E as InputSearch,
63
+ N as LoadingSpinner,
64
+ W as PageHeader,
65
+ q as Pagination,
66
+ J as Popover,
67
+ M as RadioButton,
68
+ U as ResultWithChips,
69
+ S as RowItem,
70
+ X as Select,
71
+ Y as SelectOption,
72
+ _ as Skeleton,
73
+ $ as SkeletonCircle,
74
+ oo as SkeletonTable,
75
+ to as Snackbar,
76
+ Eo as SnackbarContext,
77
+ Lo as SnackbarProvider,
78
+ po as SortTooltip,
79
+ mo as Stepper,
80
+ no as StepperNavigator,
81
+ lo as TBody,
82
+ To as THead,
83
+ Ko as Tab,
84
+ Qo as TabPanel,
85
+ so as Table,
86
+ bo as Tabs,
87
+ Co as Tag,
88
+ go as Td,
89
+ Go as Text,
90
+ Do as TextDisplay,
91
+ co as Th,
92
+ Io as Toggle,
93
+ Po as ToggleGroup,
94
+ d as ToggleGroupItem,
95
+ Bo as Tooltip,
96
+ uo as Tr,
97
+ Ho as Typography,
98
+ z as paginationDefaultTranslations,
99
+ ao as sortTooltipDefaultTranslations,
100
+ No as useSnackbar
83
101
  };