@pismo/marola 1.0.9 → 1.0.11

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 (41) hide show
  1. package/dist/Dialog.module-Duis5XWM.js +1 -2
  2. package/dist/Group-ZXteFV4M.js +1 -2
  3. package/dist/Popover.module-B4boCutS.js +1 -2
  4. package/dist/SelectButton-B38avP9u.js +1 -2
  5. package/dist/Tabs.module-By78tLjn.js +25 -0
  6. package/dist/Toggle-BuZjueQ7.js +1 -2
  7. package/dist/assets/Tabs.css +1 -1
  8. package/dist/components/Adornment/Adornment.js +1 -2
  9. package/dist/components/Advice/Advice.js +1 -2
  10. package/dist/components/Alert/Alert.js +1 -2
  11. package/dist/components/Autocomplete/Autocomplete.js +1 -2
  12. package/dist/components/Avatar/Avatar.js +1 -2
  13. package/dist/components/Button/Button.js +1 -2
  14. package/dist/components/Checkbox/Checkbox.js +1 -2
  15. package/dist/components/Description/Description.js +1 -2
  16. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +1 -2
  17. package/dist/components/IconButton/IconButton.js +1 -2
  18. package/dist/components/Input/Input.js +235 -235
  19. package/dist/components/InputSearch/InputSearch.js +1 -2
  20. package/dist/components/LoadingSpinner/LoadingSpinner.js +1 -2
  21. package/dist/components/PageHeader/PageHeader.js +1 -2
  22. package/dist/components/Pagination/Pagination.js +1 -2
  23. package/dist/components/Pagination/Pagination.test.d.ts +1 -0
  24. package/dist/components/RadioButton/RadioButton.js +1 -2
  25. package/dist/components/ResultWithChips/ResultWithChips.js +1 -2
  26. package/dist/components/Skeleton/Skeleton.js +1 -2
  27. package/dist/components/Snackbar/Snackbar.js +1 -2
  28. package/dist/components/SortTooltip/SortTooltip.js +1 -2
  29. package/dist/components/Stepper/Stepper.js +1 -2
  30. package/dist/components/StepperNavigator/StepperNavigator.js +1 -2
  31. package/dist/components/Table/Table.js +1 -2
  32. package/dist/components/Tabs/Tab.js +63 -63
  33. package/dist/components/Tabs/TabPanel.js +1 -1
  34. package/dist/components/Tabs/Tabs.js +1 -1
  35. package/dist/components/Tag/Tag.js +1 -2
  36. package/dist/components/TextDisplay/TextDisplay.js +1 -2
  37. package/dist/components/Toggle/Toggle.js +1 -2
  38. package/dist/components/Tooltip/Tooltip.js +1 -2
  39. package/dist/components/Typography/Typography.js +1 -2
  40. package/package.json +2 -2
  41. package/dist/Tabs.module-DSjBjg0Z.js +0 -25
@@ -1,5 +1,4 @@
1
- import './assets/Dialog.css';
2
- const _ = "_dialog_2iy7w_78", y = "_dialog__backdrop_2iy7w_88", a = "_dialog__panel_2iy7w_96", o = "_dialog__title_2iy7w_113", i = "_dialog__subtitle_2iy7w_120", p = "_dialog__divider_2iy7w_124", t = "_dialog__actions_2iy7w_138", g = {
1
+ import './assets/Dialog.css';const _ = "_dialog_2iy7w_78", y = "_dialog__backdrop_2iy7w_88", a = "_dialog__panel_2iy7w_96", o = "_dialog__title_2iy7w_113", i = "_dialog__subtitle_2iy7w_120", p = "_dialog__divider_2iy7w_124", t = "_dialog__actions_2iy7w_138", g = {
3
2
  "u-typography-h1": "_u-typography-h1_2iy7w_1",
4
3
  "u-typography-h2": "_u-typography-h2_2iy7w_8",
5
4
  "u-typography-h3": "_u-typography-h3_2iy7w_15",
@@ -1,10 +1,9 @@
1
- import './assets/Group.css';
2
1
  import { jsxs as l, jsx as o } from "react/jsx-runtime";
3
2
  import { forwardRef as n } from "react";
4
3
  import { c as m } from "./clsx-DB4S2d7J.js";
5
4
  import { Icon as u } from "./components/Icon/Icon.js";
6
5
  import { Typography as c } from "./components/Typography/Typography.js";
7
- const p = "_toggle__input_hu6m0_1", h = "_toggle__label_hu6m0_11", t = {
6
+ import './assets/Group.css';const p = "_toggle__input_hu6m0_1", h = "_toggle__label_hu6m0_11", t = {
8
7
  toggle__input: p,
9
8
  toggle__label: h,
10
9
  "toggle__label--selected": "_toggle__label--selected_hu6m0_21",
@@ -1,5 +1,4 @@
1
- import './assets/Popover.css';
2
- const o = "_popover_n95k7_1", p = {
1
+ import './assets/Popover.css';const o = "_popover_n95k7_1", p = {
3
2
  popover: o,
4
3
  "popover-header": "_popover-header_n95k7_6",
5
4
  "popover-footer": "_popover-footer_n95k7_10",
@@ -1,10 +1,9 @@
1
- import './assets/SelectButton.css';
2
1
  import { jsxs as l, jsx as e } from "react/jsx-runtime";
3
2
  import { forwardRef as g } from "react";
4
3
  import { c as d } from "./clsx-DB4S2d7J.js";
5
4
  import { Icon as p } from "./components/Icon/Icon.js";
6
5
  import { Typography as b } from "./components/Typography/Typography.js";
7
- const q = "_select__listbox__option__text_1abqy_65", x = "_select__wrapper_1abqy_78", m = "_select__label_1abqy_84", f = "_select_1abqy_57", w = "_select__popup_1abqy_99", v = "_select__listbox_1abqy_65", S = "_select__listbox__option_1abqy_65", k = "_select__listbox__option__icon_1abqy_129", t = {
6
+ import './assets/SelectButton.css';const q = "_select__listbox__option__text_1abqy_65", x = "_select__wrapper_1abqy_78", m = "_select__label_1abqy_84", f = "_select_1abqy_57", w = "_select__popup_1abqy_99", v = "_select__listbox_1abqy_65", S = "_select__listbox__option_1abqy_65", k = "_select__listbox__option__icon_1abqy_129", t = {
8
7
  "u-typography-h1": "_u-typography-h1_1abqy_1",
9
8
  "u-typography-h2": "_u-typography-h2_1abqy_8",
10
9
  "u-typography-h3": "_u-typography-h3_1abqy_15",
@@ -0,0 +1,25 @@
1
+ import * as _ from "react";
2
+ import './assets/Tabs.css';const a = /* @__PURE__ */ _.createContext(null);
3
+ process.env.NODE_ENV !== "production" && (a.displayName = "TabsContext");
4
+ function o() {
5
+ const t = _.useContext(a);
6
+ if (t == null)
7
+ throw new Error("No TabsContext provided");
8
+ return t;
9
+ }
10
+ const b = "_tabs_o8vxb_1", s = "_tabs__tab_o8vxb_5", e = {
11
+ tabs: b,
12
+ tabs__tab: s,
13
+ "tabs__tab--disabled": "_tabs__tab--disabled_o8vxb_23",
14
+ "tabs__tab--selected": "_tabs__tab--selected_o8vxb_32",
15
+ "tabs__tab--chip": "_tabs__tab--chip_o8vxb_36",
16
+ "tabs__tab--chip--disabled": "_tabs__tab--chip--disabled_o8vxb_59",
17
+ "tabs__tab-panel": "_tabs__tab-panel_o8vxb_69",
18
+ "tabs__tab-icon": "_tabs__tab-icon_o8vxb_73",
19
+ "tabs__tab-content": "_tabs__tab-content_o8vxb_78"
20
+ };
21
+ export {
22
+ a as T,
23
+ e as s,
24
+ o as u
25
+ };
@@ -1,4 +1,3 @@
1
- import './assets/Toggle2.css';
2
1
  import { jsx as i, jsxs as k } from "react/jsx-runtime";
3
2
  import { forwardRef as u } from "react";
4
3
  import { c as l } from "./clsx-DB4S2d7J.js";
@@ -19,7 +18,7 @@ import "./components/Tabs/Tabs.js";
19
18
  import { s as y } from "./Group-ZXteFV4M.js";
20
19
  import "./contexts/SnackbarProvider/SnackbarProvider.js";
21
20
  import { B as x } from "./Button-BAljjMv3.js";
22
- const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {
21
+ import './assets/Toggle2.css';const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", n = {
23
22
  "u-typography-h1": "_u-typography-h1_1wvod_1",
24
23
  "u-typography-h2": "_u-typography-h2_1wvod_8",
25
24
  "u-typography-h3": "_u-typography-h3_1wvod_15",
@@ -1 +1 @@
1
- ._tabs_q5he5_1{gap:8px;width:100%}._tabs__tab_q5he5_5{min-width:94px;height:48px;padding:0 4px 0 0;color:var(--gray-75);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent;display:flex;align-items:center;justify-content:center}._tabs__tab_q5he5_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_q5he5_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_q5he5_26{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_q5he5_26:focus,._tabs__tab--disabled_q5he5_26:active,._tabs__tab--disabled_q5he5_26:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_q5he5_35{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab--selected_q5he5_35._tabs__tab--chip_q5he5_39{color:var(--accent);border-color:var(--accent)}._tabs__tab--chip_q5he5_39{height:32px;border:1px solid var(--gray-75);border-radius:var(--border-radius);color:var(--gray-75);background-color:transparent}._tabs__tab--chip_q5he5_39:hover{color:var(--hover);border-color:var(--hover);border-bottom:1px solid var(--hover)}._tabs__tab--chip_q5he5_39:active{color:var(--active);border-color:var(--active)}._tabs__tab--chip--disabled_q5he5_59{color:#00000040;cursor:default;border:1px solid rgba(0,0,0,.25)}._tabs__tab--chip--disabled_q5he5_59:focus,._tabs__tab--chip--disabled_q5he5_59:active,._tabs__tab--chip--disabled_q5he5_59:hover{color:#00000040;border:1px solid rgba(0,0,0,.25);background-color:transparent}._tabs__tab-panel_q5he5_69{width:100%;margin-top:16px}._tabs__tab-icon_q5he5_73{height:16px;width:16px;margin-right:12px}
1
+ ._tabs_o8vxb_1{gap:8px;width:100%}._tabs__tab_o8vxb_5{min-width:94px;height:48px;padding:0 4px 0 0;color:var(--gray-75);cursor:pointer;background-color:transparent;border:none;border-bottom:2px solid transparent}._tabs__tab_o8vxb_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_o8vxb_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_o8vxb_23{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_o8vxb_23:focus,._tabs__tab--disabled_o8vxb_23:active,._tabs__tab--disabled_o8vxb_23:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_o8vxb_32{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab--selected_o8vxb_32._tabs__tab--chip_o8vxb_36{color:var(--accent);border-color:var(--accent)}._tabs__tab--chip_o8vxb_36{display:flex;align-items:center;justify-content:center;height:32px;color:var(--gray-75);background-color:transparent;border:1px solid var(--gray-75);border-radius:var(--border-radius)}._tabs__tab--chip_o8vxb_36:hover{color:var(--hover);border-color:var(--hover);border-bottom:1px solid var(--hover)}._tabs__tab--chip_o8vxb_36:active{color:var(--active);border-color:var(--active)}._tabs__tab--chip--disabled_o8vxb_59{color:#00000040;cursor:default;border:1px solid rgba(0,0,0,.25)}._tabs__tab--chip--disabled_o8vxb_59:focus,._tabs__tab--chip--disabled_o8vxb_59:active,._tabs__tab--chip--disabled_o8vxb_59:hover{color:#00000040;background-color:transparent;border:1px solid rgba(0,0,0,.25)}._tabs__tab-panel_o8vxb_69{width:100%;margin-top:16px}._tabs__tab-icon_o8vxb_73{width:16px;height:16px;margin-right:12px}._tabs__tab-content_o8vxb_78{display:flex;align-items:center;justify-content:center}
@@ -1,8 +1,7 @@
1
- import '../../assets/Adornment.css';
2
1
  import { jsx as n } from "react/jsx-runtime";
3
2
  import { c } from "../../clsx-DB4S2d7J.js";
4
3
  import { Icon as d } from "../Icon/Icon.js";
5
- const l = "_adornment_1bwrg_1", i = {
4
+ import '../../assets/Adornment.css';const l = "_adornment_1bwrg_1", i = {
6
5
  adornment: l
7
6
  }, g = (t) => {
8
7
  const e = c(t.className), { disabled: a, icon: m } = t, o = a ? "rgb(var(--gray-95-rgb), 0.4)" : t == null ? void 0 : t.color;
@@ -1,9 +1,8 @@
1
- import '../../assets/Advice.css';
2
1
  import { jsxs as _, jsx as r } from "react/jsx-runtime";
3
2
  import { c as g } from "../../clsx-DB4S2d7J.js";
4
3
  import { Icon as h } from "../Icon/Icon.js";
5
4
  import { Typography as m } from "../Typography/Typography.js";
6
- const x = "_advice_1wls4_1", f = "_advice__texts_1wls4_8", u = "_advice__content_1wls4_14", c = {
5
+ import '../../assets/Advice.css';const x = "_advice_1wls4_1", f = "_advice__texts_1wls4_8", u = "_advice__content_1wls4_14", c = {
7
6
  advice: x,
8
7
  advice__texts: f,
9
8
  advice__content: u
@@ -1,8 +1,7 @@
1
- import '../../assets/Alert.css';
2
1
  import { jsxs as _, jsx as a } from "react/jsx-runtime";
3
2
  import { c as y } from "../../clsx-DB4S2d7J.js";
4
3
  import { Icon as s } from "../Icon/Icon.js";
5
- const h = "_container_9p2mz_78", t = {
4
+ import '../../assets/Alert.css';const h = "_container_9p2mz_78", t = {
6
5
  "u-typography-h1": "_u-typography-h1_9p2mz_1",
7
6
  "u-typography-h2": "_u-typography-h2_9p2mz_8",
8
7
  "u-typography-h3": "_u-typography-h3_9p2mz_15",
@@ -1,4 +1,3 @@
1
- import '../../assets/Autocomplete.css';
2
1
  import { jsx as le, jsxs as lt } from "react/jsx-runtime";
3
2
  import * as h from "react";
4
3
  import { useId as at, useState as ut, createElement as ct } from "react";
@@ -8,7 +7,7 @@ import { b as je, s as dt } from "../../useSlotProps-C_I1kEHr.js";
8
7
  import { u as gt } from "../../useId-BW-oWmul.js";
9
8
  import { u as _e } from "../../useControlled-CCMYYdCM.js";
10
9
  import { u as ae } from "../../useEventCallback-BAQJJ3ye.js";
11
- const ht = (c) => {
10
+ import '../../assets/Autocomplete.css';const ht = (c) => {
12
11
  const b = h.useRef({});
13
12
  return h.useEffect(() => {
14
13
  b.current = c;
@@ -1,8 +1,7 @@
1
- import '../../assets/Avatar.css';
2
1
  import { jsxs as v, jsx as _ } from "react/jsx-runtime";
3
2
  import { forwardRef as c, useMemo as y } from "react";
4
3
  import { c as d } from "../../clsx-DB4S2d7J.js";
5
- const m = "_avatar_4n12g_57", b = "_avatar__icon_4n12g_108", x = "_avatar__image_4n12g_108", f = "_avatar__text_4n12g_108", t = {
4
+ import '../../assets/Avatar.css';const m = "_avatar_4n12g_57", b = "_avatar__icon_4n12g_108", x = "_avatar__image_4n12g_108", f = "_avatar__text_4n12g_108", t = {
6
5
  "u-typography-h1": "_u-typography-h1_4n12g_1",
7
6
  "u-typography-h2": "_u-typography-h2_4n12g_8",
8
7
  "u-typography-h3": "_u-typography-h3_4n12g_15",
@@ -1,10 +1,9 @@
1
- import '../../assets/Button.css';
2
1
  import { jsx as p, jsxs as l } from "react/jsx-runtime";
3
2
  import { forwardRef as x, useMemo as c } from "react";
4
3
  import { c as v } from "../../clsx-DB4S2d7J.js";
5
4
  import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
6
5
  import { B as f } from "../../Button-BAljjMv3.js";
7
- const k = "_button_dxo5v_57", t = {
6
+ import '../../assets/Button.css';const k = "_button_dxo5v_57", t = {
8
7
  "u-typography-h1": "_u-typography-h1_dxo5v_1",
9
8
  "u-typography-h2": "_u-typography-h2_dxo5v_8",
10
9
  "u-typography-h3": "_u-typography-h3_dxo5v_15",
@@ -1,9 +1,8 @@
1
- import '../../assets/Checkbox.css';
2
1
  import { jsxs as w, jsx as c } from "react/jsx-runtime";
3
2
  import * as l from "react";
4
3
  import { useState as k, useEffect as i } from "react";
5
4
  import { c as _ } from "../../clsx-DB4S2d7J.js";
6
- 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 = {
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 = {
7
6
  "u-typography-h1": "_u-typography-h1_xqg5n_1",
8
7
  "u-typography-h2": "_u-typography-h2_xqg5n_8",
9
8
  "u-typography-h3": "_u-typography-h3_xqg5n_15",
@@ -1,9 +1,8 @@
1
- import '../../assets/Description.css';
2
1
  import { jsxs as u, jsx as t } from "react/jsx-runtime";
3
2
  import { c as g } from "../../clsx-DB4S2d7J.js";
4
3
  import { Skeleton as y } from "../Skeleton/Skeleton.js";
5
4
  import { Typography as _ } from "../Typography/Typography.js";
6
- const l = "_container_he0z3_78", a = {
5
+ import '../../assets/Description.css';const l = "_container_he0z3_78", a = {
7
6
  "u-typography-h1": "_u-typography-h1_he0z3_1",
8
7
  "u-typography-h2": "_u-typography-h2_he0z3_8",
9
8
  "u-typography-h3": "_u-typography-h3_he0z3_15",
@@ -1,9 +1,8 @@
1
- import '../../assets/EllipsisTooltip.css';
2
1
  import { jsx as s, jsxs as d, Fragment as f } from "react/jsx-runtime";
3
2
  import { useState as g } from "react";
4
3
  import { c as v } from "../../clsx-DB4S2d7J.js";
5
4
  import { Tooltip as x } from "../Tooltip/Tooltip.js";
6
- const H = {
5
+ import '../../assets/EllipsisTooltip.css';const H = {
7
6
  "ellipsis-tooltip": "_ellipsis-tooltip_1ov97_1"
8
7
  }, W = ({
9
8
  lineClamp: e = 1,
@@ -1,10 +1,9 @@
1
- import '../../assets/IconButton.css';
2
1
  import { jsx as r, jsxs as c } from "react/jsx-runtime";
3
2
  import { forwardRef as d, useMemo as l } from "react";
4
3
  import { c as j } from "../../clsx-DB4S2d7J.js";
5
4
  import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
6
5
  import { B as x } from "../../Button-BAljjMv3.js";
7
- const o = {
6
+ import '../../assets/IconButton.css';const o = {
8
7
  "u-typography-h1": "_u-typography-h1_gt5j9_1",
9
8
  "u-typography-h2": "_u-typography-h2_gt5j9_8",
10
9
  "u-typography-h3": "_u-typography-h3_gt5j9_15",