@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.
Files changed (165) hide show
  1. package/dist/{Button-2b1peDFT.js → Button-BAljjMv3.js} +2 -2
  2. package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-DbEYZpyh.js} +4 -3
  3. package/dist/Dialog.module-W7UCXlf3.js +29 -0
  4. package/dist/Group-DspH8hyO.js +30 -0
  5. package/dist/Popover.module-B4boCutS.js +10 -0
  6. package/dist/{Popup-B6ZSGIEI.js → Popup-Ck3XlWMq.js} +3 -3
  7. package/dist/{Portal-DIeBsWdL.js → Portal-oY3enyAm.js} +2 -2
  8. package/dist/SelectButton-B38avP9u.js +75 -0
  9. package/dist/{Tabs.module-jkH1Qjn7.js → Tabs.module-BGGTkDc5.js} +7 -7
  10. package/dist/Toggle-MfR7l8Wn.js +190 -0
  11. package/dist/assets/Adornment.css +1 -0
  12. package/dist/assets/Advice.css +1 -1
  13. package/dist/assets/Autocomplete.css +1 -0
  14. package/dist/assets/Avatar.css +1 -0
  15. package/dist/assets/Button.css +1 -1
  16. package/dist/assets/Checkbox.css +1 -1
  17. package/dist/assets/Description.css +1 -0
  18. package/dist/assets/Dialog.css +1 -1
  19. package/dist/assets/EllipsisTooltip.css +1 -1
  20. package/dist/assets/Group.css +1 -1
  21. package/dist/assets/IconButton.css +1 -1
  22. package/dist/assets/Input.css +1 -1
  23. package/dist/assets/PageHeader.css +1 -1
  24. package/dist/assets/Pagination.css +1 -1
  25. package/dist/assets/Popover.css +1 -0
  26. package/dist/assets/ResultWithChips.css +1 -0
  27. package/dist/assets/SelectButton.css +1 -1
  28. package/dist/assets/Skeleton.css +1 -1
  29. package/dist/assets/Snackbar.css +1 -1
  30. package/dist/assets/SortTooltip.css +1 -1
  31. package/dist/assets/Stepper.css +1 -1
  32. package/dist/assets/StepperNavigator.css +1 -0
  33. package/dist/assets/Table.css +1 -1
  34. package/dist/assets/Tabs.css +1 -1
  35. package/dist/assets/TextDisplay.css +1 -1
  36. package/dist/assets/Toggle.css +1 -1
  37. package/dist/assets/Toggle2.css +1 -1
  38. package/dist/assets/Typography.css +1 -1
  39. package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-C-zYvfnF.js} +1 -1
  40. package/dist/components/Adornment/Adornment.d.ts +20 -0
  41. package/dist/components/Adornment/Adornment.js +13 -0
  42. package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
  43. package/dist/components/Adornment/adornment.test.d.ts +1 -0
  44. package/dist/components/Advice/Advice.d.ts +32 -17
  45. package/dist/components/Advice/Advice.js +39 -40
  46. package/dist/components/Advice/Advice.stories.d.ts +4 -3
  47. package/dist/components/Autocomplete/Autocomplete.d.ts +20 -0
  48. package/dist/components/Autocomplete/Autocomplete.js +679 -0
  49. package/dist/components/Autocomplete/Autocomplete.stories.d.ts +23 -0
  50. package/dist/components/Avatar/Avatar.d.ts +15 -0
  51. package/dist/components/Avatar/Avatar.js +51 -0
  52. package/dist/components/Avatar/Avatar.stories.d.ts +25 -0
  53. package/dist/components/Button/Button.d.ts +2 -0
  54. package/dist/components/Button/Button.js +51 -49
  55. package/dist/components/Checkbox/Checkbox.js +52 -52
  56. package/dist/components/Chip/Chip.d.ts +6 -12
  57. package/dist/components/Chip/Chip.js +12 -7
  58. package/dist/components/Chip/Chip.stories.d.ts +5 -14
  59. package/dist/components/ConfirmationDialog/ConfirmationDialog.d.ts +14 -0
  60. package/dist/components/ConfirmationDialog/ConfirmationDialog.js +37 -0
  61. package/dist/components/ConfirmationDialog/ConfirmationDialog.stories.d.ts +23 -0
  62. package/dist/components/ConfirmationDialog/ConfirmationModal.test.d.ts +1 -0
  63. package/dist/components/Description/Description.d.ts +15 -0
  64. package/dist/components/Description/Description.js +54 -0
  65. package/dist/components/Description/Description.stories.d.ts +18 -0
  66. package/dist/components/Description/Description.test.d.ts +1 -0
  67. package/dist/components/Dialog/Actions.js +1 -1
  68. package/dist/components/Dialog/Backdrop.d.ts +3 -3
  69. package/dist/components/Dialog/Backdrop.js +8 -7
  70. package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
  71. package/dist/components/Dialog/CloseIconButton.js +15 -18
  72. package/dist/components/Dialog/Dialog.d.ts +16 -10
  73. package/dist/components/Dialog/Dialog.js +167 -166
  74. package/dist/components/Dialog/Dialog.stories.d.ts +115 -109
  75. package/dist/components/Dialog/DialogTitle.d.ts +5 -2
  76. package/dist/components/Dialog/DialogTitle.js +22 -16
  77. package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
  78. package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +2 -1
  79. package/dist/components/Icon/Icon.js +315 -47
  80. package/dist/components/Icon/types.d.ts +1 -1
  81. package/dist/components/IconButton/IconButton.js +42 -42
  82. package/dist/components/Input/Input.d.ts +26 -5
  83. package/dist/components/Input/Input.js +319 -304
  84. package/dist/components/Input/Input.stories.d.ts +2 -21
  85. package/dist/components/InputSearch/InputSearch.d.ts +37 -7
  86. package/dist/components/InputSearch/InputSearch.js +27 -29
  87. package/dist/components/InputSearch/InputSearch.stories.d.ts +15 -3
  88. package/dist/components/PageHeader/PageHeader.d.ts +6 -2
  89. package/dist/components/PageHeader/PageHeader.js +72 -65
  90. package/dist/components/PageHeader/PageHeader.stories.d.ts +3 -1
  91. package/dist/components/PageHeader/PageHeader.test.d.ts +1 -0
  92. package/dist/components/Pagination/Pagination.d.ts +5 -1
  93. package/dist/components/Pagination/Pagination.js +90 -91
  94. package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
  95. package/dist/components/Popover/Popover.d.ts +32 -0
  96. package/dist/components/Popover/Popover.js +24 -0
  97. package/dist/components/Popover/Popover.stories.d.ts +34 -0
  98. package/dist/components/Popover/PopoverBody.d.ts +6 -0
  99. package/dist/components/Popover/PopoverBody.js +6 -0
  100. package/dist/components/Popover/PopoverFooter.d.ts +6 -0
  101. package/dist/components/Popover/PopoverFooter.js +6 -0
  102. package/dist/components/Popover/PopoverHeader.d.ts +6 -0
  103. package/dist/components/Popover/PopoverHeader.js +6 -0
  104. package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
  105. package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
  106. package/dist/components/RowItem/RowItem.d.ts +25 -0
  107. package/dist/components/RowItem/RowItem.js +23 -0
  108. package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
  109. package/dist/components/RowItem/rowItem.test.d.ts +1 -0
  110. package/dist/components/Select/Select.d.ts +22 -0
  111. package/dist/components/Select/Select.js +476 -413
  112. package/dist/components/Select/SelectButton.d.ts +2 -0
  113. package/dist/components/Select/SelectButton.js +3 -2
  114. package/dist/components/Skeleton/Skeleton.d.ts +3 -1
  115. package/dist/components/Skeleton/Skeleton.js +20 -14
  116. package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
  117. package/dist/components/Snackbar/Snackbar.js +94 -94
  118. package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
  119. package/dist/components/SortTooltip/SortTooltip.js +46 -46
  120. package/dist/components/Stepper/Stepper.js +35 -35
  121. package/dist/components/StepperNavigator/StepperNavigator.d.ts +58 -0
  122. package/dist/components/StepperNavigator/StepperNavigator.js +115 -0
  123. package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +18 -0
  124. package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
  125. package/dist/components/Table/Table.d.ts +3 -1
  126. package/dist/components/Table/Table.js +87 -99
  127. package/dist/components/Table/Table.stories.d.ts +1 -1
  128. package/dist/components/Tabs/Tab.d.ts +5 -3
  129. package/dist/components/Tabs/Tab.js +38 -36
  130. package/dist/components/Tabs/TabPanel.d.ts +4 -2
  131. package/dist/components/Tabs/TabPanel.js +51 -40
  132. package/dist/components/Tabs/Tabs.d.ts +6 -4
  133. package/dist/components/Tabs/Tabs.js +131 -128
  134. package/dist/components/TextDisplay/TextDisplay.d.ts +9 -3
  135. package/dist/components/TextDisplay/TextDisplay.js +45 -31
  136. package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
  137. package/dist/components/Toggle/Toggle.js +56 -56
  138. package/dist/components/ToggleGroup/Group.d.ts +2 -0
  139. package/dist/components/ToggleGroup/Group.js +4 -2
  140. package/dist/components/ToggleGroup/Toggle.d.ts +2 -0
  141. package/dist/components/ToggleGroup/Toggle.js +9 -5
  142. package/dist/components/ToggleGroup/ToggleGroup.js +2 -2
  143. package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +2 -0
  144. package/dist/components/Tooltip/Tooltip.d.ts +3 -1
  145. package/dist/components/Tooltip/Tooltip.js +4 -4
  146. package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
  147. package/dist/components/Typography/Typography.js +47 -47
  148. package/dist/{index-CjW42-M-.js → index-bQFToy-I.js} +1 -1
  149. package/dist/main.d.ts +9 -0
  150. package/dist/main.js +91 -76
  151. package/dist/marola.css +1 -1
  152. package/dist/ownerDocument-YGhwAnr1.js +33 -0
  153. package/dist/{useButton-DNk3wrQp.js → useButton-DcihopJG.js} +1 -1
  154. package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
  155. package/dist/useEventCallback-BAQJJ3ye.js +14 -0
  156. package/dist/useId-BW-oWmul.js +19 -0
  157. package/dist/{useList-B0hog_3-.js → useList-B9C55YB7.js} +2 -2
  158. package/dist/{index-CH45lKw7.js → useSlotProps-C_I1kEHr.js} +99 -99
  159. package/package.json +22 -13
  160. package/dist/Dialog.module-DFEmFdYT.js +0 -30
  161. package/dist/Group-B3p31ftp.js +0 -26
  162. package/dist/SelectButton-K3OIfR5m.js +0 -61
  163. package/dist/Toggle-BCgIItCc.js +0 -142
  164. package/dist/useCompoundItem-D1iRfg8D.js +0 -84
  165. 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 Ie() {
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 Me() {
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 Pe() {
228
- return ye || (ye = 1, process.env.NODE_ENV === "production" ? V.exports = Ie() : V.exports = Me()), 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 qe() {
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 Oe() {
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 Ye() {
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 = Oe();
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 De() {
304
+ function je() {
346
305
  if (Ee)
347
306
  return ie;
348
307
  Ee = 1;
349
- var e = Pe(), s = qe(), t = ce(), n = Oe(), c = Ye(), u = function() {
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 ke() {
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 We = Pe(), Le = !0;
717
- se.exports = De()(We.isElement, Le);
675
+ var Ie = Se(), Me = !0;
676
+ se.exports = je()(Ie.isElement, Me);
718
677
  } else
719
- se.exports = ke()();
720
- var Ne = se.exports;
721
- const Qe = /* @__PURE__ */ $e(Ne);
722
- function Fe(e, s) {
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 Ue(...e) {
684
+ function De(...e) {
726
685
  return ue.useMemo(() => e.every((s) => s == null) ? null : (s) => {
727
686
  e.forEach((t) => {
728
- Fe(t, s);
687
+ Ye(t, s);
729
688
  });
730
689
  }, e);
731
690
  }
732
- function er(e, s, t = void 0) {
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 ze = {
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 He(e) {
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 = we(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);
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 Ve = ["elementType", "externalSlotProps", "ownerState", "skipResolvingSlotProps"];
792
- function rr(e) {
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 = je(e, Ve), f = u ? {} : Ae(n, c), {
816
+ } = e, h = We(e, Xe), f = u ? {} : Be(n, c), {
800
817
  props: _,
801
818
  internalRef: v
802
- } = He(Y({}, h, {
819
+ } = Je(Y({}, h, {
803
820
  externalSlotProps: f
804
- })), m = Ue(v, f == null ? void 0 : f.ref, (s = e.additionalProps) == null ? void 0 : s.ref);
805
- return Re(t, Y({}, _, {
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
- Qe as P,
828
- je as _,
829
- tr as a,
827
+ Ke as P,
828
+ We as _,
829
+ er as a,
830
830
  Y as b,
831
- rr as c,
832
- er as d,
833
- Ke as e,
834
- we as f,
835
- Xe as g,
836
- $e as h,
837
- _e as i,
838
- Fe as s,
839
- Ue as u
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.6",
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.0.8",
46
- "@storybook/addon-essentials": "^8.0.8",
47
- "@storybook/addon-interactions": "^8.0.8",
48
- "@storybook/addon-links": "^8.0.8",
49
- "@storybook/blocks": "^8.0.8",
50
- "@storybook/react": "^8.0.8",
51
- "@storybook/react-vite": "^8.0.8",
52
- "@storybook/test": "^8.0.8",
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.8.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.0.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
- };
@@ -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
- };
@@ -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
- };