@pismo/marola 0.0.1-alpha.16 → 0.0.1-alpha.18
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/dist/{Button-B1umG8kJ.js → Button-2b1peDFT.js} +25 -26
- package/dist/{ClickAwayListener-HI1G6ob9.js → ClickAwayListener-BSW-Nd-y.js} +3 -3
- package/dist/{Popup-DFJQc_jn.js → Popup-B6ZSGIEI.js} +12 -13
- package/dist/{Portal-D__zvwbZ.js → Portal-DIeBsWdL.js} +2 -2
- package/dist/{SelectButton-DWZ2BRaX.js → SelectButton-pciwIWcj.js} +24 -22
- package/dist/assets/Chip.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/PageHeader.css +1 -1
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/TextDisplay.css +1 -0
- package/dist/{combineHooksSlotProps-BHqhiBfc.js → combineHooksSlotProps-DVjg9PRh.js} +18 -19
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Checkbox/Checkbox.d.ts +15 -0
- package/dist/components/Checkbox/Checkbox.stories.d.ts +31 -0
- package/dist/components/Chip/Chip.js +1 -1
- package/dist/components/Dialog/CloseIconButton.js +1 -1
- package/dist/components/Dialog/Dialog.js +15 -16
- package/dist/components/Dialog/Dialog.stories.d.ts +3 -3
- package/dist/components/Icon/Icon.d.ts +10 -1
- package/dist/components/Icon/Icon.js +39 -25
- package/dist/components/Icon/Icon.stories.d.ts +16 -0
- package/dist/components/IconButton/Icon.stories.d.ts +15 -0
- package/dist/components/IconButton/IconButton.d.ts +14 -0
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Input/Input.js +38 -39
- package/dist/components/PageHeader/PageHeader.js +23 -23
- package/dist/components/Pagination/Pagination.d.ts +24 -5
- package/dist/components/Pagination/Pagination.js +119 -116
- package/dist/components/Pagination/Pagination.stories.d.ts +17 -0
- package/dist/components/Select/Select.js +137 -138
- package/dist/components/Select/SelectButton.js +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +10 -3
- package/dist/components/Skeleton/Skeleton.js +12 -15
- package/dist/components/Skeleton/Skeleton.stories.d.ts +14 -0
- package/dist/components/Skeleton/SkeletonCircle.stories.d.ts +14 -0
- package/dist/components/Skeleton/SkeletonTable.stories.d.ts +16 -0
- package/dist/components/Snackbar/Snackbar.js +6 -7
- package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
- package/dist/components/SortTooltip/SortTooltip.d.ts +3 -1
- package/dist/components/SortTooltip/SortTooltip.js +27 -16
- package/dist/components/Stepper/Stepper.d.ts +11 -1
- package/dist/components/Stepper/Stepper.stories.d.ts +16 -0
- package/dist/components/Table/Table.js +38 -40
- package/dist/components/Tabs/Tab.d.ts +5 -0
- package/dist/components/Tabs/Tab.js +9 -10
- package/dist/components/Tabs/Tab.stories.d.ts +15 -0
- package/dist/components/Tabs/TabPanel.d.ts +4 -0
- package/dist/components/Tabs/TabPanel.js +13 -14
- package/dist/components/Tabs/TabPanel.stories.d.ts +14 -0
- package/dist/components/Tabs/Tabs.d.ts +5 -1
- package/dist/components/Tabs/Tabs.js +36 -37
- package/dist/components/Tabs/Tabs.stories.d.ts +14 -0
- package/dist/components/TextDisplay/TextDisplay.d.ts +23 -0
- package/dist/components/TextDisplay/TextDisplay.js +37 -0
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +13 -0
- package/dist/components/TextDisplay/textDisplay.test.d.ts +1 -0
- package/dist/components/Toggle/Toggle.js +7 -8
- package/dist/components/Tooltip/Tooltip.d.ts +18 -6
- package/dist/components/Tooltip/Tooltip.js +104 -92
- package/dist/components/Tooltip/Tooltip.stories.d.ts +33 -0
- package/dist/components/Typography/Typography.d.ts +2 -0
- package/dist/components/Typography/Typography.js +40 -29
- package/dist/components/Typography/Typography.stories.d.ts +1 -0
- package/dist/{index-CqjC7P5Y.js → index-CH45lKw7.js} +333 -307
- package/dist/{index-BJ8HbRCy.js → index-CjW42-M-.js} +5 -6
- package/dist/main.d.ts +5 -1
- package/dist/main.js +34 -32
- package/dist/marola.css +1 -0
- package/dist/{useButton-Bc8IAgyk.js → useButton-DNk3wrQp.js} +3 -4
- package/dist/{useEventCallback-vAfOD-oT.js → useEventCallback-xTG9piMa.js} +1 -1
- package/dist/{useList-ByMguSS_.js → useList-B0hog_3-.js} +48 -49
- package/package.json +2 -2
- package/dist/_commonjsHelpers-CT_km90n.js +0 -30
- package/dist/components/Advice/Advice.stories.js +0 -48
- package/dist/components/Button/Button.stories.js +0 -40
- package/dist/components/Chip/Chip.stories.js +0 -59
- package/dist/components/Chip/chip.test.js +0 -17303
- package/dist/components/Dialog/Dialog.stories.js +0 -59
- package/dist/components/Input/Input.stories.js +0 -106
- package/dist/components/InputSearch/InputSearch.stories.js +0 -73
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.js +0 -38
- package/dist/components/PageHeader/PageHeader.stories.js +0 -49
- package/dist/components/Select/Select.stories.js +0 -89
- package/dist/components/Snackbar/Snackbar.stories.js +0 -62
- package/dist/components/Toggle/Toggle.stories.js +0 -33
- package/dist/components/Typography/Typography.stories.js +0 -30
- package/dist/components/Typography/typography.test.js +0 -234
- package/dist/magic-string.es-O_8lTkE3.js +0 -738
- package/dist/objectWithoutPropertiesLoose-D7Cp0Pg_.js +0 -26
- package/dist/react.esm-DGd9_oKA.js +0 -11126
- package/dist/utils/styleStrings.test.js +0 -41
- package/dist/vi.Y_w82WR8-XVYrIxgm.js +0 -9861
|
@@ -1,23 +1,22 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { g as T, a as _, _ as x, b as i, c as B, P as e, d as O, e as D } from "./index-CH45lKw7.js";
|
|
2
2
|
import * as c from "react";
|
|
3
|
-
import { g as _, a as x, b as B, P as o, c as O, d as D } from "./index-CqjC7P5Y.js";
|
|
4
3
|
import { jsx as F } from "react/jsx-runtime";
|
|
5
|
-
import { u as S } from "./useButton-
|
|
4
|
+
import { u as S } from "./useButton-DNk3wrQp.js";
|
|
6
5
|
const m = "Button";
|
|
7
6
|
function U(s) {
|
|
8
|
-
return
|
|
7
|
+
return T(m, s);
|
|
9
8
|
}
|
|
10
|
-
|
|
9
|
+
_(m, ["root", "active", "disabled", "focusVisible"]);
|
|
11
10
|
const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVisible", "slotProps", "slots", "rootElementName"], j = (s) => {
|
|
12
11
|
const {
|
|
13
|
-
active:
|
|
12
|
+
active: o,
|
|
14
13
|
disabled: n,
|
|
15
14
|
focusVisible: r
|
|
16
15
|
} = s;
|
|
17
16
|
return O({
|
|
18
|
-
root: ["root", n && "disabled", r && "focusVisible",
|
|
17
|
+
root: ["root", n && "disabled", r && "focusVisible", o && "active"]
|
|
19
18
|
}, D(U));
|
|
20
|
-
}, w = /* @__PURE__ */ c.forwardRef(function(
|
|
19
|
+
}, w = /* @__PURE__ */ c.forwardRef(function(o, n) {
|
|
21
20
|
var r;
|
|
22
21
|
const {
|
|
23
22
|
action: u,
|
|
@@ -26,7 +25,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
|
|
|
26
25
|
slotProps: P = {},
|
|
27
26
|
slots: l = {},
|
|
28
27
|
rootElementName: N = "button"
|
|
29
|
-
} =
|
|
28
|
+
} = o, t = x(o, W), g = c.useRef();
|
|
30
29
|
let a = N;
|
|
31
30
|
typeof l.root == "string" ? a = l.root : (t.href || t.to) && (a = "a");
|
|
32
31
|
const {
|
|
@@ -34,7 +33,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
|
|
|
34
33
|
focusVisible: E,
|
|
35
34
|
setFocusVisible: d,
|
|
36
35
|
getRootProps: V
|
|
37
|
-
} = S(i({},
|
|
36
|
+
} = S(i({}, o, {
|
|
38
37
|
focusableWhenDisabled: f,
|
|
39
38
|
rootElementName: a
|
|
40
39
|
}));
|
|
@@ -43,7 +42,7 @@ const W = ["action", "children", "disabled", "focusableWhenDisabled", "onFocusVi
|
|
|
43
42
|
d(!0), g.current.focus();
|
|
44
43
|
}
|
|
45
44
|
}), [d]);
|
|
46
|
-
const p = i({},
|
|
45
|
+
const p = i({}, o, {
|
|
47
46
|
active: y,
|
|
48
47
|
focusableWhenDisabled: f,
|
|
49
48
|
focusVisible: E
|
|
@@ -70,61 +69,61 @@ process.env.NODE_ENV !== "production" && (w.propTypes = {
|
|
|
70
69
|
/**
|
|
71
70
|
* A ref for imperative actions. It currently only supports `focusVisible()` action.
|
|
72
71
|
*/
|
|
73
|
-
action:
|
|
74
|
-
current:
|
|
75
|
-
focusVisible:
|
|
72
|
+
action: e.oneOfType([e.func, e.shape({
|
|
73
|
+
current: e.shape({
|
|
74
|
+
focusVisible: e.func.isRequired
|
|
76
75
|
})
|
|
77
76
|
})]),
|
|
78
77
|
/**
|
|
79
78
|
* @ignore
|
|
80
79
|
*/
|
|
81
|
-
children:
|
|
80
|
+
children: e.node,
|
|
82
81
|
/**
|
|
83
82
|
* @ignore
|
|
84
83
|
*/
|
|
85
|
-
className:
|
|
84
|
+
className: e.string,
|
|
86
85
|
/**
|
|
87
86
|
* If `true`, the component is disabled.
|
|
88
87
|
* @default false
|
|
89
88
|
*/
|
|
90
|
-
disabled:
|
|
89
|
+
disabled: e.bool,
|
|
91
90
|
/**
|
|
92
91
|
* If `true`, allows a disabled button to receive focus.
|
|
93
92
|
* @default false
|
|
94
93
|
*/
|
|
95
|
-
focusableWhenDisabled:
|
|
94
|
+
focusableWhenDisabled: e.bool,
|
|
96
95
|
/**
|
|
97
96
|
* @ignore
|
|
98
97
|
*/
|
|
99
|
-
href:
|
|
98
|
+
href: e.string,
|
|
100
99
|
/**
|
|
101
100
|
* @ignore
|
|
102
101
|
*/
|
|
103
|
-
onFocusVisible:
|
|
102
|
+
onFocusVisible: e.func,
|
|
104
103
|
/**
|
|
105
104
|
* The HTML element that is ultimately rendered, for example 'button' or 'a'
|
|
106
105
|
* @default 'button'
|
|
107
106
|
*/
|
|
108
|
-
rootElementName:
|
|
107
|
+
rootElementName: e.string,
|
|
109
108
|
/**
|
|
110
109
|
* The props used for each slot inside the Button.
|
|
111
110
|
* @default {}
|
|
112
111
|
*/
|
|
113
|
-
slotProps:
|
|
114
|
-
root:
|
|
112
|
+
slotProps: e.shape({
|
|
113
|
+
root: e.oneOfType([e.func, e.object])
|
|
115
114
|
}),
|
|
116
115
|
/**
|
|
117
116
|
* The components used for each slot inside the Button.
|
|
118
117
|
* Either a string to use a HTML element or a component.
|
|
119
118
|
* @default {}
|
|
120
119
|
*/
|
|
121
|
-
slots:
|
|
122
|
-
root:
|
|
120
|
+
slots: e.shape({
|
|
121
|
+
root: e.elementType
|
|
123
122
|
}),
|
|
124
123
|
/**
|
|
125
124
|
* @ignore
|
|
126
125
|
*/
|
|
127
|
-
to:
|
|
126
|
+
to: e.string
|
|
128
127
|
});
|
|
129
128
|
export {
|
|
130
129
|
w as B
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as t from "react";
|
|
2
|
-
import { u as C, P as f } from "./index-
|
|
2
|
+
import { u as C, P as f } from "./index-CH45lKw7.js";
|
|
3
3
|
import { jsx as w } from "react/jsx-runtime";
|
|
4
|
-
import { u as L, o as h, e as b } from "./useEventCallback-
|
|
5
|
-
import { e as g } from "./index-
|
|
4
|
+
import { u as L, o as h, e as b } from "./useEventCallback-xTG9piMa.js";
|
|
5
|
+
import { e as g } from "./index-CjW42-M-.js";
|
|
6
6
|
function T(c) {
|
|
7
7
|
return c.substring(2).toLowerCase();
|
|
8
8
|
}
|
|
@@ -1,11 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { g as jt, a as zt, _ as It, u as Ut, b as ut, c as Xt, P as x, d as Yt, e as Kt } from "./index-CH45lKw7.js";
|
|
2
2
|
import * as b from "react";
|
|
3
|
-
import { useLayoutEffect as
|
|
4
|
-
import {
|
|
5
|
-
import { r as Qt } from "./index-BJ8HbRCy.js";
|
|
3
|
+
import { useLayoutEffect as Gt, useEffect as Jt } from "react";
|
|
4
|
+
import { r as Qt } from "./index-CjW42-M-.js";
|
|
6
5
|
import { jsx as Z } from "react/jsx-runtime";
|
|
7
6
|
import { u as Zt } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
8
|
-
import { P as qt, H as gt } from "./Portal-
|
|
7
|
+
import { P as qt, H as gt } from "./Portal-DIeBsWdL.js";
|
|
9
8
|
const et = Math.min, z = Math.max, nt = Math.round, q = Math.floor, H = (t) => ({
|
|
10
9
|
x: t,
|
|
11
10
|
y: t
|
|
@@ -884,7 +883,7 @@ const Ct = ue, Me = de, ke = fe, De = (t, e, o) => {
|
|
|
884
883
|
platform: s
|
|
885
884
|
});
|
|
886
885
|
};
|
|
887
|
-
var tt = typeof document < "u" ?
|
|
886
|
+
var tt = typeof document < "u" ? Gt : Jt;
|
|
888
887
|
function rt(t, e) {
|
|
889
888
|
if (t === e)
|
|
890
889
|
return !0;
|
|
@@ -1029,9 +1028,9 @@ function Fe(t) {
|
|
|
1029
1028
|
}
|
|
1030
1029
|
const Wt = "Popup";
|
|
1031
1030
|
function Ne(t) {
|
|
1032
|
-
return
|
|
1031
|
+
return jt(Wt, t);
|
|
1033
1032
|
}
|
|
1034
|
-
|
|
1033
|
+
zt(Wt, ["root", "open"]);
|
|
1035
1034
|
const Ht = /* @__PURE__ */ b.createContext(null);
|
|
1036
1035
|
process.env.NODE_ENV !== "production" && (Ht.displayName = "TransitionContext");
|
|
1037
1036
|
function Ve(t) {
|
|
@@ -1064,9 +1063,9 @@ function Be(t) {
|
|
|
1064
1063
|
const {
|
|
1065
1064
|
open: e
|
|
1066
1065
|
} = t;
|
|
1067
|
-
return
|
|
1066
|
+
return Yt({
|
|
1068
1067
|
root: ["root", e && "open"]
|
|
1069
|
-
},
|
|
1068
|
+
}, Kt(Ne));
|
|
1070
1069
|
}
|
|
1071
1070
|
function We(t) {
|
|
1072
1071
|
return typeof t == "function" ? t() : t;
|
|
@@ -1086,7 +1085,7 @@ const He = /* @__PURE__ */ b.forwardRef(function(e, o) {
|
|
|
1086
1085
|
slotProps: d = {},
|
|
1087
1086
|
slots: h = {},
|
|
1088
1087
|
strategy: g = "absolute"
|
|
1089
|
-
} = e, w =
|
|
1088
|
+
} = e, w = It(e, _e), {
|
|
1090
1089
|
refs: p,
|
|
1091
1090
|
elements: y,
|
|
1092
1091
|
floatingStyles: R,
|
|
@@ -1101,7 +1100,7 @@ const He = /* @__PURE__ */ b.forwardRef(function(e, o) {
|
|
|
1101
1100
|
placement: m,
|
|
1102
1101
|
strategy: g,
|
|
1103
1102
|
whileElementsMounted: l ? void 0 : Rt
|
|
1104
|
-
}), T =
|
|
1103
|
+
}), T = Ut(p.setFloating, o);
|
|
1105
1104
|
Zt(() => {
|
|
1106
1105
|
if (l && u && y.reference && y.floating)
|
|
1107
1106
|
return Rt(y.reference, y.floating, C);
|
|
@@ -1117,7 +1116,7 @@ const He = /* @__PURE__ */ b.forwardRef(function(e, o) {
|
|
|
1117
1116
|
}), {
|
|
1118
1117
|
contextValue: L,
|
|
1119
1118
|
hasExited: j
|
|
1120
|
-
} = Ve(u), _ = l && j ? "hidden" : void 0, B = Be(P), O = (n = h == null ? void 0 : h.root) != null ? n : "div", W =
|
|
1119
|
+
} = Ve(u), _ = l && j ? "hidden" : void 0, B = Be(P), O = (n = h == null ? void 0 : h.root) != null ? n : "div", W = Xt({
|
|
1121
1120
|
elementType: O,
|
|
1122
1121
|
externalSlotProps: d.root,
|
|
1123
1122
|
externalForwardedProps: w,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as o from "react";
|
|
2
|
-
import { r as P, e as y } from "./index-
|
|
3
|
-
import { u as T, s as a, P as i } from "./index-
|
|
2
|
+
import { r as P, e as y } from "./index-CjW42-M-.js";
|
|
3
|
+
import { u as T, s as a, P as i } from "./index-CH45lKw7.js";
|
|
4
4
|
import { jsx as c } from "react/jsx-runtime";
|
|
5
5
|
import { u as f } from "./useEnhancedEffect-CJGo-L3B.js";
|
|
6
6
|
function N(t, l, s, n, u) {
|
|
@@ -1,44 +1,46 @@
|
|
|
1
1
|
import './assets/SelectButton.css';
|
|
2
2
|
import { jsxs as c, jsx as e } from "react/jsx-runtime";
|
|
3
3
|
import * as o from "react";
|
|
4
|
-
import { forwardRef as
|
|
5
|
-
import { c as
|
|
4
|
+
import { forwardRef as h } from "react";
|
|
5
|
+
import { c as d } from "./clsx-DB4S2d7J.js";
|
|
6
6
|
import { Typography as i } from "./components/Typography/Typography.js";
|
|
7
|
-
const
|
|
8
|
-
select:
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
"select__listbox__option--
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
"select-
|
|
18
|
-
"
|
|
19
|
-
"select-
|
|
20
|
-
|
|
21
|
-
|
|
7
|
+
const m = "_select_185hp_1", u = "_select__popup_185hp_4", w = "_select__listbox_185hp_7", C = "_select__listbox__option_185hp_17", v = "_select__listbox__option__icon_185hp_25", f = "_select__listbox__option__text_185hp_29", g = "_select__list__option__icon_185hp_49", _ = {
|
|
8
|
+
select: m,
|
|
9
|
+
select__popup: u,
|
|
10
|
+
select__listbox: w,
|
|
11
|
+
select__listbox__option: C,
|
|
12
|
+
select__listbox__option__icon: v,
|
|
13
|
+
select__listbox__option__text: f,
|
|
14
|
+
"select__listbox__option--disabled": "_select__listbox__option--disabled_185hp_32",
|
|
15
|
+
"select__listbox__option--selected": "_select__listbox__option--selected_185hp_41",
|
|
16
|
+
select__list__option__icon: g,
|
|
17
|
+
"select-button": "_select-button_185hp_54",
|
|
18
|
+
"base-Select-popup": "_base-Select-popup_185hp_69",
|
|
19
|
+
"select-button__text": "_select-button__text_185hp_72",
|
|
20
|
+
"select-button__icon": "_select-button__icon_185hp_81",
|
|
21
|
+
"select-button--active": "_select-button--active_185hp_87"
|
|
22
|
+
}, L = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M2.11104 4.9999C2.36691 4.9999 2.62291 5.09756 2.81791 5.29287L8.11104 10.5843L13.4048 5.29053C13.7954 4.8999 14.4282 4.8999 14.8188 5.29053C15.2095 5.68115 15.2095 6.31396 14.8188 6.70459L8.81885 12.7046C8.42822 13.0952 7.79541 13.0952 7.40479 12.7046L1.40479 6.70459C1.01416 6.31396 1.01416 5.68115 1.40479 5.29053C1.59854 5.09678 1.85479 4.9999 2.11104 4.9999Z", fill: "currentColor" })), y = (t) => /* @__PURE__ */ o.createElement("svg", { width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...t }, /* @__PURE__ */ o.createElement("path", { d: "M13.8889 11C13.633 11 13.377 10.9023 13.182 10.707L7.8889 5.41563L2.59515 10.7094C2.20453 11.1 1.57172 11.1 1.18109 10.7094C0.790466 10.3188 0.790466 9.68594 1.18109 9.29532L7.18109 3.29532C7.57172 2.90469 8.20453 2.90469 8.59515 3.29532L14.5952 9.29532C14.9858 9.68594 14.9858 10.3188 14.5952 10.7094C14.4014 10.9031 14.1452 11 13.8889 11Z", fill: "#3F3D4B", fillOpacity: 0.88 })), j = h((t, n) => {
|
|
23
|
+
const { children: p, disabled: a, className: r, "data-testid": b, prefix: s, onClick: x } = t, l = t["aria-expanded"];
|
|
22
24
|
return /* @__PURE__ */ c(
|
|
23
25
|
"button",
|
|
24
26
|
{
|
|
25
|
-
className:
|
|
27
|
+
className: d(r, l ? _["select-button--active"] : "", _["select-button"]),
|
|
26
28
|
type: "button",
|
|
27
29
|
onClick: x,
|
|
28
30
|
disabled: a,
|
|
29
|
-
"data-testid":
|
|
31
|
+
"data-testid": b,
|
|
30
32
|
ref: n,
|
|
31
33
|
children: [
|
|
32
34
|
/* @__PURE__ */ c("span", { className: _["select-button__text"], children: [
|
|
33
35
|
s && /* @__PURE__ */ e(i, { element: "span", variant: "body-small", children: s }),
|
|
34
|
-
/* @__PURE__ */ e(i, { element: "span", variant: "body-small", children:
|
|
36
|
+
/* @__PURE__ */ e(i, { element: "span", variant: "body-small", children: p })
|
|
35
37
|
] }),
|
|
36
|
-
/* @__PURE__ */ e("span", { className: _["select-button__icon"], children: l ? /* @__PURE__ */ e(
|
|
38
|
+
/* @__PURE__ */ e("span", { className: _["select-button__icon"], children: l ? /* @__PURE__ */ e(y, {}) : /* @__PURE__ */ e(L, {}) })
|
|
37
39
|
]
|
|
38
40
|
}
|
|
39
41
|
);
|
|
40
42
|
});
|
|
41
43
|
export {
|
|
42
|
-
|
|
44
|
+
j as S,
|
|
43
45
|
_ as s
|
|
44
46
|
};
|
package/dist/assets/Chip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
|
|
1
|
+
._h1_1hro6_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_1hro6_7{font-weight:var(--typography-heading-bold)}._h2_1hro6_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_1hro6_17{font-weight:var(--typography-heading-bold)}._h3_1hro6_21{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height);margin:0}._h3--bold_1hro6_27{font-weight:var(--typography-heading-bold)}._h4_1hro6_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_1hro6_37{font-weight:var(--typography-heading-bold)}._body_1hro6_41{font-size:var(--body-font-size);font-weight:var(--body-weight);line-height:var(--body-line-height)}._body--large_1hro6_46{font-size:var(--body-font-size-large);line-height:var(--body-line-height-large)}._body--medium_1hro6_50{font-size:var(--body-font-size-medium);line-height:var(--body-line-height-medium)}._body--small_1hro6_54{font-size:var(--body-font-size-small);line-height:var(--body-line-height-small)}._body--tiny_1hro6_58{font-size:var(--body-font-size-tiny);line-height:var(--body-line-height-tiny)}._body--bold_1hro6_62{font-weight:var(--body-bold)}._body--strikethrough_1hro6_65{text-decoration:line-through}._body--underlined_1hro6_68{text-decoration:underline}._body--strikethrough-underlined_1hro6_71{text-decoration:underline line-through}._quote_1hro6_75{font-size:var(--quote-font-size);font-weight:var(--quote-font-weight);line-height:var(--quote-line-height)}._quote--large_1hro6_80{font-size:var(--quote-font-size-large);font-weight:var(--quote-font-weight-large);line-height:var(--quote-line-height-large)}._quote--bold_1hro6_85{font-weight:var(--body-bold)}._quote--strikethrough_1hro6_88{text-decoration:line-through}._quote--underlined_1hro6_91{text-decoration:underline}._quote--strikethrough-underlined_1hro6_94{text-decoration:underline line-through}._form__input_1hro6_98{font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height)}._form__hint_1hro6_103{font-size:var(--form-hint-font-size);font-weight:var(--form-hint-font-weight);line-height:var(--form-hint-line-height)}._form__label_1hro6_108{font-size:var(--form-label-font-size);font-weight:var(--form-label-font-weight);line-height:var(--form-label-line-height)}._form__dropdown_1hro6_113{font-size:var(--form-dropdown-font-size);font-weight:var(--form-dropdown-font-weight);line-height:var(--form-dropdown-line-height)}._form--bold_1hro6_118{font-weight:var(--body-bold)}._form--strikethrough_1hro6_121{text-decoration:line-through}._form--underlined_1hro6_124{text-decoration:underline}._form--strikethrough-underlined_1hro6_127{text-decoration:underline line-through}._table__header_1hro6_131{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-header-font-weight)}._table__body_1hro6_136{font-size:var(--table-font-size);line-height:var(--table-line-height);font-weight:var(--table-body-font-weight)}._table__body--secondary_1hro6_141{font-size:var(--table-font-size);line-height:var(--table-line-height);line-height:var(--table-body-secondary-line-height)}._table--bold_1hro6_146{font-weight:var(--body-bold)}._table--strikethrough_1hro6_149{text-decoration:line-through}._table--underlined_1hro6_152{text-decoration:underline}._table--strikethrough-underlined_1hro6_155{text-decoration:underline line-through}._button_1hro6_159{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:Lato,Inter,system-ui,Avenir,Helvetica,Arial,sans-serif}._button--bold_1hro6_165{font-weight:var(--body-bold)}._button--strikethrough_1hro6_168{text-decoration:line-through}._button--underlined_1hro6_171{text-decoration:underline}._button--strikethrough-underlined_1hro6_174{text-decoration:underline line-through}._SM_1hro6_178,._chip_1hro6_178{font-size:var(--font-size-small);font-weight:var(--font-weight-small);line-height:var(--font-line-height-small)}._SM--bold_1hro6_183,._chip_1hro6_178{font-weight:var(--font-weight-700)}._chip_1hro6_178{display:flex;align-items:center;width:fit-content;padding:.375rem .5rem;background-color:var(--cream);border-width:1px;border-radius:calc(var(--border-radius-soft) * 4)}._chip_1hro6_178:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_1hro6_199{cursor:pointer;border-color:transparent}._chip--button_1hro6_199:disabled{cursor:initial}._chip--button_1hro6_199:focus-visible{outline:none}._chip--button_1hro6_199:focus{outline:2px solid var(--black-100)}._chip--outlined_1hro6_212{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_1hro6_218{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_1hro6_224{display:flex;align-items:center;margin-right:.5rem}._chip__remove_1hro6_229{display:flex;margin-left:.5rem}._chip__remove_1hro6_229:focus-visible{outline:none}._chip__remove_1hro6_229:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_1hro6_240{cursor:default}
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._input__label_29e4w_1{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._input__input-el-wrapper_29e4w_6{display:flex;align-items:center;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el_29e4w_6{all:unset;width:100%;height:2.5rem;padding:0 1rem;font-size:var(--form-input-font-size);font-weight:var(--form-input-font-weight);line-height:var(--form-input-line-height);color:var(--gray-90);outline:none}._input__input-el_29e4w_6::placeholder{color:var(--gray-50)}._input__left-icon_29e4w_27,._input__right-icon_29e4w_27{display:flex;align-items:center;justify-content:center;height:1rem}._input__left-icon_29e4w_27{padding-left:1rem}._input__right-icon_29e4w_27{padding-right:1rem}._input__messages-wrapper_29e4w_39{display:flex;align-items:center;justify-content:space-between}._input__messages-wrapper_29e4w_39:not(:empty){margin-top:.3125rem}._input__info-message_29e4w_47,._input__error-message_29e4w_47{display:flex;gap:.375rem;align-items:center}._input__info-message_29e4w_47{color:var(--gray-75)}._input__error-message_29e4w_47{color:var(--alert)}._input__chars-counter_29e4w_58{margin-left:auto;color:var(--gray-75)}._input--disabled_29e4w_62 ._input__input-el_29e4w_6{color:var(--gray-50)}._input_29e4w_1:has(._input--disabled_29e4w_62) ._input__label_29e4w_1{color:var(--gray-25)}._input--focused_29e4w_68._input__input-el-wrapper_29e4w_6{border-color:var(--accent)}._input--error_29e4w_71._input__input-el-wrapper_29e4w_6{border-color:var(--alert)}._input__input-el-wrapper_29e4w_6:hover:not(._input--disabled_29e4w_62,._input--focused_29e4w_68,._input--error_29e4w_71){border-color:var(--gray-75)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._page-
|
|
1
|
+
._page-header_fxc86_1{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:7.375rem;background:var(--cream);-webkit-font-smoothing:antialiased!important}._page-header_fxc86_1:has(._page-header__top-content_fxc86_10){justify-content:flex-start}._page-header__top-content_fxc86_10,._page-header__main-content_fxc86_13,._page-header__bottom-content_fxc86_13{width:63.875rem;max-width:100%;margin:0 auto}._page-header__top-content_fxc86_10{padding:1rem 0 .5rem}._page-header__top-content_fxc86_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_fxc86_10 button:hover{color:var(--accent-dark)}._page-header__main-content_fxc86_13{display:flex}._page-header__main-left-content_fxc86_41{display:flex;flex:1;flex-direction:column;justify-content:center}._page-header__main-left-content_fxc86_41 ._title_fxc86_47,._page-header__main-left-content_fxc86_41 ._subtitle_fxc86_48{display:block;width:100%;padding:0;margin:0;color:var(--gray-90)}._page-header__main-left-content_fxc86_41 ._title_fxc86_47{font-size:1.5rem;font-weight:700;line-height:2rem}._page-header__main-left-content_fxc86_41 ._subtitle_fxc86_48{font-size:.875rem;font-weight:400;line-height:1.125rem}._page-header__main-right-content_fxc86_65{display:flex;align-items:center;margin-bottom:1.125rem}._page-header__bottom-content_fxc86_13{margin-top:.8125rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._pagination_n3y7g_1{display:flex;gap:16px;align-items:center;justify-content:space-between;padding:24px 0}._pagination_n3y7g_1 ._per-page-container_n3y7g_8{display:flex;gap:.25rem;align-items:center;font-size:var(--body-font-size-small);font-weight:var(--body-weight);line-height:var(--body-line-height-small);color:var(--gray-90)}._pagination_n3y7g_1 ._per-page-container__select_n3y7g_17{width:4rem;min-width:min-content;padding:.5rem}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22{display:flex;gap:8px;align-items:center}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ul{padding:0;margin:0}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 li{display:inline-flex;padding:0;margin:0;list-style:none}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._pages-navigator-container__label_n3y7g_37,._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._page-number__btn_n3y7g_37{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_n3y7g_1 ._pages-navigator-container_n3y7g_22 button{cursor:pointer;background-color:transparent;border:none;outline:none}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._pages-navigator-container__previous-next-btn_n3y7g_50{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_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._pages-navigator-container__previous-next-btn_n3y7g_50:hover{font-weight:var(--heading-font-weight);color:var(--accent-dark)}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._pages-navigator-container__previous-next-btn_n3y7g_50:disabled{font-weight:var(--heading-font-weight);color:var(--gray-50);cursor:default}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._page-number__btn_n3y7g_37{width:2rem;height:2rem;cursor:pointer;transition:all .3s}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._page-number__btn_n3y7g_37:hover{color:var(--accent-dark)}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._page-number__btn--selected_n3y7g_75{color:var(--white-100);background-color:var(--accent);border-radius:var(--border-radius)}._pagination_n3y7g_1 ._pages-navigator-container_n3y7g_22 ._page-number__btn--selected_n3y7g_75:hover{background-color:var(--accent-light)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._select_185hp_1{background-color:red}._select__popup_185hp_4{z-index:9999}._select__listbox_185hp_7{min-width:10.75rem;max-height:400px;padding:.5rem;margin-top:.25rem;overflow-y:auto;background-color:#fff;border-radius:var(--border-radius);box-shadow:0 6px 12px rgba(var(--black-100-rgb),20%)}._select__listbox__option_185hp_17{display:flex;padding:.625rem;color:rgba(var(--gray-95-rgb),88%);list-style:none;cursor:pointer;border-radius:var(--border-radius-soft)}._select__listbox__option__icon_185hp_25{display:flex;margin-right:.5rem}._select__listbox__option__text_185hp_29{font-weight:700}._select__listbox__option_185hp_17:hover:not(._select__listbox__option--disabled_185hp_32){padding:.625rem;color:var(--accent);background-color:rgba(var(--black-100-rgb),4%);border-radius:var(--border-radius-soft)}._select__listbox__option_185hp_17:active:not(._select__listbox__option--disabled_185hp_32){color:var(--accent-dark)}._select__listbox__option--selected_185hp_41{background-color:var(--accent-lighter)}._select__listbox__option--disabled_185hp_32{color:rgba(var(--gray-95-rgb),25%);cursor:default;border:transparent}._select__listbox__option--disabled_185hp_32 ._select__list__option__icon_185hp_49{color:rgba(var(--gray-95-rgb),25%);fill:rgba(var(--gray-95-rgb),25%)}._select-button_185hp_54{display:flex;gap:.5rem;align-items:center;justify-content:space-between;width:11.875rem;min-width:fit-content;padding:.625rem 1rem;color:rgba(var(--gray-95-rgb),88%);cursor:pointer;background-color:var(--white-100);border:1px solid rgba(var(--black-100-rgb),6%);border-radius:var(--border-radius);outline:none}._select-button_185hp_54 ._base-Select-popup_185hp_69{z-index:1}._select-button__text_185hp_72{display:flex;gap:.5rem;width:100%;overflow:hidden;text-align:start;text-overflow:ellipsis;text-wrap:nowrap}._select-button__icon_185hp_81{display:flex}._select-button__icon_185hp_81 svg{color:rgba(var(--gray-95-rgb),88%)}._select-button--active_185hp_87{border:1px solid var(--accent)}._select-button_185hp_54:disabled{color:rgba(var(--gray-95-rgb),25%);cursor:default;border:1px solid var(--gray-10)}._select-button_185hp_54:disabled ._select-button__icon_185hp_81 svg{color:rgba(var(--gray-95-rgb),25%)}._select-button_185hp_54:hover:not(._select-button_185hp_54:disabled){border:1px solid var(--gray-25)}._select-button_185hp_54:focus:not(._select-button_185hp_54:disabled),._select-button_185hp_54:active:not(._select-button_185hp_54:disabled){border:1px solid var(--accent)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_13z5o_1{display:flex;flex-direction:column}
|
|
@@ -1,7 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { f as E, b as a } from "./index-CH45lKw7.js";
|
|
2
2
|
import * as r from "react";
|
|
3
|
-
|
|
4
|
-
const m = {
|
|
3
|
+
const f = {
|
|
5
4
|
blur: "list:blur",
|
|
6
5
|
focus: "list:focus",
|
|
7
6
|
itemClick: "list:itemClick",
|
|
@@ -12,13 +11,13 @@ const m = {
|
|
|
12
11
|
highlightLast: "list:highlightLast",
|
|
13
12
|
textNavigation: "list:textNavigation",
|
|
14
13
|
clearSelection: "list:clearSelection"
|
|
15
|
-
},
|
|
16
|
-
process.env.NODE_ENV !== "production" && (
|
|
17
|
-
function
|
|
14
|
+
}, m = /* @__PURE__ */ r.createContext(null);
|
|
15
|
+
process.env.NODE_ENV !== "production" && (m.displayName = "ListContext");
|
|
16
|
+
function b(l) {
|
|
18
17
|
const {
|
|
19
|
-
handlePointerOverEvents:
|
|
18
|
+
handlePointerOverEvents: c = !1,
|
|
20
19
|
item: t
|
|
21
|
-
} = l, s = r.useContext(
|
|
20
|
+
} = l, s = r.useContext(m);
|
|
22
21
|
if (!s)
|
|
23
22
|
throw new Error("useListItem must be used within a ListProvider");
|
|
24
23
|
const {
|
|
@@ -35,7 +34,7 @@ function H(l) {
|
|
|
35
34
|
throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
|
|
36
35
|
`));
|
|
37
36
|
n({
|
|
38
|
-
type:
|
|
37
|
+
type: f.itemClick,
|
|
39
38
|
item: t,
|
|
40
39
|
event: e
|
|
41
40
|
});
|
|
@@ -47,7 +46,7 @@ function H(l) {
|
|
|
47
46
|
throw new Error(["MUI: The `item` provided to useListItem() is undefined.", "This should happen only during server-side rendering under React 17."].join(`
|
|
48
47
|
`));
|
|
49
48
|
n({
|
|
50
|
-
type:
|
|
49
|
+
type: f.itemHover,
|
|
51
50
|
item: t,
|
|
52
51
|
event: e
|
|
53
52
|
});
|
|
@@ -57,9 +56,9 @@ function H(l) {
|
|
|
57
56
|
return g && (h = d ? 0 : -1), {
|
|
58
57
|
getRootProps: (i = {}) => {
|
|
59
58
|
const e = E(i);
|
|
60
|
-
return
|
|
59
|
+
return a({}, i, {
|
|
61
60
|
onClick: v(e),
|
|
62
|
-
onPointerOver:
|
|
61
|
+
onPointerOver: c ? C(e) : void 0,
|
|
63
62
|
tabIndex: h
|
|
64
63
|
});
|
|
65
64
|
},
|
|
@@ -67,15 +66,15 @@ function H(l) {
|
|
|
67
66
|
selected: p
|
|
68
67
|
};
|
|
69
68
|
}
|
|
70
|
-
function
|
|
69
|
+
function x(l, c) {
|
|
71
70
|
return function(s = {}) {
|
|
72
|
-
const n =
|
|
73
|
-
return
|
|
71
|
+
const n = a({}, s, l(s));
|
|
72
|
+
return a({}, n, c(n));
|
|
74
73
|
};
|
|
75
74
|
}
|
|
76
75
|
export {
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
76
|
+
f as L,
|
|
77
|
+
m as a,
|
|
78
|
+
x as c,
|
|
79
|
+
b as u
|
|
81
80
|
};
|
|
@@ -3,7 +3,7 @@ import { jsx as r, jsxs as w } from "react/jsx-runtime";
|
|
|
3
3
|
import { forwardRef as m, useMemo as c } from "react";
|
|
4
4
|
import { c as g } from "../../clsx-DB4S2d7J.js";
|
|
5
5
|
import { LoadingSpinner as f } from "../LoadingSpinner/LoadingSpinner.js";
|
|
6
|
-
import { B as k } from "../../Button-
|
|
6
|
+
import { B as k } from "../../Button-2b1peDFT.js";
|
|
7
7
|
const p = "_h1_1swyh_1", q = "_h2_1swyh_11", S = "_h3_1swyh_21", M = "_h4_1swyh_31", B = "_body_1swyh_41", x = "_quote_1swyh_75", N = "_form__input_1swyh_98", v = "_form__hint_1swyh_103", j = "_form__label_1swyh_108", P = "_form__dropdown_1swyh_113", $ = "_table__header_1swyh_131", C = "_table__body_1swyh_136", L = "_button_1swyh_159", R = "_SM_1swyh_178", o = {
|
|
8
8
|
h1: p,
|
|
9
9
|
"h1--bold": "_h1--bold_1swyh_7",
|
|
@@ -3,17 +3,32 @@ import { ReactNode } from 'react';
|
|
|
3
3
|
type CheckboxTheme = 'light' | 'accent';
|
|
4
4
|
type CheckboxSizes = 'small' | 'normal';
|
|
5
5
|
type CheckboxProps = {
|
|
6
|
+
/** Space separated list of CSS classes to apply */
|
|
6
7
|
className?: string;
|
|
8
|
+
/** ID that tests can use to get this component from the DOM */
|
|
7
9
|
'data-testid'?: string;
|
|
10
|
+
/** Checkbox label */
|
|
8
11
|
label?: ReactNode;
|
|
12
|
+
/** Checkbox theme */
|
|
9
13
|
theme?: CheckboxTheme;
|
|
14
|
+
/** Checkbox size */
|
|
10
15
|
size?: CheckboxSizes;
|
|
16
|
+
/** Checkbox size */
|
|
11
17
|
checked?: boolean;
|
|
18
|
+
/** Indeterminate state */
|
|
12
19
|
isIndeterminate?: boolean;
|
|
20
|
+
/** Name */
|
|
13
21
|
name?: string;
|
|
22
|
+
/** Functionality to perform when the checkbox value change */
|
|
14
23
|
onChange: (checked: boolean) => void;
|
|
24
|
+
/** Checkbox label */
|
|
15
25
|
children?: ReactNode;
|
|
26
|
+
/** Set the highlight of the label */
|
|
16
27
|
highlightLabel?: boolean;
|
|
17
28
|
};
|
|
29
|
+
/**
|
|
30
|
+
* Checkboxes allow the user to select one or more items from a set.
|
|
31
|
+
* Checkboxes can be used to turn an option on or off.
|
|
32
|
+
*/
|
|
18
33
|
declare const Checkbox: ({ className, label, name, theme, size, checked, onChange, isIndeterminate, highlightLabel, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
|
|
19
34
|
export { Checkbox };
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: ({ className, label, name, theme, size, checked, onChange, isIndeterminate, highlightLabel, ...rest }: {
|
|
6
|
+
className?: string | undefined;
|
|
7
|
+
'data-testid'?: string | undefined;
|
|
8
|
+
label?: import('react').ReactNode;
|
|
9
|
+
theme?: ("light" | "accent") | undefined;
|
|
10
|
+
size?: ("small" | "normal") | undefined;
|
|
11
|
+
checked?: boolean | undefined;
|
|
12
|
+
isIndeterminate?: boolean | undefined;
|
|
13
|
+
name?: string | undefined;
|
|
14
|
+
onChange: (checked: boolean) => void;
|
|
15
|
+
children?: import('react').ReactNode;
|
|
16
|
+
highlightLabel?: boolean | undefined;
|
|
17
|
+
}) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
tags: string[];
|
|
19
|
+
parameters: {
|
|
20
|
+
layout: string;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
23
|
+
export default meta;
|
|
24
|
+
type Story = StoryObj<typeof meta>;
|
|
25
|
+
export declare const Default: Story;
|
|
26
|
+
export declare const DefaultWithLabel: Story;
|
|
27
|
+
export declare const LightTheme: Story;
|
|
28
|
+
export declare const LightThemeIndeterminate: Story;
|
|
29
|
+
export declare const LabelAsChildren: Story;
|
|
30
|
+
export declare const HighlightLabel: Story;
|
|
31
|
+
export declare const SmallSize: Story;
|
|
@@ -11,7 +11,7 @@ import "../Select/Select.js";
|
|
|
11
11
|
import { Skeleton as y } from "../Skeleton/Skeleton.js";
|
|
12
12
|
import "../Table/Table.js";
|
|
13
13
|
import "../Tabs/Tabs.js";
|
|
14
|
-
import { B as g } from "../../Button-
|
|
14
|
+
import { B as g } from "../../Button-2b1peDFT.js";
|
|
15
15
|
const k = "_h1_1hro6_1", q = "_h2_1hro6_11", C = "_h3_1hro6_21", x = "_h4_1hro6_31", N = "_body_1hro6_41", v = "_quote_1hro6_75", S = "_form__input_1hro6_98", w = "_form__hint_1hro6_103", M = "_form__label_1hro6_108", R = "_form__dropdown_1hro6_113", A = "_table__header_1hro6_131", I = "_table__body_1hro6_136", T = "_button_1hro6_159", j = "_SM_1hro6_178", B = "_chip_1hro6_178", E = "_chip__adornment_1hro6_224", P = "_chip__remove_1hro6_229", e = {
|
|
16
16
|
h1: k,
|
|
17
17
|
"h1--bold": "_h1--bold_1hro6_7",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { Icon as r } from "../Icon/Icon.js";
|
|
3
3
|
import { s as t } from "../../Dialog.module-B8COssqi.js";
|
|
4
|
-
import { B as a } from "../../Button-
|
|
4
|
+
import { B as a } from "../../Button-2b1peDFT.js";
|
|
5
5
|
const d = ({ handleOnClose: i, className: o }) => {
|
|
6
6
|
const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
|
|
7
7
|
return /* @__PURE__ */ s(
|