@pismo/marola 0.0.1-alpha.17 → 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-CSuug0jG.js → Button-2b1peDFT.js} +25 -26
- package/dist/{ClickAwayListener-hSFuUJnv.js → ClickAwayListener-BSW-Nd-y.js} +3 -3
- package/dist/{Popup-DwaWJ3ye.js → Popup-B6ZSGIEI.js} +12 -13
- package/dist/{Portal-CGBQMhI6.js → Portal-DIeBsWdL.js} +2 -2
- package/dist/{SelectButton-DWZ2BRaX.js → SelectButton-pciwIWcj.js} +24 -22
- package/dist/assets/Pagination.css +1 -1
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/TextDisplay.css +1 -0
- package/dist/{combineHooksSlotProps-D8j4htsd.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 +25 -26
- 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-CtPvew6C.js → index-CH45lKw7.js} +310 -287
- package/dist/{index-BfeM9yWx.js → index-CjW42-M-.js} +5 -6
- package/dist/main.d.ts +1 -0
- package/dist/main.js +28 -26
- package/dist/{useButton-DSAvAfH_.js → useButton-DNk3wrQp.js} +3 -4
- package/dist/{useEventCallback-lXNMsMLa.js → useEventCallback-xTG9piMa.js} +1 -1
- package/dist/{useList-C5PBIv2I.js → useList-B0hog_3-.js} +48 -49
- package/package.json +1 -1
- package/dist/objectWithoutPropertiesLoose-D7Cp0Pg_.js +0 -26
|
@@ -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-CtPvew6C.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-BfeM9yWx.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
|
};
|
|
@@ -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(
|
|
@@ -1,16 +1,15 @@
|
|
|
1
1
|
import { jsxs as $, jsx as S } from "react/jsx-runtime";
|
|
2
|
-
import { default as
|
|
2
|
+
import { default as $e } from "./Actions.js";
|
|
3
3
|
import oe from "./Backdrop.js";
|
|
4
4
|
import re from "./CloseIconButton.js";
|
|
5
|
-
import { default as
|
|
5
|
+
import { default as ze } from "./Content.js";
|
|
6
6
|
import { s as q } from "../../Dialog.module-B8COssqi.js";
|
|
7
7
|
import se from "./Title.js";
|
|
8
|
-
import {
|
|
8
|
+
import { u as Z, P as i, f as ie, b as C, g as ae, a as le, _ as ce, c as z, d as de, e as ue } from "../../index-CH45lKw7.js";
|
|
9
9
|
import * as f from "react";
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import { e as be } from "../../index-BfeM9yWx.js";
|
|
10
|
+
import { o as w, e as ee, u as G } from "../../useEventCallback-xTG9piMa.js";
|
|
11
|
+
import { P as fe, H as pe } from "../../Portal-DIeBsWdL.js";
|
|
12
|
+
import { e as be } from "../../index-CjW42-M-.js";
|
|
14
13
|
function X(...e) {
|
|
15
14
|
return e.reduce((t, o) => o == null ? t : function(...s) {
|
|
16
15
|
t.apply(this, s), o.apply(this, s);
|
|
@@ -361,7 +360,7 @@ function Se(e) {
|
|
|
361
360
|
};
|
|
362
361
|
return {
|
|
363
362
|
getRootProps: (b = {}) => {
|
|
364
|
-
const u =
|
|
363
|
+
const u = ie(e);
|
|
365
364
|
delete u.onTransitionEnter, delete u.onTransitionExited;
|
|
366
365
|
const P = C({}, u, b);
|
|
367
366
|
return C({
|
|
@@ -400,9 +399,9 @@ function Se(e) {
|
|
|
400
399
|
}
|
|
401
400
|
const te = "Modal";
|
|
402
401
|
function we(e) {
|
|
403
|
-
return
|
|
402
|
+
return ae(te, e);
|
|
404
403
|
}
|
|
405
|
-
|
|
404
|
+
le(te, ["root", "hidden", "backdrop"]);
|
|
406
405
|
const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus", "disableEnforceFocus", "disableEscapeKeyDown", "disablePortal", "disableRestoreFocus", "disableScrollLock", "hideBackdrop", "keepMounted", "onBackdropClick", "onClose", "onKeyDown", "open", "onTransitionEnter", "onTransitionExited", "slotProps", "slots"], Ae = (e) => {
|
|
407
406
|
const {
|
|
408
407
|
open: t,
|
|
@@ -430,7 +429,7 @@ const Oe = ["children", "closeAfterTransition", "container", "disableAutoFocus",
|
|
|
430
429
|
open: I,
|
|
431
430
|
slotProps: A = {},
|
|
432
431
|
slots: N = {}
|
|
433
|
-
} = t, l =
|
|
432
|
+
} = t, l = ce(t, Oe), v = C({}, t, {
|
|
434
433
|
closeAfterTransition: r,
|
|
435
434
|
disableAutoFocus: d,
|
|
436
435
|
disableEnforceFocus: p,
|
|
@@ -614,7 +613,7 @@ process.env.NODE_ENV !== "production" && (ne.propTypes = {
|
|
|
614
613
|
root: i.elementType
|
|
615
614
|
})
|
|
616
615
|
});
|
|
617
|
-
const
|
|
616
|
+
const je = ({
|
|
618
617
|
children: e,
|
|
619
618
|
dialogTitle: t,
|
|
620
619
|
dialogSubtitle: o,
|
|
@@ -639,9 +638,9 @@ const qe = ({
|
|
|
639
638
|
}
|
|
640
639
|
);
|
|
641
640
|
export {
|
|
642
|
-
|
|
643
|
-
|
|
644
|
-
|
|
641
|
+
$e as Actions,
|
|
642
|
+
ze as Content,
|
|
643
|
+
je as Dialog,
|
|
645
644
|
se as DialogTitle,
|
|
646
|
-
|
|
645
|
+
je as default
|
|
647
646
|
};
|
|
@@ -82,7 +82,7 @@ declare const meta: {
|
|
|
82
82
|
tabIndex?: number | undefined;
|
|
83
83
|
"aria-activedescendant"?: string | undefined;
|
|
84
84
|
"aria-atomic"?: (boolean | "true" | "false") | undefined;
|
|
85
|
-
"aria-autocomplete"?: "list" | "none" | "
|
|
85
|
+
"aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
|
|
86
86
|
"aria-braillelabel"?: string | undefined;
|
|
87
87
|
"aria-brailleroledescription"?: string | undefined;
|
|
88
88
|
"aria-busy"?: (boolean | "true" | "false") | undefined;
|
|
@@ -97,7 +97,7 @@ declare const meta: {
|
|
|
97
97
|
"aria-description"?: string | undefined;
|
|
98
98
|
"aria-details"?: string | undefined;
|
|
99
99
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
100
|
-
"aria-dropeffect"?: "link" | "none" | "copy" | "
|
|
100
|
+
"aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
|
|
101
101
|
"aria-errormessage"?: string | undefined;
|
|
102
102
|
"aria-expanded"?: (boolean | "true" | "false") | undefined;
|
|
103
103
|
"aria-flowto"?: string | undefined;
|
|
@@ -119,7 +119,7 @@ declare const meta: {
|
|
|
119
119
|
"aria-posinset"?: number | undefined;
|
|
120
120
|
"aria-pressed"?: boolean | "true" | "false" | "mixed" | undefined;
|
|
121
121
|
"aria-readonly"?: (boolean | "true" | "false") | undefined;
|
|
122
|
-
"aria-relevant"?: "text" | "
|
|
122
|
+
"aria-relevant"?: "text" | "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
|
|
123
123
|
"aria-required"?: (boolean | "true" | "false") | undefined;
|
|
124
124
|
"aria-roledescription"?: string | undefined;
|
|
125
125
|
"aria-rowcount"?: number | undefined;
|