@pismo/marola 1.0.0-beta.17 → 1.0.0-beta.19

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";
@@ -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.17",
4
+ "version": "1.0.0-beta.19",
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
- };