@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.
- package/README.md +4 -3
- package/dist/{Button-C3Qm852g.js → Button-D--uN90N.js} +6 -5
- package/dist/Dialog.module-BKWFakxu.js +15 -0
- package/dist/{ListContext-D6-YwtZn.js → ListContext-Dj2Va7Iv.js} +2 -2
- package/dist/{Tabs.module-_kSbSyth.js → Tabs.module-BKlNuSPH.js} +20 -20
- package/dist/assets/Button.css +1 -0
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/IconButton.css +1 -0
- package/dist/assets/LoadingSpinner.css +1 -1
- package/dist/assets/PageHeader.css +1 -0
- package/dist/assets/Pagination.css +1 -0
- package/dist/assets/Tabs.css +1 -1
- package/dist/assets/Typography.css +1 -1
- package/dist/assets/main.css +1 -1
- package/dist/components/Button/Button.d.ts +21 -0
- package/dist/components/Button/Button.js +54 -0
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.js +2 -9
- package/dist/components/Dialog/CloseIconButton.js +3 -3
- package/dist/components/Dialog/Dialog.d.ts +2 -2
- package/dist/components/Dialog/Dialog.js +22 -26
- package/dist/components/Dialog/Title.js +22 -7
- package/dist/components/IconButton/IconButton.d.ts +22 -0
- package/dist/components/IconButton/IconButton.js +79 -0
- package/dist/components/LoadingSpinner/LoadingSpinner.js +12 -13
- package/dist/components/PageHeader/PageHeader.d.ts +26 -0
- package/dist/components/PageHeader/PageHeader.js +69 -0
- package/dist/components/Pagination/Pagination.d.ts +36 -0
- package/dist/components/Pagination/Pagination.js +219 -0
- package/dist/components/SortTooltip/SortTooltip.d.ts +0 -0
- package/dist/components/SortTooltip/SortTooltip.js +1 -0
- package/dist/components/Table/Table.d.ts +0 -0
- package/dist/components/Table/Table.js +1 -0
- package/dist/components/Table/TableContext.d.ts +0 -0
- package/dist/components/Table/TableContext.js +1 -0
- package/dist/components/Tabs/Tab.js +42 -37
- package/dist/components/Tabs/TabPanel.js +20 -21
- package/dist/components/Tabs/Tabs.js +185 -214
- package/dist/components/Tooltip/Tooltip.d.ts +0 -0
- package/dist/components/Tooltip/Tooltip.js +1 -0
- package/dist/components/Typography/Typography.d.ts +1 -1
- package/dist/components/Typography/Typography.js +38 -47
- package/dist/{index-BZ1lkM_M.js → index-BvA1HyDs.js} +274 -293
- package/dist/main.d.ts +4 -1
- package/dist/main.js +22 -15
- package/dist/objectWithoutPropertiesLoose-ClNcje2_.js +22 -0
- package/dist/types/helpers.d.ts +6 -7
- package/dist/{useButton-CbmjmH5z.js → useButton-abQpo0za.js} +17 -16
- package/dist/{useCompoundItem-B7wfGDHQ.js → useCompoundItem-wTwXbURC.js} +1 -1
- package/dist/useControlled-CCMYYdCM.js +31 -0
- package/package.json +26 -6
- package/dist/Dialog.module-BO0mdB7d.js +0 -15
- package/dist/assets/CallToActionButton.css +0 -1
- package/dist/components/CallToActionButton/CallToActionButton.d.ts +0 -21
- package/dist/components/CallToActionButton/CallToActionButton.js +0 -57
- package/src/playground/Playground.tsx +0 -20
package/README.md
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
# Marola - component library
|
|
2
|
+
|
|
2
3
|

|
|
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` -
|
|
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 {
|
|
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-
|
|
5
|
+
import { u as S } from "./useButton-abQpo0za.js";
|
|
5
6
|
const m = "Button";
|
|
6
7
|
function U(s) {
|
|
7
|
-
return
|
|
8
|
+
return _(m, s);
|
|
8
9
|
}
|
|
9
|
-
|
|
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 =
|
|
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
|
+
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import './assets/Tabs.css';
|
|
2
2
|
import * as n from "react";
|
|
3
|
-
const
|
|
4
|
-
process.env.NODE_ENV !== "production" && (
|
|
5
|
-
function
|
|
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
|
|
28
|
-
return
|
|
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(() =>
|
|
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
|
|
46
|
-
process.env.NODE_ENV !== "production" && (
|
|
47
|
-
function
|
|
48
|
-
const e = n.useContext(
|
|
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
|
|
54
|
-
tabs:
|
|
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--
|
|
57
|
-
"tabs__tab--selected": "_tabs__tab--
|
|
58
|
-
"tabs__tab-panel": "_tabs__tab-
|
|
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
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
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}
|
package/dist/assets/Dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
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-
|
|
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)}
|
package/dist/assets/Tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
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
|
-
.
|
|
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}
|
package/dist/assets/main.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}
|
|
@@ -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-
|
|
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-
|
|
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 {
|
|
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 {
|
|
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 =
|
|
7
|
+
export type CloseReason = 'backdropClick' | 'escapeKeyDown' | 'closeButtonClick';
|
|
8
8
|
export interface DialogProps extends ModalProps {
|
|
9
9
|
/** main children content */
|
|
10
|
-
children: ReactElement<
|
|
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
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import { s as s0 } from "../../Dialog.module-
|
|
7
|
-
import ok from "./
|
|
8
|
-
import {
|
|
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 =
|
|
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
|
|
20056
|
+
return fk(gT, k);
|
|
20056
20057
|
}
|
|
20057
|
-
|
|
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 =
|
|
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
|
|
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:
|
|
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(
|
|
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
|
-
|
|
20300
|
-
|
|
20301
|
-
|
|
20302
|
-
|
|
20303
|
-
|
|
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
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
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(
|
|
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
|
+
};
|