@pismo/marola 1.0.0-beta.16 → 1.0.0-beta.18

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.
@@ -5,8 +5,8 @@ import "../Adornment/Adornment.js";
5
5
  import "../Icon/Icon.js";
6
6
  import "../Typography/Typography.js";
7
7
  import "../Button/Button.js";
8
- import { R as I, R as b } from "../../Toggle-BQPzu8NV.js";
9
- import "../Dialog/Backdrop.js";
8
+ import { R as I, R as b } from "../../Toggle-CRfZgFJp.js";
9
+ import "../Dialog/Dialog.js";
10
10
  import "../IconButton/IconButton.js";
11
11
  import "../Select/Select.js";
12
12
  import "../Table/Table.js";
@@ -0,0 +1 @@
1
+ export {};
@@ -28,13 +28,15 @@ export type TableProps = ChildrenProps & {
28
28
  paginationProps?: PaginationProps;
29
29
  /** Set theme */
30
30
  theme?: TableTheme;
31
+ /** Set css style `table-layout: fixed;` if was `true` */
32
+ isFixed?: boolean;
31
33
  /** Set language */
32
34
  language?: string;
33
35
  /** Set translations to labels */
34
36
  translations?: TableTranslations;
35
37
  };
36
38
  declare const Table: {
37
- ({ children, theme, fullWidth, className, paginationProps, language, translations, ...rest }: TableProps): import("react/jsx-runtime").JSX.Element;
39
+ ({ children, theme, fullWidth, className, paginationProps, isFixed, language, translations, ...rest }: TableProps): import("react/jsx-runtime").JSX.Element;
38
40
  THead: import('react').FunctionComponent<ChildrenProps>;
39
41
  TBody: import('react').FunctionComponent<ChildrenProps>;
40
42
  Tr: import('react').FunctionComponent<TrProps>;
@@ -1,53 +1,54 @@
1
1
  import '../../assets/Table.css';
2
- import { jsxs as b, jsx as r } from "react/jsx-runtime";
3
- import * as o from "react";
2
+ import { jsxs as g, jsx as a } from "react/jsx-runtime";
3
+ import * as p from "react";
4
4
  import { useState as w } from "react";
5
- import { c as i } from "../../clsx-DB4S2d7J.js";
6
- import { paginationDefaultTranslations as y, Pagination as k } from "../Pagination/Pagination.js";
7
- import { sortTooltipDefaultTranslations as u, SortTooltip as T } from "../SortTooltip/SortTooltip.js";
8
- import { TableProvider as q, useTable as f } from "./TableContext.js";
9
- const N = (a) => /* @__PURE__ */ o.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ o.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ o.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ o.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ o.createElement("defs", null, /* @__PURE__ */ o.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ o.createElement("rect", { width: 7, height: 10, fill: "white" })))), x = "_table_pknqm_43", C = "_th__wrapper_pknqm_116", L = "_tr_pknqm_132", E = "_td_pknqm_136", t = {
10
- "u-typography-h1": "_u-typography-h1_pknqm_1",
11
- "u-typography-h2": "_u-typography-h2_pknqm_8",
12
- "u-typography-h3": "_u-typography-h3_pknqm_15",
13
- "u-typography-h4": "_u-typography-h4_pknqm_22",
14
- "u-typography-h5": "_u-typography-h5_pknqm_29",
15
- "u-typography-h6": "_u-typography-h6_pknqm_36",
16
- "u-typography-base": "_u-typography-base_pknqm_43",
17
- table: x,
18
- "u-typography-base--xxl": "_u-typography-base--xxl_pknqm_49",
19
- "u-typography-base--xl": "_u-typography-base--xl_pknqm_53",
20
- "u-typography-base--lg": "_u-typography-base--lg_pknqm_57",
21
- "u-typography-base--sm": "_u-typography-base--sm_pknqm_61",
22
- "u-typography-base--bold": "_u-typography-base--bold_pknqm_65",
23
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_pknqm_68",
24
- "u-typography-base--underlined": "_u-typography-base--underlined_pknqm_71",
25
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_pknqm_74",
26
- "table--full-width": "_table--full-width_pknqm_83",
27
- "table--white-theme": "_table--white-theme_pknqm_86",
28
- "table--transparent-theme": "_table--transparent-theme_pknqm_89",
29
- "cell--left-alignment": "_cell--left-alignment_pknqm_92",
30
- "cell--center-alignment": "_cell--center-alignment_pknqm_96",
31
- "cell--right-alignment": "_cell--right-alignment_pknqm_100",
32
- th__wrapper: C,
33
- "th__wrapper--pressed": "_th__wrapper--pressed_pknqm_119",
34
- "th__wrapper--clickable": "_th__wrapper--clickable_pknqm_123",
35
- "th__sort-icon-container": "_th__sort-icon-container_pknqm_126",
36
- "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_pknqm_132",
37
- tr: L,
38
- td: E,
39
- "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_pknqm_141",
40
- "td__row-or-cell--clickable": "_td__row-or-cell--clickable_pknqm_142",
41
- "td__row-or-cell--disabled": "_td__row-or-cell--disabled_pknqm_146",
42
- "td-wrapper": "_td-wrapper_pknqm_150"
43
- }, v = {
5
+ import { c as d } from "../../clsx-DB4S2d7J.js";
6
+ import { paginationDefaultTranslations as u, Pagination as T } from "../Pagination/Pagination.js";
7
+ import { sortTooltipDefaultTranslations as m, SortTooltip as f } from "../SortTooltip/SortTooltip.js";
8
+ import { TableProvider as x, useTable as N } from "./TableContext.js";
9
+ const C = (l) => /* @__PURE__ */ p.createElement("svg", { width: 7, height: 10, viewBox: "0 0 7 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l }, /* @__PURE__ */ p.createElement("g", { clipPath: "url(#clip0_2291_2457)" }, /* @__PURE__ */ p.createElement("path", { d: "M6.41658 3.93794C6.26731 3.93794 6.11798 3.88301 6.00423 3.77314L3.49991 1.35923L0.995768 3.77271C0.767904 3.99243 0.398763 3.99243 0.170898 3.77271C-0.0569661 3.55298 -0.0569661 3.19702 0.170898 2.97729L3.08756 0.164795C3.31543 -0.0549316 3.68457 -0.0549316 3.91243 0.164795L6.8291 2.97729C7.05697 3.19702 7.05697 3.55298 6.8291 3.77271C6.71553 3.88345 6.56605 3.93794 6.41658 3.93794Z", fill: "#1897F3" }), /* @__PURE__ */ p.createElement("path", { opacity: 0.4, d: "M6.41663 5.38022C6.26737 5.38022 6.11804 5.43516 6.00429 5.54502L3.49997 7.95894L0.99528 5.5437C0.767415 5.32397 0.398275 5.32397 0.17041 5.5437C-0.0574544 5.76343 -0.0574544 6.11938 0.17041 6.33911L3.08708 9.15161C3.31494 9.37134 3.68408 9.37134 3.91195 9.15161L6.82861 6.33911C7.05648 6.11938 7.05648 5.76343 6.82861 5.5437C6.71559 5.43472 6.56611 5.38022 6.41663 5.38022Z", fill: "#1897F3" })), /* @__PURE__ */ p.createElement("defs", null, /* @__PURE__ */ p.createElement("clipPath", { id: "clip0_2291_2457" }, /* @__PURE__ */ p.createElement("rect", { width: 7, height: 10, fill: "white" })))), L = "_table_1ysnl_43", E = "_th__wrapper_1ysnl_118", k = "_tr_1ysnl_134", v = "_td_1ysnl_138", t = {
10
+ "u-typography-h1": "_u-typography-h1_1ysnl_1",
11
+ "u-typography-h2": "_u-typography-h2_1ysnl_8",
12
+ "u-typography-h3": "_u-typography-h3_1ysnl_15",
13
+ "u-typography-h4": "_u-typography-h4_1ysnl_22",
14
+ "u-typography-h5": "_u-typography-h5_1ysnl_29",
15
+ "u-typography-h6": "_u-typography-h6_1ysnl_36",
16
+ "u-typography-base": "_u-typography-base_1ysnl_43",
17
+ table: L,
18
+ "u-typography-base--xxl": "_u-typography-base--xxl_1ysnl_49",
19
+ "u-typography-base--xl": "_u-typography-base--xl_1ysnl_53",
20
+ "u-typography-base--lg": "_u-typography-base--lg_1ysnl_57",
21
+ "u-typography-base--sm": "_u-typography-base--sm_1ysnl_61",
22
+ "u-typography-base--bold": "_u-typography-base--bold_1ysnl_65",
23
+ "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1ysnl_68",
24
+ "u-typography-base--underlined": "_u-typography-base--underlined_1ysnl_71",
25
+ "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1ysnl_74",
26
+ "table--fixed": "_table--fixed_1ysnl_82",
27
+ "table--full-width": "_table--full-width_1ysnl_85",
28
+ "table--white-theme": "_table--white-theme_1ysnl_88",
29
+ "table--transparent-theme": "_table--transparent-theme_1ysnl_91",
30
+ "cell--left-alignment": "_cell--left-alignment_1ysnl_94",
31
+ "cell--center-alignment": "_cell--center-alignment_1ysnl_98",
32
+ "cell--right-alignment": "_cell--right-alignment_1ysnl_102",
33
+ th__wrapper: E,
34
+ "th__wrapper--pressed": "_th__wrapper--pressed_1ysnl_121",
35
+ "th__wrapper--clickable": "_th__wrapper--clickable_1ysnl_125",
36
+ "th__sort-icon-container": "_th__sort-icon-container_1ysnl_128",
37
+ "tr__row-or-cell--disabled": "_tr__row-or-cell--disabled_1ysnl_134",
38
+ tr: k,
39
+ td: v,
40
+ "tr__row-or-cell--clickable": "_tr__row-or-cell--clickable_1ysnl_143",
41
+ "td__row-or-cell--clickable": "_td__row-or-cell--clickable_1ysnl_144",
42
+ "td__row-or-cell--disabled": "_td__row-or-cell--disabled_1ysnl_148",
43
+ "td-wrapper": "_td-wrapper_1ysnl_152"
44
+ }, B = {
44
45
  pt: {
45
- ...y.pt,
46
- ...u.pt
46
+ ...u.pt,
47
+ ...m.pt
47
48
  },
48
49
  en: {
49
- ...y.en,
50
- ...u.en
50
+ ...u.en,
51
+ ...m.en
51
52
  },
52
53
  // example to add a new language translation
53
54
  es: {
@@ -59,79 +60,81 @@ const N = (a) => /* @__PURE__ */ o.createElement("svg", { width: 7, height: 10,
59
60
  of: "de",
60
61
  results: "resultados"
61
62
  }
62
- }, p = ({
63
- children: a,
63
+ }, s = ({
64
+ children: l,
64
65
  theme: e = "white",
65
- fullWidth: l = !0,
66
- className: s,
66
+ fullWidth: r = !0,
67
+ className: n,
67
68
  paginationProps: _,
68
- language: n,
69
- translations: h,
70
- ...d
69
+ isFixed: o,
70
+ language: y,
71
+ translations: b,
72
+ ...h
71
73
  }) => {
72
- const c = i(
74
+ const c = d(
73
75
  t.table,
74
- l ? t["table--full-width"] : "",
76
+ r && t["table--full-width"],
77
+ o && t["table--fixed"],
75
78
  t[`table--${e}-theme`],
76
- s
77
- ), m = n && v[n] || h;
78
- return /* @__PURE__ */ b(q, { initialTranslations: m, children: [
79
- /* @__PURE__ */ r("table", { ...d, className: c, children: a }),
80
- _ && /* @__PURE__ */ r(k, { ..._, t: m })
79
+ n
80
+ ), i = y && B[y] || b;
81
+ return /* @__PURE__ */ g(x, { initialTranslations: i, children: [
82
+ /* @__PURE__ */ a("table", { ...h, className: c, children: l }),
83
+ _ && /* @__PURE__ */ a(T, { ..._, t: i })
81
84
  ] });
82
- }, B = ({ children: a, ...e }) => /* @__PURE__ */ r("thead", { ...e, children: a }), H = ({ children: a, ...e }) => /* @__PURE__ */ r("tbody", { ...e, children: a }), P = ({ children: a, onClick: e, disabled: l, className: s, ..._ }) => {
83
- const n = i(
85
+ }, H = ({ children: l, ...e }) => /* @__PURE__ */ a("thead", { ...e, children: l }), P = ({ children: l, ...e }) => /* @__PURE__ */ a("tbody", { ...e, children: l }), D = ({ children: l, onClick: e, disabled: r, className: n, ..._ }) => {
86
+ const o = d(
84
87
  t.tr,
85
- e && !l ? t["tr__row-or-cell--clickable"] : l ? t["tr__row-or-cell--disabled"] : "",
86
- s
88
+ e && !r ? t["tr__row-or-cell--clickable"] : r ? t["tr__row-or-cell--disabled"] : "",
89
+ n
87
90
  );
88
- return /* @__PURE__ */ r("tr", { ..._, className: n, onClick: () => !l && (e == null ? void 0 : e()), children: a });
89
- }, D = ({ children: a, onClick: e, disabled: l, className: s, align: _ = "left", ...n }) => {
90
- const h = i(
91
+ return /* @__PURE__ */ a("tr", { ..._, className: o, onClick: () => !r && (e == null ? void 0 : e()), children: l });
92
+ }, M = ({ children: l, onClick: e, disabled: r, className: n, align: _ = "left", ...o }) => {
93
+ const y = d(
91
94
  t.td,
92
- e && !l ? t["td__row-or-cell--clickable"] : l ? t["td__row-or-cell--disabled"] : "",
95
+ e && !r ? t["td__row-or-cell--clickable"] : r ? t["td__row-or-cell--disabled"] : "",
93
96
  t[`cell--${_}-alignment`],
94
- s
97
+ n
95
98
  );
96
- return /* @__PURE__ */ r("td", { ...n, className: h, onClick: () => !l && (e == null ? void 0 : e()), children: /* @__PURE__ */ r("span", { className: t["td-wrapper"], children: a }) });
97
- }, M = ({ children: a, onSort: e, sortType: l, className: s, classNameTooltip: _, align: n = "left", ...h }) => {
98
- const { translations: d } = f(), [c, m] = w(!1), g = i(
99
+ return /* @__PURE__ */ a("td", { ...o, className: y, onClick: () => !r && (e == null ? void 0 : e()), children: /* @__PURE__ */ a("span", { className: t["td-wrapper"], children: l }) });
100
+ }, O = ({ children: l, onSort: e, sortType: r, className: n, classNameTooltip: _, align: o = "left", ...y }) => {
101
+ const { translations: b } = N(), [h, c] = w(!1), i = d(
99
102
  t.th__wrapper,
100
- c ? t["th__wrapper--pressed"] : "",
103
+ h ? t["th__wrapper--pressed"] : "",
101
104
  e ? t["th__wrapper--clickable"] : "",
102
- s
105
+ n
103
106
  );
104
- return /* @__PURE__ */ r("th", { ...h, className: t[`cell--${n}-alignment`], children: /* @__PURE__ */ r("span", { className: g, onClick: e && (() => m(!c)), children: e ? /* @__PURE__ */ b(
105
- T,
107
+ return /* @__PURE__ */ a("th", { ...y, className: t[`cell--${o}-alignment`], children: /* @__PURE__ */ a("span", { className: i, onClick: e && (() => c(!h)), children: e ? /* @__PURE__ */ g(
108
+ f,
106
109
  {
107
- onClose: () => m(!1),
110
+ onClose: () => c(!1),
108
111
  onSort: e,
109
- show: c,
110
- sortType: l,
112
+ show: h,
113
+ sortType: r,
111
114
  className: _,
112
- t: d,
115
+ t: b,
113
116
  children: [
114
- /* @__PURE__ */ r("span", { children: a }),
115
- /* @__PURE__ */ r("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ r(N, {}) })
117
+ /* @__PURE__ */ a("span", { children: l }),
118
+ /* @__PURE__ */ a("span", { className: t["th__sort-icon-container"], children: /* @__PURE__ */ a(C, {}) })
116
119
  ]
117
120
  }
118
- ) : /* @__PURE__ */ r("span", { children: a }) }) });
121
+ ) : /* @__PURE__ */ a("span", { children: l }) }) });
119
122
  };
120
- p.THead = B;
121
- p.THead.displayName = "Table.THead";
122
- p.TBody = H;
123
- p.TBody.displayName = "Table.TBody";
124
- p.Tr = P;
125
- p.Tr.displayName = "Table.Tr";
126
- p.Td = D;
127
- p.Td.displayName = "Table.Td";
128
- p.Th = M;
129
- p.Th.displayName = "Table.Th";
123
+ s.THead = H;
124
+ s.THead.displayName = "Table.THead";
125
+ s.TBody = P;
126
+ s.TBody.displayName = "Table.TBody";
127
+ s.Tr = D;
128
+ s.Tr.displayName = "Table.Tr";
129
+ s.Td = M;
130
+ s.Td.displayName = "Table.Td";
131
+ s.Th = O;
132
+ s.Th.displayName = "Table.Th";
130
133
  export {
131
- H as TBody,
132
- B as THead,
133
- p as Table,
134
- D as Td,
135
- M as Th,
136
- P as Tr
134
+ P as TBody,
135
+ H as THead,
136
+ s as Table,
137
+ M as Td,
138
+ O as Th,
139
+ D as Tr
137
140
  };
@@ -3,7 +3,7 @@ import { StoryObj } from '@storybook/react';
3
3
  declare const meta: {
4
4
  title: string;
5
5
  component: {
6
- ({ children, theme, fullWidth, className, paginationProps, language, translations, ...rest }: import('./Table').TableProps): import("react/jsx-runtime").JSX.Element;
6
+ ({ children, theme, fullWidth, className, paginationProps, isFixed, language, translations, ...rest }: import('./Table').TableProps): import("react/jsx-runtime").JSX.Element;
7
7
  THead: import('react').FunctionComponent<import('./Table').ChildrenProps>;
8
8
  TBody: import('react').FunctionComponent<import('./Table').ChildrenProps>;
9
9
  Tr: import('react').FunctionComponent<import('./Table').TrProps>;
@@ -7,37 +7,44 @@ const f = "_container_ia8vu_1", n = {
7
7
  container: f,
8
8
  "container--inline": "_container--inline_ia8vu_5"
9
9
  }, T = ({
10
- label: y,
11
- value: i,
10
+ label: i,
11
+ value: y,
12
12
  isLoading: e = !1,
13
- testId: t = "TextDisplay",
13
+ testId: c = "TextDisplay",
14
14
  labelOptions: r,
15
15
  valueOptions: a,
16
- inline: c
16
+ inline: t
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 h = r != null && r.color || t ? "var(--black-100)" : "var(--gray-90)";
19
+ return /* @__PURE__ */ x(
20
+ "div",
21
+ {
22
+ className: _([n.container, { [n["container--inline"]]: t }]),
23
+ "data-testid": `${c}-container`,
24
+ children: [
25
+ /* @__PURE__ */ o(
26
+ m,
27
+ {
28
+ color: h,
29
+ variant: (r == null ? void 0 : r.variant) || "base",
30
+ "data-testid": `${c}-label`,
31
+ bold: t,
32
+ children: e ? /* @__PURE__ */ o(d, { style: { width: 70, marginBottom: 2 }, "data-testid": `${c}-skeletonLabel` }) : i
33
+ }
34
+ ),
35
+ /* @__PURE__ */ o(
36
+ m,
37
+ {
38
+ bold: !t,
39
+ color: (a == null ? void 0 : a.color) || "var(--gray-90)",
40
+ variant: a != null && a.variant || t ? "base" : "base-lg",
41
+ "data-testid": `${c}-value`,
42
+ children: e ? /* @__PURE__ */ o(d, { style: { width: 100 }, "data-testid": `${c}-skeletonValue` }) : y || "-"
43
+ }
44
+ )
45
+ ]
46
+ }
47
+ );
41
48
  };
42
49
  export {
43
50
  T as TextDisplay
@@ -4,8 +4,8 @@ import "../../clsx-DB4S2d7J.js";
4
4
  import "../Icon/Icon.js";
5
5
  import "../Typography/Typography.js";
6
6
  import "../Button/Button.js";
7
- import { T as b } from "../../Toggle-BQPzu8NV.js";
8
- import "../Dialog/Backdrop.js";
7
+ import { T as b } from "../../Toggle-CRfZgFJp.js";
8
+ import "../Dialog/Dialog.js";
9
9
  import "../IconButton/IconButton.js";
10
10
  import "../Select/Select.js";
11
11
  import "../Table/Table.js";
@@ -1,4 +1,4 @@
1
- import { T as e } from "../../Toggle-BQPzu8NV.js";
1
+ import { T as e } from "../../Toggle-CRfZgFJp.js";
2
2
  import { G as p } from "../../Group-B3p31ftp.js";
3
3
  export {
4
4
  p as ToggleGroup,
package/dist/main.js CHANGED
@@ -3,7 +3,7 @@ import { Advice as p } from "./components/Advice/Advice.js";
3
3
  import { Autocomplete as f } from "./components/Autocomplete/Autocomplete.js";
4
4
  import { Button as x } from "./components/Button/Button.js";
5
5
  import { Checkbox as l } from "./components/Checkbox/Checkbox.js";
6
- import { C as T, R as s, T as c } from "./Toggle-BQPzu8NV.js";
6
+ import { C as T, R as s, T as c } from "./Toggle-CRfZgFJp.js";
7
7
  import { Dialog as u } from "./components/Dialog/Dialog.js";
8
8
  import { EllipsisTooltip as d } from "./components/EllipsisTooltip/EllipsisTooltip.js";
9
9
  import { Icon as k } from "./components/Icon/Icon.js";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pismo/marola",
3
3
  "description": "CDX tribe component library",
4
- "version": "1.0.0-beta.16",
4
+ "version": "1.0.0-beta.18",
5
5
  "type": "module",
6
6
  "main": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -1,30 +0,0 @@
1
- import './assets/Dialog.css';
2
- const _ = "_dialog__subtitle_1qs0q_53", a = "_dialog_1qs0q_53", o = "_dialog__backdrop_1qs0q_88", s = "_dialog__panel_1qs0q_96", p = "_dialog__title_1qs0q_57", t = "_dialog__divider_1qs0q_122", g = "_dialog__actions_1qs0q_135", y = {
3
- "u-typography-h1": "_u-typography-h1_1qs0q_1",
4
- "u-typography-h2": "_u-typography-h2_1qs0q_8",
5
- "u-typography-h3": "_u-typography-h3_1qs0q_15",
6
- "u-typography-h4": "_u-typography-h4_1qs0q_22",
7
- "u-typography-h5": "_u-typography-h5_1qs0q_29",
8
- "u-typography-h6": "_u-typography-h6_1qs0q_36",
9
- "u-typography-base": "_u-typography-base_1qs0q_43",
10
- "u-typography-base--xxl": "_u-typography-base--xxl_1qs0q_49",
11
- "u-typography-base--xl": "_u-typography-base--xl_1qs0q_53",
12
- dialog__subtitle: _,
13
- "u-typography-base--lg": "_u-typography-base--lg_1qs0q_57",
14
- "dialog__title--small": "_dialog__title--small_1qs0q_57",
15
- "u-typography-base--sm": "_u-typography-base--sm_1qs0q_61",
16
- "u-typography-base--bold": "_u-typography-base--bold_1qs0q_65",
17
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_1qs0q_68",
18
- "u-typography-base--underlined": "_u-typography-base--underlined_1qs0q_71",
19
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1qs0q_74",
20
- dialog: a,
21
- dialog__backdrop: o,
22
- dialog__panel: s,
23
- dialog__title: p,
24
- dialog__divider: t,
25
- "dialog__close-icon": "_dialog__close-icon_1qs0q_126",
26
- dialog__actions: g
27
- };
28
- export {
29
- y as s
30
- };
@@ -1,181 +0,0 @@
1
- import './assets/Toggle2.css';
2
- import { jsx as i, jsxs as j } from "react/jsx-runtime";
3
- import { forwardRef as y } from "react";
4
- import { c as r } from "./clsx-DB4S2d7J.js";
5
- import { Icon as N } from "./components/Icon/Icon.js";
6
- import { Typography as w } from "./components/Typography/Typography.js";
7
- import "./components/Button/Button.js";
8
- import { Adornment as C } from "./components/Adornment/Adornment.js";
9
- import "./components/Dialog/Backdrop.js";
10
- import "./components/IconButton/IconButton.js";
11
- import "./components/Select/Select.js";
12
- import "./components/Table/Table.js";
13
- import "./components/Tabs/Tabs.js";
14
- import { s as k } from "./Group-B3p31ftp.js";
15
- import "./contexts/SnackbarProvider/SnackbarProvider.js";
16
- import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
17
- import { B as x } from "./Button-DiLqcAJG.js";
18
- const I = "_chip_k90cj_61", P = "_chip__adornment_k90cj_115", z = "_chip__remove_k90cj_120", n = {
19
- "u-typography-h1": "_u-typography-h1_k90cj_1",
20
- "u-typography-h2": "_u-typography-h2_k90cj_8",
21
- "u-typography-h3": "_u-typography-h3_k90cj_15",
22
- "u-typography-h4": "_u-typography-h4_k90cj_22",
23
- "u-typography-h5": "_u-typography-h5_k90cj_29",
24
- "u-typography-h6": "_u-typography-h6_k90cj_36",
25
- "u-typography-base": "_u-typography-base_k90cj_43",
26
- "u-typography-base--xxl": "_u-typography-base--xxl_k90cj_49",
27
- "u-typography-base--xl": "_u-typography-base--xl_k90cj_53",
28
- "u-typography-base--lg": "_u-typography-base--lg_k90cj_57",
29
- "u-typography-base--sm": "_u-typography-base--sm_k90cj_61",
30
- chip: I,
31
- "u-typography-base--bold": "_u-typography-base--bold_k90cj_65",
32
- "u-typography-base--strikethrough": "_u-typography-base--strikethrough_k90cj_68",
33
- "u-typography-base--underlined": "_u-typography-base--underlined_k90cj_71",
34
- "u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_k90cj_74",
35
- "chip--button": "_chip--button_k90cj_90",
36
- "chip--outlined": "_chip--outlined_k90cj_103",
37
- "chip--contained": "_chip--contained_k90cj_109",
38
- chip__adornment: P,
39
- chip__remove: z,
40
- "chip__remove--disabled": "_chip__remove--disabled_k90cj_131",
41
- "chip-loading": "_chip-loading_k90cj_135"
42
- }, S = y((o, s) => {
43
- const { children: _, onClickContent: t, disabled: c, className: a, variant: d } = o;
44
- let e = r(
45
- n.chip,
46
- { [n["chip--outlined"]]: d === "outlined" },
47
- { [n["chip--contained"]]: d === "contained" },
48
- a
49
- );
50
- return t ? (e += ` ${n["chip--button"]}`, /* @__PURE__ */ i(
51
- x,
52
- {
53
- onClick: t,
54
- disabled: c,
55
- "data-testid": o["data-testid"],
56
- ref: s,
57
- className: e,
58
- children: _
59
- }
60
- )) : /* @__PURE__ */ i("span", { "data-testid": o["data-testid"], ref: s, className: e, children: _ });
61
- }), M = y((o, s) => {
62
- const {
63
- label: _,
64
- className: t,
65
- onClickContent: c,
66
- leftAdornment: a,
67
- loading: d = !1,
68
- disabled: e = !1,
69
- variant: u = "default",
70
- onClickRemove: m
71
- } = o;
72
- if (d)
73
- return /* @__PURE__ */ i(
74
- f,
75
- {
76
- className: r(n["chip-loading"], o["className-skeleton"]),
77
- "data-testid": o["data-testid-skeleton"]
78
- }
79
- );
80
- const g = r(a == null ? void 0 : a.className, n.chip__adornment), b = a != null && a.customIcon ? { ...a, className: g } : { ...a, disabled: e, className: g };
81
- return /* @__PURE__ */ j(
82
- S,
83
- {
84
- ref: s,
85
- "data-testid": o["data-testid"],
86
- onClickContent: c,
87
- disabled: e,
88
- className: t,
89
- variant: u,
90
- children: [
91
- a && /* @__PURE__ */ i(C, { ...b }),
92
- _,
93
- m && /* @__PURE__ */ i(
94
- "span",
95
- {
96
- className: r(n.chip__remove, { [n["chip__remove--disabled"]]: e }),
97
- role: "button",
98
- tabIndex: e ? -1 : 0,
99
- "aria-label": "remove",
100
- onClick: (l) => {
101
- l == null || l.stopPropagation(), l == null || l.nativeEvent.stopImmediatePropagation(), m();
102
- },
103
- "aria-disabled": e,
104
- children: /* @__PURE__ */ i(N, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
105
- }
106
- )
107
- ]
108
- }
109
- );
110
- }), h = {
111
- "row-item": "_row-item_8z1a0_1",
112
- "row-item--clickable": "_row-item--clickable_8z1a0_13",
113
- "row-item--disabled": "_row-item--disabled_8z1a0_19",
114
- "row-item__content": "_row-item__content_8z1a0_22"
115
- }, O = y((o, s) => {
116
- const { children: _, leftAdornment: t, disabled: c, onClick: a, buttons: d, ariaLabel: e, className: u } = o, m = r(t == null ? void 0 : t.className, h["row-item__adornment"]), b = {
117
- onClick: (p) => {
118
- c || a && a(p);
119
- },
120
- tabIndex: 0,
121
- "aria-label": e,
122
- role: "button"
123
- }, l = t != null && t.customIcon ? t : { size: "1rem", ...t };
124
- return /* @__PURE__ */ j(
125
- "div",
126
- {
127
- "data-testid": o["data-testid"],
128
- className: r(
129
- h["row-item"],
130
- a && h["row-item--clickable"],
131
- a && c && h["row-item--disabled"],
132
- u
133
- ),
134
- ...!!a && b,
135
- ref: s,
136
- children: [
137
- t && /* @__PURE__ */ i(C, { ...l, className: m, disabled: c }),
138
- /* @__PURE__ */ i("span", { className: r(h["row-item__content"]), children: _ }),
139
- d && /* @__PURE__ */ i(
140
- "div",
141
- {
142
- onClick: (p) => {
143
- p == null || p.stopPropagation(), p == null || p.nativeEvent.stopImmediatePropagation();
144
- },
145
- children: d
146
- }
147
- )
148
- ]
149
- }
150
- );
151
- }), Q = y((o, s) => {
152
- const { text: _, isSelected: t = !1, value: c, onChange: a } = o;
153
- return /* @__PURE__ */ j(
154
- "label",
155
- {
156
- className: r([k.toggle__label], { [k["toggle__label--selected"]]: t }),
157
- "data-testid": o["data-testid"],
158
- children: [
159
- /* @__PURE__ */ i(
160
- "input",
161
- {
162
- className: r([k.toggle__input]),
163
- type: "radio",
164
- ref: s,
165
- value: c.toString(),
166
- onChange: () => a(c),
167
- role: "radio",
168
- checked: t,
169
- "aria-checked": t
170
- }
171
- ),
172
- /* @__PURE__ */ i(w, { bold: !0, children: _ })
173
- ]
174
- }
175
- );
176
- });
177
- export {
178
- M as C,
179
- O as R,
180
- Q as T
181
- };