@pismo/marola 0.0.1-alpha.1 → 0.0.1-alpha.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/README.md +17 -5
  2. package/dist/Button-B1umG8kJ.js +131 -0
  3. package/dist/ClickAwayListener-BKznXF1d.js +106 -0
  4. package/dist/Dialog.module-CGVM5V_D.js +15 -0
  5. package/dist/Portal-BcdMtRGF.js +73 -0
  6. package/dist/Tab-CRwnhsj5.js +254 -0
  7. package/dist/Tabs.module-yYcTJnj6.js +103 -0
  8. package/dist/_commonjsHelpers-CT_km90n.js +30 -0
  9. package/dist/assets/Advice.css +1 -0
  10. package/dist/assets/Button.css +1 -0
  11. package/dist/assets/Checkbox.css +1 -0
  12. package/dist/assets/Dialog.css +1 -1
  13. package/dist/assets/IconButton.css +1 -0
  14. package/dist/assets/Input.css +1 -0
  15. package/dist/assets/InputSearch.css +1 -0
  16. package/dist/assets/LoadingSpinner.css +1 -1
  17. package/dist/assets/PageHeader.css +1 -0
  18. package/dist/assets/Pagination.css +1 -0
  19. package/dist/assets/Skeleton.css +1 -0
  20. package/dist/assets/Snackbar.css +1 -0
  21. package/dist/assets/SortTooltip.css +1 -0
  22. package/dist/assets/Stepper.css +1 -0
  23. package/dist/assets/Table.css +1 -0
  24. package/dist/assets/Tabs.css +1 -0
  25. package/dist/assets/Toggle.css +1 -0
  26. package/dist/assets/Tooltip.css +1 -0
  27. package/dist/assets/Typography.css +1 -1
  28. package/dist/assets/global.css +1 -0
  29. package/dist/components/Advice/Advice.d.ts +16 -0
  30. package/dist/components/Advice/Advice.js +25 -0
  31. package/dist/components/Button/Button.d.ts +29 -0
  32. package/dist/components/Button/Button.js +70 -0
  33. package/dist/components/Button/Button.stories.d.ts +60 -0
  34. package/dist/components/Button/Button.stories.js +40 -0
  35. package/dist/components/Checkbox/Checkbox.d.ts +19 -0
  36. package/dist/components/Checkbox/Checkbox.js +56 -0
  37. package/dist/components/Dialog/Actions.js +1 -1
  38. package/dist/components/Dialog/Backdrop.d.ts +1 -1
  39. package/dist/components/Dialog/Backdrop.js +2 -9
  40. package/dist/components/Dialog/CloseIconButton.js +11 -10
  41. package/dist/components/Dialog/Dialog.d.ts +5 -4
  42. package/dist/components/Dialog/Dialog.js +419 -20077
  43. package/dist/components/Dialog/Dialog.stories.d.ts +343 -0
  44. package/dist/components/Dialog/Dialog.stories.js +59 -0
  45. package/dist/components/Dialog/Title.js +22 -7
  46. package/dist/components/Icon/Icon.d.ts +18 -0
  47. package/dist/components/Icon/Icon.js +95 -0
  48. package/dist/components/IconButton/IconButton.d.ts +22 -0
  49. package/dist/components/IconButton/IconButton.js +68 -0
  50. package/dist/components/Input/Input.d.ts +44 -0
  51. package/dist/components/Input/Input.js +497 -0
  52. package/dist/components/Input/Input.stories.d.ts +43 -0
  53. package/dist/components/Input/Input.stories.js +106 -0
  54. package/dist/components/InputSearch/InputSearch.d.ts +11 -0
  55. package/dist/components/InputSearch/InputSearch.js +29 -0
  56. package/dist/components/InputSearch/InputSearch.stories.d.ts +22 -0
  57. package/dist/components/InputSearch/InputSearch.stories.js +36 -0
  58. package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +2 -0
  59. package/dist/components/LoadingSpinner/LoadingSpinner.js +12 -13
  60. package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +14 -0
  61. package/dist/components/LoadingSpinner/LoadingSpinner.stories.js +38 -0
  62. package/dist/components/PageHeader/PageHeader.d.ts +36 -0
  63. package/dist/components/PageHeader/PageHeader.js +51 -0
  64. package/dist/components/PageHeader/PageHeader.stories.d.ts +43 -0
  65. package/dist/components/PageHeader/PageHeader.stories.js +49 -0
  66. package/dist/components/Pagination/Pagination.d.ts +36 -0
  67. package/dist/components/Pagination/Pagination.js +219 -0
  68. package/dist/components/Skeleton/Skeleton.d.ts +18 -0
  69. package/dist/components/Skeleton/Skeleton.js +26 -0
  70. package/dist/components/Snackbar/Snackbar.d.ts +13 -0
  71. package/dist/components/Snackbar/Snackbar.js +622 -0
  72. package/dist/components/SortTooltip/SortTooltip.d.ts +26 -0
  73. package/dist/components/SortTooltip/SortTooltip.js +67 -0
  74. package/dist/components/Stepper/Stepper.d.ts +16 -0
  75. package/dist/components/Stepper/Stepper.js +33 -0
  76. package/dist/components/Table/Table.d.ts +39 -0
  77. package/dist/components/Table/Table.js +122 -0
  78. package/dist/components/Table/TableContext.d.ts +19 -0
  79. package/dist/components/Table/TableContext.js +21 -0
  80. package/dist/components/Tabs/Tab.d.ts +9 -0
  81. package/dist/components/Tabs/Tab.js +8 -0
  82. package/dist/components/Tabs/TabPanel.d.ts +8 -0
  83. package/dist/components/Tabs/TabPanel.js +118 -0
  84. package/dist/components/Tabs/Tabs.d.ts +11 -0
  85. package/dist/components/Tabs/Tabs.js +827 -0
  86. package/dist/components/Toggle/Toggle.d.ts +11 -0
  87. package/dist/components/Toggle/Toggle.js +252 -0
  88. package/dist/components/Toggle/Toggle.stories.d.ts +21 -0
  89. package/dist/components/Toggle/Toggle.stories.js +33 -0
  90. package/dist/components/Tooltip/Tooltip.d.ts +17 -0
  91. package/dist/components/Tooltip/Tooltip.js +1366 -0
  92. package/dist/components/Typography/Typography.d.ts +15 -6
  93. package/dist/components/Typography/Typography.js +75 -67
  94. package/dist/components/Typography/Typography.stories.d.ts +31 -0
  95. package/dist/components/Typography/Typography.stories.js +30 -0
  96. package/dist/components/Typography/typography.test.d.ts +1 -0
  97. package/dist/components/Typography/typography.test.js +11357 -0
  98. package/dist/index-BNWbc5Kh.js +19628 -0
  99. package/dist/index-CqjC7P5Y.js +814 -0
  100. package/dist/magic-string.es-O_8lTkE3.js +738 -0
  101. package/dist/main.d.ts +18 -2
  102. package/dist/main.js +57 -15
  103. package/dist/objectWithoutPropertiesLoose-D7Cp0Pg_.js +26 -0
  104. package/dist/test-utils/assertStyles.d.ts +1 -0
  105. package/dist/test-utils/assertStyles.js +11 -0
  106. package/dist/types/helpers.d.ts +14 -7
  107. package/dist/useButton-Bc8IAgyk.js +106 -0
  108. package/dist/useControlled-CCMYYdCM.js +31 -0
  109. package/dist/useEnhancedEffect-CJGo-L3B.js +5 -0
  110. package/dist/useIsFocusVisible-BH4IAdcw.js +69 -0
  111. package/dist/useTimeout-DxF9kiZL.js +36 -0
  112. package/dist/utils/styleStrings.d.ts +6 -0
  113. package/dist/utils/styleStrings.js +10 -0
  114. package/dist/utils/styleStrings.test.d.ts +1 -0
  115. package/dist/utils/styleStrings.test.js +41 -0
  116. package/dist/vi.Y_w82WR8-Df0JUamG.js +9860 -0
  117. package/package.json +53 -10
  118. package/dist/Button-REznN-RP.js +0 -1139
  119. package/dist/Dialog.module-BO0mdB7d.js +0 -15
  120. package/dist/assets/CallToActionButton.css +0 -1
  121. package/dist/assets/main.css +0 -1
  122. package/dist/components/CallToActionButton/CallToActionButton.d.ts +0 -23
  123. package/dist/components/CallToActionButton/CallToActionButton.js +0 -57
  124. package/src/playground/Playground.tsx +0 -58
@@ -0,0 +1,103 @@
1
+ import './assets/Tabs.css';
2
+ import * as n from "react";
3
+ import { u as x } from "./useEnhancedEffect-CJGo-L3B.js";
4
+ let f = 0;
5
+ function y(t) {
6
+ const [s, e] = n.useState(t), o = t || s;
7
+ return n.useEffect(() => {
8
+ s == null && (f += 1, e(`mui-${f}`));
9
+ }, [s]), o;
10
+ }
11
+ const _ = n.useId;
12
+ function E(t) {
13
+ if (_ !== void 0) {
14
+ const s = _();
15
+ return t ?? s;
16
+ }
17
+ return y(t);
18
+ }
19
+ const p = /* @__PURE__ */ n.createContext(null);
20
+ process.env.NODE_ENV !== "production" && (p.displayName = "CompoundComponentContext");
21
+ function g(t) {
22
+ const s = Array.from(t.keys()).map((e) => {
23
+ const o = t.get(e);
24
+ return {
25
+ key: e,
26
+ subitem: o
27
+ };
28
+ });
29
+ return s.sort((e, o) => {
30
+ const u = e.subitem.ref.current, r = o.subitem.ref.current;
31
+ return u === null || r === null || u === r ? 0 : u.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
32
+ }), new Map(s.map((e) => [e.key, e.subitem]));
33
+ }
34
+ function z() {
35
+ const [t, s] = n.useState(/* @__PURE__ */ new Map()), e = n.useRef(/* @__PURE__ */ new Set()), o = n.useCallback(function(c) {
36
+ e.current.delete(c), s((i) => {
37
+ const a = new Map(i);
38
+ return a.delete(c), a;
39
+ });
40
+ }, []), u = n.useCallback(function(c, i) {
41
+ let a;
42
+ return typeof c == "function" ? a = c(e.current) : a = c, e.current.add(a), s((C) => {
43
+ const l = new Map(C);
44
+ return l.set(a, i), l;
45
+ }), {
46
+ id: a,
47
+ deregister: () => o(a)
48
+ };
49
+ }, [o]), r = n.useMemo(() => g(t), [t]), d = n.useCallback(function(c) {
50
+ return Array.from(r.keys()).indexOf(c);
51
+ }, [r]);
52
+ return {
53
+ contextValue: n.useMemo(() => ({
54
+ getItemIndex: d,
55
+ registerItem: u,
56
+ totalSubitemCount: t.size
57
+ }), [d, u, t.size]),
58
+ subitems: r
59
+ };
60
+ }
61
+ function T(t, s) {
62
+ const e = n.useContext(p);
63
+ if (e === null)
64
+ throw new Error("useCompoundItem must be used within a useCompoundParent");
65
+ const {
66
+ registerItem: o
67
+ } = e, [u, r] = n.useState(typeof t == "function" ? void 0 : t);
68
+ return x(() => {
69
+ const {
70
+ id: d,
71
+ deregister: m
72
+ } = o(t, s);
73
+ return r(d), m;
74
+ }, [o, s, t]), {
75
+ id: u,
76
+ index: u !== void 0 ? e.getItemIndex(u) : -1,
77
+ totalItemCount: e.totalSubitemCount
78
+ };
79
+ }
80
+ const I = /* @__PURE__ */ n.createContext(null);
81
+ process.env.NODE_ENV !== "production" && (I.displayName = "TabsContext");
82
+ function D() {
83
+ const t = n.useContext(I);
84
+ if (t == null)
85
+ throw new Error("No TabsContext provided");
86
+ return t;
87
+ }
88
+ const N = "_tabs_18ymz_1", S = "_tabs__tab_18ymz_5", M = {
89
+ tabs: N,
90
+ tabs__tab: S,
91
+ "tabs__tab--disabled": "_tabs__tab--disabled_18ymz_22",
92
+ "tabs__tab--selected": "_tabs__tab--selected_18ymz_31",
93
+ "tabs__tab-panel": "_tabs__tab-panel_18ymz_35"
94
+ };
95
+ export {
96
+ p as C,
97
+ I as T,
98
+ E as a,
99
+ T as b,
100
+ z as c,
101
+ M as s,
102
+ D as u
103
+ };
@@ -0,0 +1,30 @@
1
+ var u = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
2
+ function f(e) {
3
+ return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
4
+ }
5
+ function l(e) {
6
+ if (e.__esModule)
7
+ return e;
8
+ var r = e.default;
9
+ if (typeof r == "function") {
10
+ var t = function o() {
11
+ return this instanceof o ? Reflect.construct(r, arguments, this.constructor) : r.apply(this, arguments);
12
+ };
13
+ t.prototype = r.prototype;
14
+ } else
15
+ t = {};
16
+ return Object.defineProperty(t, "__esModule", { value: !0 }), Object.keys(e).forEach(function(o) {
17
+ var n = Object.getOwnPropertyDescriptor(e, o);
18
+ Object.defineProperty(t, o, n.get ? n : {
19
+ enumerable: !0,
20
+ get: function() {
21
+ return e[o];
22
+ }
23
+ });
24
+ }), t;
25
+ }
26
+ export {
27
+ l as a,
28
+ u as c,
29
+ f as g
30
+ };
@@ -0,0 +1 @@
1
+ ._advice_1yug7_1{display:flex;flex-direction:column;align-items:center;padding:2rem}._advice_1yug7_1 ._content_1yug7_7,._advice_1yug7_1 p{margin:0;font-size:1.5rem;font-weight:700;color:var(--gray-75)}
@@ -0,0 +1 @@
1
+ ._h1_2qr61_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_2qr61_7{font-weight:var(--typography-heading-bold)}._h2_2qr61_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_2qr61_17{font-weight:var(--typography-heading-bold)}._h3_2qr61_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_2qr61_27{font-weight:var(--typography-heading-bold)}._h4_2qr61_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_2qr61_37{font-weight:var(--typography-heading-bold)}._body_2qr61_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_2qr61_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_2qr61_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_2qr61_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_2qr61_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_2qr61_62{font-weight:var(--body-bold)}._body--strikethrough_2qr61_65{text-decoration:line-through}._body--underlined_2qr61_68{text-decoration:underline}._body--strikethrough-underlined_2qr61_71{text-decoration:underline line-through}._quote_2qr61_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_2qr61_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_2qr61_85{font-weight:var(--body-bold)}._quote--strikethrough_2qr61_88{text-decoration:line-through}._quote--underlined_2qr61_91{text-decoration:underline}._quote--strikethrough-underlined_2qr61_94{text-decoration:underline line-through}._form__input_2qr61_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_2qr61_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_2qr61_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_2qr61_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_2qr61_118{font-weight:var(--body-bold)}._form--strikethrough_2qr61_121{text-decoration:line-through}._form--underlined_2qr61_124{text-decoration:underline}._form--strikethrough-underlined_2qr61_127{text-decoration:underline line-through}._table__header_2qr61_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_2qr61_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_2qr61_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_2qr61_146{font-weight:var(--body-bold)}._table--strikethrough_2qr61_149{text-decoration:line-through}._table--underlined_2qr61_152{text-decoration:underline}._table--strikethrough-underlined_2qr61_155{text-decoration:underline line-through}._button_2qr61_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}._button--bold_2qr61_165{font-weight:var(--body-bold)}._button--strikethrough_2qr61_168{text-decoration:line-through}._button--underlined_2qr61_171{text-decoration:underline}._button--strikethrough-underlined_2qr61_174{text-decoration:underline line-through}._button_2qr61_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);padding:10px 35px;cursor:pointer;border:none;border-radius:100px}._button_2qr61_159:focus-visible{outline:none}._button--primary_2qr61_190{color:var(--white-100);background-color:var(--accent)}._button--primary_2qr61_190:hover{background-color:var(--accent-dark)}._button--primary_2qr61_190:focus{color:var(--black-100);background-color:var(--accent-lighter)}._button--primary_2qr61_190:active{background-color:var(--accent-light)}._button--primary_2qr61_190:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button--secondary_2qr61_209{color:var(--accent);background-color:var(--white-100)}._button--secondary_2qr61_209:hover{background-color:var(--gray-5)}._button--secondary_2qr61_209:focus{color:var(--black-100)}._button--secondary_2qr61_209:active{color:var(--accent-light)}._button--secondary_2qr61_209:disabled{color:var(--gray-50);cursor:default}._button--quick_2qr61_226{padding:8px 16px;color:var(--accent);background-color:rgb(var(--accent-rgb) .05);border-radius:6px}._button--quick_2qr61_226:hover{color:var(--accent-dark);background-color:rgb(var(--accent-rgb) .1)}._button--quick_2qr61_226:active{color:var(--accent-light)}._button--quick_2qr61_226:focus{color:var(--black-100);background-color:initial;outline:2px solid var(--black-100)}._button--quick_2qr61_226:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button__loading-container_2qr61_249{display:flex;gap:8px;align-items:center}
@@ -0,0 +1 @@
1
+ ._checkbox-wrapper_1aw5t_1{display:flex;gap:var(--spacing);align-items:center;cursor:pointer}._checkbox-wrapper_1aw5t_1 input[type=checkbox]{display:none}._checkbox-wrapper_1aw5t_1 ._label_1aw5t_10{cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox-wrapper_1aw5t_1 ._label--highlighted_1aw5t_14{font-weight:var(--body-bold)}._checkbox-wrapper_1aw5t_1 ._label--highlighted-checked_1aw5t_17{color:var(--accent)}._checkbox-wrapper_1aw5t_1 ._checkmark_1aw5t_20{display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-50);border-radius:var(--border-radius-soft);--small: 1;--normal: 1.5}._checkbox-wrapper_1aw5t_1 ._checkmark_1aw5t_20:not(--checked){transition:var(--transition-soft)}._checkbox-wrapper_1aw5t_1 ._checkmark--checked_1aw5t_32{transition:var(--transition-soft)}._checkbox-wrapper_1aw5t_1 ._checkmark--checked_1aw5t_32._checkmark--light-theme_1aw5t_35{border:1px solid var(--accent-light)}._checkbox-wrapper_1aw5t_1 ._checkmark--checked_1aw5t_32._checkmark--light-theme_1aw5t_35 svg path,._checkbox-wrapper_1aw5t_1 ._checkmark--checked_1aw5t_32._checkmark--light-theme_1aw5t_35 svg rect{fill:var(--accent)}._checkbox-wrapper_1aw5t_1 ._checkmark--checked_1aw5t_32._checkmark--accent-theme_1aw5t_42{background:var(--accent);border:1px solid var(--accent)}._checkbox-wrapper_1aw5t_1 ._checkmark--checked_1aw5t_32._checkmark--accent-theme_1aw5t_42 svg rect{fill:var(--white-100)}._checkbox-wrapper_1aw5t_1 ._checkmark--small-size_1aw5t_49{width:calc(var(--small) * 1rem);height:calc(var(--small) * 1rem)}._checkbox-wrapper_1aw5t_1 ._checkmark--small-size_1aw5t_49 svg{transform:scale(calc(var(--small) / var(--normal)))}._checkbox-wrapper_1aw5t_1 ._checkmark--normal-size_1aw5t_56{width:calc(var(--normal) * 1rem);height:calc(var(--normal) * 1rem)}
@@ -1 +1 @@
1
- ._dialog_cknma_1{position:fixed;z-index:1300;top:0;right:0;bottom:0;left:0;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}._dialog__backdrop_cknma_11{z-index:-1;position:fixed;background-color:rgba(var(--black-100-rgb),.05);width:100%;height:100%;-webkit-tap-highlight-color:transparent}._dialog__panel_cknma_19{font-weight:500;text-align:start;position:relative;display:flex;flex-direction:column;gap:8px;overflow:hidden;background-color:var(--white-100);border-radius:8px;border:1px solid rgb(218,226,237);box-shadow:0 10px 20px rgba(var(--black-100-rgb),.2);padding:24px;width:680px;color:var(--gray-75)}._dialog__title_cknma_35{padding-bottom:var(--spacing);padding-top:var(--spacing)}._dialog__title--small_cknma_39{font-size:var(--small-font)}._dialog__subtitle_cknma_42{font-family:Lato,sans-serif;font-size:20px;font-weight:700;line-height:26px;letter-spacing:0;text-align:left;color:var(--secondary-orange-dark)}._dialog__divider_cknma_51{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_cknma_55{padding:0;margin:0;border:none;background:none;position:absolute;right:calc(var(--spacing) * 2);top:calc(var(--spacing) * 3.375)}._dialog__actions_cknma_64{justify-content:center;margin-bottom:calc(var(--spacing) * 2);gap:var(--spacing);display:flex}
1
+ ._dialog_1o2te_1{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:flex;align-items:center;justify-content:center;-webkit-box-align:center;-webkit-box-pack:center}._dialog__backdrop_1o2te_11{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb) .05);-webkit-tap-highlight-color:transparent}._dialog__panel_1o2te_19{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:24px;overflow:hidden;font-weight:500;color:var(--gray-75);text-align:start;background-color:var(--white-100);border:1px solid rgb(218,226,237);border-radius:8px;box-shadow:0 10px 20px rgb(var(--black-100-rgb) .2)}._dialog__title_1o2te_35{padding-top:8px;padding-bottom:8px}._dialog__title--small_1o2te_39{font-size:var(--small-font)}._dialog__subtitle_1o2te_42{font-family:Lato,sans-serif;font-size:20px;font-weight:700;line-height:26px;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_1o2te_51{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_1o2te_55{position:absolute;top:27px;right:16px;padding:0;margin:0;background:none;border:none}._dialog__actions_1o2te_64{display:flex;gap:8px;justify-content:center;margin-bottom:16px}
@@ -0,0 +1 @@
1
+ ._h1_8qiyf_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_8qiyf_7{font-weight:var(--typography-heading-bold)}._h2_8qiyf_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_8qiyf_17{font-weight:var(--typography-heading-bold)}._h3_8qiyf_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_8qiyf_27{font-weight:var(--typography-heading-bold)}._h4_8qiyf_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_8qiyf_37{font-weight:var(--typography-heading-bold)}._body_8qiyf_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_8qiyf_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_8qiyf_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_8qiyf_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_8qiyf_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_8qiyf_62{font-weight:var(--body-bold)}._body--strikethrough_8qiyf_65{text-decoration:line-through}._body--underlined_8qiyf_68{text-decoration:underline}._body--strikethrough-underlined_8qiyf_71{text-decoration:underline line-through}._quote_8qiyf_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_8qiyf_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_8qiyf_85{font-weight:var(--body-bold)}._quote--strikethrough_8qiyf_88{text-decoration:line-through}._quote--underlined_8qiyf_91{text-decoration:underline}._quote--strikethrough-underlined_8qiyf_94{text-decoration:underline line-through}._form__input_8qiyf_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_8qiyf_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_8qiyf_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_8qiyf_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_8qiyf_118{font-weight:var(--body-bold)}._form--strikethrough_8qiyf_121{text-decoration:line-through}._form--underlined_8qiyf_124{text-decoration:underline}._form--strikethrough-underlined_8qiyf_127{text-decoration:underline line-through}._table__header_8qiyf_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_8qiyf_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_8qiyf_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_8qiyf_146{font-weight:var(--body-bold)}._table--strikethrough_8qiyf_149{text-decoration:line-through}._table--underlined_8qiyf_152{text-decoration:underline}._table--strikethrough-underlined_8qiyf_155{text-decoration:underline line-through}._button_8qiyf_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}._button--bold_8qiyf_165{font-weight:var(--body-bold)}._button--strikethrough_8qiyf_168{text-decoration:line-through}._button--underlined_8qiyf_171{text-decoration:underline}._button--strikethrough-underlined_8qiyf_174{text-decoration:underline line-through}._icon-button_8qiyf_178{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);padding:10px;cursor:pointer;background-color:transparent;border:none}._icon-button_8qiyf_178:focus-visible{outline:none}._icon-button--primary_8qiyf_190{color:var(--accent);fill:var(--accent)}._icon-button--primary_8qiyf_190:hover{color:var(--accent-dark);fill:var(--accent-dark)}._icon-button--primary_8qiyf_190:active{color:var(--accent-light);fill:var(--accent-light)}._icon-button--primary_8qiyf_190:focus{color:var(--black-100);outline:2px solid var(--black-100);fill:var(--black-100)}._icon-button--primary_8qiyf_190:disabled{color:var(--gray-50);cursor:default;fill:var(--gray-50)}._icon-button--square_8qiyf_212{color:var(--accent);border:1px solid var(--gray-10);border-radius:6px;fill:var(--accent)}._icon-button--square_8qiyf_212:focus{color:var(--black-100);outline:2px solid var(--black-100);fill:var(--black-100)}._icon-button--square_8qiyf_212:disabled{color:var(--gray-50);cursor:default;fill:var(--gray-50)}._icon-button__container_8qiyf_228{display:flex;gap:8px;align-items:center;text-wrap:nowrap}
@@ -0,0 +1 @@
1
+ ._input__label_f2das_1{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._input__input-el-wrapper_f2das_6{display:flex;align-items:center;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el_f2das_6{all:unset;width:100%;height:2.5rem;padding:0 1rem;font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height);color:var(--gray-90);outline:none}._input__input-el_f2das_6::placeholder{color:var(--gray-50)}._input__left-icon_f2das_27{padding-left:1rem}._input__right-icon_f2das_30{padding-right:1rem}._input__messages-wrapper_f2das_33{display:flex;align-items:center;justify-content:space-between}._input__messages-wrapper_f2das_33:not(:empty){margin-top:.3125rem}._input__info-message_f2das_41,._input__error-message_f2das_41{display:flex;gap:.375rem;align-items:center}._input__info-message_f2das_41{color:var(--gray-75)}._input__error-message_f2das_41{color:var(--alert)}._input__chars-counter_f2das_52{margin-left:auto;color:var(--gray-75)}._input--disabled_f2das_56 ._input__input-el_f2das_6{color:var(--gray-50)}._input_f2das_1:has(._input--disabled_f2das_56) ._input__label_f2das_1{color:var(--gray-25)}._input--focused_f2das_62._input__input-el-wrapper_f2das_6{border-color:var(--accent)}._input--error_f2das_65._input__input-el-wrapper_f2das_6{border-color:var(--alert)}._input__input-el-wrapper_f2das_6:hover:not(._input--disabled_f2das_56,._input--focused_f2das_62,._input--error_f2das_65){border-color:var(--gray-75)}
@@ -0,0 +1 @@
1
+ ._inputSearch_8ayrz_1 span{display:block;margin-top:.1875rem}._inputSearch_8ayrz_1 input[type=search]::-webkit-search-cancel-button{width:1rem;height:1rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;pointer-events:none;background:url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20clip-path='url(%23clip0_3694_1860)'%3e%3cpath%20d='M7.97207%206.94064L9.46895%205.46876C9.7627%205.17814%2010.2377%205.17814%2010.5033%205.46876C10.8221%205.76251%2010.8221%206.23751%2010.5033%206.50314L9.05957%207.97189L10.5033%209.46876C10.8221%209.76251%2010.8221%2010.2375%2010.5033%2010.5031C10.2377%2010.8219%209.7627%2010.8219%209.46895%2010.5031L7.97207%209.05939L6.50332%2010.5031C6.2377%2010.8219%205.7627%2010.8219%205.46895%2010.5031C5.17832%2010.2375%205.17832%209.76251%205.46895%209.46876L6.94082%207.97189L5.46895%206.50314C5.17832%206.23751%205.17832%205.76251%205.46895%205.46876C5.7627%205.17814%206.2377%205.17814%206.50332%205.46876L7.97207%206.94064Z'%20fill='%23838192'/%3e%3cpath%20opacity='0.4'%20d='M0%208C0%203.58125%203.58125%200%208%200C12.4187%200%2016%203.58125%2016%208C16%2012.4187%2012.4187%2016%208%2016C3.58125%2016%200%2012.4187%200%208ZM5.46875%206.50313L6.94063%207.97188L5.46875%209.46875C5.17812%209.7625%205.17812%2010.2375%205.46875%2010.5031C5.7625%2010.8219%206.2375%2010.8219%206.50313%2010.5031L7.97188%209.05937L9.46875%2010.5031C9.7625%2010.8219%2010.2375%2010.8219%2010.5031%2010.5031C10.8219%2010.2375%2010.8219%209.7625%2010.5031%209.46875L9.05937%207.97188L10.5031%206.50313C10.8219%206.2375%2010.8219%205.7625%2010.5031%205.46875C10.2375%205.17812%209.7625%205.17812%209.46875%205.46875L7.97188%206.94063L6.50313%205.46875C6.2375%205.17812%205.7625%205.17812%205.46875%205.46875C5.17812%205.7625%205.17812%206.2375%205.46875%206.50313Z'%20fill='%23838192'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_3694_1860'%3e%3crect%20width='16'%20height='16'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e") no-repeat 50% 50%;background-size:contain;border-radius:50%;opacity:0}._inputSearch_8ayrz_1 input[type=search]:focus::-webkit-search-cancel-button{pointer-events:all;cursor:pointer;opacity:1}
@@ -1 +1 @@
1
- ._ls-ring_19dsy_1{display:inline-block;position:relative;width:18px;height:18px}._ls-ring_19dsy_1>div{box-sizing:border-box;display:block;position:absolute;width:14px;height:14px;margin:auto;border:2px solid var(--white-100);border-radius:50%;animation:_ls-ring_19dsy_1 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:var(--white-100) transparent transparent transparent;top:0;right:0;bottom:0;left:0}._ls-ring_19dsy_1 div:nth-child(1){animation:none;opacity:40%;border-color:var(--white-100)}._ls-ring_19dsy_1 div:nth-child(2){animation-delay:-.45s}._ls-ring_19dsy_1 div:nth-child(3){animation-delay:-.3s}._ls-ring_19dsy_1 div:nth-child(4){animation-delay:-.15s}._ls-ring--invert_19dsy_34>div{border:2px solid var(--accent);border-color:var(--accent) transparent transparent transparent}._ls-ring--invert_19dsy_34 div:nth-child(1){animation:none;opacity:40%;border-color:var(--accent)}@keyframes _ls-ring_19dsy_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
1
+ ._ls-ring_elvjz_1{position:relative;display:inline-block;width:18px;height:18px}._ls-ring_elvjz_1>div{position:absolute;top:0;right:0;bottom:0;left:0;box-sizing:border-box;display:block;width:14px;height:14px;margin:auto;border:2px solid var(--white-100);border-color:var(--white-100) transparent transparent transparent;border-radius:50%;animation:_ls-ring_elvjz_1 1.2s cubic-bezier(.5,0,.5,1) infinite}._ls-ring_elvjz_1 div:nth-child(1){border-color:var(--white-100);opacity:.4;animation:none}._ls-ring_elvjz_1 div:nth-child(2){animation-delay:-.45s}._ls-ring_elvjz_1 div:nth-child(3){animation-delay:-.3s}._ls-ring_elvjz_1 div:nth-child(4){animation-delay:-.15s}._ls-ring--invert_elvjz_34>div{border:2px solid var(--accent);border-color:var(--accent) transparent transparent transparent}._ls-ring--invert_elvjz_34 div:nth-child(1){border-color:var(--accent);opacity:.4;animation:none}@keyframes _ls-ring_elvjz_1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}
@@ -0,0 +1 @@
1
+ ._page-header_157kz_1{display:flex;flex-direction:column;justify-content:center;min-height:7.375rem;background:var(--cream);-webkit-font-smoothing:antialiased!important}._page-header_157kz_1:has(._page-header__top-content_157kz_9){justify-content:flex-start}._page-header__top-content_157kz_9,._page-header__main-content_157kz_12,._page-header__bottom-content_157kz_12{width:63.875rem;margin:0 auto}._page-header__top-content_157kz_9{padding:1rem 0 .5rem}._page-header__top-content_157kz_9 button{all:unset;display:inline-flex;gap:.5rem;align-items:center;width:fit-content;height:1.125rem;font-size:.875rem;font-weight:400;line-height:1.125rem;color:var(--accent);cursor:pointer;transition:all .3s}._page-header__top-content_157kz_9 button:hover{color:var(--accent-dark)}._page-header__main-content_157kz_12{display:flex}._page-header__main-left-content_157kz_39{display:flex;flex:1;flex-direction:column;justify-content:center}._page-header__main-left-content_157kz_39 ._title_157kz_45,._page-header__main-left-content_157kz_39 ._subtitle_157kz_46{display:block;width:100%;padding:0;margin:0;color:var(--gray-90)}._page-header__main-left-content_157kz_39 ._title_157kz_45{font-size:1.5rem;font-weight:700;line-height:2rem}._page-header__main-left-content_157kz_39 ._subtitle_157kz_46{font-size:.875rem;font-weight:400;line-height:1.125rem}._page-header__main-right-content_157kz_63{display:flex;align-items:center;margin-bottom:1.125rem}._page-header__bottom-content_157kz_12{margin-top:.8125rem}
@@ -0,0 +1 @@
1
+ ._pagination_9gf1w_1{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:24px 0}._pagination_9gf1w_1 ._per-page-container_9gf1w_8{font-size:var(--body-font-size-small);font-weight:var(--body-weight);line-height:var(--body-line-height-small);color:var(--gray-90)}._pagination_9gf1w_1 ._per-page-container_9gf1w_8 select{padding:4px 8px;margin:0 8px;border:1px solid var(--gray-10);border-radius:var(--border-radius)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20{display:flex;gap:8px;align-items:center}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 li{display:flex;padding:0;margin:0;list-style:none}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__label_9gf1w_31,._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn_9gf1w_31{font-size:var(--body-font-size-small);font-weight:var(--body-bold);line-height:var(--body-line-height-small);color:var(--gray-90);cursor:default}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 button{cursor:pointer;background-color:transparent;border:none;outline:none}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__previous-next-btn_9gf1w_44{font-size:var(--body-font-size-tiny);font-weight:var(--body-bold);line-height:var(--body-line-height-tiny);color:var(--accent);transition:all .3s}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__previous-next-btn_9gf1w_44:hover{font-weight:var(--heading-font-weight);color:var(--accent-dark)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._pages-navigator-container__previous-next-btn_9gf1w_44:disabled{font-weight:var(--heading-font-weight);color:var(--gray-50);cursor:default}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn_9gf1w_31{width:2rem;height:2rem;cursor:pointer;transition:all .3s}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn_9gf1w_31:hover{color:var(--accent-dark)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn--selected_9gf1w_69{color:var(--white-100);background-color:var(--accent);border-radius:var(--border-radius)}._pagination_9gf1w_1 ._pages-navigator-container_9gf1w_20 ._page-number__btn--selected_9gf1w_69:hover{background-color:var(--accent-light)}
@@ -0,0 +1 @@
1
+ ._skeleton_1lho5_1:not(._skeleton--table-type_1lho5_1){background-image:linear-gradient(.25turn,transparent,var(--gray-5),transparent),linear-gradient(var(--gray-10),var(--gray-10));background-repeat:no-repeat;background-position:200% 0,0 0;background-size:200% auto;border-radius:var(--border-radius);animation:_skeletonLoading_1lho5_1 1.5s infinite}._skeleton_1lho5_1:not(._skeleton--table-type_1lho5_1):not(thead){display:block;width:100%;height:1.25rem;content:" "}._skeleton_1lho5_1:not(._skeleton--table-type_1lho5_1)._skeleton--circle-type_1lho5_15{border-radius:50%}._skeleton_1lho5_1._skeleton--table-type_1lho5_1{display:table;width:100%;border-spacing:0}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 thead tr{background-color:var(--gray-10)}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 th ._skeleton_1lho5_1{height:.5rem;background:var(--white-100);animation:none}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 td ._skeleton_1lho5_1{height:.804rem}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 thead tr th:first-child{border-radius:var(--border-radius) 0 0 var(--border-radius)}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 thead tr th:last-child{border-radius:0 var(--border-radius) var(--border-radius) 0}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 thead,._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tr,._skeleton_1lho5_1._skeleton--table-type_1lho5_1 td,._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tbody{display:inherit;border:none}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 thead{display:table-header-group}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tbody{display:table-row-group}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tr{display:table-row}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 td,._skeleton_1lho5_1._skeleton--table-type_1lho5_1 th{display:table-cell;padding:1.6621rem 1rem;border:none}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tr:nth-child(2n){background:inherit}._skeleton_1lho5_1._skeleton--table-type_1lho5_1 tr+tr td{border-top:1px solid var(--gray-10)}@keyframes _skeletonLoading_1lho5_1{to{background-position:-100% 0,0 0}}
@@ -0,0 +1 @@
1
+ ._snackbar_kt3bd_1{display:block;width:40.5rem;margin:0 auto}@keyframes _bottomToTop_kt3bd_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._snackbar__snackbar-el-wrapper_kt3bd_14{position:fixed;bottom:1rem;z-index:5500}._snackbar--content_kt3bd_19{display:flex;align-items:center;justify-content:space-between;width:40.5rem;height:3.5rem;padding:1rem;overflow:hidden;border-radius:8px}._snackbar_kt3bd_1:has(._snackbar--success_kt3bd_29) ._snackbar--content_kt3bd_19{background-color:var(--secondary-green-darker)}._snackbar_kt3bd_1:has(._snackbar--error_kt3bd_32) ._snackbar--content_kt3bd_19{background-color:var(--alert)}._snackbar_kt3bd_1:has(._snackbar--attention_kt3bd_35) ._snackbar--content_kt3bd_19{background-color:var(--secondary-orange)}._snackbar--message_kt3bd_38{text-align:start}._snackbar--message_kt3bd_38 p{font-size:1rem;font-weight:900;color:var(--white-100)}._snackbar--action_kt3bd_46{position:absolute;top:1rem;right:1rem;padding:0;margin:0;cursor:pointer;background:none;border:none}
@@ -0,0 +1 @@
1
+ ._sort-tooltip_11a3z_1 ul{display:flex;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none}._sort-tooltip_11a3z_1 ul li button{display:flex;gap:8px;font-size:var(--body-font-size-small);font-weight:var(--body-bold);line-height:var(--body-line-height-small);color:var(--gray-75);cursor:pointer;background-color:unset;border:none;outline:none}._sort-tooltip_11a3z_1 ul li button._button--selected_11a3z_21{color:var(--accent)}
@@ -0,0 +1 @@
1
+ ._stepper_1l08x_1{display:flex;justify-content:space-between;margin:2.5rem auto}._stepper_1l08x_1 ._item_1l08x_6{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}._stepper_1l08x_1 ._item_1l08x_6:before{position:absolute;top:20px;left:-50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_1l08x_1 ._item_1l08x_6:after{position:absolute;top:20px;left:50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_1l08x_1 ._item_1l08x_6 ._counter_1l08x_33{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.5rem;font-weight:700;line-height:1rem;color:var(--gray-50);background-color:var(--white-100);border:2px solid var(--gray-50);border-radius:50%;transition:all var(--transition-long)}._stepper_1l08x_1 ._item_1l08x_6 ._name_1l08x_50{font-size:var(--body-font-size-small);color:var(--gray-50);text-align:center;transition:all var(--transition-long)}._stepper_1l08x_1 ._item_1l08x_6:first-child:before,._stepper_1l08x_1 ._item_1l08x_6:last-child:after{content:none}._stepper_1l08x_1 ._item--completed_1l08x_59 ._counter_1l08x_33{font-weight:700;color:var(--white-100);background-color:var(--secondary-green-dark);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1l08x_1 ._item--completed_1l08x_59 ._name_1l08x_50{font-weight:900;color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1l08x_1 ._item--completed_1l08x_59:after{position:absolute;top:20px;left:50%;z-index:3;width:100%;content:"";border-bottom:2px solid var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1l08x_1 ._item--active_1l08x_81 ._counter_1l08x_33{font-size:700;color:var(--secondary-green-dark);background-color:var(--white-100);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_1l08x_1 ._item--active_1l08x_81 ._name_1l08x_50{font-weight:700;color:var(--gray-75);transition:all var(--transition-long)}
@@ -0,0 +1 @@
1
+ ._table_xe8qp_1{color:var(--secondary-orange);border-spacing:0}._table--full-width_xe8qp_5{width:100%}._table--white-theme_xe8qp_8{background:var(--white-100)}._table--transparent-theme_xe8qp_11{background:transparent}._table_xe8qp_1 th._cell--left-alignment_xe8qp_14,._table_xe8qp_1 td._cell--left-alignment_xe8qp_14{text-align:left}._table_xe8qp_1 th._cell--center-alignment_xe8qp_18,._table_xe8qp_1 td._cell--center-alignment_xe8qp_18{text-align:center}._table_xe8qp_1 th._cell--right-alignment_xe8qp_22,._table_xe8qp_1 td._cell--right-alignment_xe8qp_22{text-align:right}._table_xe8qp_1 thead{font-size:var(--body-font-size-tiny);font-weight:var(--body-bold);color:var(--gray-90);text-transform:uppercase}._table_xe8qp_1 thead tr th{--children-pv: 4px;--children-ph: 8px;align-items:center;padding:calc(1.5rem - var(--children-pv)) calc(.75rem - var(--children-ph));line-height:1rem;border-bottom:1px solid var(--gray-25)}._table_xe8qp_1 thead tr th ._th__wrapper_xe8qp_40{padding:var(--children-pv) var(--children-ph)}._table_xe8qp_1 thead tr th ._th__wrapper--pressed_xe8qp_43{background-color:var(--gray-10);border-radius:6px}._table_xe8qp_1 thead tr th ._th__wrapper--clickable_xe8qp_47{cursor:pointer}._table_xe8qp_1 thead tr th ._th__wrapper_xe8qp_40 ._th__sort-icon-container_xe8qp_50{padding-left:4px}._table_xe8qp_1 tbody{font-size:var(--body-font-size);font-weight:var(--body-weight);color:var(--gray-90)}._table_xe8qp_1 tbody tr:hover:not(._tr__row-or-cell--disabled_xe8qp_58){background-color:rgb(var(--gray-5-rgb) .5)}._table_xe8qp_1 tbody ._tr_xe8qp_58,._table_xe8qp_1 tbody ._td_xe8qp_62{padding:16px 12px;line-height:var(--body-line-height);border-bottom:1px solid var(--gray-10)}._table_xe8qp_1 tbody ._tr__row-or-cell--clickable_xe8qp_67,._table_xe8qp_1 tbody ._td__row-or-cell--clickable_xe8qp_68{cursor:pointer}._table_xe8qp_1 tbody ._tr__row-or-cell--disabled_xe8qp_58,._table_xe8qp_1 tbody ._td__row-or-cell--disabled_xe8qp_72{background:var(--cream);filter:grayscale(1)}._table_xe8qp_1 tbody ._tr__row-or-cell--disabled_xe8qp_58 ._td-wrapper_xe8qp_76,._table_xe8qp_1 tbody ._td__row-or-cell--disabled_xe8qp_72 ._td-wrapper_xe8qp_76{opacity:.25}
@@ -0,0 +1 @@
1
+ ._tabs_18ymz_1{gap:8px;width:100%}._tabs__tab_18ymz_5{min-width:94px;height:48px;padding:0 8px 0 0;color:var(--gray-75);cursor:pointer;background-color:var(--white-100);border:none}._tabs__tab_18ymz_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_18ymz_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_18ymz_22{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_18ymz_22:focus,._tabs__tab--disabled_18ymz_22:active,._tabs__tab--disabled_18ymz_22:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_18ymz_31{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_18ymz_35{width:100%;margin-top:16px}
@@ -0,0 +1 @@
1
+ ._toggle_1icxx_1{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle__toggle-el-wrapper_1icxx_8{width:2.25rem;height:1.5rem}._toggle_1icxx_1 ._input_1icxx_12{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_1icxx_1 ._thumb_1icxx_23{position:relative;top:.375rem;left:.375rem;display:block;width:.75rem;height:.75rem;background-color:var(--gray-90);border-radius:.75rem;opacity:.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;transition-property:all}._toggle_1icxx_1 ._track_1icxx_37{position:absolute;display:block;width:2.25rem;height:1.5rem;background:var(--white-100);border-radius:1.5rem;box-shadow:inset 0 0 0 .25rem var(--gray-50);opacity:.4}._toggle--focus-visible_1icxx_47._toggle__toggle-el-wrapper_1icxx_8 ._track_1icxx_37{border:1px solid var(--black-100);opacity:1}._toggle--checked_1icxx_51._toggle__toggle-el-wrapper_1icxx_8 ._thumb_1icxx_23{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_1icxx_51._toggle__toggle-el-wrapper_1icxx_8 ._track_1icxx_37{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_1icxx_61{font-size:.875rem;font-weight:400;color:var(--gray-75)}._toggle__toggle-el-wrapper_1icxx_8:hover:not(._toggle--focus-visible_1icxx_47,._toggle--checked_1icxx_51,._toggle--disabled_1icxx_66) ._track_1icxx_37{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_1icxx_8:hover:not(._toggle--focus-visible_1icxx_47,._toggle--checked_1icxx_51,._toggle--disabled_1icxx_66) ._thumb_1icxx_23{opacity:1}._toggle_1icxx_1:has(._toggle__toggle-el-wrapper_1icxx_8:hover:not(._toggle--focus-visible_1icxx_47,._toggle--checked_1icxx_51,._toggle--disabled_1icxx_66)) ._toggle__label_1icxx_61{color:var(--black-100)}._toggle_1icxx_1:has(._toggle--disabled_1icxx_66) ._toggle__label_1icxx_61{color:var(--gray-50)}._toggle_1icxx_1:has(._toggle--disabled_1icxx_66) ._track_1icxx_37{border-color:#dbdae266}._toggle_1icxx_1:has(._toggle--disabled_1icxx_66) ._thumb_1icxx_23{background-color:var(--gray-25);opacity:1}._toggle_1icxx_1:has(._toggle--disabled_1icxx_66) ._toggle--checked_1icxx_51 ._toggle__label_1icxx_61{font-weight:900;color:var(--accent)}._toggle_1icxx_1:has(._toggle--disabled_1icxx_66) ._toggle--checked_1icxx_51 ._thumb_1icxx_23{left:1.125rem;background-color:var(--accent);opacity:1}._toggle_1icxx_1:has(._toggle--disabled_1icxx_66) ._toggle--checked_1icxx_51 ._track_1icxx_37{background:var(--accent);box-shadow:none;opacity:.4}._toggle_1icxx_1:has(._toggle--checked_1icxx_51) ._toggle__label_1icxx_61{font-weight:900;color:var(--accent)}._toggle_1icxx_1:has(._toggle--focus-visible_1icxx_47) ._toggle__label_1icxx_61{color:var(--black-100)}
@@ -0,0 +1 @@
1
+ ._tooltip_1dujm_1{border-radius:var(--border-radius);box-shadow:0 6px 12px #0003}._tooltip--small-padding_1dujm_5{padding:10px}._tooltip--normal-padding_1dujm_8{padding:16px}._tooltip--white-theme_1dujm_11{color:var(--gray-75);background-color:var(--white-100)}._tooltip--black-theme_1dujm_15{color:var(--gray-10);background-color:var(--gray-90)}._tooltip--animation_1dujm_20._tooltip--anim-open_1dujm_20{animation:_tooltip--open-animation_1dujm_1 .3s ease-out both}._tooltip--animation_1dujm_20._tooltip--anim-close_1dujm_23{animation:_tooltip--close-animation_1dujm_1 .3s ease-out forwards}@keyframes _tooltip--open-animation_1dujm_1{0%{opacity:0;transform:translateY(-8px) scale(.95)}50%{opacity:1;transform:translateY(4px) scale(1.05)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes _tooltip--close-animation_1dujm_1{0%{filter:blur(0);opacity:1;transform:scale(1) rotate(0)}to{filter:blur(3px);opacity:0;transform:scale(1.2) rotate(4deg)}}
@@ -1 +1 @@
1
- ._h1_111i6_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_111i6_7{font-weight:var(--typography-heading-bold)}._h2_111i6_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_111i6_17{font-weight:var(--typography-heading-bold)}._h3_111i6_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_111i6_27{font-weight:var(--typography-heading-bold)}._h4_111i6_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_111i6_37{font-weight:var(--typography-heading-bold)}._body_111i6_41{font-size:var(--body-font-size);line-height:var(--body-line-height);font-weight:var(--body-weight)}._body--large_111i6_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_111i6_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_111i6_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_111i6_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_111i6_62{font-weight:var(--body-bold)}._body--strikethrough_111i6_65{text-decoration:line-through}._body--underlined_111i6_68{text-decoration:underline}._body--strikethrough-underlined_111i6_71{text-decoration:underline line-through}._quote_111i6_75{font-size:var(--quote-font-size);line-height:var(--quote-line-height);font-weight:var(--quote-font-weight)}._quote--large_111i6_80{font-size:var(--quote-font-size-large);line-height:var(--quote-line-height-large);font-weight:var(--quote-font-weight-large)}._form__input_111i6_86{font-size:var(--form-input-font-size);line-height:var(--form-input-line-height);font-weight:var(--form-input-font-weight)}._form__hint_111i6_91{font-size:var(--form-hint-font-size);line-height:var(--form-hint-line-height);font-weight:var(--form-hint-font-weight)}._form__label_111i6_96{font-size:var(--form-label-font-size);line-height:var(--form-label-line-height);font-weight:var(--form-label-font-weight)}._form__dropdown_111i6_101{font-size:var(--form-dropdown-font-size);line-height:var(--form-dropdown-line-height);font-weight:var(--form-dropdown-font-weight)}._table__header_111i6_107{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_111i6_112{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_111i6_117{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._button_111i6_123{font-size:var(--button-font-size);line-height:var(--button-line-height);font-weight:var(--button-font-weight)}
1
+ ._h1_13r5p_1{font-size:var(--heading-font-size-xl);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-xl);margin:0}._h1--bold_13r5p_7{font-weight:var(--typography-heading-bold)}._h2_13r5p_11{font-size:var(--heading-font-size-l);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-l);margin:0}._h2--bold_13r5p_17{font-weight:var(--typography-heading-bold)}._h3_13r5p_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_13r5p_27{font-weight:var(--typography-heading-bold)}._h4_13r5p_31{font-size:var(--heading-font-size-s);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-s);margin:0}._h4--bold_13r5p_37{font-weight:var(--typography-heading-bold)}._body_13r5p_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_13r5p_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_13r5p_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_13r5p_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_13r5p_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_13r5p_62{font-weight:var(--body-bold)}._body--strikethrough_13r5p_65{text-decoration:line-through}._body--underlined_13r5p_68{text-decoration:underline}._body--strikethrough-underlined_13r5p_71{text-decoration:underline line-through}._quote_13r5p_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_13r5p_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_13r5p_85{font-weight:var(--body-bold)}._quote--strikethrough_13r5p_88{text-decoration:line-through}._quote--underlined_13r5p_91{text-decoration:underline}._quote--strikethrough-underlined_13r5p_94{text-decoration:underline line-through}._form__input_13r5p_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_13r5p_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_13r5p_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_13r5p_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_13r5p_118{font-weight:var(--body-bold)}._form--strikethrough_13r5p_121{text-decoration:line-through}._form--underlined_13r5p_124{text-decoration:underline}._form--strikethrough-underlined_13r5p_127{text-decoration:underline line-through}._table__header_13r5p_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_13r5p_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_13r5p_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_13r5p_146{font-weight:var(--body-bold)}._table--strikethrough_13r5p_149{text-decoration:line-through}._table--underlined_13r5p_152{text-decoration:underline}._table--strikethrough-underlined_13r5p_155{text-decoration:underline line-through}._button_13r5p_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}._button--bold_13r5p_165{font-weight:var(--body-bold)}._button--strikethrough_13r5p_168{text-decoration:line-through}._button--underlined_13r5p_171{text-decoration:underline}._button--strikethrough-underlined_13r5p_174{text-decoration:underline line-through}
@@ -0,0 +1 @@
1
+ :root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s;--transition-long: .75s}*{box-sizing:border-box}
@@ -0,0 +1,16 @@
1
+ import { Icon } from '../Icon/Icon';
2
+ import { ReactNode } from 'react';
3
+
4
+ export type AdviceTypes = 'without-results' | 'no-permission';
5
+ export type AdviceProps = {
6
+ icon?: React.ComponentProps<typeof Icon>;
7
+ IconSvg?: React.FunctionComponent<React.SVGProps<SVGSVGElement> & {
8
+ title?: string | undefined;
9
+ }>;
10
+ type?: AdviceTypes;
11
+ content: ReactNode;
12
+ className?: string;
13
+ 'data-testid'?: string;
14
+ };
15
+ declare const Advice: ({ icon, type, content, className, IconSvg, ...rest }: AdviceProps) => import("react/jsx-runtime").JSX.Element;
16
+ export { Advice };
@@ -0,0 +1,25 @@
1
+ import '../../assets/Advice.css';
2
+ import { jsxs as m, jsx as t } from "react/jsx-runtime";
3
+ import { c as y } from "../../clsx-DB4S2d7J.js";
4
+ import { Icon as n } from "../Icon/Icon.js";
5
+ const f = "_advice_1yug7_1", h = "_content_1yug7_7", l = {
6
+ advice: f,
7
+ content: h
8
+ }, d = {
9
+ "no-permission": "eye-slash",
10
+ "without-results": "folder-magnifying-glass"
11
+ }, g = ({ icon: s, type: o, content: r, className: i, IconSvg: a, ...c }) => {
12
+ const e = {
13
+ color: (s == null ? void 0 : s.color) || "var(--accent)",
14
+ size: (s == null ? void 0 : s.size) || "3.375rem",
15
+ icon: d[o] || (s == null ? void 0 : s.icon) || "",
16
+ iconFamily: d[o] ? "fa/duotone" : (s == null ? void 0 : s.iconFamily) || "fa/duotone"
17
+ };
18
+ return /* @__PURE__ */ m("div", { className: y(l.advice, i), ...c, children: [
19
+ a ? /* @__PURE__ */ t(a, { style: { color: e.color, height: e.size, width: e.size } }) : /* @__PURE__ */ t(n, { ...e }),
20
+ typeof r == "string" ? /* @__PURE__ */ t("p", { children: r }) : /* @__PURE__ */ t("div", { className: l.content, children: r })
21
+ ] });
22
+ };
23
+ export {
24
+ g as Advice
25
+ };
@@ -0,0 +1,29 @@
1
+ import { Either } from '../../types/helpers';
2
+ import { ReactNode } from 'react';
3
+
4
+ type Variant = 'primary' | 'secondary' | 'quick';
5
+ type ButtonCoreProps = {
6
+ /** Button to display and act in a loading state */
7
+ loading?: boolean;
8
+ /** Button to display and act in a disabled state */
9
+ disabled?: boolean;
10
+ /** Space seperated list of CSS classes to apply */
11
+ className?: string;
12
+ /** Text or children to display */
13
+ children: ReactNode;
14
+ /** Space seperated list of CSS classes to apply */
15
+ variant?: Variant;
16
+ };
17
+ interface ButtonPropsWithLink extends ButtonCoreProps {
18
+ /** link for component to navigate to, if provide component will be an anchor */
19
+ link: string;
20
+ }
21
+ interface ButtonPropsWithOnClick extends ButtonCoreProps {
22
+ /** functionality to perform once clicked */
23
+ onClick: () => void;
24
+ /** HTML type of button */
25
+ type?: HTMLButtonElement['type'];
26
+ }
27
+ export type ButtonProps = Either<ButtonPropsWithLink, ButtonPropsWithOnClick>;
28
+ export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
29
+ export default Button;
@@ -0,0 +1,70 @@
1
+ import '../../assets/Button.css';
2
+ import { jsx as e, jsxs as a } from "react/jsx-runtime";
3
+ import { forwardRef as m, useMemo as c } from "react";
4
+ import { c as y } from "../../clsx-DB4S2d7J.js";
5
+ import { LoadingSpinner as g } from "../LoadingSpinner/LoadingSpinner.js";
6
+ import { B as f } from "../../Button-B1umG8kJ.js";
7
+ const k = "_h1_2qr61_1", p = "_h2_2qr61_11", w = "_h3_2qr61_21", x = "_h4_2qr61_31", N = "_body_2qr61_41", v = "_quote_2qr61_75", B = "_form__input_2qr61_98", j = "_form__hint_2qr61_103", S = "_form__label_2qr61_108", $ = "_form__dropdown_2qr61_113", C = "_table__header_2qr61_131", L = "_table__body_2qr61_136", M = "_button_2qr61_159", r = {
8
+ h1: k,
9
+ "h1--bold": "_h1--bold_2qr61_7",
10
+ h2: p,
11
+ "h2--bold": "_h2--bold_2qr61_17",
12
+ h3: w,
13
+ "h3--bold": "_h3--bold_2qr61_27",
14
+ h4: x,
15
+ "h4--bold": "_h4--bold_2qr61_37",
16
+ body: N,
17
+ "body--large": "_body--large_2qr61_46",
18
+ "body--medium": "_body--medium_2qr61_50",
19
+ "body--small": "_body--small_2qr61_54",
20
+ "body--tiny": "_body--tiny_2qr61_58",
21
+ "body--bold": "_body--bold_2qr61_62",
22
+ "body--strikethrough": "_body--strikethrough_2qr61_65",
23
+ "body--underlined": "_body--underlined_2qr61_68",
24
+ "body--strikethrough-underlined": "_body--strikethrough-underlined_2qr61_71",
25
+ quote: v,
26
+ "quote--large": "_quote--large_2qr61_80",
27
+ "quote--bold": "_quote--bold_2qr61_85",
28
+ "quote--strikethrough": "_quote--strikethrough_2qr61_88",
29
+ "quote--underlined": "_quote--underlined_2qr61_91",
30
+ "quote--strikethrough-underlined": "_quote--strikethrough-underlined_2qr61_94",
31
+ form__input: B,
32
+ form__hint: j,
33
+ form__label: S,
34
+ form__dropdown: $,
35
+ "form--bold": "_form--bold_2qr61_118",
36
+ "form--strikethrough": "_form--strikethrough_2qr61_121",
37
+ "form--underlined": "_form--underlined_2qr61_124",
38
+ "form--strikethrough-underlined": "_form--strikethrough-underlined_2qr61_127",
39
+ table__header: C,
40
+ table__body: L,
41
+ "table__body--secondary": "_table__body--secondary_2qr61_141",
42
+ "table--bold": "_table--bold_2qr61_146",
43
+ "table--strikethrough": "_table--strikethrough_2qr61_149",
44
+ "table--underlined": "_table--underlined_2qr61_152",
45
+ "table--strikethrough-underlined": "_table--strikethrough-underlined_2qr61_155",
46
+ button: M,
47
+ "button--bold": "_button--bold_2qr61_165",
48
+ "button--strikethrough": "_button--strikethrough_2qr61_168",
49
+ "button--underlined": "_button--underlined_2qr61_171",
50
+ "button--strikethrough-underlined": "_button--strikethrough-underlined_2qr61_174",
51
+ "button--primary": "_button--primary_2qr61_190",
52
+ "button--secondary": "_button--secondary_2qr61_209",
53
+ "button--quick": "_button--quick_2qr61_226",
54
+ "button__loading-container": "_button__loading-container_2qr61_249"
55
+ }, E = m((n, d) => {
56
+ const { onClick: u, link: l, loading: b, children: o, type: i = "button", disabled: h, className: t, variant: _ = "primary" } = n, s = {
57
+ invert: _ === "secondary" || _ === "quick"
58
+ }, q = c(
59
+ () => y([r.button, r[`button--${_}`], t]),
60
+ [t, _]
61
+ );
62
+ return /* @__PURE__ */ e(f, { type: i, href: l, onClick: u, disabled: h, className: q, ref: d, children: b ? /* @__PURE__ */ a("div", { className: r["button__loading-container"], children: [
63
+ /* @__PURE__ */ e(g, { ...s }),
64
+ o
65
+ ] }) : o });
66
+ });
67
+ export {
68
+ E as Button,
69
+ E as default
70
+ };
@@ -0,0 +1,60 @@
1
+ import { StoryObj } from '@storybook/react';
2
+
3
+ declare const meta: {
4
+ title: string;
5
+ component: import('react').ForwardRefExoticComponent<import('./Button').ButtonProps & import('react').RefAttributes<HTMLButtonElement>>;
6
+ tags: string[];
7
+ decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
8
+ link: string;
9
+ loading?: boolean | undefined;
10
+ disabled?: boolean | undefined;
11
+ className?: string | undefined;
12
+ children: import('react').ReactNode;
13
+ variant?: ("primary" | "secondary" | "quick") | undefined;
14
+ type?: undefined;
15
+ onClick?: undefined;
16
+ ref?: import('react').LegacyRef<HTMLButtonElement> | undefined;
17
+ key?: import('react').Key | null | undefined;
18
+ } | {
19
+ onClick: () => void;
20
+ type?: "button" | "submit" | "reset" | undefined;
21
+ loading?: boolean | undefined;
22
+ disabled?: boolean | undefined;
23
+ className?: string | undefined;
24
+ children: import('react').ReactNode;
25
+ variant?: ("primary" | "secondary" | "quick") | undefined;
26
+ link?: undefined;
27
+ ref?: import('react').LegacyRef<HTMLButtonElement> | undefined;
28
+ key?: import('react').Key | null | undefined;
29
+ }>) => import("react/jsx-runtime").JSX.Element)[];
30
+ argTypes: {
31
+ onClick: {
32
+ if: {
33
+ arg: string;
34
+ exists: false;
35
+ };
36
+ };
37
+ type: {
38
+ control: {
39
+ type: "text";
40
+ };
41
+ if: {
42
+ arg: string;
43
+ exists: true;
44
+ };
45
+ };
46
+ link: {
47
+ control: {
48
+ type: "text";
49
+ };
50
+ if: {
51
+ arg: string;
52
+ exists: false;
53
+ };
54
+ };
55
+ };
56
+ };
57
+ export default meta;
58
+ type Story = StoryObj<typeof meta>;
59
+ export declare const Simple: Story;
60
+ export declare const Link: Story;
@@ -0,0 +1,40 @@
1
+ import '../../assets/global.css';
2
+ import { jsx as t } from "react/jsx-runtime";
3
+ /* empty css */
4
+ import { Button as i } from "./Button.js";
5
+ import "react";
6
+ import "../Dialog/Backdrop.js";
7
+ import "../Typography/Typography.js";
8
+ import "../IconButton/IconButton.js";
9
+ import "../Table/Table.js";
10
+ import "../Tabs/Tabs.js";
11
+ const d = {
12
+ title: "Components/Button",
13
+ component: i,
14
+ tags: ["autodocs"],
15
+ decorators: [
16
+ (o) => /* @__PURE__ */ t("div", { style: { padding: "1em" }, children: /* @__PURE__ */ t(o, {}) })
17
+ ],
18
+ argTypes: {
19
+ onClick: {
20
+ if: { arg: "link", exists: !1 }
21
+ },
22
+ type: {
23
+ control: { type: "text" },
24
+ if: { arg: "onClick", exists: !0 }
25
+ },
26
+ link: {
27
+ control: { type: "text" },
28
+ if: { arg: "onClick", exists: !1 }
29
+ }
30
+ }
31
+ }, k = {
32
+ args: { children: "Button", onClick: () => alert("Button was clicked!") }
33
+ }, f = {
34
+ args: { children: "Button", link: "https://marola.pismolabs.io" }
35
+ };
36
+ export {
37
+ f as Link,
38
+ k as Simple,
39
+ d as default
40
+ };
@@ -0,0 +1,19 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ type CheckboxTheme = 'light' | 'accent';
4
+ type CheckboxSizes = 'small' | 'normal';
5
+ type CheckboxProps = {
6
+ className?: string;
7
+ 'data-testid'?: string;
8
+ label?: ReactNode;
9
+ theme?: CheckboxTheme;
10
+ size?: CheckboxSizes;
11
+ checked?: boolean;
12
+ isIndeterminate?: boolean;
13
+ name?: string;
14
+ onChange: (checked: boolean) => void;
15
+ children?: ReactNode;
16
+ highlightLabel?: boolean;
17
+ };
18
+ declare const Checkbox: ({ className, label, name, theme, size, checked, onChange, isIndeterminate, highlightLabel, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
19
+ export { Checkbox };
@@ -0,0 +1,56 @@
1
+ import '../../assets/Checkbox.css';
2
+ import { jsxs as N, jsx as h } from "react/jsx-runtime";
3
+ import * as k from "react";
4
+ import { useState as g, useEffect as w } from "react";
5
+ import { c as i } from "../../clsx-DB4S2d7J.js";
6
+ const y = (a) => /* @__PURE__ */ k.createElement("svg", { width: 14, height: 10, viewBox: "0 0 14 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ k.createElement("path", { d: "M13.7063 0.293438C14.0969 0.684062 14.0969 1.31531 13.7063 1.70594L5.70625 9.70594C5.31563 10.0966 4.68437 10.0966 4.29375 9.70594L0.292875 5.70594C-0.097625 5.31531 -0.097625 4.68406 0.292875 4.29344C0.683437 3.90281 1.31656 3.90281 1.70719 4.29344L4.97188 7.58406L12.2937 0.293438C12.6844 -0.0978125 13.3156 -0.0978125 13.7063 0.293438Z", fill: "#F7F7FC" })), z = "_label_1aw5t_10", E = "_checkmark_1aw5t_20", e = {
7
+ "checkbox-wrapper": "_checkbox-wrapper_1aw5t_1",
8
+ label: z,
9
+ "label--highlighted": "_label--highlighted_1aw5t_14",
10
+ "label--highlighted-checked": "_label--highlighted-checked_1aw5t_17",
11
+ checkmark: E,
12
+ "checkmark--checked": "_checkmark--checked_1aw5t_32",
13
+ "checkmark--light-theme": "_checkmark--light-theme_1aw5t_35",
14
+ "checkmark--accent-theme": "_checkmark--accent-theme_1aw5t_42",
15
+ "checkmark--small-size": "_checkmark--small-size_1aw5t_49",
16
+ "checkmark--normal-size": "_checkmark--normal-size_1aw5t_56"
17
+ }, F = (a) => /* @__PURE__ */ k.createElement("svg", { width: 10, height: 3, viewBox: "0 0 10 3", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...a }, /* @__PURE__ */ k.createElement("rect", { y: 0.5, width: 10, height: 2, rx: 1, fill: "#1897F3" })), M = ({
18
+ className: a,
19
+ label: o,
20
+ name: d,
21
+ theme: b = "accent",
22
+ size: p = "normal",
23
+ checked: l,
24
+ onChange: x,
25
+ isIndeterminate: r,
26
+ highlightLabel: C = !1,
27
+ ...s
28
+ }) => {
29
+ const [c, n] = g(l), [t, _] = g(r);
30
+ w(() => {
31
+ l !== c && n(l);
32
+ }, [l]), w(() => {
33
+ typeof r == "boolean" && _(r);
34
+ }, [r]);
35
+ const f = i(e["checkbox-wrapper"], a), v = i(
36
+ e.checkmark,
37
+ e[`checkmark--${b}-theme`],
38
+ e[`checkmark--${p}-size`],
39
+ (c || t) && e["checkmark--checked"]
40
+ ), u = C && (s.children || o) ? i(
41
+ e.label,
42
+ e["label--highlighted"],
43
+ (c || t) && e["label--highlighted-checked"]
44
+ ) : e.label;
45
+ return /* @__PURE__ */ N("div", { className: f, onClick: () => {
46
+ let m = !c;
47
+ t && (_(!1), m = !0), x(m), n(m);
48
+ }, ...s, children: [
49
+ /* @__PURE__ */ h("input", { name: d, type: "checkbox", checked: !t && c, readOnly: !0 }),
50
+ /* @__PURE__ */ h("span", { className: v, children: t ? /* @__PURE__ */ h(F, {}) : c && /* @__PURE__ */ h(y, {}) }),
51
+ /* @__PURE__ */ h("label", { className: u, children: s.children || o })
52
+ ] });
53
+ };
54
+ export {
55
+ M as Checkbox
56
+ };