@pismo/marola 2.1.63 → 2.1.65

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 (115) hide show
  1. package/dist/Button-CJaBSdv1.js +135 -0
  2. package/dist/ClassNameConfigurator-CVRWfyIa.js +847 -0
  3. package/dist/{ClickAwayListener-Z08peX_P.js → ClickAwayListener-BnYMO5Ki.js} +26 -33
  4. package/dist/Popup-D267EI4e.js +1338 -0
  5. package/dist/{Portal-DJapUCn6.js → Portal-BrGvxB96.js} +32 -36
  6. package/dist/RadioOption-DyRY8xlF.js +1094 -0
  7. package/dist/{Toggle-DcZTfLrC.js → Toggle-nnDfpqI1.js} +31 -31
  8. package/dist/assets/Checkbox.css +1 -1
  9. package/dist/assets/DropdownMenu.css +1 -1
  10. package/dist/assets/Input.css +1 -1
  11. package/dist/assets/ToastCard.css +1 -1
  12. package/dist/assets/Toggle2.css +1 -1
  13. package/dist/combineHooksSlotProps-j-8UVeYo.js +86 -0
  14. package/dist/components/Alert/Alert.stories.d.ts +6 -6
  15. package/dist/components/Autocomplete/Autocomplete.d.ts +1 -1
  16. package/dist/components/Autocomplete/Autocomplete.js +311 -320
  17. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +1 -1
  18. package/dist/components/Avatar/Avatar.stories.d.ts +4 -4
  19. package/dist/components/BankingCard/BankingCard.d.ts +0 -1
  20. package/dist/components/Button/Button.js +1 -1
  21. package/dist/components/Checkbox/Checkbox.js +56 -56
  22. package/dist/components/Checkbox/Checkbox.stories.d.ts +8 -8
  23. package/dist/components/Chip/Chip.js +3 -3
  24. package/dist/components/DatePicker/DatePicker.js +742 -639
  25. package/dist/components/DatePicker/DatePicker.stories.d.ts +8 -8
  26. package/dist/components/DatePicker/dateUtils.d.ts +2 -2
  27. package/dist/components/DatePicker/dateUtils.js +1 -1
  28. package/dist/components/DatePicker/keyboardNavigation.d.ts +1 -1
  29. package/dist/components/DatePicker/renderCalendarDays.js +1 -1
  30. package/dist/components/DatePicker/renderPeriodSelection.js +1 -1
  31. package/dist/components/Dialog/CloseIconButton.js +1 -1
  32. package/dist/components/Dialog/Dialog.js +372 -352
  33. package/dist/components/Dialog/Dialog.stories.d.ts +96 -135
  34. package/dist/components/DoubleAutocomplete/DoubleAutocomplete.d.ts +1 -1
  35. package/dist/components/DoubleAutocomplete/DoubleAutocomplete.js +2 -2
  36. package/dist/components/DoubleAutocomplete/DoubleAutocomplete.stories.d.ts +1 -1
  37. package/dist/components/DoubleInput/DoubleInput.stories.d.ts +1 -1
  38. package/dist/components/Draggable/Draggable.d.ts +0 -1
  39. package/dist/components/Draggable/Draggable.js +1 -1
  40. package/dist/components/Draggable/Draggable.stories.d.ts +2 -3
  41. package/dist/components/Draggable/useDraggable.js +1 -1
  42. package/dist/components/DropdownMenu/DropdownMenu.d.ts +3 -1
  43. package/dist/components/DropdownMenu/DropdownMenu.js +39 -34
  44. package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +6 -4
  45. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +4 -4
  46. package/dist/components/IconButton/IconButton.js +1 -1
  47. package/dist/components/Input/Input.d.ts +2 -0
  48. package/dist/components/Input/Input.js +361 -340
  49. package/dist/components/Input/Input.stories.d.ts +2 -0
  50. package/dist/components/InputSearch/InputSearch.d.ts +31 -30
  51. package/dist/components/InputSearch/InputSearch.stories.d.ts +31 -30
  52. package/dist/components/Popover/Popover.d.ts +3 -3
  53. package/dist/components/Popover/Popover.js +2 -2
  54. package/dist/components/Popover/Popover.stories.d.ts +3 -3
  55. package/dist/components/Popover/PopoverBody.d.ts +0 -1
  56. package/dist/components/Popover/PopoverFooter.d.ts +0 -1
  57. package/dist/components/Popover/PopoverHeader.d.ts +0 -1
  58. package/dist/components/RadioButton/RadioButton.d.ts +0 -1
  59. package/dist/components/RadioButton/RadioButton.js +684 -769
  60. package/dist/components/RadioButton/RadioOption.d.ts +0 -1
  61. package/dist/components/RadioButton/RadioOption.js +3 -3
  62. package/dist/components/ResultContainer/ResultContainer.d.ts +0 -1
  63. package/dist/components/ResultContainer/ResultContainer.stories.d.ts +9 -9
  64. package/dist/components/ResultWithChips/ResultWithChips.js +1 -1
  65. package/dist/components/ResultWithChips/ResultWithChips.stories.d.ts +9 -9
  66. package/dist/components/RowItem/RowItem.js +2 -2
  67. package/dist/components/Select/Select.js +625 -591
  68. package/dist/components/Skeleton/Skeleton.d.ts +0 -1
  69. package/dist/components/Snackbar/Snackbar.js +295 -239
  70. package/dist/components/Snackbar/Snackbar.stories.d.ts +113 -113
  71. package/dist/components/StepperNavigator/StepperNavigator.d.ts +0 -1
  72. package/dist/components/Table/Table.stories.d.ts +5 -5
  73. package/dist/components/Tabs/Tab.js +107 -98
  74. package/dist/components/Tabs/TabPanel.js +58 -55
  75. package/dist/components/Tabs/Tabs.js +246 -231
  76. package/dist/components/ToastCard/ToastCard.js +31 -31
  77. package/dist/components/Toggle/Toggle.js +147 -137
  78. package/dist/components/Toggle/Toggle.stories.d.ts +5 -5
  79. package/dist/components/ToggleGroup/Toggle.d.ts +0 -1
  80. package/dist/components/ToggleGroup/Toggle.js +2 -2
  81. package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
  82. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
  83. package/dist/components/Tooltip/Tooltip.js +266 -325
  84. package/dist/components/Tooltip/Tooltip.stories.d.ts +4 -4
  85. package/dist/components/TransactionRow/TransactionRow.stories.d.ts +21 -21
  86. package/dist/contexts/DraggableProvider/DraggableProvider.d.ts +0 -1
  87. package/dist/contexts/DraggableProvider/DraggableProvider.js +1 -1
  88. package/dist/contexts/SnackbarProvider/SnackbarProvider.js +1 -1
  89. package/dist/{dayjs.min-ClQKmc--.js → dayjs.min-BtgZiFZY.js} +14 -14
  90. package/dist/getReactElementRef-iorwYm2A.js +19 -0
  91. package/dist/{index-1UpBa69h.js → index-ew-96uBP.js} +2129 -2128
  92. package/dist/isFocusVisible-CPZqtjv2.js +12 -0
  93. package/dist/main.js +2 -2
  94. package/dist/{ownerDocument-By592Iy6.js → ownerDocument-CU-LCrtd.js} +1 -1
  95. package/dist/react-BTbo_5A3.js +526 -0
  96. package/dist/setRef-Bo0HEdBB.js +6 -0
  97. package/dist/useButton-C2E_LFJp.js +90 -0
  98. package/dist/useControlled-BYdyS7Pn.js +31 -0
  99. package/dist/useId-CK6Kn3Tn.js +21 -0
  100. package/dist/useList-BLW78Lq7.js +446 -0
  101. package/dist/utils/draggable.d.ts +2 -2
  102. package/package.json +5 -4
  103. package/dist/Button-BrEDdtHO.js +0 -130
  104. package/dist/Popup-Dffqo7wT.js +0 -1246
  105. package/dist/RadioOption-DYovqiwF.js +0 -720
  106. package/dist/combineHooksSlotProps-BhQ14uyD.js +0 -79
  107. package/dist/exactProp-SYjL19cU.js +0 -13
  108. package/dist/react-BvI-Sw9b.js +0 -509
  109. package/dist/useButton-CezPDte8.js +0 -105
  110. package/dist/useControlled-CCMYYdCM.js +0 -31
  111. package/dist/useId-BW-oWmul.js +0 -19
  112. package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
  113. package/dist/useList-nqLfZem8.js +0 -435
  114. package/dist/useSlotProps-CYHDC4TN.js +0 -834
  115. package/dist/useTimeout-DxF9kiZL.js +0 -36
@@ -1,7 +1,7 @@
1
1
  import { StoryObj } from '@storybook/react';
2
2
  declare const meta: {
3
3
  title: string;
4
- component: <T extends string | object>({ labelKey, valueKey, renderOption, customSelectedOptionLabel, options, type, value, onChange, onInputChange, classNameWrapper, "data-testid-wrapper": dataTestId, classNameInputWrapper, open, onOpen, onClose, ...props }: import('./Autocomplete.tsx').AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
4
+ component: <T extends object | string>({ labelKey, valueKey, renderOption, customSelectedOptionLabel, options, type, value, onChange, onInputChange, classNameWrapper, "data-testid-wrapper": dataTestId, classNameInputWrapper, open, onOpen, onClose, ...props }: import('./Autocomplete.tsx').AutocompleteProps<T>) => import("react/jsx-runtime").JSX.Element;
5
5
  tags: string[];
6
6
  parameters: {
7
7
  layout: string;
@@ -3,11 +3,11 @@ declare const meta: {
3
3
  title: string;
4
4
  component: import('react').ForwardRefExoticComponent<{
5
5
  type: "icon" | "image" | "text";
6
- size?: (number | "default" | "small" | "large") | undefined;
7
- shape?: ("circle" | "square") | undefined;
6
+ size?: number | "default" | "small" | "large";
7
+ shape?: "circle" | "square";
8
8
  children: import('react').ReactNode;
9
- className?: string | undefined;
10
- 'data-testid'?: string | undefined;
9
+ className?: string;
10
+ 'data-testid'?: string;
11
11
  } & import('react').RefAttributes<HTMLDivElement>>;
12
12
  tags: string[];
13
13
  parameters: {
@@ -1,4 +1,3 @@
1
- /// <reference types="react" />
2
1
  export type Last4Digits = `${number}${number}${number}${number}`;
3
2
  export interface BankingCardProps {
4
3
  /** last 4 digits to display on the card */
@@ -2,7 +2,7 @@ import { jsx as _, jsxs as m } from "react/jsx-runtime";
2
2
  import { forwardRef as c, useMemo as f } from "react";
3
3
  import { c as k } from "../../clsx-OuTLNxxd.js";
4
4
  import { LoadingSpinner as x } from "../LoadingSpinner/LoadingSpinner.js";
5
- import { B as q } from "../../Button-BrEDdtHO.js";
5
+ import { B as q } from "../../Button-CJaBSdv1.js";
6
6
  import '../../assets/Button.css';const B = "_button_1wddv_43", d = {
7
7
  "u-typography-h1": "_u-typography-h1_1wddv_1",
8
8
  "u-typography-h2": "_u-typography-h2_1wddv_8",
@@ -1,70 +1,70 @@
1
1
  import { jsxs as w, jsx as c } from "react/jsx-runtime";
2
- import * as l from "react";
3
- import { useState as k, useEffect as i } from "react";
4
- import { c as _ } from "../../clsx-OuTLNxxd.js";
5
- import '../../assets/Checkbox.css';const v = (a) => /* @__PURE__ */ l.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ l.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), N = "_label_xqg5n_65", z = "_checkmark_xqg5n_94", e = {
6
- "u-typography-h1": "_u-typography-h1_xqg5n_1",
7
- "u-typography-h2": "_u-typography-h2_xqg5n_8",
8
- "u-typography-h3": "_u-typography-h3_xqg5n_15",
9
- "u-typography-h4": "_u-typography-h4_xqg5n_22",
10
- "u-typography-h5": "_u-typography-h5_xqg5n_29",
11
- "u-typography-h6": "_u-typography-h6_xqg5n_36",
12
- "u-typography-base": "_u-typography-base_xqg5n_43",
13
- "u-typography-base--xxl": "_u-typography-base--xxl_xqg5n_49",
14
- "u-typography-base--xl": "_u-typography-base--xl_xqg5n_53",
15
- "u-typography-base--lg": "_u-typography-base--lg_xqg5n_57",
16
- "u-typography-base--sm": "_u-typography-base--sm_xqg5n_61",
17
- "u-typography-base--bold": "_u-typography-base--bold_xqg5n_65",
18
- "checkbox-wrapper": "_checkbox-wrapper_xqg5n_65",
19
- "label--highlighted": "_label--highlighted_xqg5n_65",
20
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_xqg5n_68",
21
- "u-typography-base--underlined": "_u-typography-base--underlined_xqg5n_71",
22
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_xqg5n_74",
23
- label: N,
24
- "label--highlighted-checked": "_label--highlighted-checked_xqg5n_91",
25
- checkmark: z,
26
- "checkmark--checked": "_checkmark--checked_xqg5n_106",
27
- "checkmark--light-theme": "_checkmark--light-theme_xqg5n_109",
28
- "checkmark--accent-theme": "_checkmark--accent-theme_xqg5n_116",
29
- "checkmark--small-size": "_checkmark--small-size_xqg5n_123",
30
- "checkmark--normal-size": "_checkmark--normal-size_xqg5n_130"
31
- }, E = (a) => /* @__PURE__ */ l.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ l.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), B = ({
2
+ import * as o from "react";
3
+ import { useState as i, useEffect as m } from "react";
4
+ import { c as s } from "../../clsx-OuTLNxxd.js";
5
+ import '../../assets/Checkbox.css';const N = (a) => /* @__PURE__ */ o.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), z = "_label_12v77_65", E = "_checkmark_12v77_94", e = {
6
+ "u-typography-h1": "_u-typography-h1_12v77_1",
7
+ "u-typography-h2": "_u-typography-h2_12v77_8",
8
+ "u-typography-h3": "_u-typography-h3_12v77_15",
9
+ "u-typography-h4": "_u-typography-h4_12v77_22",
10
+ "u-typography-h5": "_u-typography-h5_12v77_29",
11
+ "u-typography-h6": "_u-typography-h6_12v77_36",
12
+ "u-typography-base": "_u-typography-base_12v77_43",
13
+ "u-typography-base--xxl": "_u-typography-base--xxl_12v77_49",
14
+ "u-typography-base--xl": "_u-typography-base--xl_12v77_53",
15
+ "u-typography-base--lg": "_u-typography-base--lg_12v77_57",
16
+ "u-typography-base--sm": "_u-typography-base--sm_12v77_61",
17
+ "u-typography-base--bold": "_u-typography-base--bold_12v77_65",
18
+ "checkbox-wrapper": "_checkbox-wrapper_12v77_65",
19
+ "label--highlighted": "_label--highlighted_12v77_65",
20
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_12v77_68",
21
+ "u-typography-base--underlined": "_u-typography-base--underlined_12v77_71",
22
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_12v77_74",
23
+ label: z,
24
+ "label--highlighted-checked": "_label--highlighted-checked_12v77_91",
25
+ checkmark: E,
26
+ "checkmark--checked": "_checkmark--checked_12v77_104",
27
+ "checkmark--light-theme": "_checkmark--light-theme_12v77_107",
28
+ "checkmark--accent-theme": "_checkmark--accent-theme_12v77_114",
29
+ "checkmark--small-size": "_checkmark--small-size_12v77_125",
30
+ "checkmark--normal-size": "_checkmark--normal-size_12v77_132"
31
+ }, F = (a) => /* @__PURE__ */ o.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), M = ({
32
32
  className: a,
33
- label: s,
34
- name: m,
35
- theme: x = "accent",
36
- size: u = "normal",
33
+ label: g,
34
+ name: n,
35
+ theme: u = "accent",
36
+ size: b = "normal",
37
37
  checked: r,
38
- onChange: b,
39
- isIndeterminate: g,
40
- highlightLabel: d = !1,
41
- ...o
38
+ onChange: d,
39
+ isIndeterminate: l,
40
+ highlightLabel: v = !1,
41
+ ...p
42
42
  }) => {
43
- const [h, n] = k(r), [t, y] = k(g);
44
- i(() => {
45
- r !== h && n(r);
46
- }, [r]), i(() => {
47
- typeof g == "boolean" && y(g);
48
- }, [g]);
49
- const q = _(e["checkbox-wrapper"], a), C = _(
43
+ const [h, y] = i(r), [t, k] = i(l);
44
+ m(() => {
45
+ r !== h && y(r);
46
+ }, [r]), m(() => {
47
+ typeof l == "boolean" && k(l);
48
+ }, [l]);
49
+ const x = s(e["checkbox-wrapper"], a), C = s(
50
50
  e.checkmark,
51
- e[`checkmark--${x}-theme`],
52
- e[`checkmark--${u}-size`],
51
+ e[`checkmark--${u}-theme`],
52
+ e[`checkmark--${b}-size`],
53
53
  (h || t) && e["checkmark--checked"]
54
- ), f = d && (o.children || s) ? _(
54
+ ), f = v && (p.children || g) ? s(
55
55
  e.label,
56
56
  e["label--highlighted"],
57
57
  (h || t) && e["label--highlighted-checked"]
58
58
  ) : e.label;
59
- return /* @__PURE__ */ w("div", { className: q, onClick: () => {
60
- let p = !h;
61
- t && (y(!1), p = !0), b(p), n(p);
62
- }, ...o, children: [
63
- /* @__PURE__ */ c("input", { name: m, type: "checkbox", checked: !t && h, readOnly: !0 }),
64
- /* @__PURE__ */ c("span", { className: C, children: t ? /* @__PURE__ */ c(E, {}) : h && /* @__PURE__ */ c(v, {}) }),
65
- /* @__PURE__ */ c("label", { className: f, children: o.children || s })
59
+ return /* @__PURE__ */ w("div", { className: x, onClick: () => {
60
+ let _ = !h;
61
+ t && (k(!1), _ = !0), d(_), y(_);
62
+ }, ...p, children: [
63
+ /* @__PURE__ */ c("input", { name: n, type: "checkbox", checked: !t && h, readOnly: !0 }),
64
+ /* @__PURE__ */ c("span", { className: C, children: t ? /* @__PURE__ */ c(F, {}) : h && /* @__PURE__ */ c(N, {}) }),
65
+ /* @__PURE__ */ c("label", { className: f, children: p.children || g })
66
66
  ] });
67
67
  };
68
68
  export {
69
- B as Checkbox
69
+ M as Checkbox
70
70
  };
@@ -2,17 +2,17 @@ import { StoryObj } from '@storybook/react';
2
2
  declare const meta: {
3
3
  title: string;
4
4
  component: ({ className, label, name, theme, size, checked, onChange, isIndeterminate, highlightLabel, ...rest }: {
5
- className?: string | undefined;
6
- 'data-testid'?: string | undefined;
5
+ className?: string;
6
+ 'data-testid'?: string;
7
7
  label?: import('react').ReactNode;
8
- theme?: ("light" | "accent") | undefined;
9
- size?: ("small" | "normal") | undefined;
10
- checked?: boolean | undefined;
11
- isIndeterminate?: boolean | undefined;
12
- name?: string | undefined;
8
+ theme?: "light" | "accent";
9
+ size?: "small" | "normal";
10
+ checked?: boolean;
11
+ isIndeterminate?: boolean;
12
+ name?: string;
13
13
  onChange: (checked: boolean) => void;
14
14
  children?: import('react').ReactNode;
15
- highlightLabel?: boolean | undefined;
15
+ highlightLabel?: boolean;
16
16
  }) => import("react/jsx-runtime").JSX.Element;
17
17
  tags: string[];
18
18
  parameters: {
@@ -8,10 +8,10 @@ import "../Input/Input.js";
8
8
  import "../Avatar/Avatar.js";
9
9
  import "../Skeleton/Skeleton.js";
10
10
  import "../Button/Button.js";
11
- import { C as z } from "../../Toggle-DcZTfLrC.js";
11
+ import { C as z } from "../../Toggle-nnDfpqI1.js";
12
12
  import "../Dialog/Dialog.js";
13
13
  import "../DatePicker/DatePicker.js";
14
- import "../../index-1UpBa69h.js";
14
+ import "../../index-ew-96uBP.js";
15
15
  import "../Draggable/useDraggable.js";
16
16
  import "../IconButton/IconButton.js";
17
17
  import "../InputSearch/InputSearch.js";
@@ -22,7 +22,7 @@ import "../Tabs/Tabs.js";
22
22
  import "../../Group-DJz1rK2n.js";
23
23
  import "../../contexts/SnackbarProvider/SnackbarProvider.js";
24
24
  import "../../utils/iconsList.js";
25
- import "../../Button-BrEDdtHO.js";
25
+ import "../../Button-CJaBSdv1.js";
26
26
  export {
27
27
  z as Chip
28
28
  };