@pismo/marola 0.0.1-alpha.32 → 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 +2 -13
- package/dist/{Button-2b1peDFT.js → Button-D--uN90N.js} +26 -25
- package/dist/Dialog.module-BKWFakxu.js +15 -0
- package/dist/ListContext-Dj2Va7Iv.js +18 -0
- package/dist/Tabs.module-BKlNuSPH.js +66 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/IconButton.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/Tabs.css +1 -1
- package/dist/assets/Typography.css +1 -1
- package/dist/assets/main.css +1 -0
- package/dist/components/Button/Button.d.ts +2 -13
- package/dist/components/Button/Button.js +49 -60
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.d.ts +1 -1
- package/dist/components/Dialog/Backdrop.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +124 -12
- package/dist/components/Dialog/Dialog.d.ts +3 -4
- package/dist/components/Dialog/Dialog.js +20098 -444
- package/dist/components/Dialog/{DialogTitle.d.ts → Title.d.ts} +3 -3
- package/dist/components/Dialog/Title.js +29 -0
- package/dist/components/IconButton/IconButton.d.ts +5 -21
- package/dist/components/IconButton/IconButton.js +76 -60
- package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +0 -2
- package/dist/components/PageHeader/PageHeader.d.ts +16 -56
- package/dist/components/PageHeader/PageHeader.js +65 -83
- package/dist/components/Pagination/Pagination.d.ts +6 -25
- package/dist/components/Pagination/Pagination.js +113 -131
- package/dist/components/SortTooltip/SortTooltip.d.ts +0 -28
- package/dist/components/SortTooltip/SortTooltip.js +1 -93
- package/dist/components/Table/Table.d.ts +0 -56
- package/dist/components/Table/Table.js +1 -137
- package/dist/components/Table/TableContext.d.ts +0 -19
- package/dist/components/Table/TableContext.js +1 -21
- package/dist/components/Tabs/Tab.d.ts +1 -6
- package/dist/components/Tabs/Tab.js +173 -113
- package/dist/components/Tabs/TabPanel.d.ts +1 -5
- package/dist/components/Tabs/TabPanel.js +16 -15
- package/dist/components/Tabs/Tabs.d.ts +2 -8
- package/dist/components/Tabs/Tabs.js +664 -242
- package/dist/components/Tooltip/Tooltip.d.ts +0 -33
- package/dist/components/Tooltip/Tooltip.js +1 -141
- package/dist/components/Typography/Typography.d.ts +6 -17
- package/dist/components/Typography/Typography.js +58 -58
- package/dist/{index-CH45lKw7.js → index-BvA1HyDs.js} +300 -322
- package/dist/main.d.ts +8 -27
- package/dist/main.js +28 -75
- package/dist/objectWithoutPropertiesLoose-ClNcje2_.js +22 -0
- package/dist/types/helpers.d.ts +0 -8
- package/dist/useButton-abQpo0za.js +187 -0
- package/dist/useCompoundItem-wTwXbURC.js +41 -0
- package/package.json +9 -30
- package/dist/ClickAwayListener-BSW-Nd-y.js +0 -107
- package/dist/Dialog.module-DFEmFdYT.js +0 -30
- package/dist/Group-B3p31ftp.js +0 -26
- package/dist/Popup-B6ZSGIEI.js +0 -1248
- package/dist/Portal-DIeBsWdL.js +0 -73
- package/dist/SelectButton-C8JQKaf4.js +0 -61
- package/dist/Tabs.module-jkH1Qjn7.js +0 -22
- package/dist/Toggle-BCgIItCc.js +0 -142
- package/dist/assets/Advice.css +0 -1
- package/dist/assets/Checkbox.css +0 -1
- package/dist/assets/EllipsisTooltip.css +0 -1
- package/dist/assets/Group.css +0 -1
- package/dist/assets/Input.css +0 -1
- package/dist/assets/InputSearch.css +0 -1
- package/dist/assets/SelectButton.css +0 -1
- package/dist/assets/Skeleton.css +0 -1
- package/dist/assets/Snackbar.css +0 -1
- package/dist/assets/SortTooltip.css +0 -1
- package/dist/assets/Stepper.css +0 -1
- package/dist/assets/Table.css +0 -1
- package/dist/assets/TextDisplay.css +0 -1
- package/dist/assets/Toggle.css +0 -1
- package/dist/assets/Toggle2.css +0 -1
- package/dist/assets/Tooltip.css +0 -1
- package/dist/combineHooksSlotProps-DVjg9PRh.js +0 -80
- package/dist/components/Advice/Advice.d.ts +0 -30
- package/dist/components/Advice/Advice.js +0 -47
- package/dist/components/Advice/Advice.stories.d.ts +0 -18
- package/dist/components/Button/Button.stories.d.ts +0 -62
- package/dist/components/Checkbox/Checkbox.d.ts +0 -34
- package/dist/components/Checkbox/Checkbox.js +0 -71
- package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -31
- package/dist/components/Chip/Chip.d.ts +0 -39
- package/dist/components/Chip/Chip.js +0 -19
- package/dist/components/Chip/Chip.stories.d.ts +0 -42
- package/dist/components/Chip/chip.test.d.ts +0 -1
- package/dist/components/Dialog/Dialog.stories.d.ts +0 -343
- package/dist/components/Dialog/DialogTitle.js +0 -29
- package/dist/components/EllipsisTooltip/EllipsisTooltip.d.ts +0 -7
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +0 -23
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +0 -31
- package/dist/components/Icon/Icon.d.ts +0 -11
- package/dist/components/Icon/Icon.js +0 -127
- package/dist/components/Icon/Icon.stories.d.ts +0 -15
- package/dist/components/Icon/types.d.ts +0 -5
- package/dist/components/Icon/types.js +0 -1
- package/dist/components/IconButton/Icon.stories.d.ts +0 -15
- package/dist/components/Input/Input.d.ts +0 -44
- package/dist/components/Input/Input.js +0 -508
- package/dist/components/Input/Input.stories.d.ts +0 -43
- package/dist/components/InputSearch/InputSearch.d.ts +0 -9
- package/dist/components/InputSearch/InputSearch.js +0 -34
- package/dist/components/InputSearch/InputSearch.stories.d.ts +0 -39
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +0 -14
- package/dist/components/PageHeader/PageHeader.stories.d.ts +0 -14
- package/dist/components/Pagination/Pagination.stories.d.ts +0 -17
- package/dist/components/Select/Select.d.ts +0 -26
- package/dist/components/Select/Select.js +0 -857
- package/dist/components/Select/Select.stories.d.ts +0 -22
- package/dist/components/Select/SelectButton.d.ts +0 -12
- package/dist/components/Select/SelectButton.js +0 -8
- package/dist/components/Skeleton/Skeleton.d.ts +0 -25
- package/dist/components/Skeleton/Skeleton.js +0 -23
- package/dist/components/Skeleton/Skeleton.stories.d.ts +0 -14
- package/dist/components/Skeleton/SkeletonCircle.stories.d.ts +0 -14
- package/dist/components/Skeleton/SkeletonTable.stories.d.ts +0 -16
- package/dist/components/Snackbar/Snackbar.d.ts +0 -27
- package/dist/components/Snackbar/Snackbar.js +0 -639
- package/dist/components/Snackbar/Snackbar.stories.d.ts +0 -319
- package/dist/components/Stepper/Stepper.d.ts +0 -26
- package/dist/components/Stepper/Stepper.js +0 -48
- package/dist/components/Stepper/Stepper.stories.d.ts +0 -16
- package/dist/components/Table/Table.stories.d.ts +0 -29
- package/dist/components/Table/_Table.TBody.stories.d.ts +0 -14
- package/dist/components/Table/_Table.THead.stories.d.ts +0 -14
- package/dist/components/Table/_Table.Td.stories.d.ts +0 -16
- package/dist/components/Table/_Table.Th.stories.d.ts +0 -15
- package/dist/components/Table/_Table.Tr.stories.d.ts +0 -15
- package/dist/components/Tabs/Tab.stories.d.ts +0 -15
- package/dist/components/Tabs/TabPanel.stories.d.ts +0 -14
- package/dist/components/Tabs/Tabs.stories.d.ts +0 -14
- package/dist/components/TextDisplay/TextDisplay.d.ts +0 -23
- package/dist/components/TextDisplay/TextDisplay.js +0 -37
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +0 -13
- package/dist/components/TextDisplay/textDisplay.test.d.ts +0 -1
- package/dist/components/Toggle/Toggle.d.ts +0 -11
- package/dist/components/Toggle/Toggle.js +0 -266
- package/dist/components/Toggle/Toggle.stories.d.ts +0 -21
- package/dist/components/ToggleGroup/Group.d.ts +0 -18
- package/dist/components/ToggleGroup/Group.js +0 -7
- package/dist/components/ToggleGroup/Group.test.d.ts +0 -1
- package/dist/components/ToggleGroup/Toggle.d.ts +0 -15
- package/dist/components/ToggleGroup/Toggle.js +0 -17
- package/dist/components/ToggleGroup/Toggle.test.d.ts +0 -1
- package/dist/components/ToggleGroup/ToggleGroup.d.ts +0 -2
- package/dist/components/ToggleGroup/ToggleGroup.js +0 -6
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +0 -25
- package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -35
- package/dist/components/Typography/Typography.stories.d.ts +0 -32
- package/dist/components/Typography/typography.test.d.ts +0 -1
- package/dist/contexts/SnackbarProvider/SnackbarProvider.d.ts +0 -11
- package/dist/contexts/SnackbarProvider/SnackbarProvider.js +0 -50
- package/dist/contexts/SnackbarProvider/SnackbarProvider.stories.d.ts +0 -21
- package/dist/index-CjW42-M-.js +0 -19584
- package/dist/marola.css +0 -1
- package/dist/test-utils/assertStyles.d.ts +0 -1
- package/dist/test-utils/assertStyles.js +0 -11
- package/dist/useButton-DNk3wrQp.js +0 -105
- package/dist/useCompoundItem-D1iRfg8D.js +0 -84
- package/dist/useEventCallback-xTG9piMa.js +0 -45
- package/dist/useIsFocusVisible-BH4IAdcw.js +0 -69
- package/dist/useList-B0hog_3-.js +0 -436
- package/dist/useTimeout-DxF9kiZL.js +0 -36
- package/dist/utils/styleStrings.d.ts +0 -6
- package/dist/utils/styleStrings.js +0 -10
- package/dist/utils/styleStrings.test.d.ts +0 -1
package/README.md
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
# Marola - component library
|
|
2
2
|
|
|
3
|
-

|
|
4
4
|
|
|
5
5
|
### Commands
|
|
6
6
|
|
|
@@ -9,14 +9,7 @@ changes
|
|
|
9
9
|
|
|
10
10
|
`yarn build` - builds the components ready for publish
|
|
11
11
|
|
|
12
|
-
`yarn test` -
|
|
13
|
-
|
|
14
|
-
`yarn test:unit` - runs vitest for unit tests
|
|
15
|
-
|
|
16
|
-
`yarn test:unit:visual` - runs vitest for unit tests in a browser, then when tests are run it will show the output in
|
|
17
|
-
browser
|
|
18
|
-
|
|
19
|
-
`yarn test:unit:watch` - runs vitest and watches for any change and reruns
|
|
12
|
+
`yarn test` - not yet implemented
|
|
20
13
|
|
|
21
14
|
`yarn lint` - performs an eslint across the project code and reports any problems in the terminal
|
|
22
15
|
|
|
@@ -24,10 +17,6 @@ browser
|
|
|
24
17
|
|
|
25
18
|
`yarn publish` - runs a prePublish build (the `build` command) then publishes the contents of the `dist` directory
|
|
26
19
|
|
|
27
|
-
`yarn storybook` - start storybook
|
|
28
|
-
|
|
29
|
-
`yarn build-storybook` - build storybook static files
|
|
30
|
-
|
|
31
20
|
### Tips
|
|
32
21
|
|
|
33
22
|
#### Node version
|
|
@@ -1,22 +1,23 @@
|
|
|
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
|
-
active:
|
|
13
|
+
active: e,
|
|
13
14
|
disabled: n,
|
|
14
15
|
focusVisible: r
|
|
15
16
|
} = s;
|
|
16
17
|
return O({
|
|
17
|
-
root: ["root", n && "disabled", r && "focusVisible",
|
|
18
|
+
root: ["root", n && "disabled", r && "focusVisible", e && "active"]
|
|
18
19
|
}, D(U));
|
|
19
|
-
}, w = /* @__PURE__ */ c.forwardRef(function(
|
|
20
|
+
}, w = /* @__PURE__ */ c.forwardRef(function(e, n) {
|
|
20
21
|
var r;
|
|
21
22
|
const {
|
|
22
23
|
action: u,
|
|
@@ -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
|
-
} =
|
|
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 {
|
|
@@ -33,7 +34,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
|
|
|
33
34
|
focusVisible: E,
|
|
34
35
|
setFocusVisible: d,
|
|
35
36
|
getRootProps: V
|
|
36
|
-
} = S(i({},
|
|
37
|
+
} = S(i({}, e, {
|
|
37
38
|
focusableWhenDisabled: f,
|
|
38
39
|
rootElementName: a
|
|
39
40
|
}));
|
|
@@ -42,7 +43,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
|
|
|
42
43
|
d(!0), g.current.focus();
|
|
43
44
|
}
|
|
44
45
|
}), [d]);
|
|
45
|
-
const p = i({},
|
|
46
|
+
const p = i({}, e, {
|
|
46
47
|
active: y,
|
|
47
48
|
focusableWhenDisabled: f,
|
|
48
49
|
focusVisible: E
|
|
@@ -69,61 +70,61 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
|
|
|
69
70
|
/**
|
|
70
71
|
* A ref for imperative actions. It currently only supports `focusVisible()` action.
|
|
71
72
|
*/
|
|
72
|
-
action:
|
|
73
|
-
current:
|
|
74
|
-
focusVisible:
|
|
73
|
+
action: o.oneOfType([o.func, o.shape({
|
|
74
|
+
current: o.shape({
|
|
75
|
+
focusVisible: o.func.isRequired
|
|
75
76
|
})
|
|
76
77
|
})]),
|
|
77
78
|
/**
|
|
78
79
|
* @ignore
|
|
79
80
|
*/
|
|
80
|
-
children:
|
|
81
|
+
children: o.node,
|
|
81
82
|
/**
|
|
82
83
|
* @ignore
|
|
83
84
|
*/
|
|
84
|
-
className:
|
|
85
|
+
className: o.string,
|
|
85
86
|
/**
|
|
86
87
|
* If `true`, the component is disabled.
|
|
87
88
|
* @default false
|
|
88
89
|
*/
|
|
89
|
-
disabled:
|
|
90
|
+
disabled: o.bool,
|
|
90
91
|
/**
|
|
91
92
|
* If `true`, allows a disabled button to receive focus.
|
|
92
93
|
* @default false
|
|
93
94
|
*/
|
|
94
|
-
focusableWhenDisabled:
|
|
95
|
+
focusableWhenDisabled: o.bool,
|
|
95
96
|
/**
|
|
96
97
|
* @ignore
|
|
97
98
|
*/
|
|
98
|
-
href:
|
|
99
|
+
href: o.string,
|
|
99
100
|
/**
|
|
100
101
|
* @ignore
|
|
101
102
|
*/
|
|
102
|
-
onFocusVisible:
|
|
103
|
+
onFocusVisible: o.func,
|
|
103
104
|
/**
|
|
104
105
|
* The HTML element that is ultimately rendered, for example 'button' or 'a'
|
|
105
106
|
* @default 'button'
|
|
106
107
|
*/
|
|
107
|
-
rootElementName:
|
|
108
|
+
rootElementName: o.string,
|
|
108
109
|
/**
|
|
109
110
|
* The props used for each slot inside the Button.
|
|
110
111
|
* @default {}
|
|
111
112
|
*/
|
|
112
|
-
slotProps:
|
|
113
|
-
root:
|
|
113
|
+
slotProps: o.shape({
|
|
114
|
+
root: o.oneOfType([o.func, o.object])
|
|
114
115
|
}),
|
|
115
116
|
/**
|
|
116
117
|
* The components used for each slot inside the Button.
|
|
117
118
|
* Either a string to use a HTML element or a component.
|
|
118
119
|
* @default {}
|
|
119
120
|
*/
|
|
120
|
-
slots:
|
|
121
|
-
root:
|
|
121
|
+
slots: o.shape({
|
|
122
|
+
root: o.elementType
|
|
122
123
|
}),
|
|
123
124
|
/**
|
|
124
125
|
* @ignore
|
|
125
126
|
*/
|
|
126
|
-
to:
|
|
127
|
+
to: o.string
|
|
127
128
|
});
|
|
128
129
|
export {
|
|
129
130
|
w as B
|
|
@@ -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
|
+
};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as t from "react";
|
|
2
|
+
const e = {
|
|
3
|
+
blur: "list:blur",
|
|
4
|
+
focus: "list:focus",
|
|
5
|
+
itemClick: "list:itemClick",
|
|
6
|
+
itemHover: "list:itemHover",
|
|
7
|
+
itemsChange: "list:itemsChange",
|
|
8
|
+
keyDown: "list:keyDown",
|
|
9
|
+
resetHighlight: "list:resetHighlight",
|
|
10
|
+
highlightLast: "list:highlightLast",
|
|
11
|
+
textNavigation: "list:textNavigation",
|
|
12
|
+
clearSelection: "list:clearSelection"
|
|
13
|
+
}, i = /* @__PURE__ */ t.createContext(null);
|
|
14
|
+
process.env.NODE_ENV !== "production" && (i.displayName = "ListContext");
|
|
15
|
+
export {
|
|
16
|
+
i as L,
|
|
17
|
+
e as a
|
|
18
|
+
};
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import './assets/Tabs.css';
|
|
2
|
+
import * as n from "react";
|
|
3
|
+
const p = /* @__PURE__ */ n.createContext(null);
|
|
4
|
+
process.env.NODE_ENV !== "production" && (p.displayName = "CompoundComponentContext");
|
|
5
|
+
function C(e) {
|
|
6
|
+
const c = Array.from(e.keys()).map((t) => {
|
|
7
|
+
const a = e.get(t);
|
|
8
|
+
return {
|
|
9
|
+
key: t,
|
|
10
|
+
subitem: a
|
|
11
|
+
};
|
|
12
|
+
});
|
|
13
|
+
return c.sort((t, a) => {
|
|
14
|
+
const u = t.subitem.ref.current, r = a.subitem.ref.current;
|
|
15
|
+
return u === null || r === null || u === r ? 0 : u.compareDocumentPosition(r) & Node.DOCUMENT_POSITION_PRECEDING ? 1 : -1;
|
|
16
|
+
}), new Map(c.map((t) => [t.key, t.subitem]));
|
|
17
|
+
}
|
|
18
|
+
function I() {
|
|
19
|
+
const [e, c] = n.useState(/* @__PURE__ */ new Map()), t = n.useRef(/* @__PURE__ */ new Set()), a = n.useCallback(function(o) {
|
|
20
|
+
t.current.delete(o), c((b) => {
|
|
21
|
+
const s = new Map(b);
|
|
22
|
+
return s.delete(o), s;
|
|
23
|
+
});
|
|
24
|
+
}, []), u = n.useCallback(function(o, b) {
|
|
25
|
+
let s;
|
|
26
|
+
return typeof o == "function" ? s = o(t.current) : s = o, t.current.add(s), c((d) => {
|
|
27
|
+
const _ = new Map(d);
|
|
28
|
+
return _.set(s, b), _;
|
|
29
|
+
}), {
|
|
30
|
+
id: s,
|
|
31
|
+
deregister: () => a(s)
|
|
32
|
+
};
|
|
33
|
+
}, [a]), r = n.useMemo(() => C(e), [e]), i = n.useCallback(function(o) {
|
|
34
|
+
return Array.from(r.keys()).indexOf(o);
|
|
35
|
+
}, [r]);
|
|
36
|
+
return {
|
|
37
|
+
contextValue: n.useMemo(() => ({
|
|
38
|
+
getItemIndex: i,
|
|
39
|
+
registerItem: u,
|
|
40
|
+
totalSubitemCount: e.size
|
|
41
|
+
}), [i, u, e.size]),
|
|
42
|
+
subitems: r
|
|
43
|
+
};
|
|
44
|
+
}
|
|
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
|
+
if (e == null)
|
|
50
|
+
throw new Error("No TabsContext provided");
|
|
51
|
+
return e;
|
|
52
|
+
}
|
|
53
|
+
const f = "_tabs_1ulv7_1", x = "_tabs__tab_1ulv7_5", v = {
|
|
54
|
+
tabs: f,
|
|
55
|
+
tabs__tab: x,
|
|
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
|
+
};
|
|
60
|
+
export {
|
|
61
|
+
p as C,
|
|
62
|
+
m as T,
|
|
63
|
+
I as a,
|
|
64
|
+
v as s,
|
|
65
|
+
y as u
|
|
66
|
+
};
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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)}
|
|
@@ -1 +1 @@
|
|
|
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
|
-
.
|
|
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}
|
|
@@ -1 +1 @@
|
|
|
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}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
:root{--secondary-orange: #ffa945;--secondary-orange-rgb: 255, 169, 69;--secondary-orange-dark: #fe8d53;--secondary-orange-dark-rgb: 254, 141, 83;--secondary-orange-light: #525061;--secondary-orange-light-rgb: 82, 80, 97;--secondary-green: #99dec3;--secondary-green-rgb: 153, 222, 195;--secondary-green-dark: #6acbb1;--secondary-green-dark-rgb: 106, 203, 177;--secondary-green-darker: #31aa7e;--secondary-green-darker-rgb: 49, 170, 126;--secondary-green-light: #baedd9;--secondary-green-light-rgb: 186, 237, 217;--accent: #1897f3;--accent-rgb: 24, 151, 243;--accent-dark: #1672c7;--accent-dark-rgb: 22, 114, 199;--accent-light: #4fb1f9;--accent-light-rgb: 79, 177, 249;--accent-lighter: #8ae1fd;--accent-lighter-rgb: 138, 225, 253;--alert: #df4561;--alert-rgb: 223, 69, 97;--alert-dark: #bb2b45;--alert-dark-rgb: 187, 43, 69;--accent-alert-light: #f37c91;--accent-alert-light-rgb: 243, 124, 145;--cream: #fafafa;--cream-rgb: 250, 250, 250;--hover: #42b7ff;--hover-rgb: 66, 183, 255;--active: #0a75cc;--active-rgb: 10, 117, 204}:root{--gray-100: #16161e;--gray-100-rgb: 22, 22, 30;--gray-95: #3f3d4b;--gray-95-rgb: 63, 61, 75;--gray-90: #525061;--gray-90-rgb: 82, 80, 97;--gray-75: #838192;--gray-75-rgb: 131, 129, 146;--gray-50: #bcbac8;--gray-50-rgb: 188, 186, 200;--gray-25: #dbdae2;--gray-25-rgb: 219, 218, 226;--gray-10: #ebeaf0;--gray-10-rgb: 235, 234, 240;--gray-5: #f7f7fc;--gray-5-rgb: 247, 247, 252;--black-100: #000000;--black-100-rgb: 0, 0, 0;--black-75: #616161;--black-75-rgb: 97, 97, 97;--black-50: #838192;--black-50-rgb: 131, 129, 146;--black-25: #bcbac8;--black-25-rgb: 188, 186, 200;--black-10: #ebeaf0;--black-10-rgb: 235, 234, 240;--white-100: #ffffff;--white-100-rgb: 255, 255, 255}:root{--heading-font-weight: 700;--heading-font-size-xl: 3.75rem;--heading-line-height-xl: 4.875rem;--heading-font-size-l: 3rem;--heading-line-height-l: 3.9375rem;--heading-font-size: 2.25rem;--heading-line-height: 2.875rem;--heading-font-size-s: 1.5rem;--heading-line-height-s: 2rem;--body-font-size: 1rem;--body-line-height: 1.3125rem;--body-weight: normal;--body-bold: bold;--body-font-size-large: 1.5rem;--body-line-height-large: 1.625rem;--body-font-size-medium: 1.125;--body-line-height-medium: 1rem;--body-font-size-small: .875rem;--body-line-height-small: 1.125rem;--body-font-size-tiny: .75rem;--body-line-height-tiny: 1rem;--quote-font-size-large: 1.5rem;--quote-line-height-large: 2rem;--quote-font-weight-large: normal;--quote-font-size: 1rem;--quote-line-height: 1.3125rem;--quote-font-weight: normal;--form-input-font-size: 1rem;--form-input-line-height: 1.3125rem;--form-input-font-weight: bold;--form-hint-font-size: .875rem;--form-hint-line-height: 1.3125rem;--form-hint-font-weight: normal;--form-label-font-size: .875rem;--form-label-line-height: 1.3125rem;--form-label-font-weight: normal;--form-dropdown-font-size: 1rem;--form-dropdown-line-height: 1.3125rem;--form-dropdown-font-weight: normal;--table-font-size: .875rem;--table-line-height: 1.0625rem;--table-header-font-weight: bold;--table-body-font-weight: normal;--table-body-secondary-line-height: 1.3125rem;--button-font-size: 1rem;--button-line-height: 1.25rem;--button-font-weight: bold}:root{--spacing: 8px;--border-radius: 6px;--border-radius-soft: 4px;--transition-soft: .3s}
|
|
@@ -1,32 +1,21 @@
|
|
|
1
1
|
import { Either } from '../../types/helpers';
|
|
2
|
-
import { ButtonOwnProps as MUIButtonBaseProps } from '@mui/base';
|
|
3
2
|
import { ReactNode } from 'react';
|
|
4
3
|
|
|
5
4
|
type Variant = 'primary' | 'secondary' | 'quick';
|
|
6
5
|
type ButtonCoreProps = {
|
|
7
|
-
/** Button to display and act in a loading state */
|
|
8
6
|
loading?: boolean;
|
|
9
|
-
/** Button to display and act in a disabled state */
|
|
10
7
|
disabled?: boolean;
|
|
11
|
-
/** Space separated list of CSS classes to apply */
|
|
12
8
|
className?: string;
|
|
13
|
-
/** Text or children to display */
|
|
14
9
|
children: ReactNode;
|
|
15
|
-
/** alternative style to use*/
|
|
16
10
|
variant?: Variant;
|
|
17
|
-
/** mui base button props */
|
|
18
|
-
muiButtonBaseProps?: MUIButtonBaseProps;
|
|
19
11
|
};
|
|
20
12
|
interface ButtonPropsWithLink extends ButtonCoreProps {
|
|
21
|
-
/** link for component to navigate to, if provide component will be an anchor */
|
|
22
13
|
link: string;
|
|
23
14
|
}
|
|
24
15
|
interface ButtonPropsWithOnClick extends ButtonCoreProps {
|
|
25
|
-
|
|
26
|
-
onClick?: () => void;
|
|
27
|
-
/** HTML type of button */
|
|
16
|
+
onClick: () => void;
|
|
28
17
|
type?: HTMLButtonElement['type'];
|
|
29
18
|
}
|
|
30
19
|
export type ButtonProps = Either<ButtonPropsWithLink, ButtonPropsWithOnClick>;
|
|
31
|
-
export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import(
|
|
20
|
+
export declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;
|
|
32
21
|
export default Button;
|
|
@@ -1,65 +1,54 @@
|
|
|
1
1
|
import '../../assets/Button.css';
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { forwardRef as
|
|
4
|
-
import { c as
|
|
5
|
-
import { LoadingSpinner as
|
|
6
|
-
import { B as
|
|
7
|
-
const k = "
|
|
8
|
-
|
|
9
|
-
"
|
|
10
|
-
|
|
11
|
-
"
|
|
12
|
-
|
|
13
|
-
"
|
|
14
|
-
|
|
15
|
-
"
|
|
16
|
-
|
|
17
|
-
"
|
|
18
|
-
|
|
19
|
-
"
|
|
20
|
-
"
|
|
21
|
-
"
|
|
22
|
-
"
|
|
23
|
-
"
|
|
24
|
-
"
|
|
25
|
-
|
|
26
|
-
"
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
[
|
|
44
|
-
|
|
45
|
-
return /* @__PURE__ */ h(
|
|
46
|
-
f,
|
|
47
|
-
{
|
|
48
|
-
type: e,
|
|
49
|
-
href: u,
|
|
50
|
-
onClick: _,
|
|
51
|
-
disabled: s,
|
|
52
|
-
className: b,
|
|
53
|
-
ref: y,
|
|
54
|
-
...g ?? {},
|
|
55
|
-
children: n ? /* @__PURE__ */ l("div", { className: o["button__loading-container"], children: [
|
|
56
|
-
/* @__PURE__ */ h(x, { ...i }),
|
|
57
|
-
a
|
|
58
|
-
] }) : a
|
|
59
|
-
}
|
|
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, _]
|
|
60
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 });
|
|
61
50
|
});
|
|
62
51
|
export {
|
|
63
|
-
|
|
64
|
-
|
|
52
|
+
E as Button,
|
|
53
|
+
E as default
|
|
65
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,6 +1,6 @@
|
|
|
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
6
|
return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });
|