@pismo/marola 0.0.1-alpha.4 → 0.0.1-alpha.5

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 (56) hide show
  1. package/README.md +4 -3
  2. package/dist/{Button-C3Qm852g.js → Button-D--uN90N.js} +6 -5
  3. package/dist/Dialog.module-BKWFakxu.js +15 -0
  4. package/dist/{ListContext-D6-YwtZn.js → ListContext-Dj2Va7Iv.js} +2 -2
  5. package/dist/{Tabs.module-_kSbSyth.js → Tabs.module-BKlNuSPH.js} +20 -20
  6. package/dist/assets/Button.css +1 -0
  7. package/dist/assets/Dialog.css +1 -1
  8. package/dist/assets/IconButton.css +1 -0
  9. package/dist/assets/LoadingSpinner.css +1 -1
  10. package/dist/assets/PageHeader.css +1 -0
  11. package/dist/assets/Pagination.css +1 -0
  12. package/dist/assets/Tabs.css +1 -1
  13. package/dist/assets/Typography.css +1 -1
  14. package/dist/assets/main.css +1 -1
  15. package/dist/components/Button/Button.d.ts +21 -0
  16. package/dist/components/Button/Button.js +54 -0
  17. package/dist/components/Dialog/Actions.js +1 -1
  18. package/dist/components/Dialog/Backdrop.js +2 -9
  19. package/dist/components/Dialog/CloseIconButton.js +3 -3
  20. package/dist/components/Dialog/Dialog.d.ts +2 -2
  21. package/dist/components/Dialog/Dialog.js +22 -26
  22. package/dist/components/Dialog/Title.js +22 -7
  23. package/dist/components/IconButton/IconButton.d.ts +22 -0
  24. package/dist/components/IconButton/IconButton.js +79 -0
  25. package/dist/components/LoadingSpinner/LoadingSpinner.js +12 -13
  26. package/dist/components/PageHeader/PageHeader.d.ts +26 -0
  27. package/dist/components/PageHeader/PageHeader.js +69 -0
  28. package/dist/components/Pagination/Pagination.d.ts +36 -0
  29. package/dist/components/Pagination/Pagination.js +219 -0
  30. package/dist/components/SortTooltip/SortTooltip.d.ts +0 -0
  31. package/dist/components/SortTooltip/SortTooltip.js +1 -0
  32. package/dist/components/Table/Table.d.ts +0 -0
  33. package/dist/components/Table/Table.js +1 -0
  34. package/dist/components/Table/TableContext.d.ts +0 -0
  35. package/dist/components/Table/TableContext.js +1 -0
  36. package/dist/components/Tabs/Tab.js +42 -37
  37. package/dist/components/Tabs/TabPanel.js +20 -21
  38. package/dist/components/Tabs/Tabs.js +185 -214
  39. package/dist/components/Tooltip/Tooltip.d.ts +0 -0
  40. package/dist/components/Tooltip/Tooltip.js +1 -0
  41. package/dist/components/Typography/Typography.d.ts +1 -1
  42. package/dist/components/Typography/Typography.js +38 -47
  43. package/dist/{index-BZ1lkM_M.js → index-BvA1HyDs.js} +274 -293
  44. package/dist/main.d.ts +4 -1
  45. package/dist/main.js +22 -15
  46. package/dist/objectWithoutPropertiesLoose-ClNcje2_.js +22 -0
  47. package/dist/types/helpers.d.ts +6 -7
  48. package/dist/{useButton-CbmjmH5z.js → useButton-abQpo0za.js} +17 -16
  49. package/dist/{useCompoundItem-B7wfGDHQ.js → useCompoundItem-wTwXbURC.js} +1 -1
  50. package/dist/useControlled-CCMYYdCM.js +31 -0
  51. package/package.json +26 -6
  52. package/dist/Dialog.module-BO0mdB7d.js +0 -15
  53. package/dist/assets/CallToActionButton.css +0 -1
  54. package/dist/components/CallToActionButton/CallToActionButton.d.ts +0 -21
  55. package/dist/components/CallToActionButton/CallToActionButton.js +0 -57
  56. package/src/playground/Playground.tsx +0 -20
package/README.md CHANGED
@@ -1,9 +1,10 @@
1
1
  # Marola - component library
2
+
2
3
  ![Marola logo](./src/assets/marolaLogo.png)
3
4
 
4
5
  ### Commands
5
6
 
6
- `yarn dev` - run the playground, launches a server where a developer can test and develop components, watches for file
7
+ `yarn dev` - run the playground, launches a server where a developer can test and develop components, watches for file
7
8
  changes
8
9
 
9
10
  `yarn build` - builds the components ready for publish
@@ -12,7 +13,7 @@ changes
12
13
 
13
14
  `yarn lint` - performs an eslint across the project code and reports any problems in the terminal
14
15
 
15
- `yarn preview` - runs `build` and serves the files in the `dist` serves what would be in a `publish`
16
+ `yarn preview` - runs `build` and serves the files in the `dist` serves what would be in a `publish`
16
17
 
17
18
  `yarn publish` - runs a prePublish build (the `build` command) then publishes the contents of the `dist` directory
18
19
 
@@ -20,4 +21,4 @@ changes
20
21
 
21
22
  #### Node version
22
23
 
23
- This project uses a .nvmrc file, to auto switch node version follow [these steps](https://github.com/nvm-sh/nvm?tab=readme-ov-file#zsh) from the nvm project .
24
+ This project uses a .nvmrc file, to auto switch node version follow [these steps](https://github.com/nvm-sh/nvm?tab=readme-ov-file#zsh) from the nvm project .
@@ -1,12 +1,13 @@
1
- import { g as T, a as _, b as x, _ as i, c as B, P as o, d as O, f as D } from "./index-BZ1lkM_M.js";
1
+ import { _ as T, a as i } from "./objectWithoutPropertiesLoose-ClNcje2_.js";
2
2
  import * as c from "react";
3
+ import { g as _, a as x, u as B, P as o, c as O, b as D } from "./index-BvA1HyDs.js";
3
4
  import { jsx as F } from "react/jsx-runtime";
4
- import { u as S } from "./useButton-CbmjmH5z.js";
5
+ import { u as S } from "./useButton-abQpo0za.js";
5
6
  const m = "Button";
6
7
  function U(s) {
7
- return T(m, s);
8
+ return _(m, s);
8
9
  }
9
- _(m, ["root", "active", "disabled", "focusVisible"]);
10
+ x(m, ["root", "active", "disabled", "focusVisible"]);
10
11
  const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVisible", "slotProps", "slots", "rootElementName"], j = (s) => {
11
12
  const {
12
13
  active: e,
@@ -25,7 +26,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
25
26
  slotProps: P = {},
26
27
  slots: l = {},
27
28
  rootElementName: N = "button"
28
- } = e, t = x(e, W), g = c.useRef();
29
+ } = e, t = T(e, W), g = c.useRef();
29
30
  let a = N;
30
31
  typeof l.root == "string" ? a = l.root : (t.href || t.to) && (a = "a");
31
32
  const {
@@ -0,0 +1,15 @@
1
+ import './assets/Dialog.css';
2
+ const _ = "_dialog_h5vxo_1", o = "_dialog__backdrop_h5vxo_11", i = "_dialog__panel_h5vxo_19", l = "_dialog__title_h5vxo_35", a = "_dialog__subtitle_h5vxo_42", d = "_dialog__divider_h5vxo_51", t = "_dialog__actions_h5vxo_64", g = {
3
+ dialog: _,
4
+ dialog__backdrop: o,
5
+ dialog__panel: i,
6
+ dialog__title: l,
7
+ "dialog__title--small": "_dialog__title--small_h5vxo_39",
8
+ dialog__subtitle: a,
9
+ dialog__divider: d,
10
+ "dialog__close-icon": "_dialog__close-icon_h5vxo_55",
11
+ dialog__actions: t
12
+ };
13
+ export {
14
+ g as s
15
+ };
@@ -13,6 +13,6 @@ const e = {
13
13
  }, i = /* @__PURE__ */ t.createContext(null);
14
14
  process.env.NODE_ENV !== "production" && (i.displayName = "ListContext");
15
15
  export {
16
- e as L,
17
- i as a
16
+ i as L,
17
+ e as a
18
18
  };
@@ -1,8 +1,8 @@
1
1
  import './assets/Tabs.css';
2
2
  import * as n from "react";
3
- const f = /* @__PURE__ */ n.createContext(null);
4
- process.env.NODE_ENV !== "production" && (f.displayName = "CompoundComponentContext");
5
- function p(e) {
3
+ const p = /* @__PURE__ */ n.createContext(null);
4
+ process.env.NODE_ENV !== "production" && (p.displayName = "CompoundComponentContext");
5
+ function C(e) {
6
6
  const c = Array.from(e.keys()).map((t) => {
7
7
  const a = e.get(t);
8
8
  return {
@@ -24,13 +24,13 @@ function I() {
24
24
  }, []), u = n.useCallback(function(o, b) {
25
25
  let s;
26
26
  return typeof o == "function" ? s = o(t.current) : s = o, t.current.add(s), c((d) => {
27
- const m = new Map(d);
28
- return m.set(s, b), m;
27
+ const _ = new Map(d);
28
+ return _.set(s, b), _;
29
29
  }), {
30
30
  id: s,
31
31
  deregister: () => a(s)
32
32
  };
33
- }, [a]), r = n.useMemo(() => p(e), [e]), i = n.useCallback(function(o) {
33
+ }, [a]), r = n.useMemo(() => C(e), [e]), i = n.useCallback(function(o) {
34
34
  return Array.from(r.keys()).indexOf(o);
35
35
  }, [r]);
36
36
  return {
@@ -42,25 +42,25 @@ function I() {
42
42
  subitems: r
43
43
  };
44
44
  }
45
- const l = /* @__PURE__ */ n.createContext(null);
46
- process.env.NODE_ENV !== "production" && (l.displayName = "TabsContext");
47
- function k() {
48
- const e = n.useContext(l);
45
+ const m = /* @__PURE__ */ n.createContext(null);
46
+ process.env.NODE_ENV !== "production" && (m.displayName = "TabsContext");
47
+ function y() {
48
+ const e = n.useContext(m);
49
49
  if (e == null)
50
50
  throw new Error("No TabsContext provided");
51
51
  return e;
52
52
  }
53
- const C = "_tabs_5kfuv_1", x = "_tabs__tab_5kfuv_5", y = {
54
- tabs: C,
53
+ const f = "_tabs_1ulv7_1", x = "_tabs__tab_1ulv7_5", v = {
54
+ tabs: f,
55
55
  tabs__tab: x,
56
- "tabs__tab--disabled": "_tabs__tab--disabled_5kfuv_22",
57
- "tabs__tab--selected": "_tabs__tab--selected_5kfuv_31",
58
- "tabs__tab-panel": "_tabs__tab-panel_5kfuv_35"
56
+ "tabs__tab--disabled": "_tabs__tab--disabled_1ulv7_22",
57
+ "tabs__tab--selected": "_tabs__tab--selected_1ulv7_31",
58
+ "tabs__tab-panel": "_tabs__tab-panel_1ulv7_35"
59
59
  };
60
60
  export {
61
- f as C,
62
- l as T,
63
- k as a,
64
- y as s,
65
- I as u
61
+ p as C,
62
+ m as T,
63
+ I as a,
64
+ v as s,
65
+ y as u
66
66
  };
@@ -0,0 +1 @@
1
+ ._h1_nvysm_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_nvysm_7{font-weight:var(--typography-heading-bold)}._h2_nvysm_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_nvysm_17{font-weight:var(--typography-heading-bold)}._h3_nvysm_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_nvysm_27{font-weight:var(--typography-heading-bold)}._h4_nvysm_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_nvysm_37{font-weight:var(--typography-heading-bold)}._body_nvysm_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_nvysm_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_nvysm_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_nvysm_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_nvysm_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_nvysm_62{font-weight:var(--body-bold)}._body--strikethrough_nvysm_65{text-decoration:line-through}._body--underlined_nvysm_68{text-decoration:underline}._body--strikethrough-underlined_nvysm_71{text-decoration:underline line-through}._quote_nvysm_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_nvysm_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._form__input_nvysm_86{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_nvysm_91{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_nvysm_96{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_nvysm_101{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._table__header_nvysm_107{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_nvysm_112{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_nvysm_117{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._button_nvysm_123{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_nvysm_123{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);padding:calc(var(--spacing) * 1.25) calc(var(--spacing) * 4.375);cursor:pointer;border:none;border-radius:calc(var(--spacing) * 12.5)}._button_nvysm_123:focus-visible{outline:none}._button--primary_nvysm_142{color:var(--white-100);background-color:var(--accent)}._button--primary_nvysm_142:hover{background-color:var(--accent-dark)}._button--primary_nvysm_142:focus{color:var(--black-100);background-color:var(--accent-lighter)}._button--primary_nvysm_142:active{background-color:var(--accent-light)}._button--primary_nvysm_142:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button--secondary_nvysm_161{color:var(--accent);background-color:var(--white-100)}._button--secondary_nvysm_161:hover{background-color:var(--gray-5)}._button--secondary_nvysm_161:focus{color:var(--black-100)}._button--secondary_nvysm_161:active{color:var(--accent-light)}._button--secondary_nvysm_161:disabled{color:var(--gray-50);cursor:default}._button--quick_nvysm_178{padding:calc(var(--spacing)) calc(var(--spacing) * 2);color:var(--accent);background-color:rgb(var(--accent-rgb) .05);border-radius:calc(var(--spacing) * .75)}._button--quick_nvysm_178:hover{color:var(--accent-dark);background-color:rgb(var(--accent-rgb) .1)}._button--quick_nvysm_178:active{color:var(--accent-light)}._button--quick_nvysm_178:focus{color:var(--black-100);background-color:initial;outline:calc(var(--spacing) * .25) solid var(--black-100)}._button--quick_nvysm_178:disabled{color:var(--gray-50);cursor:default;background-color:var(--black-10)}._button__loading-container_nvysm_201{display:flex;gap:var(--spacing);align-items:center}
@@ -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_h5vxo_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_h5vxo_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_h5vxo_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_h5vxo_35{padding-top:var(--spacing);padding-bottom:var(--spacing)}._dialog__title--small_h5vxo_39{font-size:var(--small-font)}._dialog__subtitle_h5vxo_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_h5vxo_51{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_h5vxo_55{position:absolute;top:calc(var(--spacing) * 3.375);right:calc(var(--spacing) * 2);padding:0;margin:0;background:none;border:none}._dialog__actions_h5vxo_64{display:flex;gap:var(--spacing);justify-content:center;margin-bottom:calc(var(--spacing) * 2)}
@@ -0,0 +1 @@
1
+ ._h1_1v5kq_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_1v5kq_7{font-weight:var(--typography-heading-bold)}._h2_1v5kq_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_1v5kq_17{font-weight:var(--typography-heading-bold)}._h3_1v5kq_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_1v5kq_27{font-weight:var(--typography-heading-bold)}._h4_1v5kq_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_1v5kq_37{font-weight:var(--typography-heading-bold)}._body_1v5kq_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_1v5kq_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_1v5kq_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_1v5kq_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_1v5kq_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_1v5kq_62{font-weight:var(--body-bold)}._body--strikethrough_1v5kq_65{text-decoration:line-through}._body--underlined_1v5kq_68{text-decoration:underline}._body--strikethrough-underlined_1v5kq_71{text-decoration:underline line-through}._quote_1v5kq_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_1v5kq_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._form__input_1v5kq_86{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_1v5kq_91{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_1v5kq_96{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_1v5kq_101{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._table__header_1v5kq_107{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_1v5kq_112{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_1v5kq_117{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._button_1v5kq_123{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}._icon-button_1v5kq_130{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);padding:calc(var(--spacing) * 1.25) calc(var(--spacing) * 1.25);background-color:transparent;border:none;cursor:pointer}._icon-button_1v5kq_130:focus-visible{outline:none}._icon-button--primary_1v5kq_142{color:var(--accent);fill:var(--accent)}._icon-button--primary_1v5kq_142:hover{color:var(--accent-dark);fill:var(--accent-dark)}._icon-button--primary_1v5kq_142:active{color:var(--accent-light);fill:var(--accent-light)}._icon-button--primary_1v5kq_142:focus{color:var(--black-100);fill:var(--black-100);outline:calc(var(--spacing) * .25) solid var(--black-100)}._icon-button--primary_1v5kq_142:disabled{color:var(--gray-50);fill:var(--gray-50);cursor:default}._icon-button--square_1v5kq_164{border:calc(var(--spacing) * .125) solid var(--gray-10);border-radius:calc(var(--spacing) * .75);color:var(--accent);fill:var(--accent)}._icon-button--square_1v5kq_164:focus{color:var(--black-100);fill:var(--black-100);outline:calc(var(--spacing) * .25) solid var(--black-100)}._icon-button--square_1v5kq_164:disabled{color:var(--gray-50);fill:var(--gray-50);cursor:default}._icon-button__container_1v5kq_180{align-items:center;text-wrap:nowrap;display:flex;gap:var(--spacing)}
@@ -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_cz9x0_1{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:7.375rem;background:var(--cream);-webkit-font-smoothing:antialiased!important}._page-header_cz9x0_1:has(._page-header__top-content_cz9x0_10){justify-content:flex-start}._page-header__top-content_cz9x0_10,._page-header__main-content_cz9x0_13,._page-header__bottom-content_cz9x0_13{width:63.875rem;margin:0 auto}._page-header__top-content_cz9x0_10{padding:1rem 0 .5rem}._page-header__top-content_cz9x0_10 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_cz9x0_10 button:hover{color:var(--accent-dark)}._page-header__main-content_cz9x0_13{display:flex}._page-header__main-left-content_cz9x0_40{display:flex;flex:1;flex-direction:column;justify-content:center}._page-header__main-left-content_cz9x0_40 ._title_cz9x0_46,._page-header__main-left-content_cz9x0_40 ._subtitle_cz9x0_47{display:block;width:100%;padding:0;margin:0;color:var(--gray-90)}._page-header__main-left-content_cz9x0_40 ._title_cz9x0_46{font-size:1.5rem;font-weight:700;line-height:2rem}._page-header__main-left-content_cz9x0_40 ._subtitle_cz9x0_47{font-size:.875rem;font-weight:400;line-height:1.125rem}._page-header__main-right-content_cz9x0_64{display:flex;align-items:center;margin-bottom:1.125rem}._page-header__bottom-content_cz9x0_13{margin-top:.8125rem}
@@ -0,0 +1 @@
1
+ ._pagination_1exye_1{display:flex;gap:calc(var(--spacing) * 2);align-items:center;justify-content:space-between;padding:calc(var(--spacing) * 3) 0}._pagination_1exye_1 ._per-page-container_1exye_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_1exye_1 ._per-page-container_1exye_8 select{padding:calc(var(--spacing) * .5) var(--spacing);margin:0 var(--spacing);border:1px solid var(--gray-10);border-radius:var(--border-radius)}._pagination_1exye_1 ._pages-navigator-container_1exye_20{display:flex;gap:var(--spacing);align-items:center}._pagination_1exye_1 ._pages-navigator-container_1exye_20 li{display:flex;padding:0;margin:0;list-style:none}._pagination_1exye_1 ._pages-navigator-container_1exye_20 ._pages-navigator-container__label_1exye_31,._pagination_1exye_1 ._pages-navigator-container_1exye_20 ._page-number__btn_1exye_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_1exye_1 ._pages-navigator-container_1exye_20 button{cursor:pointer;background-color:transparent;border:none;outline:none}._pagination_1exye_1 ._pages-navigator-container_1exye_20 ._pages-navigator-container__previous-next-btn_1exye_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_1exye_1 ._pages-navigator-container_1exye_20 ._pages-navigator-container__previous-next-btn_1exye_44:hover{font-weight:var(--heading-font-weight);color:var(--accent-dark)}._pagination_1exye_1 ._pages-navigator-container_1exye_20 ._pages-navigator-container__previous-next-btn_1exye_44:disabled{font-weight:var(--heading-font-weight);color:var(--gray-50);cursor:default}._pagination_1exye_1 ._pages-navigator-container_1exye_20 ._page-number__btn_1exye_31{width:2rem;height:2rem;cursor:pointer;transition:all .3s}._pagination_1exye_1 ._pages-navigator-container_1exye_20 ._page-number__btn_1exye_31:hover{color:var(--accent-dark)}._pagination_1exye_1 ._pages-navigator-container_1exye_20 ._page-number__btn--selected_1exye_69{color:var(--white-100);background-color:var(--accent);border-radius:var(--border-radius)}._pagination_1exye_1 ._pages-navigator-container_1exye_20 ._page-number__btn--selected_1exye_69:hover{background-color:var(--accent-light)}
@@ -1 +1 @@
1
- ._tabs_5kfuv_1{width:100%;gap:var(--spacing)}._tabs__tab_5kfuv_5{background-color:var(--white-100);height:48px;padding:0 var(--spacing) 0 0;color:var(--gray-75);min-width:94px;border:none;cursor:pointer}._tabs__tab_5kfuv_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_5kfuv_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_5kfuv_22{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25);cursor:default}._tabs__tab--disabled_5kfuv_22:focus,._tabs__tab--disabled_5kfuv_22:active,._tabs__tab--disabled_5kfuv_22:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_5kfuv_31{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_5kfuv_35{margin-top:calc(var(--spacing) * 2);width:100%}
1
+ ._tabs_1ulv7_1{gap:var(--spacing);width:100%}._tabs__tab_1ulv7_5{min-width:94px;height:48px;padding:0 var(--spacing) 0 0;color:var(--gray-75);cursor:pointer;background-color:var(--white-100);border:none}._tabs__tab_1ulv7_5:hover{color:var(--hover);border-bottom:2px solid var(--hover)}._tabs__tab_1ulv7_5:active{color:var(--active);border-bottom:2px solid var(--active)}._tabs__tab--disabled_1ulv7_22{color:#00000040;cursor:default;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--disabled_1ulv7_22:focus,._tabs__tab--disabled_1ulv7_22:active,._tabs__tab--disabled_1ulv7_22:hover{color:#00000040;border-bottom:2px solid rgba(0,0,0,.25)}._tabs__tab--selected_1ulv7_31{color:var(--accent);border-bottom:2px solid var(--accent)}._tabs__tab-panel_1ulv7_35{width:100%;margin-top:calc(var(--spacing) * 2)}
@@ -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_nv7ki_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_nv7ki_7{font-weight:var(--typography-heading-bold)}._h2_nv7ki_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_nv7ki_17{font-weight:var(--typography-heading-bold)}._h3_nv7ki_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_nv7ki_27{font-weight:var(--typography-heading-bold)}._h4_nv7ki_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_nv7ki_37{font-weight:var(--typography-heading-bold)}._body_nv7ki_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_nv7ki_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_nv7ki_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_nv7ki_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_nv7ki_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_nv7ki_62{font-weight:var(--body-bold)}._body--strikethrough_nv7ki_65{text-decoration:line-through}._body--underlined_nv7ki_68{text-decoration:underline}._body--strikethrough-underlined_nv7ki_71{text-decoration:underline line-through}._quote_nv7ki_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_nv7ki_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._form__input_nv7ki_86{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_nv7ki_91{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_nv7ki_96{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_nv7ki_101{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._table__header_nv7ki_107{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_nv7ki_112{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_nv7ki_117{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._button_nv7ki_123{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}
@@ -1 +1 @@
1
- @font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Black.woff2) format("woff2");font-weight:900;font-style:normal}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-BlackItalic.woff2) format("woff2");font-weight:900;font-style:italic}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-BoldItalic.woff2) format("woff2");font-weight:700;font-style:italic}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Italic.woff2) format("woff2");font-weight:400;font-style:italic}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Light.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-LightItalic.woff2) format("woff2");font-weight:300;font-style:italic}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-Thin.woff2) format("woff2");font-weight:100;font-style:normal}@font-face{font-family:Lato;src:url(../assets/fonts/Lato/Lato-ThinItalic.woff2) format("woff2");font-weight:100;font-style:italic}body{font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}: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}
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}
@@ -0,0 +1,21 @@
1
+ import { Either } from '../../types/helpers';
2
+ import { ReactNode } from 'react';
3
+
4
+ type Variant = 'primary' | 'secondary' | 'quick';
5
+ type ButtonCoreProps = {
6
+ loading?: boolean;
7
+ disabled?: boolean;
8
+ className?: string;
9
+ children: ReactNode;
10
+ variant?: Variant;
11
+ };
12
+ interface ButtonPropsWithLink extends ButtonCoreProps {
13
+ link: string;
14
+ }
15
+ interface ButtonPropsWithOnClick extends ButtonCoreProps {
16
+ onClick: () => void;
17
+ type?: HTMLButtonElement['type'];
18
+ }
19
+ export type ButtonProps = Either<ButtonPropsWithLink, ButtonPropsWithOnClick>;
20
+ export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
21
+ export default Button;
@@ -0,0 +1,54 @@
1
+ import '../../assets/Button.css';
2
+ import { jsx as s, jsxs as u } from "react/jsx-runtime";
3
+ import { forwardRef as c, useMemo as h } from "react";
4
+ import { c as v } from "../../clsx-DB4S2d7J.js";
5
+ import { LoadingSpinner as f } from "../LoadingSpinner/LoadingSpinner.js";
6
+ import { B as p } from "../../Button-D--uN90N.js";
7
+ const g = "_h1_nvysm_1", k = "_h2_nvysm_11", q = "_h3_nvysm_21", w = "_h4_nvysm_31", x = "_body_nvysm_41", N = "_quote_nvysm_75", B = "_form__input_nvysm_86", j = "_form__hint_nvysm_91", S = "_form__label_nvysm_96", $ = "_form__dropdown_nvysm_101", C = "_table__header_nvysm_107", L = "_table__body_nvysm_112", M = "_button_nvysm_123", o = {
8
+ h1: g,
9
+ "h1--bold": "_h1--bold_nvysm_7",
10
+ h2: k,
11
+ "h2--bold": "_h2--bold_nvysm_17",
12
+ h3: q,
13
+ "h3--bold": "_h3--bold_nvysm_27",
14
+ h4: w,
15
+ "h4--bold": "_h4--bold_nvysm_37",
16
+ body: x,
17
+ "body--large": "_body--large_nvysm_46",
18
+ "body--medium": "_body--medium_nvysm_50",
19
+ "body--small": "_body--small_nvysm_54",
20
+ "body--tiny": "_body--tiny_nvysm_58",
21
+ "body--bold": "_body--bold_nvysm_62",
22
+ "body--strikethrough": "_body--strikethrough_nvysm_65",
23
+ "body--underlined": "_body--underlined_nvysm_68",
24
+ "body--strikethrough-underlined": "_body--strikethrough-underlined_nvysm_71",
25
+ quote: N,
26
+ "quote--large": "_quote--large_nvysm_80",
27
+ form__input: B,
28
+ form__hint: j,
29
+ form__label: S,
30
+ form__dropdown: $,
31
+ table__header: C,
32
+ table__body: L,
33
+ "table__body--secondary": "_table__body--secondary_nvysm_117",
34
+ button: M,
35
+ "button--primary": "_button--primary_nvysm_142",
36
+ "button--secondary": "_button--secondary_nvysm_161",
37
+ "button--quick": "_button--quick_nvysm_178",
38
+ "button__loading-container": "_button__loading-container_nvysm_201"
39
+ }, E = c((d, r) => {
40
+ const { onClick: e, link: m, loading: y, children: n, type: b = "button", disabled: l, className: t, variant: _ = "primary" } = d, a = {
41
+ invert: _ === "secondary" || _ === "quick"
42
+ }, i = h(
43
+ () => v([o.button, o[`button--${_}`], t]),
44
+ [t, _]
45
+ );
46
+ return /* @__PURE__ */ s(p, { type: b, href: m, onClick: e, disabled: l, className: i, ref: r, children: y ? /* @__PURE__ */ u("div", { className: o["button__loading-container"], children: [
47
+ /* @__PURE__ */ s(f, { ...a }),
48
+ n
49
+ ] }) : n });
50
+ });
51
+ export {
52
+ E as Button,
53
+ E as default
54
+ };
@@ -1,5 +1,5 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { s as t } from "../../Dialog.module-BO0mdB7d.js";
2
+ import { s as t } from "../../Dialog.module-BKWFakxu.js";
3
3
  const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
4
4
  export {
5
5
  i as default
@@ -1,16 +1,9 @@
1
1
  import { jsx as a } from "react/jsx-runtime";
2
2
  import { forwardRef as t } from "react";
3
- import { s as e } from "../../Dialog.module-BO0mdB7d.js";
3
+ import { s as e } from "../../Dialog.module-BKWFakxu.js";
4
4
  const i = t((o, r) => {
5
5
  const { open: m, className: p, ...s } = o;
6
- return /* @__PURE__ */ a(
7
- "div",
8
- {
9
- className: e.dialog__backdrop,
10
- ref: r,
11
- ...s
12
- }
13
- );
6
+ return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });
14
7
  });
15
8
  export {
16
9
  i as default
@@ -1,8 +1,8 @@
1
1
  import { jsx as j } from "react/jsx-runtime";
2
- import { s as O } from "../../Dialog.module-BO0mdB7d.js";
3
- import { h as C, i as W } from "../../index-BZ1lkM_M.js";
2
+ import { d as C, e as W } from "../../index-BvA1HyDs.js";
4
3
  import I from "react";
5
- import { B as P } from "../../Button-C3Qm852g.js";
4
+ import { s as O } from "../../Dialog.module-BKWFakxu.js";
5
+ import { B as P } from "../../Button-D--uN90N.js";
6
6
  var N = { exports: {} };
7
7
  (function(w, b) {
8
8
  (function(x, y) {
@@ -4,10 +4,10 @@ import { default as Actions } from './Actions';
4
4
  import { ModalProps } from '@mui/base';
5
5
  import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
6
6
 
7
- export type CloseReason = "backdropClick" | "escapeKeyDown" | "closeButtonClick";
7
+ export type CloseReason = 'backdropClick' | 'escapeKeyDown' | 'closeButtonClick';
8
8
  export interface DialogProps extends ModalProps {
9
9
  /** main children content */
10
- children: ReactElement<any, string | JSXElementConstructor<any>>;
10
+ children: ReactElement<unknown, string | JSXElementConstructor<unknown>>;
11
11
  /** display title label */
12
12
  dialogTitle: ReactNode;
13
13
  /** display subtitle */
@@ -1,13 +1,14 @@
1
1
  import { jsxs as h0, jsx as Gi } from "react/jsx-runtime";
2
- import { default as n_ } from "./Actions.js";
3
- import { default as a_ } from "./Content.js";
4
- import lk from "./Title.js";
5
- import uk from "./Backdrop.js";
6
- import { s as s0 } from "../../Dialog.module-BO0mdB7d.js";
7
- import ok from "./CloseIconButton.js";
8
- import { P as Ye, _ as Ii, u as m0, s as Z1, e as sk, g as ck, a as fk, b as dk, c as J1, d as pk, f as vk } from "../../index-BZ1lkM_M.js";
2
+ import { default as r_ } from "./Actions.js";
3
+ import lk from "./Backdrop.js";
4
+ import uk from "./CloseIconButton.js";
5
+ import { default as i_ } from "./Content.js";
6
+ import { s as s0 } from "../../Dialog.module-BKWFakxu.js";
7
+ import ok from "./Title.js";
8
+ import { a as Ii, _ as sk } from "../../objectWithoutPropertiesLoose-ClNcje2_.js";
9
9
  import * as ut from "react";
10
10
  import sT from "react";
11
+ import { P as Ye, f as m0, s as Z1, h as ck, g as fk, a as dk, u as J1, c as pk, b as vk } from "../../index-BvA1HyDs.js";
11
12
  import { u as p0 } from "../../useEnhancedEffect-CJGo-L3B.js";
12
13
  function cT(k, H) {
13
14
  return process.env.NODE_ENV === "production" ? () => null : function(...Y) {
@@ -20013,7 +20014,7 @@ function Fk(k) {
20013
20014
  };
20014
20015
  return {
20015
20016
  getRootProps: (Ae = {}) => {
20016
- const $e = sk(k);
20017
+ const $e = ck(k);
20017
20018
  delete $e.onTransitionEnter, delete $e.onTransitionExited;
20018
20019
  const $ = Ii({}, $e, Ae);
20019
20020
  return Ii({
@@ -20052,9 +20053,9 @@ function Fk(k) {
20052
20053
  }
20053
20054
  const gT = "Modal";
20054
20055
  function Vk(k) {
20055
- return ck(gT, k);
20056
+ return fk(gT, k);
20056
20057
  }
20057
- fk(gT, ["root", "hidden", "backdrop"]);
20058
+ dk(gT, ["root", "hidden", "backdrop"]);
20058
20059
  const jk = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], Bk = (k) => {
20059
20060
  const {
20060
20061
  open: H,
@@ -20082,7 +20083,7 @@ const jk = ["children", "closeAfterTransition", "container", "disableAutoFocus",
20082
20083
  open: Xe,
20083
20084
  slotProps: Xt = {},
20084
20085
  slots: St = {}
20085
- } = H, ae = dk(H, jk), Pe = Ii({}, H, {
20086
+ } = H, ae = sk(H, jk), Pe = Ii({}, H, {
20086
20087
  closeAfterTransition: Q,
20087
20088
  disableAutoFocus: Ne,
20088
20089
  disableEnforceFocus: te,
@@ -20266,10 +20267,11 @@ process.env.NODE_ENV !== "production" && (ST.propTypes = {
20266
20267
  root: Ye.elementType
20267
20268
  })
20268
20269
  });
20269
- const Jk = ({
20270
+ const e_ = ({
20270
20271
  children: k,
20271
20272
  dialogTitle: H,
20272
20273
  dialogSubtitle: x,
20274
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
20273
20275
  isLoading: Y = !1,
20274
20276
  onClose: ce,
20275
20277
  ...Q
@@ -20277,28 +20279,22 @@ const Jk = ({
20277
20279
  ST,
20278
20280
  {
20279
20281
  onClose: ce,
20280
- slots: { backdrop: uk },
20282
+ slots: { backdrop: lk },
20281
20283
  ...Q,
20282
20284
  className: s0.dialog,
20283
20285
  "aria-labelledby": "alert-dialog-title",
20284
20286
  "aria-describedby": "alert-dialog-description",
20285
20287
  children: /* @__PURE__ */ h0("section", { className: s0.dialog__panel, children: [
20286
- !!ce && /* @__PURE__ */ Gi(ok, { handleOnClose: ce, className: s0.dialog__close }),
20287
- /* @__PURE__ */ Gi(
20288
- lk,
20289
- {
20290
- title: H,
20291
- subTitle: x
20292
- }
20293
- ),
20288
+ !!ce && /* @__PURE__ */ Gi(uk, { handleOnClose: ce, className: s0.dialog__close }),
20289
+ /* @__PURE__ */ Gi(ok, { title: H, subTitle: x }),
20294
20290
  k
20295
20291
  ] })
20296
20292
  }
20297
20293
  );
20298
20294
  export {
20299
- n_ as Actions,
20300
- a_ as Content,
20301
- Jk as Dialog,
20302
- lk as DialogTitle,
20303
- Jk as default
20295
+ r_ as Actions,
20296
+ i_ as Content,
20297
+ e_ as Dialog,
20298
+ ok as DialogTitle,
20299
+ e_ as default
20304
20300
  };
@@ -1,13 +1,28 @@
1
1
  import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
2
- import { s as r } from "../../Dialog.module-BO0mdB7d.js";
3
2
  import { Typography as a } from "../Typography/Typography.js";
4
- const n = ({
5
- title: i,
6
- subTitle: t
7
- }) => /* @__PURE__ */ l(s, { children: [
8
- /* @__PURE__ */ e(a, { element: "h1", elementProps: { id: "alert-dialog-title" }, variant: "h4", className: r.dialog__title, children: i }),
3
+ import { s as r } from "../../Dialog.module-BKWFakxu.js";
4
+ const n = ({ title: i, subTitle: t }) => /* @__PURE__ */ l(s, { children: [
5
+ /* @__PURE__ */ e(
6
+ a,
7
+ {
8
+ element: "h1",
9
+ elementProps: { id: "alert-dialog-title" },
10
+ variant: "h4",
11
+ className: r.dialog__title,
12
+ children: i
13
+ }
14
+ ),
9
15
  /* @__PURE__ */ e("hr", { className: r.dialog__divider, "aria-hidden": !0 }),
10
- t && /* @__PURE__ */ e(a, { element: "h2", elementProps: { id: "alert-dialog-description" }, variant: "h4", className: r.dialog__subtitle, children: t })
16
+ t && /* @__PURE__ */ e(
17
+ a,
18
+ {
19
+ element: "h2",
20
+ elementProps: { id: "alert-dialog-description" },
21
+ variant: "h4",
22
+ className: r.dialog__subtitle,
23
+ children: t
24
+ }
25
+ )
11
26
  ] });
12
27
  export {
13
28
  n as default
@@ -0,0 +1,22 @@
1
+ import { Either } from '../../types/helpers';
2
+ import { ReactNode } from 'react';
3
+
4
+ type variant = "primary" | "square";
5
+ type IconButtonCoreProps = {
6
+ icon: ReactNode;
7
+ loading?: boolean;
8
+ disabled?: boolean;
9
+ className?: string;
10
+ children?: ReactNode;
11
+ variant?: variant;
12
+ };
13
+ interface IconButtonPropsWithLink extends IconButtonCoreProps {
14
+ link: string;
15
+ }
16
+ interface IconButtonPropsWithOnClick extends IconButtonCoreProps {
17
+ onClick: () => void;
18
+ type?: HTMLButtonElement["type"];
19
+ }
20
+ export type IconButtonProps = Either<IconButtonPropsWithLink, IconButtonPropsWithOnClick>;
21
+ export declare const IconButton: import('react').ForwardRefExoticComponent<IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
22
+ export default IconButton;
@@ -0,0 +1,79 @@
1
+ import '../../assets/IconButton.css';
2
+ import { jsx as n, jsxs as q } from "react/jsx-runtime";
3
+ import { forwardRef as h, useMemo as k } from "react";
4
+ import { LoadingSpinner as m } from "../LoadingSpinner/LoadingSpinner.js";
5
+ import { c as v } from "../../clsx-DB4S2d7J.js";
6
+ import { B as y } from "../../Button-D--uN90N.js";
7
+ const f = "_h1_1v5kq_1", p = "_h2_1v5kq_11", g = "_h3_1v5kq_21", w = "_h4_1v5kq_31", x = "_body_1v5kq_41", N = "_quote_1v5kq_75", B = "_form__input_1v5kq_86", j = "_form__hint_1v5kq_91", C = "_form__label_1v5kq_96", I = "_form__dropdown_1v5kq_101", L = "_table__header_1v5kq_107", M = "_table__body_1v5kq_112", R = "_button_1v5kq_123", o = {
8
+ h1: f,
9
+ "h1--bold": "_h1--bold_1v5kq_7",
10
+ h2: p,
11
+ "h2--bold": "_h2--bold_1v5kq_17",
12
+ h3: g,
13
+ "h3--bold": "_h3--bold_1v5kq_27",
14
+ h4: w,
15
+ "h4--bold": "_h4--bold_1v5kq_37",
16
+ body: x,
17
+ "body--large": "_body--large_1v5kq_46",
18
+ "body--medium": "_body--medium_1v5kq_50",
19
+ "body--small": "_body--small_1v5kq_54",
20
+ "body--tiny": "_body--tiny_1v5kq_58",
21
+ "body--bold": "_body--bold_1v5kq_62",
22
+ "body--strikethrough": "_body--strikethrough_1v5kq_65",
23
+ "body--underlined": "_body--underlined_1v5kq_68",
24
+ "body--strikethrough-underlined": "_body--strikethrough-underlined_1v5kq_71",
25
+ quote: N,
26
+ "quote--large": "_quote--large_1v5kq_80",
27
+ form__input: B,
28
+ form__hint: j,
29
+ form__label: C,
30
+ form__dropdown: I,
31
+ table__header: L,
32
+ table__body: M,
33
+ "table__body--secondary": "_table__body--secondary_1v5kq_117",
34
+ button: R,
35
+ "icon-button": "_icon-button_1v5kq_130",
36
+ "icon-button--primary": "_icon-button--primary_1v5kq_142",
37
+ "icon-button--square": "_icon-button--square_1v5kq_164",
38
+ "icon-button__container": "_icon-button__container_1v5kq_180"
39
+ }, E = h(
40
+ (r, e) => {
41
+ const {
42
+ onClick: d,
43
+ icon: b,
44
+ link: i,
45
+ loading: l,
46
+ children: a,
47
+ type: s = "button",
48
+ disabled: c,
49
+ className: t,
50
+ variant: _ = "primary"
51
+ } = r, u = k(
52
+ () => v([
53
+ o["icon-button"],
54
+ o[`icon-button--${_}`],
55
+ t
56
+ ]),
57
+ [t, _]
58
+ );
59
+ return /* @__PURE__ */ n(
60
+ y,
61
+ {
62
+ type: s,
63
+ href: i,
64
+ onClick: d,
65
+ disabled: c,
66
+ className: u,
67
+ ref: e,
68
+ children: /* @__PURE__ */ q("div", { className: o["icon-button__container"], children: [
69
+ l ? /* @__PURE__ */ n(m, { invert: !0 }) : b,
70
+ _ !== "square" && a
71
+ ] })
72
+ }
73
+ );
74
+ }
75
+ );
76
+ export {
77
+ E as IconButton,
78
+ E as default
79
+ };