@pismo/marola 1.0.0-beta.6 → 1.0.0-beta.62
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.
- package/dist/{Button-2b1peDFT.js → Button-BAljjMv3.js} +2 -2
- package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-DbEYZpyh.js} +4 -3
- package/dist/Dialog.module-W7UCXlf3.js +29 -0
- package/dist/Group-DspH8hyO.js +30 -0
- package/dist/Popover.module-B4boCutS.js +10 -0
- package/dist/{Popup-B6ZSGIEI.js → Popup-Ck3XlWMq.js} +3 -3
- package/dist/{Portal-DIeBsWdL.js → Portal-oY3enyAm.js} +2 -2
- package/dist/SelectButton-B38avP9u.js +75 -0
- package/dist/{Tabs.module-jkH1Qjn7.js → Tabs.module-BGGTkDc5.js} +7 -7
- package/dist/Toggle-MfR7l8Wn.js +190 -0
- package/dist/assets/Adornment.css +1 -0
- package/dist/assets/Advice.css +1 -1
- package/dist/assets/Autocomplete.css +1 -0
- package/dist/assets/Avatar.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Description.css +1 -0
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/EllipsisTooltip.css +1 -1
- package/dist/assets/Group.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/Popover.css +1 -0
- package/dist/assets/ResultWithChips.css +1 -0
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/Skeleton.css +1 -1
- package/dist/assets/Snackbar.css +1 -1
- package/dist/assets/SortTooltip.css +1 -1
- package/dist/assets/Stepper.css +1 -1
- package/dist/assets/StepperNavigator.css +1 -0
- package/dist/assets/Table.css +1 -1
- package/dist/assets/Tabs.css +1 -1
- package/dist/assets/TextDisplay.css +1 -1
- package/dist/assets/Toggle.css +1 -1
- package/dist/assets/Toggle2.css +1 -1
- package/dist/assets/Typography.css +1 -1
- package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-C-zYvfnF.js} +1 -1
- package/dist/components/Adornment/Adornment.d.ts +20 -0
- package/dist/components/Adornment/Adornment.js +13 -0
- package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
- package/dist/components/Adornment/adornment.test.d.ts +1 -0
- package/dist/components/Advice/Advice.d.ts +32 -17
- package/dist/components/Advice/Advice.js +39 -40
- package/dist/components/Advice/Advice.stories.d.ts +4 -3
- package/dist/components/Autocomplete/Autocomplete.d.ts +20 -0
- package/dist/components/Autocomplete/Autocomplete.js +679 -0
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +23 -0
- package/dist/components/Avatar/Avatar.d.ts +15 -0
- package/dist/components/Avatar/Avatar.js +51 -0
- package/dist/components/Avatar/Avatar.stories.d.ts +25 -0
- package/dist/components/Button/Button.d.ts +2 -0
- package/dist/components/Button/Button.js +51 -49
- package/dist/components/Checkbox/Checkbox.js +52 -52
- package/dist/components/Chip/Chip.d.ts +6 -12
- package/dist/components/Chip/Chip.js +12 -7
- package/dist/components/Chip/Chip.stories.d.ts +5 -14
- package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +14 -0
- package/dist/components/ConfirmationDialog/ConfirmationDialog.js +37 -0
- package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +23 -0
- package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +1 -0
- package/dist/components/Description/Description.d.ts +15 -0
- package/dist/components/Description/Description.js +54 -0
- package/dist/components/Description/Description.stories.d.ts +18 -0
- package/dist/components/Description/Description.test.d.ts +1 -0
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.d.ts +3 -3
- package/dist/components/Dialog/Backdrop.js +8 -7
- package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
- package/dist/components/Dialog/CloseIconButton.js +15 -18
- package/dist/components/Dialog/Dialog.d.ts +16 -10
- package/dist/components/Dialog/Dialog.js +167 -166
- package/dist/components/Dialog/Dialog.stories.d.ts +115 -109
- package/dist/components/Dialog/DialogTitle.d.ts +5 -2
- package/dist/components/Dialog/DialogTitle.js +22 -16
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +2 -1
- package/dist/components/Icon/Icon.js +315 -47
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +42 -42
- package/dist/components/Input/Input.d.ts +26 -5
- package/dist/components/Input/Input.js +319 -304
- package/dist/components/Input/Input.stories.d.ts +2 -21
- package/dist/components/InputSearch/InputSearch.d.ts +37 -7
- package/dist/components/InputSearch/InputSearch.js +27 -29
- package/dist/components/InputSearch/InputSearch.stories.d.ts +15 -3
- package/dist/components/PageHeader/PageHeader.d.ts +6 -2
- package/dist/components/PageHeader/PageHeader.js +72 -65
- package/dist/components/PageHeader/PageHeader.stories.d.ts +3 -1
- package/dist/components/PageHeader/PageHeader.test.d.ts +1 -0
- package/dist/components/Pagination/Pagination.d.ts +5 -1
- package/dist/components/Pagination/Pagination.js +90 -91
- package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
- package/dist/components/Popover/Popover.d.ts +32 -0
- package/dist/components/Popover/Popover.js +24 -0
- package/dist/components/Popover/Popover.stories.d.ts +34 -0
- package/dist/components/Popover/PopoverBody.d.ts +6 -0
- package/dist/components/Popover/PopoverBody.js +6 -0
- package/dist/components/Popover/PopoverFooter.d.ts +6 -0
- package/dist/components/Popover/PopoverFooter.js +6 -0
- package/dist/components/Popover/PopoverHeader.d.ts +6 -0
- package/dist/components/Popover/PopoverHeader.js +6 -0
- package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
- package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
- package/dist/components/RowItem/RowItem.d.ts +25 -0
- package/dist/components/RowItem/RowItem.js +23 -0
- package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
- package/dist/components/RowItem/rowItem.test.d.ts +1 -0
- package/dist/components/Select/Select.d.ts +22 -0
- package/dist/components/Select/Select.js +476 -413
- package/dist/components/Select/SelectButton.d.ts +2 -0
- package/dist/components/Select/SelectButton.js +3 -2
- package/dist/components/Skeleton/Skeleton.d.ts +3 -1
- package/dist/components/Skeleton/Skeleton.js +20 -14
- package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
- package/dist/components/Snackbar/Snackbar.js +94 -94
- package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
- package/dist/components/SortTooltip/SortTooltip.js +46 -46
- package/dist/components/Stepper/Stepper.js +35 -35
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +58 -0
- package/dist/components/StepperNavigator/StepperNavigator.js +115 -0
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +18 -0
- package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
- package/dist/components/Table/Table.d.ts +3 -1
- package/dist/components/Table/Table.js +87 -99
- package/dist/components/Table/Table.stories.d.ts +1 -1
- package/dist/components/Tabs/Tab.d.ts +5 -3
- package/dist/components/Tabs/Tab.js +38 -36
- package/dist/components/Tabs/TabPanel.d.ts +4 -2
- package/dist/components/Tabs/TabPanel.js +51 -40
- package/dist/components/Tabs/Tabs.d.ts +6 -4
- package/dist/components/Tabs/Tabs.js +131 -128
- package/dist/components/TextDisplay/TextDisplay.d.ts +9 -3
- package/dist/components/TextDisplay/TextDisplay.js +45 -31
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
- package/dist/components/Toggle/Toggle.js +56 -56
- package/dist/components/ToggleGroup/Group.d.ts +2 -0
- package/dist/components/ToggleGroup/Group.js +4 -2
- package/dist/components/ToggleGroup/Toggle.d.ts +2 -0
- package/dist/components/ToggleGroup/Toggle.js +9 -5
- package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +2 -0
- package/dist/components/Tooltip/Tooltip.d.ts +3 -1
- package/dist/components/Tooltip/Tooltip.js +4 -4
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
- package/dist/components/Typography/Typography.js +47 -47
- package/dist/{index-CjW42-M-.js → index-bQFToy-I.js} +1 -1
- package/dist/main.d.ts +9 -0
- package/dist/main.js +91 -76
- package/dist/marola.css +1 -1
- package/dist/ownerDocument-YGhwAnr1.js +33 -0
- package/dist/{useButton-DNk3wrQp.js → useButton-DcihopJG.js} +1 -1
- package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
- package/dist/useEventCallback-BAQJJ3ye.js +14 -0
- package/dist/useId-BW-oWmul.js +19 -0
- package/dist/{useList-B0hog_3-.js → useList-B9C55YB7.js} +2 -2
- package/dist/{index-CH45lKw7.js → useSlotProps-C_I1kEHr.js} +99 -99
- package/package.json +22 -13
- package/dist/Dialog.module-DFEmFdYT.js +0 -30
- package/dist/Group-B3p31ftp.js +0 -26
- package/dist/SelectButton-K3OIfR5m.js +0 -61
- package/dist/Toggle-BCgIItCc.js +0 -142
- package/dist/useCompoundItem-D1iRfg8D.js +0 -84
- package/dist/useEventCallback-xTG9piMa.js +0 -45
|
@@ -12,47 +12,6 @@ function Y() {
|
|
|
12
12
|
}, Y.apply(this, arguments);
|
|
13
13
|
}
|
|
14
14
|
function _e(e) {
|
|
15
|
-
return typeof e == "string";
|
|
16
|
-
}
|
|
17
|
-
function Re(e, s, t) {
|
|
18
|
-
return e === void 0 || _e(e) ? s : Y({}, s, {
|
|
19
|
-
ownerState: Y({}, s.ownerState, t)
|
|
20
|
-
});
|
|
21
|
-
}
|
|
22
|
-
const xe = {
|
|
23
|
-
disableDefaultClasses: !1
|
|
24
|
-
}, Se = /* @__PURE__ */ ue.createContext(xe);
|
|
25
|
-
process.env.NODE_ENV !== "production" && (Se.displayName = "ClassNameConfiguratorContext");
|
|
26
|
-
function Ke(e) {
|
|
27
|
-
const {
|
|
28
|
-
disableDefaultClasses: s
|
|
29
|
-
} = ue.useContext(Se);
|
|
30
|
-
return (t) => s ? "" : e(t);
|
|
31
|
-
}
|
|
32
|
-
function we(e, s = []) {
|
|
33
|
-
if (e === void 0)
|
|
34
|
-
return {};
|
|
35
|
-
const t = {};
|
|
36
|
-
return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !s.includes(n)).forEach((n) => {
|
|
37
|
-
t[n] = e[n];
|
|
38
|
-
}), t;
|
|
39
|
-
}
|
|
40
|
-
function Ae(e, s, t) {
|
|
41
|
-
return typeof e == "function" ? e(s, t) : e;
|
|
42
|
-
}
|
|
43
|
-
function je(e, s) {
|
|
44
|
-
if (e == null)
|
|
45
|
-
return {};
|
|
46
|
-
var t = {};
|
|
47
|
-
for (var n in e)
|
|
48
|
-
if (Object.prototype.hasOwnProperty.call(e, n)) {
|
|
49
|
-
if (s.indexOf(n) >= 0)
|
|
50
|
-
continue;
|
|
51
|
-
t[n] = e[n];
|
|
52
|
-
}
|
|
53
|
-
return t;
|
|
54
|
-
}
|
|
55
|
-
function $e(e) {
|
|
56
15
|
return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
|
|
57
16
|
}
|
|
58
17
|
var se = { exports: {} }, V = { exports: {} }, P = {};
|
|
@@ -65,7 +24,7 @@ var se = { exports: {} }, V = { exports: {} }, P = {};
|
|
|
65
24
|
* LICENSE file in the root directory of this source tree.
|
|
66
25
|
*/
|
|
67
26
|
var de;
|
|
68
|
-
function
|
|
27
|
+
function Re() {
|
|
69
28
|
if (de)
|
|
70
29
|
return P;
|
|
71
30
|
de = 1;
|
|
@@ -141,7 +100,7 @@ var O = {};
|
|
|
141
100
|
* LICENSE file in the root directory of this source tree.
|
|
142
101
|
*/
|
|
143
102
|
var pe;
|
|
144
|
-
function
|
|
103
|
+
function xe() {
|
|
145
104
|
return pe || (pe = 1, process.env.NODE_ENV !== "production" && function() {
|
|
146
105
|
var e = typeof Symbol == "function" && Symbol.for, s = e ? Symbol.for("react.element") : 60103, t = e ? Symbol.for("react.portal") : 60106, n = e ? Symbol.for("react.fragment") : 60107, c = e ? Symbol.for("react.strict_mode") : 60108, u = e ? Symbol.for("react.profiler") : 60114, h = e ? Symbol.for("react.provider") : 60109, f = e ? Symbol.for("react.context") : 60110, _ = e ? Symbol.for("react.async_mode") : 60111, v = e ? Symbol.for("react.concurrent_mode") : 60111, m = e ? Symbol.for("react.forward_ref") : 60112, S = e ? Symbol.for("react.suspense") : 60113, x = e ? Symbol.for("react.suspense_list") : 60120, w = e ? Symbol.for("react.memo") : 60115, $ = e ? Symbol.for("react.lazy") : 60116, R = e ? Symbol.for("react.block") : 60121, I = e ? Symbol.for("react.fundamental") : 60117, q = e ? Symbol.for("react.responder") : 60118, F = e ? Symbol.for("react.scope") : 60119;
|
|
147
106
|
function j(o) {
|
|
@@ -224,8 +183,8 @@ function Me() {
|
|
|
224
183
|
}()), O;
|
|
225
184
|
}
|
|
226
185
|
var ye;
|
|
227
|
-
function
|
|
228
|
-
return ye || (ye = 1, process.env.NODE_ENV === "production" ? V.exports =
|
|
186
|
+
function Se() {
|
|
187
|
+
return ye || (ye = 1, process.env.NODE_ENV === "production" ? V.exports = Re() : V.exports = xe()), V.exports;
|
|
229
188
|
}
|
|
230
189
|
/*
|
|
231
190
|
object-assign
|
|
@@ -233,7 +192,7 @@ object-assign
|
|
|
233
192
|
@license MIT
|
|
234
193
|
*/
|
|
235
194
|
var re, ve;
|
|
236
|
-
function
|
|
195
|
+
function we() {
|
|
237
196
|
if (ve)
|
|
238
197
|
return re;
|
|
239
198
|
ve = 1;
|
|
@@ -288,18 +247,18 @@ function ce() {
|
|
|
288
247
|
return te = e, te;
|
|
289
248
|
}
|
|
290
249
|
var ne, be;
|
|
291
|
-
function
|
|
250
|
+
function Pe() {
|
|
292
251
|
return be || (be = 1, ne = Function.call.bind(Object.prototype.hasOwnProperty)), ne;
|
|
293
252
|
}
|
|
294
253
|
var oe, he;
|
|
295
|
-
function
|
|
254
|
+
function Ae() {
|
|
296
255
|
if (he)
|
|
297
256
|
return oe;
|
|
298
257
|
he = 1;
|
|
299
258
|
var e = function() {
|
|
300
259
|
};
|
|
301
260
|
if (process.env.NODE_ENV !== "production") {
|
|
302
|
-
var s = ce(), t = {}, n =
|
|
261
|
+
var s = ce(), t = {}, n = Pe();
|
|
303
262
|
e = function(u) {
|
|
304
263
|
var h = "Warning: " + u;
|
|
305
264
|
typeof console < "u" && console.error(h);
|
|
@@ -342,11 +301,11 @@ function Ye() {
|
|
|
342
301
|
}, oe = c, oe;
|
|
343
302
|
}
|
|
344
303
|
var ie, Ee;
|
|
345
|
-
function
|
|
304
|
+
function je() {
|
|
346
305
|
if (Ee)
|
|
347
306
|
return ie;
|
|
348
307
|
Ee = 1;
|
|
349
|
-
var e =
|
|
308
|
+
var e = Se(), s = we(), t = ce(), n = Pe(), c = Ae(), u = function() {
|
|
350
309
|
};
|
|
351
310
|
process.env.NODE_ENV !== "production" && (u = function(f) {
|
|
352
311
|
var _ = "Warning: " + f;
|
|
@@ -664,7 +623,7 @@ Valid keys: ` + JSON.stringify(Object.keys(r), null, " ")
|
|
|
664
623
|
}, ie;
|
|
665
624
|
}
|
|
666
625
|
var ae, ge;
|
|
667
|
-
function
|
|
626
|
+
function $e() {
|
|
668
627
|
if (ge)
|
|
669
628
|
return ae;
|
|
670
629
|
ge = 1;
|
|
@@ -713,23 +672,23 @@ function ke() {
|
|
|
713
672
|
}, ae;
|
|
714
673
|
}
|
|
715
674
|
if (process.env.NODE_ENV !== "production") {
|
|
716
|
-
var
|
|
717
|
-
se.exports =
|
|
675
|
+
var Ie = Se(), Me = !0;
|
|
676
|
+
se.exports = je()(Ie.isElement, Me);
|
|
718
677
|
} else
|
|
719
|
-
se.exports =
|
|
720
|
-
var
|
|
721
|
-
const
|
|
722
|
-
function
|
|
678
|
+
se.exports = $e()();
|
|
679
|
+
var qe = se.exports;
|
|
680
|
+
const Ke = /* @__PURE__ */ _e(qe);
|
|
681
|
+
function Ye(e, s) {
|
|
723
682
|
typeof e == "function" ? e(s) : e && (e.current = s);
|
|
724
683
|
}
|
|
725
|
-
function
|
|
684
|
+
function De(...e) {
|
|
726
685
|
return ue.useMemo(() => e.every((s) => s == null) ? null : (s) => {
|
|
727
686
|
e.forEach((t) => {
|
|
728
|
-
|
|
687
|
+
Ye(t, s);
|
|
729
688
|
});
|
|
730
689
|
}, e);
|
|
731
690
|
}
|
|
732
|
-
function
|
|
691
|
+
function Qe(e, s, t = void 0) {
|
|
733
692
|
const n = {};
|
|
734
693
|
return Object.keys(e).forEach(
|
|
735
694
|
// `Object.keys(slots)` can't be wider than `T` because we infer `T` from `slots`.
|
|
@@ -745,7 +704,7 @@ function er(e, s, t = void 0) {
|
|
|
745
704
|
}
|
|
746
705
|
), n;
|
|
747
706
|
}
|
|
748
|
-
const
|
|
707
|
+
const ke = {
|
|
749
708
|
active: "active",
|
|
750
709
|
checked: "checked",
|
|
751
710
|
completed: "completed",
|
|
@@ -759,6 +718,64 @@ const ze = {
|
|
|
759
718
|
required: "required",
|
|
760
719
|
selected: "selected"
|
|
761
720
|
};
|
|
721
|
+
function We(e, s) {
|
|
722
|
+
if (e == null)
|
|
723
|
+
return {};
|
|
724
|
+
var t = {};
|
|
725
|
+
for (var n in e)
|
|
726
|
+
if (Object.prototype.hasOwnProperty.call(e, n)) {
|
|
727
|
+
if (s.indexOf(n) >= 0)
|
|
728
|
+
continue;
|
|
729
|
+
t[n] = e[n];
|
|
730
|
+
}
|
|
731
|
+
return t;
|
|
732
|
+
}
|
|
733
|
+
function Le(e) {
|
|
734
|
+
return typeof e == "string";
|
|
735
|
+
}
|
|
736
|
+
const Oe = "base";
|
|
737
|
+
function Ne(e) {
|
|
738
|
+
return `${Oe}--${e}`;
|
|
739
|
+
}
|
|
740
|
+
function Fe(e, s) {
|
|
741
|
+
return `${Oe}-${e}-${s}`;
|
|
742
|
+
}
|
|
743
|
+
function Ue(e, s) {
|
|
744
|
+
const t = ke[s];
|
|
745
|
+
return t ? Ne(t) : Fe(e, s);
|
|
746
|
+
}
|
|
747
|
+
function er(e, s) {
|
|
748
|
+
const t = {};
|
|
749
|
+
return s.forEach((n) => {
|
|
750
|
+
t[n] = Ue(e, n);
|
|
751
|
+
}), t;
|
|
752
|
+
}
|
|
753
|
+
function ze(e, s, t) {
|
|
754
|
+
return e === void 0 || Le(e) ? s : Y({}, s, {
|
|
755
|
+
ownerState: Y({}, s.ownerState, t)
|
|
756
|
+
});
|
|
757
|
+
}
|
|
758
|
+
const He = {
|
|
759
|
+
disableDefaultClasses: !1
|
|
760
|
+
}, Ce = /* @__PURE__ */ ue.createContext(He);
|
|
761
|
+
process.env.NODE_ENV !== "production" && (Ce.displayName = "ClassNameConfiguratorContext");
|
|
762
|
+
function rr(e) {
|
|
763
|
+
const {
|
|
764
|
+
disableDefaultClasses: s
|
|
765
|
+
} = ue.useContext(Ce);
|
|
766
|
+
return (t) => s ? "" : e(t);
|
|
767
|
+
}
|
|
768
|
+
function Ve(e, s = []) {
|
|
769
|
+
if (e === void 0)
|
|
770
|
+
return {};
|
|
771
|
+
const t = {};
|
|
772
|
+
return Object.keys(e).filter((n) => n.match(/^on[A-Z]/) && typeof e[n] == "function" && !s.includes(n)).forEach((n) => {
|
|
773
|
+
t[n] = e[n];
|
|
774
|
+
}), t;
|
|
775
|
+
}
|
|
776
|
+
function Be(e, s, t) {
|
|
777
|
+
return typeof e == "function" ? e(s, t) : e;
|
|
778
|
+
}
|
|
762
779
|
function Te(e) {
|
|
763
780
|
if (e === void 0)
|
|
764
781
|
return {};
|
|
@@ -767,7 +784,7 @@ function Te(e) {
|
|
|
767
784
|
s[t] = e[t];
|
|
768
785
|
}), s;
|
|
769
786
|
}
|
|
770
|
-
function
|
|
787
|
+
function Je(e) {
|
|
771
788
|
const {
|
|
772
789
|
getSlotProps: s,
|
|
773
790
|
additionalProps: t,
|
|
@@ -782,59 +799,42 @@ function He(e) {
|
|
|
782
799
|
internalRef: void 0
|
|
783
800
|
};
|
|
784
801
|
}
|
|
785
|
-
const h =
|
|
802
|
+
const h = Ve(Y({}, c, n)), f = Te(n), _ = Te(c), v = s(h), m = le(v == null ? void 0 : v.className, t == null ? void 0 : t.className, u, c == null ? void 0 : c.className, n == null ? void 0 : n.className), S = Y({}, v == null ? void 0 : v.style, t == null ? void 0 : t.style, c == null ? void 0 : c.style, n == null ? void 0 : n.style), x = Y({}, v, t, _, f);
|
|
786
803
|
return m.length > 0 && (x.className = m), Object.keys(S).length > 0 && (x.style = S), {
|
|
787
804
|
props: x,
|
|
788
805
|
internalRef: v.ref
|
|
789
806
|
};
|
|
790
807
|
}
|
|
791
|
-
const
|
|
792
|
-
function
|
|
808
|
+
const Xe = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
|
|
809
|
+
function tr(e) {
|
|
793
810
|
var s;
|
|
794
811
|
const {
|
|
795
812
|
elementType: t,
|
|
796
813
|
externalSlotProps: n,
|
|
797
814
|
ownerState: c,
|
|
798
815
|
skipResolvingSlotProps: u = !1
|
|
799
|
-
} = e, h =
|
|
816
|
+
} = e, h = We(e, Xe), f = u ? {} : Be(n, c), {
|
|
800
817
|
props: _,
|
|
801
818
|
internalRef: v
|
|
802
|
-
} =
|
|
819
|
+
} = Je(Y({}, h, {
|
|
803
820
|
externalSlotProps: f
|
|
804
|
-
})), m =
|
|
805
|
-
return
|
|
821
|
+
})), m = De(v, f == null ? void 0 : f.ref, (s = e.additionalProps) == null ? void 0 : s.ref);
|
|
822
|
+
return ze(t, Y({}, _, {
|
|
806
823
|
ref: m
|
|
807
824
|
}), c);
|
|
808
825
|
}
|
|
809
|
-
const Ce = "base";
|
|
810
|
-
function Be(e) {
|
|
811
|
-
return `${Ce}--${e}`;
|
|
812
|
-
}
|
|
813
|
-
function Je(e, s) {
|
|
814
|
-
return `${Ce}-${e}-${s}`;
|
|
815
|
-
}
|
|
816
|
-
function Xe(e, s) {
|
|
817
|
-
const t = ze[s];
|
|
818
|
-
return t ? Be(t) : Je(e, s);
|
|
819
|
-
}
|
|
820
|
-
function tr(e, s) {
|
|
821
|
-
const t = {};
|
|
822
|
-
return s.forEach((n) => {
|
|
823
|
-
t[n] = Xe(e, n);
|
|
824
|
-
}), t;
|
|
825
|
-
}
|
|
826
826
|
export {
|
|
827
|
-
|
|
828
|
-
|
|
829
|
-
|
|
827
|
+
Ke as P,
|
|
828
|
+
We as _,
|
|
829
|
+
er as a,
|
|
830
830
|
Y as b,
|
|
831
|
-
|
|
832
|
-
|
|
833
|
-
|
|
834
|
-
|
|
835
|
-
|
|
836
|
-
|
|
837
|
-
|
|
838
|
-
|
|
839
|
-
|
|
831
|
+
tr as c,
|
|
832
|
+
Qe as d,
|
|
833
|
+
rr as e,
|
|
834
|
+
Ve as f,
|
|
835
|
+
Ue as g,
|
|
836
|
+
_e as h,
|
|
837
|
+
Le as i,
|
|
838
|
+
Ye as s,
|
|
839
|
+
De as u
|
|
840
840
|
};
|
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.
|
|
4
|
+
"version": "1.0.0-beta.62",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/main.js",
|
|
7
7
|
"types": "dist/main.d.ts",
|
|
@@ -34,22 +34,29 @@
|
|
|
34
34
|
"prebuild": "yarn export-files & yarn generate-icon-types",
|
|
35
35
|
"build": "tsc --p ./tsconfig-build.json && vite build && mv ./dist/assets/marola.css ./dist",
|
|
36
36
|
"postbuild": "storybook build --disable-telemetry --output-dir build",
|
|
37
|
-
"storybook": "storybook dev -p 6006"
|
|
37
|
+
"storybook": "storybook dev -p 6006",
|
|
38
|
+
"prepare": "husky"
|
|
38
39
|
},
|
|
39
40
|
"peerDependencies": {
|
|
40
41
|
"react": "^18.2.0",
|
|
41
42
|
"react-dom": "^18.2.0"
|
|
42
43
|
},
|
|
43
44
|
"devDependencies": {
|
|
45
|
+
"@commitlint/cli": "^19.3.0",
|
|
46
|
+
"@commitlint/config-conventional": "^19.2.2",
|
|
44
47
|
"@ianvs/prettier-plugin-sort-imports": "^4.2.1",
|
|
45
|
-
"@storybook/addon-a11y": "^8.
|
|
46
|
-
"@storybook/addon-essentials": "^8.
|
|
47
|
-
"@storybook/addon-interactions": "^8.
|
|
48
|
-
"@storybook/addon-links": "^8.
|
|
49
|
-
"@storybook/blocks": "^8.
|
|
50
|
-
"@storybook/
|
|
51
|
-
"@storybook/
|
|
52
|
-
"@storybook/
|
|
48
|
+
"@storybook/addon-a11y": "^8.3.4",
|
|
49
|
+
"@storybook/addon-essentials": "^8.3.4",
|
|
50
|
+
"@storybook/addon-interactions": "^8.3.4",
|
|
51
|
+
"@storybook/addon-links": "^8.3.4",
|
|
52
|
+
"@storybook/blocks": "^8.3.4",
|
|
53
|
+
"@storybook/manager-api": "^8.3.4",
|
|
54
|
+
"@storybook/preview-api": "^8.3.4",
|
|
55
|
+
"@storybook/react": "^8.3.4",
|
|
56
|
+
"@storybook/react-vite": "^8.3.4",
|
|
57
|
+
"@storybook/test": "^8.3.4",
|
|
58
|
+
"@storybook/theming": "^8.3.4",
|
|
59
|
+
"@testing-library/jest-dom": "^6.4.6",
|
|
53
60
|
"@testing-library/react": "^15.0.5",
|
|
54
61
|
"@types/node": "^20.12.2",
|
|
55
62
|
"@types/react": "^18.2.66",
|
|
@@ -57,6 +64,7 @@
|
|
|
57
64
|
"@typescript-eslint/eslint-plugin": "^7.6.0",
|
|
58
65
|
"@typescript-eslint/parser": "^7.6.0",
|
|
59
66
|
"@vitejs/plugin-react": "^4.2.1",
|
|
67
|
+
"@vitest/coverage-v8": "^1.4.0",
|
|
60
68
|
"clsx": "^2.1.0",
|
|
61
69
|
"commitlint": "^19.2.1",
|
|
62
70
|
"cypress": "^13.8.1",
|
|
@@ -66,15 +74,16 @@
|
|
|
66
74
|
"eslint-plugin-react-hooks": "^4.6.0",
|
|
67
75
|
"eslint-plugin-react-refresh": "^0.4.6",
|
|
68
76
|
"eslint-plugin-simple-import-sort": "^12.0.0",
|
|
69
|
-
"eslint-plugin-storybook": "^0.
|
|
77
|
+
"eslint-plugin-storybook": "^0.9.0",
|
|
70
78
|
"glob": "^10.3.14",
|
|
71
79
|
"husky": "^9.0.11",
|
|
72
80
|
"jsdom": "^24.0.0",
|
|
81
|
+
"lint-staged": "^15.2.7",
|
|
73
82
|
"prettier": "^3.2.5",
|
|
74
83
|
"react": "^18.2.0",
|
|
75
84
|
"react-dom": "^18.2.0",
|
|
76
85
|
"sass": "^1.72.0",
|
|
77
|
-
"storybook": "^8.
|
|
86
|
+
"storybook": "^8.3.4",
|
|
78
87
|
"stylelint": "^16.3.1",
|
|
79
88
|
"stylelint-config-recess-order": "^5.0.0",
|
|
80
89
|
"stylelint-config-standard-scss": "^13.1.0",
|
|
@@ -91,4 +100,4 @@
|
|
|
91
100
|
"@mui/base": "^5.0.0-beta.40",
|
|
92
101
|
"@mui/material": "^5.15.15"
|
|
93
102
|
}
|
|
94
|
-
}
|
|
103
|
+
}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import './assets/Dialog.css';
|
|
2
|
-
const _ = "_dialog__subtitle_yi7uo_52", o = "_dialog_yi7uo_52", a = "_dialog__backdrop_yi7uo_87", y = "_dialog__panel_yi7uo_95", i = "_dialog__title_yi7uo_56", p = "_dialog__divider_yi7uo_121", t = "_dialog__actions_yi7uo_134", u = {
|
|
3
|
-
"u-typography-h1": "_u-typography-h1_yi7uo_1",
|
|
4
|
-
"u-typography-h2": "_u-typography-h2_yi7uo_8",
|
|
5
|
-
"u-typography-h3": "_u-typography-h3_yi7uo_15",
|
|
6
|
-
"u-typography-h4": "_u-typography-h4_yi7uo_22",
|
|
7
|
-
"u-typography-h5": "_u-typography-h5_yi7uo_29",
|
|
8
|
-
"u-typography-h6": "_u-typography-h6_yi7uo_36",
|
|
9
|
-
"u-typography-base": "_u-typography-base_yi7uo_43",
|
|
10
|
-
"u-typography-base--xxl": "_u-typography-base--xxl_yi7uo_48",
|
|
11
|
-
"u-typography-base--xl": "_u-typography-base--xl_yi7uo_52",
|
|
12
|
-
dialog__subtitle: _,
|
|
13
|
-
"u-typography-base--lg": "_u-typography-base--lg_yi7uo_56",
|
|
14
|
-
"dialog__title--small": "_dialog__title--small_yi7uo_56",
|
|
15
|
-
"u-typography-base--sm": "_u-typography-base--sm_yi7uo_60",
|
|
16
|
-
"u-typography-base--bold": "_u-typography-base--bold_yi7uo_64",
|
|
17
|
-
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_yi7uo_67",
|
|
18
|
-
"u-typography-base--underlined": "_u-typography-base--underlined_yi7uo_70",
|
|
19
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_yi7uo_73",
|
|
20
|
-
dialog: o,
|
|
21
|
-
dialog__backdrop: a,
|
|
22
|
-
dialog__panel: y,
|
|
23
|
-
dialog__title: i,
|
|
24
|
-
dialog__divider: p,
|
|
25
|
-
"dialog__close-icon": "_dialog__close-icon_yi7uo_125",
|
|
26
|
-
dialog__actions: t
|
|
27
|
-
};
|
|
28
|
-
export {
|
|
29
|
-
u as s
|
|
30
|
-
};
|
package/dist/Group-B3p31ftp.js
DELETED
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import './assets/Group.css';
|
|
2
|
-
import { jsxs as g, jsx as t } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef as i } from "react";
|
|
4
|
-
import { Icon as n } from "./components/Icon/Icon.js";
|
|
5
|
-
const c = "_toggle__input_wlkvp_1", p = "_toggle__label_wlkvp_8", o = {
|
|
6
|
-
toggle__input: c,
|
|
7
|
-
toggle__label: p,
|
|
8
|
-
"toggle__label--selected": "_toggle__label--selected_wlkvp_15",
|
|
9
|
-
"toggle-group__fieldset": "_toggle-group__fieldset_wlkvp_20",
|
|
10
|
-
"toggle-group__options": "_toggle-group__options_wlkvp_25",
|
|
11
|
-
"toggle-group__error": "_toggle-group__error_wlkvp_29"
|
|
12
|
-
}, f = i((e, r) => {
|
|
13
|
-
const { children: s, legend: l, error: _ } = e, d = e["data-testid"] ? `${e["data-testid"]}-legend` : void 0, a = e["data-testid"] ? `${e["data-testid"]}-error` : void 0;
|
|
14
|
-
return /* @__PURE__ */ g("fieldset", { ref: r, "data-testid": e["data-testid"], className: o["toggle-group__fieldset"], children: [
|
|
15
|
-
l && /* @__PURE__ */ t("legend", { "data-testid": d, children: l }),
|
|
16
|
-
/* @__PURE__ */ t("div", { className: o["toggle-group__options"], children: s }),
|
|
17
|
-
_ && /* @__PURE__ */ g("div", { className: o["toggle-group__error"], "data-testid": a, children: [
|
|
18
|
-
/* @__PURE__ */ t(n, { icon: "circle-exclamation", size: 24, color: "var(--alert)" }),
|
|
19
|
-
_
|
|
20
|
-
] })
|
|
21
|
-
] });
|
|
22
|
-
});
|
|
23
|
-
export {
|
|
24
|
-
f as G,
|
|
25
|
-
o as s
|
|
26
|
-
};
|
|
@@ -1,61 +0,0 @@
|
|
|
1
|
-
import './assets/SelectButton.css';
|
|
2
|
-
import { jsxs as l, jsx as _ } from "react/jsx-runtime";
|
|
3
|
-
import * as o from "react";
|
|
4
|
-
import { forwardRef as u } from "react";
|
|
5
|
-
import { c as b } from "./clsx-DB4S2d7J.js";
|
|
6
|
-
import { Typography as y } from "./components/Typography/Typography.js";
|
|
7
|
-
const g = "_select__listbox__option__text_11qky_64", x = "_select_11qky_64", d = "_select__popup_11qky_80", k = "_select__listbox_11qky_64", q = "_select__listbox__option_11qky_64", m = "_select__listbox__option__icon_11qky_101", w = "_select__list__option__icon_11qky_122", e = {
|
|
8
|
-
"u-typography-h1": "_u-typography-h1_11qky_1",
|
|
9
|
-
"u-typography-h2": "_u-typography-h2_11qky_8",
|
|
10
|
-
"u-typography-h3": "_u-typography-h3_11qky_15",
|
|
11
|
-
"u-typography-h4": "_u-typography-h4_11qky_22",
|
|
12
|
-
"u-typography-h5": "_u-typography-h5_11qky_29",
|
|
13
|
-
"u-typography-h6": "_u-typography-h6_11qky_36",
|
|
14
|
-
"u-typography-base": "_u-typography-base_11qky_43",
|
|
15
|
-
"u-typography-base--xxl": "_u-typography-base--xxl_11qky_48",
|
|
16
|
-
"u-typography-base--xl": "_u-typography-base--xl_11qky_52",
|
|
17
|
-
"u-typography-base--lg": "_u-typography-base--lg_11qky_56",
|
|
18
|
-
"u-typography-base--sm": "_u-typography-base--sm_11qky_60",
|
|
19
|
-
"u-typography-base--bold": "_u-typography-base--bold_11qky_64",
|
|
20
|
-
select__listbox__option__text: g,
|
|
21
|
-
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_11qky_67",
|
|
22
|
-
"u-typography-base--underlined": "_u-typography-base--underlined_11qky_70",
|
|
23
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_11qky_73",
|
|
24
|
-
select: x,
|
|
25
|
-
select__popup: d,
|
|
26
|
-
select__listbox: k,
|
|
27
|
-
select__listbox__option: q,
|
|
28
|
-
select__listbox__option__icon: m,
|
|
29
|
-
"select__listbox__option--disabled": "_select__listbox__option--disabled_11qky_105",
|
|
30
|
-
"select__listbox__option--selected": "_select__listbox__option--selected_11qky_114",
|
|
31
|
-
select__list__option__icon: w,
|
|
32
|
-
"select-button": "_select-button_11qky_127",
|
|
33
|
-
"base-Select-popup": "_base-Select-popup_11qky_145",
|
|
34
|
-
"select-button__text": "_select-button__text_11qky_148",
|
|
35
|
-
"select-button__icon": "_select-button__icon_11qky_157",
|
|
36
|
-
"select-button--active": "_select-button--active_11qky_163"
|
|
37
|
-
}, C = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M2.11104 4.9999C2.36691 4.9999 2.62291 5.09756 2.81791 5.29287L8.11104 10.5843L13.4048 5.29053C13.7954 4.8999 14.4282 4.8999 14.8188 5.29053C15.2095 5.68115 15.2095 6.31396 14.8188 6.70459L8.81885 12.7046C8.42822 13.0952 7.79541 13.0952 7.40479 12.7046L1.40479 6.70459C1.01416 6.31396 1.01416 5.68115 1.40479 5.29053C1.59854 5.09678 1.85479 4.9999 2.11104 4.9999Z", fill: "currentColor" })), f = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M13.8889 11C13.633 11 13.377 10.9023 13.182 10.707L7.8889 5.41563L2.59515 10.7094C2.20453 11.1 1.57172 11.1 1.18109 10.7094C0.790466 10.3188 0.790466 9.68594 1.18109 9.29532L7.18109 3.29532C7.57172 2.90469 8.20453 2.90469 8.59515 3.29532L14.5952 9.29532C14.9858 9.68594 14.9858 10.3188 14.5952 10.7094C14.4014 10.9031 14.1452 11 13.8889 11Z", fill: "#3F3D4B", fillOpacity: 0.88 })), E = u((t, a) => {
|
|
38
|
-
const { children: c, disabled: i, className: n, "data-testid": r, prefix: s, onClick: h } = t, p = t["aria-expanded"];
|
|
39
|
-
return /* @__PURE__ */ l(
|
|
40
|
-
"button",
|
|
41
|
-
{
|
|
42
|
-
className: b(n, p ? e["select-button--active"] : "", e["select-button"]),
|
|
43
|
-
type: "button",
|
|
44
|
-
onClick: h,
|
|
45
|
-
disabled: i,
|
|
46
|
-
"data-testid": r,
|
|
47
|
-
ref: a,
|
|
48
|
-
children: [
|
|
49
|
-
/* @__PURE__ */ l("span", { className: e["select-button__text"], children: [
|
|
50
|
-
s && /* @__PURE__ */ _(y, { children: s }),
|
|
51
|
-
/* @__PURE__ */ _(y, { children: c })
|
|
52
|
-
] }),
|
|
53
|
-
/* @__PURE__ */ _("span", { className: e["select-button__icon"], children: p ? /* @__PURE__ */ _(f, {}) : /* @__PURE__ */ _(C, {}) })
|
|
54
|
-
]
|
|
55
|
-
}
|
|
56
|
-
);
|
|
57
|
-
});
|
|
58
|
-
export {
|
|
59
|
-
E as S,
|
|
60
|
-
e as s
|
|
61
|
-
};
|
package/dist/Toggle-BCgIItCc.js
DELETED
|
@@ -1,142 +0,0 @@
|
|
|
1
|
-
import './assets/Toggle.css';
|
|
2
|
-
import { jsx as p, jsxs as u } from "react/jsx-runtime";
|
|
3
|
-
import { forwardRef as d, cloneElement as m } from "react";
|
|
4
|
-
import { c as n } from "./clsx-DB4S2d7J.js";
|
|
5
|
-
import { Icon as b } from "./components/Icon/Icon.js";
|
|
6
|
-
import "./components/Button/Button.js";
|
|
7
|
-
import "./components/Dialog/Backdrop.js";
|
|
8
|
-
import { Typography as k } from "./components/Typography/Typography.js";
|
|
9
|
-
import "./components/IconButton/IconButton.js";
|
|
10
|
-
import "./components/Select/Select.js";
|
|
11
|
-
import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
|
|
12
|
-
import "./components/Table/Table.js";
|
|
13
|
-
import "./components/Tabs/Tabs.js";
|
|
14
|
-
import { s as h } from "./Group-B3p31ftp.js";
|
|
15
|
-
import "./contexts/SnackbarProvider/SnackbarProvider.js";
|
|
16
|
-
import { B as x } from "./Button-2b1peDFT.js";
|
|
17
|
-
const C = "_chip_ccpk4_60", N = "_chip__adornment_ccpk4_114", v = "_chip__remove_ccpk4_119", s = {
|
|
18
|
-
"u-typography-h1": "_u-typography-h1_ccpk4_1",
|
|
19
|
-
"u-typography-h2": "_u-typography-h2_ccpk4_8",
|
|
20
|
-
"u-typography-h3": "_u-typography-h3_ccpk4_15",
|
|
21
|
-
"u-typography-h4": "_u-typography-h4_ccpk4_22",
|
|
22
|
-
"u-typography-h5": "_u-typography-h5_ccpk4_29",
|
|
23
|
-
"u-typography-h6": "_u-typography-h6_ccpk4_36",
|
|
24
|
-
"u-typography-base": "_u-typography-base_ccpk4_43",
|
|
25
|
-
"u-typography-base--xxl": "_u-typography-base--xxl_ccpk4_48",
|
|
26
|
-
"u-typography-base--xl": "_u-typography-base--xl_ccpk4_52",
|
|
27
|
-
"u-typography-base--lg": "_u-typography-base--lg_ccpk4_56",
|
|
28
|
-
"u-typography-base--sm": "_u-typography-base--sm_ccpk4_60",
|
|
29
|
-
chip: C,
|
|
30
|
-
"u-typography-base--bold": "_u-typography-base--bold_ccpk4_64",
|
|
31
|
-
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_ccpk4_67",
|
|
32
|
-
"u-typography-base--underlined": "_u-typography-base--underlined_ccpk4_70",
|
|
33
|
-
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_ccpk4_73",
|
|
34
|
-
"chip--button": "_chip--button_ccpk4_89",
|
|
35
|
-
"chip--outlined": "_chip--outlined_ccpk4_102",
|
|
36
|
-
"chip--contained": "_chip--contained_ccpk4_108",
|
|
37
|
-
chip__adornment: N,
|
|
38
|
-
chip__remove: v,
|
|
39
|
-
"chip__remove--disabled": "_chip__remove--disabled_ccpk4_130",
|
|
40
|
-
"chip-loading": "_chip-loading_ccpk4_134"
|
|
41
|
-
}, T = d((a, t) => {
|
|
42
|
-
const { children: c, onClickContent: e, disabled: r, className: i, variant: l } = a;
|
|
43
|
-
let o = n(
|
|
44
|
-
s.chip,
|
|
45
|
-
{ [s["chip--outlined"]]: l === "outlined" },
|
|
46
|
-
{ [s["chip--contained"]]: l === "contained" },
|
|
47
|
-
i
|
|
48
|
-
);
|
|
49
|
-
return e ? (o += ` ${s["chip--button"]}`, /* @__PURE__ */ p(
|
|
50
|
-
x,
|
|
51
|
-
{
|
|
52
|
-
onClick: e,
|
|
53
|
-
disabled: r,
|
|
54
|
-
"data-testid": a["data-testid"],
|
|
55
|
-
ref: t,
|
|
56
|
-
className: o,
|
|
57
|
-
children: c
|
|
58
|
-
}
|
|
59
|
-
)) : /* @__PURE__ */ p("span", { "data-testid": a["data-testid"], ref: t, className: o, children: c });
|
|
60
|
-
}), A = (a) => {
|
|
61
|
-
const { icon: t, disabled: c = !1, className: e } = a;
|
|
62
|
-
if (t) {
|
|
63
|
-
const r = n(s.chip__adornment, e), i = c ? m(t, { color: "rgb(var(--gray-95-rgb), 0.4)" }) : t;
|
|
64
|
-
return /* @__PURE__ */ p("span", { className: r, children: i });
|
|
65
|
-
}
|
|
66
|
-
return null;
|
|
67
|
-
}, G = d((a, t) => {
|
|
68
|
-
const {
|
|
69
|
-
label: c,
|
|
70
|
-
className: e,
|
|
71
|
-
onClickContent: r,
|
|
72
|
-
leftAdornment: i,
|
|
73
|
-
loading: l = !1,
|
|
74
|
-
disabled: o = !1,
|
|
75
|
-
variant: g = "default",
|
|
76
|
-
onClickRemove: y
|
|
77
|
-
} = a;
|
|
78
|
-
return l ? /* @__PURE__ */ p(
|
|
79
|
-
f,
|
|
80
|
-
{
|
|
81
|
-
className: n(s["chip-loading"], a["className-skeleton"]),
|
|
82
|
-
"data-testid": a["data-testid-skeleton"]
|
|
83
|
-
}
|
|
84
|
-
) : /* @__PURE__ */ u(
|
|
85
|
-
T,
|
|
86
|
-
{
|
|
87
|
-
ref: t,
|
|
88
|
-
"data-testid": a["data-testid"],
|
|
89
|
-
onClickContent: r,
|
|
90
|
-
disabled: o,
|
|
91
|
-
className: e,
|
|
92
|
-
variant: g,
|
|
93
|
-
children: [
|
|
94
|
-
i && /* @__PURE__ */ p(A, { ...i, disabled: o }),
|
|
95
|
-
c,
|
|
96
|
-
y && /* @__PURE__ */ p(
|
|
97
|
-
"span",
|
|
98
|
-
{
|
|
99
|
-
className: n(s.chip__remove, { [s["chip__remove--disabled"]]: o }),
|
|
100
|
-
role: "button",
|
|
101
|
-
tabIndex: o ? -1 : 0,
|
|
102
|
-
"aria-label": "remove",
|
|
103
|
-
onClick: (_) => {
|
|
104
|
-
_ == null || _.stopPropagation(), _ == null || _.nativeEvent.stopImmediatePropagation(), y();
|
|
105
|
-
},
|
|
106
|
-
"aria-disabled": o,
|
|
107
|
-
children: /* @__PURE__ */ p(b, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
|
|
108
|
-
}
|
|
109
|
-
)
|
|
110
|
-
]
|
|
111
|
-
}
|
|
112
|
-
);
|
|
113
|
-
}), H = d((a, t) => {
|
|
114
|
-
const { text: c, isSelected: e = !1, value: r, onChange: i } = a;
|
|
115
|
-
return /* @__PURE__ */ u(
|
|
116
|
-
"label",
|
|
117
|
-
{
|
|
118
|
-
className: n([h.toggle__label], { [h["toggle__label--selected"]]: e }),
|
|
119
|
-
"data-testid": a["data-testid"],
|
|
120
|
-
children: [
|
|
121
|
-
/* @__PURE__ */ p(
|
|
122
|
-
"input",
|
|
123
|
-
{
|
|
124
|
-
className: n([h.toggle__input]),
|
|
125
|
-
type: "radio",
|
|
126
|
-
ref: t,
|
|
127
|
-
value: r.toString(),
|
|
128
|
-
onChange: () => i(r),
|
|
129
|
-
role: "radio",
|
|
130
|
-
checked: e,
|
|
131
|
-
"aria-checked": e
|
|
132
|
-
}
|
|
133
|
-
),
|
|
134
|
-
/* @__PURE__ */ p(k, { bold: !0, children: c })
|
|
135
|
-
]
|
|
136
|
-
}
|
|
137
|
-
);
|
|
138
|
-
});
|
|
139
|
-
export {
|
|
140
|
-
G as C,
|
|
141
|
-
H as T
|
|
142
|
-
};
|