@pismo/marola 1.0.0-beta.2 → 1.0.0-beta.20
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-2b1peDFT.js → Button-DiLqcAJG.js} +2 -2
- package/dist/{ClickAwayListener-BSW-Nd-y.js → ClickAwayListener-BaJ-OV_7.js} +4 -3
- package/dist/Dialog.module-D9e4RsKo.js +30 -0
- package/dist/Input.module-ZTRZRcNt.js +405 -0
- package/dist/{Popup-B6ZSGIEI.js → Popup-lLWZt2wk.js} +3 -3
- package/dist/{Portal-DIeBsWdL.js → Portal-B_Es6eUL.js} +2 -2
- package/dist/SelectButton-CoOT2txy.js +61 -0
- package/dist/Toggle-CRfZgFJp.js +181 -0
- package/dist/assets/Adornment.css +1 -0
- package/dist/assets/Advice.css +1 -1
- package/dist/assets/Autocomplete.css +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/IconButton.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/ResultWithChips.css +1 -0
- package/dist/assets/SelectButton.css +1 -1
- package/dist/assets/Snackbar.css +1 -1
- package/dist/assets/SortTooltip.css +1 -1
- package/dist/assets/Stepper.css +1 -1
- package/dist/assets/StepperNavigator.css +1 -0
- package/dist/assets/Table.css +1 -1
- package/dist/assets/TextDisplay.css +1 -1
- package/dist/assets/Toggle.css +1 -1
- package/dist/assets/Toggle2.css +1 -1
- package/dist/assets/Typography.css +1 -1
- package/dist/{combineHooksSlotProps-DVjg9PRh.js → combineHooksSlotProps-BtBYUV_B.js} +1 -1
- package/dist/components/Adornment/Adornment.d.ts +20 -0
- package/dist/components/Adornment/Adornment.js +13 -0
- package/dist/components/Adornment/Adornment.stories.d.ts +14 -0
- package/dist/components/Adornment/adornment.test.d.ts +1 -0
- package/dist/components/Advice/Advice.d.ts +32 -17
- package/dist/components/Advice/Advice.js +39 -40
- package/dist/components/Advice/Advice.stories.d.ts +4 -3
- package/dist/components/Autocomplete/Autocomplete.d.ts +52 -0
- package/dist/components/Autocomplete/Autocomplete.js +690 -0
- package/dist/components/Autocomplete/Autocomplete.stories.d.ts +46 -0
- package/dist/components/Button/Button.d.ts +2 -0
- package/dist/components/Button/Button.js +51 -49
- package/dist/components/Checkbox/Checkbox.js +52 -52
- package/dist/components/Chip/Chip.d.ts +6 -12
- package/dist/components/Chip/Chip.js +6 -5
- package/dist/components/Chip/Chip.stories.d.ts +5 -14
- package/dist/components/Dialog/Actions.js +1 -1
- package/dist/components/Dialog/Backdrop.d.ts +3 -3
- package/dist/components/Dialog/Backdrop.js +8 -7
- package/dist/components/Dialog/CloseIconButton.d.ts +1 -2
- package/dist/components/Dialog/CloseIconButton.js +15 -18
- package/dist/components/Dialog/Dialog.d.ts +9 -6
- package/dist/components/Dialog/Dialog.js +139 -139
- package/dist/components/Dialog/Dialog.stories.d.ts +50 -46
- package/dist/components/Dialog/DialogTitle.js +1 -1
- package/dist/components/EllipsisTooltip/EllipsisTooltip.js +30 -17
- package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts +2 -1
- package/dist/components/Icon/Icon.js +62 -34
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/IconButton/IconButton.js +42 -42
- package/dist/components/Input/Input.d.ts +4 -2
- package/dist/components/Input/Input.js +74 -471
- package/dist/components/Input/Input.stories.d.ts +1 -1
- package/dist/components/InputSearch/InputSearch.stories.d.ts +1 -1
- package/dist/components/PageHeader/PageHeader.js +57 -57
- package/dist/components/Pagination/Pagination.d.ts +7 -1
- package/dist/components/Pagination/Pagination.js +104 -182
- package/dist/components/Pagination/usePagination.d.ts +90 -0
- package/dist/components/Pagination/usePagination.js +79 -0
- package/dist/components/ResultWithChips/ResultWithChips.d.ts +12 -0
- package/dist/components/ResultWithChips/ResultWithChips.js +33 -0
- package/dist/components/RowItem/RowItem.d.ts +25 -0
- package/dist/components/RowItem/RowItem.js +19 -0
- package/dist/components/RowItem/RowItem.stories.d.ts +17 -0
- package/dist/components/RowItem/rowItem.test.d.ts +1 -0
- package/dist/components/Select/Select.js +9 -8
- package/dist/components/Select/SelectButton.js +1 -1
- package/dist/components/Skeleton/Skeleton.d.ts +3 -1
- package/dist/components/Skeleton/Skeleton.js +18 -12
- package/dist/components/Skeleton/SkeletonTable.stories.d.ts +1 -1
- package/dist/components/Snackbar/Snackbar.js +94 -94
- package/dist/components/Snackbar/Snackbar.stories.d.ts +3 -3
- package/dist/components/SortTooltip/SortTooltip.js +46 -46
- package/dist/components/Stepper/Stepper.js +35 -35
- package/dist/components/StepperNavigator/StepperNavigator.d.ts +43 -0
- package/dist/components/StepperNavigator/StepperNavigator.js +56 -0
- package/dist/components/StepperNavigator/StepperNavigator.stories.d.ts +16 -0
- package/dist/components/StepperNavigator/StepperNavigator.test.d.ts +1 -0
- package/dist/components/Table/Table.d.ts +3 -1
- package/dist/components/Table/Table.js +88 -85
- package/dist/components/Table/Table.stories.d.ts +1 -1
- package/dist/components/Tabs/Tab.js +18 -17
- package/dist/components/Tabs/TabPanel.js +27 -26
- package/dist/components/Tabs/Tabs.js +25 -25
- package/dist/components/TextDisplay/TextDisplay.d.ts +3 -1
- package/dist/components/TextDisplay/TextDisplay.js +42 -28
- package/dist/components/TextDisplay/TextDisplay.stories.d.ts +2 -1
- package/dist/components/Toggle/Toggle.js +56 -56
- package/dist/components/ToggleGroup/Toggle.js +3 -3
- package/dist/components/ToggleGroup/ToggleGroup.js +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +3 -1
- package/dist/components/Tooltip/Tooltip.js +4 -4
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -0
- package/dist/components/Typography/Typography.js +47 -47
- package/dist/{index-CjW42-M-.js → index-D3Wj0eid.js} +1 -1
- package/dist/main.d.ts +5 -0
- package/dist/main.js +85 -76
- package/dist/ownerDocument-B61GUaFs.js +33 -0
- package/dist/{useButton-DNk3wrQp.js → useButton-Bn3MNH8I.js} +1 -1
- package/dist/useCompoundItem-B7Eo_qZk.js +68 -0
- package/dist/useEventCallback-BAQJJ3ye.js +14 -0
- package/dist/useId-BW-oWmul.js +19 -0
- package/dist/{useList-B0hog_3-.js → useList-BpJT77u3.js} +2 -2
- package/dist/{index-CH45lKw7.js → useSlotProps-kRhf7Gil.js} +93 -94
- package/package.json +8 -3
- package/dist/Dialog.module-DFEmFdYT.js +0 -30
- package/dist/SelectButton-C8JQKaf4.js +0 -61
- package/dist/Toggle-BCgIItCc.js +0 -142
- package/dist/useCompoundItem-D1iRfg8D.js +0 -84
- package/dist/useEventCallback-xTG9piMa.js +0 -45
|
@@ -0,0 +1,181 @@
|
|
|
1
|
+
import './assets/Toggle2.css';
|
|
2
|
+
import { jsx as i, jsxs as k } from "react/jsx-runtime";
|
|
3
|
+
import { forwardRef as y } from "react";
|
|
4
|
+
import { c as s } from "./clsx-DB4S2d7J.js";
|
|
5
|
+
import { Icon as C } from "./components/Icon/Icon.js";
|
|
6
|
+
import { Typography as N } from "./components/Typography/Typography.js";
|
|
7
|
+
import "./components/Button/Button.js";
|
|
8
|
+
import { Adornment as v } from "./components/Adornment/Adornment.js";
|
|
9
|
+
import "./components/Dialog/Dialog.js";
|
|
10
|
+
import "./components/IconButton/IconButton.js";
|
|
11
|
+
import "./components/Select/Select.js";
|
|
12
|
+
import "./components/Table/Table.js";
|
|
13
|
+
import "./components/Tabs/Tabs.js";
|
|
14
|
+
import { s as w } from "./Group-B3p31ftp.js";
|
|
15
|
+
import "./contexts/SnackbarProvider/SnackbarProvider.js";
|
|
16
|
+
import { Skeleton as f } from "./components/Skeleton/Skeleton.js";
|
|
17
|
+
import { B as x } from "./Button-DiLqcAJG.js";
|
|
18
|
+
const I = "_chip_1wvod_61", P = "_chip__adornment_1wvod_116", z = "_chip__remove_1wvod_121", p = {
|
|
19
|
+
"u-typography-h1": "_u-typography-h1_1wvod_1",
|
|
20
|
+
"u-typography-h2": "_u-typography-h2_1wvod_8",
|
|
21
|
+
"u-typography-h3": "_u-typography-h3_1wvod_15",
|
|
22
|
+
"u-typography-h4": "_u-typography-h4_1wvod_22",
|
|
23
|
+
"u-typography-h5": "_u-typography-h5_1wvod_29",
|
|
24
|
+
"u-typography-h6": "_u-typography-h6_1wvod_36",
|
|
25
|
+
"u-typography-base": "_u-typography-base_1wvod_43",
|
|
26
|
+
"u-typography-base--xxl": "_u-typography-base--xxl_1wvod_49",
|
|
27
|
+
"u-typography-base--xl": "_u-typography-base--xl_1wvod_53",
|
|
28
|
+
"u-typography-base--lg": "_u-typography-base--lg_1wvod_57",
|
|
29
|
+
"u-typography-base--sm": "_u-typography-base--sm_1wvod_61",
|
|
30
|
+
chip: I,
|
|
31
|
+
"u-typography-base--bold": "_u-typography-base--bold_1wvod_65",
|
|
32
|
+
"u-typography-base--strikethrough": "_u-typography-base--strikethrough_1wvod_68",
|
|
33
|
+
"u-typography-base--underlined": "_u-typography-base--underlined_1wvod_71",
|
|
34
|
+
"u-typography-base--strikethrough-underlined": "_u-typography-base--strikethrough-underlined_1wvod_74",
|
|
35
|
+
"chip--button": "_chip--button_1wvod_90",
|
|
36
|
+
"chip--outlined": "_chip--outlined_1wvod_104",
|
|
37
|
+
"chip--contained": "_chip--contained_1wvod_110",
|
|
38
|
+
chip__adornment: P,
|
|
39
|
+
chip__remove: z,
|
|
40
|
+
"chip__remove--disabled": "_chip__remove--disabled_1wvod_133",
|
|
41
|
+
"chip-loading": "_chip-loading_1wvod_137"
|
|
42
|
+
}, S = y((t, c) => {
|
|
43
|
+
const { children: _, onClickContent: o, disabled: r, className: a, variant: n } = t;
|
|
44
|
+
let e = s(
|
|
45
|
+
p.chip,
|
|
46
|
+
{ [p["chip--outlined"]]: n === "outlined" },
|
|
47
|
+
{ [p["chip--contained"]]: n === "contained" },
|
|
48
|
+
a
|
|
49
|
+
);
|
|
50
|
+
return o ? (e += ` ${p["chip--button"]}`, /* @__PURE__ */ i(
|
|
51
|
+
x,
|
|
52
|
+
{
|
|
53
|
+
onClick: o,
|
|
54
|
+
disabled: r,
|
|
55
|
+
"data-testid": t["data-testid"],
|
|
56
|
+
ref: c,
|
|
57
|
+
className: e,
|
|
58
|
+
children: _
|
|
59
|
+
}
|
|
60
|
+
)) : /* @__PURE__ */ i("span", { "data-testid": t["data-testid"], ref: c, className: e, children: _ });
|
|
61
|
+
}), M = y((t, c) => {
|
|
62
|
+
const {
|
|
63
|
+
label: _,
|
|
64
|
+
className: o,
|
|
65
|
+
onClickContent: r,
|
|
66
|
+
leftAdornment: a,
|
|
67
|
+
loading: n = !1,
|
|
68
|
+
disabled: e = !1,
|
|
69
|
+
variant: u = "default",
|
|
70
|
+
onClickRemove: m
|
|
71
|
+
} = t;
|
|
72
|
+
if (n)
|
|
73
|
+
return /* @__PURE__ */ i(
|
|
74
|
+
f,
|
|
75
|
+
{
|
|
76
|
+
className: s(p["chip-loading"], t["className-skeleton"]),
|
|
77
|
+
"data-testid": t["data-testid-skeleton"]
|
|
78
|
+
}
|
|
79
|
+
);
|
|
80
|
+
const g = s(a == null ? void 0 : a.className, p.chip__adornment), b = a != null && a.customIcon ? { ...a, className: g } : { ...a, disabled: e, className: g };
|
|
81
|
+
return /* @__PURE__ */ k(
|
|
82
|
+
S,
|
|
83
|
+
{
|
|
84
|
+
ref: c,
|
|
85
|
+
"data-testid": t["data-testid"],
|
|
86
|
+
onClickContent: r,
|
|
87
|
+
disabled: e,
|
|
88
|
+
className: o,
|
|
89
|
+
variant: u,
|
|
90
|
+
children: [
|
|
91
|
+
a && /* @__PURE__ */ i(v, { ...b }),
|
|
92
|
+
_,
|
|
93
|
+
m && /* @__PURE__ */ i(
|
|
94
|
+
"span",
|
|
95
|
+
{
|
|
96
|
+
className: s(p.chip__remove, { [p["chip__remove--disabled"]]: e }),
|
|
97
|
+
role: "button",
|
|
98
|
+
tabIndex: e ? -1 : 0,
|
|
99
|
+
"aria-label": "remove",
|
|
100
|
+
onClick: (d) => {
|
|
101
|
+
d == null || d.stopPropagation(), d == null || d.nativeEvent.stopImmediatePropagation(), m();
|
|
102
|
+
},
|
|
103
|
+
"aria-disabled": e,
|
|
104
|
+
children: /* @__PURE__ */ i(C, { icon: "circle-xmark", size: "1.125rem", color: "rgba(var(--gray-95-rgb), 0.45)" })
|
|
105
|
+
}
|
|
106
|
+
)
|
|
107
|
+
]
|
|
108
|
+
}
|
|
109
|
+
);
|
|
110
|
+
}), h = {
|
|
111
|
+
"row-item": "_row-item_8z1a0_1",
|
|
112
|
+
"row-item--clickable": "_row-item--clickable_8z1a0_13",
|
|
113
|
+
"row-item--disabled": "_row-item--disabled_8z1a0_19",
|
|
114
|
+
"row-item__content": "_row-item__content_8z1a0_22"
|
|
115
|
+
}, O = y((t, c) => {
|
|
116
|
+
const { children: _, leftAdornment: o, disabled: r, onClick: a, buttons: n, ariaLabel: e, className: u } = t, m = s(o == null ? void 0 : o.className, h["row-item__adornment"]), b = {
|
|
117
|
+
onClick: (l) => {
|
|
118
|
+
r || a && a(l);
|
|
119
|
+
},
|
|
120
|
+
tabIndex: 0,
|
|
121
|
+
"aria-label": e,
|
|
122
|
+
role: "button"
|
|
123
|
+
}, d = o != null && o.customIcon ? o : { size: "1rem", ...o };
|
|
124
|
+
return /* @__PURE__ */ k(
|
|
125
|
+
"div",
|
|
126
|
+
{
|
|
127
|
+
"data-testid": t["data-testid"],
|
|
128
|
+
className: s(
|
|
129
|
+
h["row-item"],
|
|
130
|
+
a && h["row-item--clickable"],
|
|
131
|
+
a && r && h["row-item--disabled"],
|
|
132
|
+
u
|
|
133
|
+
),
|
|
134
|
+
...!!a && b,
|
|
135
|
+
ref: c,
|
|
136
|
+
children: [
|
|
137
|
+
o && /* @__PURE__ */ i(v, { ...d, className: m, disabled: r }),
|
|
138
|
+
/* @__PURE__ */ i("span", { className: s(h["row-item__content"]), children: _ }),
|
|
139
|
+
n && /* @__PURE__ */ i(
|
|
140
|
+
"div",
|
|
141
|
+
{
|
|
142
|
+
onClick: (l) => {
|
|
143
|
+
l == null || l.stopPropagation(), l == null || l.nativeEvent.stopImmediatePropagation();
|
|
144
|
+
},
|
|
145
|
+
children: n
|
|
146
|
+
}
|
|
147
|
+
)
|
|
148
|
+
]
|
|
149
|
+
}
|
|
150
|
+
);
|
|
151
|
+
}), Q = y((t, c) => {
|
|
152
|
+
const { text: _, isSelected: o = !1, value: r, onChange: a } = t;
|
|
153
|
+
return /* @__PURE__ */ k(
|
|
154
|
+
"label",
|
|
155
|
+
{
|
|
156
|
+
className: s([w.toggle__label], { [w["toggle__label--selected"]]: o }),
|
|
157
|
+
"data-testid": t["data-testid"],
|
|
158
|
+
children: [
|
|
159
|
+
/* @__PURE__ */ i(
|
|
160
|
+
"input",
|
|
161
|
+
{
|
|
162
|
+
className: s([w.toggle__input]),
|
|
163
|
+
type: "radio",
|
|
164
|
+
ref: c,
|
|
165
|
+
value: r.toString(),
|
|
166
|
+
onChange: () => a(r),
|
|
167
|
+
role: "radio",
|
|
168
|
+
checked: o,
|
|
169
|
+
"aria-checked": o
|
|
170
|
+
}
|
|
171
|
+
),
|
|
172
|
+
/* @__PURE__ */ i(N, { bold: !0, children: _ })
|
|
173
|
+
]
|
|
174
|
+
}
|
|
175
|
+
);
|
|
176
|
+
});
|
|
177
|
+
export {
|
|
178
|
+
M as C,
|
|
179
|
+
O as R,
|
|
180
|
+
Q as T
|
|
181
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._adornment_1bwrg_1{display:flex}
|
package/dist/assets/Advice.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._advice_1wls4_1{display:flex;flex-direction:column;gap:1rem;align-items:center;padding:2rem}._advice__texts_1wls4_8{display:flex;flex-direction:column;align-items:center;text-align:center}._advice__content_1wls4_14{display:flex;flex-direction:column;align-items:center}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._autocomplete_1k4ph_1{margin-bottom:16px;position:relative}._autocomplete__dropdown-list_1k4ph_5{position:absolute;background-color:var(--white-100);margin-top:.1rem;border:solid .0625rem var(--gray-25);border-radius:.375rem}._autocomplete__dropdown-list_1k4ph_5:hover{border-color:var(--gray-75)}._autocomplete__dropdown-item_1k4ph_15{background-color:var(--white-100);padding:.375rem;list-style-type:none;cursor:pointer}._autocomplete__dropdown-item_1k4ph_15:hover{color:var(--accent)}
|
package/dist/assets/Button.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_dxo5v_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_dxo5v_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_dxo5v_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_dxo5v_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_dxo5v_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_dxo5v_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_dxo5v_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_dxo5v_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_dxo5v_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_dxo5v_57,._button_dxo5v_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_dxo5v_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_dxo5v_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_dxo5v_68{text-decoration:line-through}._u-typography-base--underlined_dxo5v_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_dxo5v_74{text-decoration:underline line-through}._button_dxo5v_57{height:2.5rem;padding:0 35px;font-weight:700;cursor:pointer;border:none;border-radius:100px}._button--primary_dxo5v_86{color:var(--white-100);background-color:var(--accent)}._button--primary_dxo5v_86:hover{background-color:var(--hover)}._button--primary_dxo5v_86:active{background-color:var(--active)}._button--primary_dxo5v_86:disabled{color:rgb(var(--black-100-rgb),.25);cursor:default;background-color:rgb(var(--black-100-rgb),.04)}._button--secondary_dxo5v_101{color:var(--accent);background-color:var(--white-100)}._button--secondary_dxo5v_101:hover{color:var(--accent-dark);background-color:var(--gray-5)}._button--secondary_dxo5v_101:active{color:var(--accent-light);background-color:initial}._button--secondary_dxo5v_101:disabled{color:var(--black-25);cursor:default;background-color:initial}._button--quick_dxo5v_118{height:2rem;padding:0 1rem;color:var(--accent);background-color:rgb(var(--accent-rgb),.05);border-radius:6px}._button--quick_dxo5v_118:hover{color:var(--accent-dark);background-color:rgb(var(--accent-rgb),.1)}._button--quick_dxo5v_118:active{color:var(--accent-light);background-color:rgb(var(--accent-rgb),.05)}._button--quick_dxo5v_118:disabled{color:var(--gray-50);cursor:default;background-color:var(--gray-10)}._button__loading-container_dxo5v_138{display:flex;gap:8px;align-items:center}
|
package/dist/assets/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_xqg5n_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_xqg5n_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_xqg5n_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_xqg5n_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_xqg5n_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_xqg5n_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_xqg5n_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_xqg5n_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_xqg5n_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_xqg5n_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_xqg5n_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_xqg5n_65,._checkbox-wrapper_xqg5n_65 ._label--highlighted_xqg5n_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_xqg5n_68{text-decoration:line-through}._u-typography-base--underlined_xqg5n_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_xqg5n_74{text-decoration:underline line-through}._checkbox-wrapper_xqg5n_65{display:flex;gap:var(--spacing);align-items:center;cursor:pointer}._checkbox-wrapper_xqg5n_65 input[type=checkbox]{display:none}._checkbox-wrapper_xqg5n_65 ._label_xqg5n_65{cursor:pointer;-webkit-user-select:none;user-select:none}._checkbox-wrapper_xqg5n_65 ._label--highlighted-checked_xqg5n_91{color:var(--accent)}._checkbox-wrapper_xqg5n_65 ._checkmark_xqg5n_94{display:flex;align-items:center;justify-content:center;border:1px solid var(--gray-50);border-radius:var(--border-radius-soft);--small: 1;--normal: 1.5}._checkbox-wrapper_xqg5n_65 ._checkmark_xqg5n_94:not(--checked){transition:var(--transition-soft)}._checkbox-wrapper_xqg5n_65 ._checkmark--checked_xqg5n_106{transition:var(--transition-soft)}._checkbox-wrapper_xqg5n_65 ._checkmark--checked_xqg5n_106._checkmark--light-theme_xqg5n_109{border:1px solid var(--accent-light)}._checkbox-wrapper_xqg5n_65 ._checkmark--checked_xqg5n_106._checkmark--light-theme_xqg5n_109 svg path,._checkbox-wrapper_xqg5n_65 ._checkmark--checked_xqg5n_106._checkmark--light-theme_xqg5n_109 svg rect{fill:var(--accent)}._checkbox-wrapper_xqg5n_65 ._checkmark--checked_xqg5n_106._checkmark--accent-theme_xqg5n_116{background:var(--accent);border:1px solid var(--accent)}._checkbox-wrapper_xqg5n_65 ._checkmark--checked_xqg5n_106._checkmark--accent-theme_xqg5n_116 svg rect{fill:var(--white-100)}._checkbox-wrapper_xqg5n_65 ._checkmark--small-size_xqg5n_123{width:calc(var(--small) * 1rem);height:calc(var(--small) * 1rem)}._checkbox-wrapper_xqg5n_65 ._checkmark--small-size_xqg5n_123 svg{transform:scale(calc(var(--small) / var(--normal)))}._checkbox-wrapper_xqg5n_65 ._checkmark--normal-size_xqg5n_130{width:calc(var(--normal) * 1rem);height:calc(var(--normal) * 1rem)}
|
package/dist/assets/Dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1rdlq_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1rdlq_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1rdlq_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1rdlq_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1rdlq_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1rdlq_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1rdlq_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1rdlq_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1rdlq_53,._dialog__subtitle_1rdlq_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1rdlq_57,._dialog__title--small_1rdlq_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1rdlq_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1rdlq_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1rdlq_68{text-decoration:line-through}._u-typography-base--underlined_1rdlq_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1rdlq_74{text-decoration:underline line-through}._dialog_1rdlq_53{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_1rdlq_88{position:fixed;z-index:-1;width:100%;height:100%;background-color:rgb(var(--black-100-rgb),.05);-webkit-tap-highlight-color:transparent}._dialog__panel_1rdlq_96{position:relative;display:flex;flex-direction:column;gap:8px;width:680px;padding:2rem;overflow:hidden;font-weight:500;color:var(--gray-90);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_1rdlq_57{padding-bottom:1rem}._dialog__subtitle_1rdlq_53{margin-top:1rem;font-family:Lato,sans-serif;color:var(--secondary-orange-dark);text-align:left;letter-spacing:0}._dialog__divider_1rdlq_122{width:100%;border-top:1px solid var(--gray-10)}._dialog__close-icon_1rdlq_126{position:absolute;top:27px;right:16px;padding:0;margin:0;cursor:pointer;background:none;border:none}._dialog__actions_1rdlq_136{display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_gt5j9_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_gt5j9_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_gt5j9_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_gt5j9_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_gt5j9_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_gt5j9_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_gt5j9_43,._icon-button_gt5j9_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_gt5j9_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_gt5j9_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_gt5j9_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_gt5j9_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_gt5j9_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_gt5j9_68{text-decoration:line-through}._u-typography-base--underlined_gt5j9_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_gt5j9_74{text-decoration:underline line-through}._icon-button_gt5j9_43{padding:10px;cursor:pointer;background-color:transparent;border:none}._icon-button_gt5j9_43:focus-visible{outline:none}._icon-button--primary_gt5j9_87{color:var(--accent);fill:var(--accent)}._icon-button--primary_gt5j9_87:hover{color:var(--accent-dark);fill:var(--accent-dark)}._icon-button--primary_gt5j9_87:active{color:var(--accent-light);fill:var(--accent-light)}._icon-button--primary_gt5j9_87:focus{color:var(--black-100);outline:2px solid var(--black-100);fill:var(--black-100)}._icon-button--primary_gt5j9_87:disabled{color:var(--gray-50);cursor:default;fill:var(--gray-50)}._icon-button--square_gt5j9_109{color:var(--accent);border:1px solid var(--gray-10);border-radius:6px;fill:var(--accent)}._icon-button--square_gt5j9_109:focus{color:var(--black-100);outline:2px solid var(--black-100);fill:var(--black-100)}._icon-button--square_gt5j9_109:disabled{color:var(--gray-50);cursor:default;fill:var(--gray-50)}._icon-button__container_gt5j9_125{display:flex;gap:8px;align-items:center;text-wrap:nowrap}
|
package/dist/assets/Input.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1lq2e_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1lq2e_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1lq2e_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1lq2e_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1lq2e_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1lq2e_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1lq2e_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1lq2e_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1lq2e_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1lq2e_57,._input__input-el_1lq2e_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1lq2e_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1lq2e_65,._input__input-el_1lq2e_57{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1lq2e_68{text-decoration:line-through}._u-typography-base--underlined_1lq2e_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1lq2e_74{text-decoration:underline line-through}._input__label_1lq2e_78{display:block;margin-bottom:.3125rem;color:var(--gray-75)}._input__input-el-wrapper_1lq2e_83{display:flex;align-items:center;border:solid .0625rem var(--gray-25);border-radius:.375rem;transition:all .3s}._input__input-el_1lq2e_57{all:unset;width:100%;height:2.5rem;padding:0 1rem;color:var(--gray-90);outline:none}._input__input-el_1lq2e_57::placeholder{color:var(--gray-50)}._input__left-icon_1lq2e_101,._input__right-icon_1lq2e_101{display:flex;align-items:center;justify-content:center;height:1rem}._input__left-icon_1lq2e_101{padding-left:1rem}._input__right-icon_1lq2e_101{padding-right:1rem}._input__messages-wrapper_1lq2e_113{display:flex;align-items:center;justify-content:space-between}._input__messages-wrapper_1lq2e_113:not(:empty){margin-top:.3125rem}._input__info-message_1lq2e_121,._input__error-message_1lq2e_121{display:flex;gap:.375rem;align-items:center}._input__info-message_1lq2e_121{color:var(--gray-75)}._input__error-message_1lq2e_121{color:var(--alert)}._input__chars-counter_1lq2e_132{margin-left:auto;color:var(--gray-75)}._input--disabled_1lq2e_136 ._input__input-el_1lq2e_57{color:var(--gray-50)}._input_1lq2e_57:has(._input--disabled_1lq2e_136) ._input__label_1lq2e_78{color:var(--gray-25)}._input--focused_1lq2e_142._input__input-el-wrapper_1lq2e_83{border-color:var(--accent)}._input--error_1lq2e_145._input__input-el-wrapper_1lq2e_83{border-color:var(--alert)}._input__input-el-wrapper_1lq2e_83:hover:not(._input--disabled_1lq2e_136,._input--focused_1lq2e_142,._input--error_1lq2e_145){border-color:var(--gray-75)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1qpkd_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1qpkd_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1qpkd_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1qpkd_22,._page-header__main-left-content_1qpkd_22 ._title_1qpkd_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1qpkd_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1qpkd_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1qpkd_43,._page-header__main-left-content_1qpkd_22 ._subtitle_1qpkd_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1qpkd_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1qpkd_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1qpkd_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1qpkd_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1qpkd_65,._page-header__main-left-content_1qpkd_22 ._title_1qpkd_22{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1qpkd_68{text-decoration:line-through}._u-typography-base--underlined_1qpkd_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1qpkd_74{text-decoration:underline line-through}._page-header_1qpkd_22{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:7.375rem;background:var(--cream);-webkit-font-smoothing:antialiased!important}._page-header_1qpkd_22:has(._page-header__top-content_1qpkd_87){justify-content:flex-start}._page-header__top-content_1qpkd_87,._page-header__main-content_1qpkd_90,._page-header__bottom-content_1qpkd_90{width:64rem;max-width:100%;margin:0 auto}._page-header__top-content_1qpkd_87{padding:1rem 0 .5rem}._page-header__top-content_1qpkd_87 button{width:fit-content;height:1.125rem;padding:0;line-height:1.125rem}._page-header__breadcrumb_1qpkd_104{display:flex;gap:.25rem;align-items:center}._page-header__breadcrumb__separator_1qpkd_109{height:1.125rem;padding:0;margin-right:-.25rem;line-height:1.125rem}._page-header__main-content_1qpkd_90{display:flex}._page-header__main-left-content_1qpkd_22{display:flex;flex:1;flex-direction:column;justify-content:center}._page-header__main-left-content_1qpkd_22 ._title_1qpkd_22,._page-header__main-left-content_1qpkd_22 ._subtitle_1qpkd_43{display:block;width:100%;padding:0;margin:0;color:var(--gray-90)}._page-header__main-right-content_1qpkd_132{display:flex;align-items:center;margin-bottom:1.125rem}._page-header__bottom-content_1qpkd_90{margin-top:.8125rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_2n0nk_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_2n0nk_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_2n0nk_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_2n0nk_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_2n0nk_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_2n0nk_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_2n0nk_43,._pagination_2n0nk_43 ._per-page-container_2n0nk_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_2n0nk_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_2n0nk_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_2n0nk_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_2n0nk_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_2n0nk_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_2n0nk_68{text-decoration:line-through}._u-typography-base--underlined_2n0nk_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_2n0nk_74{text-decoration:underline line-through}._pagination_2n0nk_43{display:flex;gap:1rem;align-items:center;justify-content:space-between;padding:1.5rem 0}._pagination_2n0nk_43 ._per-page-container_2n0nk_43{display:flex;gap:.5rem;align-items:center;color:var(--gray-90)}._pagination_2n0nk_43 ._per-page-container__select_2n0nk_91{width:4rem;min-width:min-content;height:2rem;padding:0 .5rem;margin:0}._pagination_2n0nk_43 ._pages-navigator-container_2n0nk_98{display:flex;gap:.5rem;align-items:center}._pagination_2n0nk_43 ._pages-navigator-container_2n0nk_98 ul{display:flex;gap:.5rem;padding:0;margin:0}._pagination_2n0nk_43 ._pages-navigator-container_2n0nk_98 li{display:inline-flex;padding:0;margin:0;list-style:none}._pagination_2n0nk_43 ._pages-navigator-container_2n0nk_98 ._page-item_2n0nk_115,._pagination_2n0nk_43 ._pages-navigator-container_2n0nk_98 ._page-number__btn_2n0nk_115{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;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_2n0nk_43 ._pages-navigator-container_2n0nk_98 button{padding:0;cursor:pointer;background-color:transparent;border:none;outline:none}._pagination_2n0nk_43 ._pages-navigator-container_2n0nk_98 ._pages-navigator-container__previous-next-btn_2n0nk_134{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_2n0nk_43 ._pages-navigator-container_2n0nk_98 ._pages-navigator-container__previous-next-btn_2n0nk_134:hover{font-weight:var(--heading-font-weight);color:var(--accent-dark)}._pagination_2n0nk_43 ._pages-navigator-container_2n0nk_98 ._pages-navigator-container__previous-next-btn_2n0nk_134:disabled{font-weight:var(--heading-font-weight);color:var(--gray-50);cursor:default}._pagination_2n0nk_43 ._pages-navigator-container_2n0nk_98 ._page-number__btn_2n0nk_115{width:2rem;height:2rem;cursor:pointer;transition:all .3s}._pagination_2n0nk_43 ._pages-navigator-container_2n0nk_98 ._page-number__btn_2n0nk_115:hover{color:var(--accent-dark)}._pagination_2n0nk_43 ._pages-navigator-container_2n0nk_98 ._page-number__btn--selected_2n0nk_159{color:var(--white-100);background-color:var(--accent);border-radius:var(--border-radius)}._pagination_2n0nk_43 ._pages-navigator-container_2n0nk_98 ._page-number__btn--selected_2n0nk_159:hover{background-color:var(--accent-light)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._container_hgp0p_1{position:relative;padding:1.5rem 1rem;background:var(--white-100);border:1px solid var(--gray-50);border-radius:.375rem}._container_hgp0p_1 ._chip-item-wrapper_hgp0p_8{display:flex;gap:.5rem}._container_hgp0p_1:not(first-child){min-height:4.125rem;padding:1rem;margin-top:1.5rem}._container_hgp0p_1 ._label_hgp0p_17{position:absolute;top:-1px;left:1.18rem;display:flex;align-items:center;justify-content:center;padding:0 .25rem;font-family:Lato;font-size:.6875rem;font-style:normal;font-weight:400;line-height:1rem;color:var(--gray-75);background:var(--white-100);transform:translateY(-50%)}._chips-container_hgp0p_35{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}._chip-content_hgp0p_42{display:block;font-family:Lato;font-size:.6875rem;font-style:normal;line-height:1rem;color:var(--gray-90)}._chip-label_hgp0p_51{font-weight:700}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_jbvcl_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_jbvcl_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_jbvcl_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_jbvcl_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_jbvcl_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_jbvcl_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_jbvcl_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_jbvcl_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_jbvcl_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_jbvcl_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_jbvcl_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_jbvcl_65,._select__listbox__option__text_jbvcl_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_jbvcl_68{text-decoration:line-through}._u-typography-base--underlined_jbvcl_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_jbvcl_74{text-decoration:underline line-through}._select_jbvcl_65{background-color:red}._select__popup_jbvcl_81{z-index:9999}._select__listbox_jbvcl_65{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_jbvcl_65{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_jbvcl_102{display:flex;margin-right:.5rem}._select__listbox__option_jbvcl_65:hover:not(._select__listbox__option--disabled_jbvcl_106){padding:.625rem;color:var(--accent);background-color:rgba(var(--black-100-rgb),4%);border-radius:var(--border-radius-soft)}._select__listbox__option_jbvcl_65:active:not(._select__listbox__option--disabled_jbvcl_106){color:var(--accent-dark)}._select__listbox__option--selected_jbvcl_115{background-color:var(--accent-lighter)}._select__listbox__option--disabled_jbvcl_106{color:rgba(var(--gray-95-rgb),25%);cursor:default;border:transparent}._select__listbox__option--disabled_jbvcl_106 ._select__list__option__icon_jbvcl_123{color:rgba(var(--gray-95-rgb),25%);fill:rgba(var(--gray-95-rgb),25%)}._select-button_jbvcl_128{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_jbvcl_128+input[aria-hidden=true]{position:fixed!important}._select-button_jbvcl_128 ._base-Select-popup_jbvcl_146{z-index:1}._select-button__text_jbvcl_149{display:flex;gap:.5rem;width:100%;overflow:hidden;text-align:start;text-overflow:ellipsis;text-wrap:nowrap}._select-button__icon_jbvcl_158{display:flex}._select-button__icon_jbvcl_158 svg{color:rgba(var(--gray-95-rgb),88%)}._select-button--active_jbvcl_164{border:1px solid var(--accent)}._select-button_jbvcl_128:disabled{color:rgba(var(--gray-95-rgb),25%);cursor:default;border:1px solid var(--gray-10)}._select-button_jbvcl_128:disabled ._select-button__icon_jbvcl_158 svg{color:rgba(var(--gray-95-rgb),25%)}._select-button_jbvcl_128:hover:not(._select-button_jbvcl_128:disabled){border:1px solid var(--gray-25)}._select-button_jbvcl_128:focus:not(._select-button_jbvcl_128:disabled),._select-button_jbvcl_128:active:not(._select-button_jbvcl_128:disabled){border:1px solid var(--accent)}
|
package/dist/assets/Snackbar.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_8hhue_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_8hhue_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_8hhue_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_8hhue_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_8hhue_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_8hhue_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_8hhue_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_8hhue_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_8hhue_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_8hhue_57,._snackbar--message_8hhue_57 p{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_8hhue_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_8hhue_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_8hhue_68{text-decoration:line-through}._u-typography-base--underlined_8hhue_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_8hhue_74{text-decoration:underline line-through}._snackbar_8hhue_57{display:block;width:40.5rem;margin:0 auto}@keyframes _bottomToTop_8hhue_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}._snackbar__snackbar-el-wrapper_8hhue_91{position:fixed;bottom:1rem;z-index:5500}._snackbar--content_8hhue_96{display:flex;align-items:center;justify-content:space-between;width:40.5rem;height:3.5rem;padding:1rem;overflow:hidden;border-radius:8px}._snackbar_8hhue_57:has(._snackbar--success_8hhue_106) ._snackbar--content_8hhue_96{background-color:var(--secondary-green-darker)}._snackbar_8hhue_57:has(._snackbar--error_8hhue_109) ._snackbar--content_8hhue_96{background-color:var(--alert)}._snackbar_8hhue_57:has(._snackbar--warning_8hhue_112) ._snackbar--content_8hhue_96{background-color:var(--secondary-orange)}._snackbar--message_8hhue_57{text-align:start}._snackbar--message_8hhue_57 p{font-weight:900;color:var(--white-100)}._snackbar--action_8hhue_122{position:absolute;top:1rem;right:1rem;padding:0;margin:0;cursor:pointer;background:none;border:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_3hhsf_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_3hhsf_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_3hhsf_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_3hhsf_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_3hhsf_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_3hhsf_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_3hhsf_43,._sort-tooltip_3hhsf_43 ul li button{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_3hhsf_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_3hhsf_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_3hhsf_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_3hhsf_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_3hhsf_65,._sort-tooltip_3hhsf_43 ul li button{font-weight:var(--base-bold)}._u-typography-base--strikethrough_3hhsf_68{text-decoration:line-through}._u-typography-base--underlined_3hhsf_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_3hhsf_74{text-decoration:underline line-through}._sort-tooltip_3hhsf_43 ul{display:flex;flex-direction:column;gap:16px;padding:0;margin:0;list-style:none}._sort-tooltip_3hhsf_43 ul li button{display:flex;gap:8px;color:var(--gray-75);cursor:pointer;background-color:unset;border:none;outline:none}._sort-tooltip_3hhsf_43 ul li button._button--selected_3hhsf_95{color:var(--accent)}
|
package/dist/assets/Stepper.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_7fsnr_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_7fsnr_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_7fsnr_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_7fsnr_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_7fsnr_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_7fsnr_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_7fsnr_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_7fsnr_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_7fsnr_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_7fsnr_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_7fsnr_61,._stepper_7fsnr_61 ._item_7fsnr_61 ._name_7fsnr_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_7fsnr_65,._stepper_7fsnr_61 ._item--active_7fsnr_65 ._name_7fsnr_61,._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._counter_7fsnr_65,._stepper_7fsnr_61 ._item_7fsnr_61 ._counter_7fsnr_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_7fsnr_68{text-decoration:line-through}._u-typography-base--underlined_7fsnr_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_7fsnr_74{text-decoration:underline line-through}._stepper_7fsnr_61{display:flex;justify-content:space-between;margin:2.5rem auto}._stepper_7fsnr_61 ._item_7fsnr_61{position:relative;display:flex;flex:1;flex-direction:column;align-items:center}._stepper_7fsnr_61 ._item_7fsnr_61:before{position:absolute;top:20px;left:-50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61:after{position:absolute;top:20px;left:50%;z-index:2;width:100%;content:"";border-bottom:2px solid var(--gray-50);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61 ._counter_7fsnr_65{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;margin-bottom:.5rem;line-height:1rem;color:var(--gray-50);background-color:var(--white-100);border:2px solid var(--gray-50);border-radius:50%;transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61 ._name_7fsnr_61{color:var(--gray-50);text-align:center;transition:all var(--transition-long)}._stepper_7fsnr_61 ._item_7fsnr_61:first-child:before,._stepper_7fsnr_61 ._item_7fsnr_61:last-child:after{content:none}._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._counter_7fsnr_65{color:var(--white-100);background-color:var(--secondary-green-dark);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--completed_7fsnr_65 ._name_7fsnr_61{font-weight:900;color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--completed_7fsnr_65:after{position:absolute;top:20px;left:50%;z-index:3;width:100%;content:"";border-bottom:2px solid var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--active_7fsnr_65 ._counter_7fsnr_65{font-size:700;color:var(--secondary-green-dark);background-color:var(--white-100);border-color:var(--secondary-green-dark);transition:all var(--transition-long)}._stepper_7fsnr_61 ._item--active_7fsnr_65 ._name_7fsnr_61{color:var(--gray-75);transition:all var(--transition-long)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._stepper-navigator_1ouny_1{display:flex;justify-content:space-between;padding:1rem 0}._stepper-navigator_1ouny_1>span{display:flex;gap:1rem}._cancel-button_1ouny_11{color:var(--accent-alert-light);background-color:transparent}._cancel-button_1ouny_11:hover:not(:disabled){color:rgba(var(--alert-dark-rgb),.75);background-color:var(--gray-5)}._previous-button_1ouny_20{color:var(--gray-75);background-color:transparent;border:solid 1px var(--gray-75)}._previous-button_1ouny_20:disabled{border-color:transparent}._previous-button_1ouny_20:hover:not(:disabled){color:rgba(var(--gray-75-rgb),.75);background-color:var(--gray-5);border-color:rgba(var(--gray-75),.75)}
|
package/dist/assets/Table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1ysnl_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1ysnl_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1ysnl_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1ysnl_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1ysnl_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1ysnl_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1ysnl_43,._table_1ysnl_43 tbody{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1ysnl_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1ysnl_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1ysnl_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1ysnl_61,._table_1ysnl_43 thead{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1ysnl_65,._table_1ysnl_43 thead{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1ysnl_68{text-decoration:line-through}._u-typography-base--underlined_1ysnl_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1ysnl_74{text-decoration:underline line-through}._table_1ysnl_43{color:var(--secondary-orange);border-spacing:0}._table--fixed_1ysnl_82{table-layout:fixed}._table--full-width_1ysnl_85{width:100%}._table--white-theme_1ysnl_88{background:var(--white-100)}._table--transparent-theme_1ysnl_91{background:transparent}._table_1ysnl_43 th._cell--left-alignment_1ysnl_94,._table_1ysnl_43 td._cell--left-alignment_1ysnl_94{text-align:left}._table_1ysnl_43 th._cell--center-alignment_1ysnl_98,._table_1ysnl_43 td._cell--center-alignment_1ysnl_98{text-align:center}._table_1ysnl_43 th._cell--right-alignment_1ysnl_102,._table_1ysnl_43 td._cell--right-alignment_1ysnl_102{text-align:right}._table_1ysnl_43 thead{color:var(--gray-90);text-transform:uppercase}._table_1ysnl_43 thead tr th{--children-pv: 4px;--children-ph: 8px;align-items:center;padding:calc(1.5rem - var(--children-pv)) calc(.75rem - var(--children-ph));line-height:1rem;border-bottom:1px solid var(--gray-25)}._table_1ysnl_43 thead tr th ._th__wrapper_1ysnl_118{padding:var(--children-pv) var(--children-ph)}._table_1ysnl_43 thead tr th ._th__wrapper--pressed_1ysnl_121{background-color:var(--gray-10);border-radius:6px}._table_1ysnl_43 thead tr th ._th__wrapper--clickable_1ysnl_125{cursor:pointer}._table_1ysnl_43 thead tr th ._th__wrapper_1ysnl_118 ._th__sort-icon-container_1ysnl_128{padding-left:4px}._table_1ysnl_43 tbody{color:var(--gray-90)}._table_1ysnl_43 tbody tr:hover:not(._tr__row-or-cell--disabled_1ysnl_134){background-color:rgb(var(--gray-5-rgb),.5)}._table_1ysnl_43 tbody ._tr_1ysnl_134,._table_1ysnl_43 tbody ._td_1ysnl_138{padding:16px 12px;line-height:var(--body-line-height);border-bottom:1px solid var(--gray-10)}._table_1ysnl_43 tbody ._tr__row-or-cell--clickable_1ysnl_143,._table_1ysnl_43 tbody ._td__row-or-cell--clickable_1ysnl_144{cursor:pointer}._table_1ysnl_43 tbody ._tr__row-or-cell--disabled_1ysnl_134,._table_1ysnl_43 tbody ._td__row-or-cell--disabled_1ysnl_148{background:var(--cream);filter:grayscale(1)}._table_1ysnl_43 tbody ._tr__row-or-cell--disabled_1ysnl_134 ._td-wrapper_1ysnl_152,._table_1ysnl_43 tbody ._td__row-or-cell--disabled_1ysnl_148 ._td-wrapper_1ysnl_152{opacity:.25}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
._container_ia8vu_1{display:flex;flex-direction:column}._container--inline_ia8vu_5{flex-direction:row;gap:.5rem}
|
package/dist/assets/Toggle.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_p0gq9_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_p0gq9_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_p0gq9_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_p0gq9_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_p0gq9_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_p0gq9_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_p0gq9_43,._toggle__label_p0gq9_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_p0gq9_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_p0gq9_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_p0gq9_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_p0gq9_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_p0gq9_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_p0gq9_68{text-decoration:line-through}._u-typography-base--underlined_p0gq9_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_p0gq9_74{text-decoration:underline line-through}._toggle_p0gq9_43{position:relative;display:flex;gap:1rem;align-items:center;cursor:pointer}._toggle__toggle-el-wrapper_p0gq9_85{width:2.25rem;height:1.5rem}._toggle_p0gq9_43 ._input_p0gq9_89{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;margin:0;cursor:inherit;opacity:0}._toggle_p0gq9_43 ._thumb_p0gq9_100{position:relative;top:.375rem;left:.375rem;display:block;width:.75rem;height:.75rem;background-color:var(--gray-90);border-radius:.75rem;opacity:.4;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.12s;transition-property:all}._toggle_p0gq9_43 ._track_p0gq9_114{position:absolute;display:block;width:2.25rem;height:1.5rem;background:var(--white-100);border-radius:1.5rem;box-shadow:inset 0 0 0 .25rem var(--gray-50);opacity:.4}._toggle--focus-visible_p0gq9_124._toggle__toggle-el-wrapper_p0gq9_85 ._track_p0gq9_114{border:1px solid var(--black-100);opacity:1}._toggle--checked_p0gq9_128._toggle__toggle-el-wrapper_p0gq9_85 ._thumb_p0gq9_100{left:1.125rem;background-color:var(--accent);opacity:1}._toggle--checked_p0gq9_128._toggle__toggle-el-wrapper_p0gq9_85 ._track_p0gq9_114{background:var(--accent);box-shadow:none;opacity:.4}._toggle__label_p0gq9_43{color:var(--gray-75)}._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141) ._track_p0gq9_114{border-color:var(--gray-90);opacity:1}._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141) ._thumb_p0gq9_100{opacity:1}._toggle_p0gq9_43:has(._toggle__toggle-el-wrapper_p0gq9_85:hover:not(._toggle--focus-visible_p0gq9_124,._toggle--checked_p0gq9_128,._toggle--disabled_p0gq9_141)) ._toggle__label_p0gq9_43{color:var(--black-100)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle__label_p0gq9_43{color:var(--gray-50)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._track_p0gq9_114{border-color:#dbdae266}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._thumb_p0gq9_100{background-color:var(--gray-25);opacity:1}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._toggle__label_p0gq9_43{font-weight:900;color:var(--accent)}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._thumb_p0gq9_100{left:1.125rem;background-color:var(--accent);opacity:1}._toggle_p0gq9_43:has(._toggle--disabled_p0gq9_141) ._toggle--checked_p0gq9_128 ._track_p0gq9_114{background:var(--accent);box-shadow:none;opacity:.4}._toggle_p0gq9_43:has(._toggle--checked_p0gq9_128) ._toggle__label_p0gq9_43{font-weight:900;color:var(--accent)}._toggle_p0gq9_43:has(._toggle--focus-visible_p0gq9_124) ._toggle__label_p0gq9_43{color:var(--black-100)}
|
package/dist/assets/Toggle2.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_1wvod_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_1wvod_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_1wvod_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_1wvod_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_1wvod_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_1wvod_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_1wvod_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_1wvod_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_1wvod_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_1wvod_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_1wvod_61,._chip_1wvod_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_1wvod_65,._chip_1wvod_61{font-weight:var(--base-bold)}._u-typography-base--strikethrough_1wvod_68{text-decoration:line-through}._u-typography-base--underlined_1wvod_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_1wvod_74{text-decoration:underline line-through}._chip_1wvod_61{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_1wvod_61:not(:disabled){color:rgb(var(--gray-95-rgb) .65)}._chip--button_1wvod_90{cursor:pointer;border-color:transparent}._chip--button_1wvod_90:disabled{pointer-events:none;cursor:initial}._chip--button_1wvod_90:focus-visible{outline:none}._chip--button_1wvod_90:focus{outline:2px solid var(--black-100)}._chip--outlined_1wvod_104{padding:.3125rem .5rem;background-color:var(--white-100);border:1px solid var(--border);border-radius:calc(var(--border-radius-soft) * 4)}._chip--contained_1wvod_110{padding:.3125rem .5rem;border:1px solid var(--border);border-color:var(--accent);border-radius:calc(var(--border-radius-soft) * 4)}._chip__adornment_1wvod_116{display:flex;align-items:center;margin-right:.5rem}._chip__remove_1wvod_121{display:flex;margin-left:.5rem;cursor:pointer}._chip__remove_1wvod_121:focus-visible{outline:none}._chip__remove_1wvod_121:focus:not(:disabled){border-radius:calc(var(--border-radius-soft) * 4);outline:2px solid var(--black-100)}._chip__remove--disabled_1wvod_133{cursor:default}._chip-loading_1wvod_137{display:inline-flex;min-width:6rem;height:2rem;border-radius:4rem}._row-item_8z1a0_1{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border:1px solid var(--gray-10);border-radius:6px;outline:none}._row-item_8z1a0_1:focus-visible{outline:none}._row-item--clickable_8z1a0_13{cursor:pointer}._row-item--clickable_8z1a0_13:focus{outline:2px solid var(--black-100)}._row-item--disabled_8z1a0_19{cursor:not-allowed}._row-item__content_8z1a0_22{display:flex;flex-grow:1;align-items:center;justify-content:space-between;padding-right:1rem;padding-left:1rem;margin:0;text-align:center}._row-item__content_8z1a0_22:focus-visible{outline:none}._row-item__content_8z1a0_22:focus{outline:2px solid var(--black-100)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._u-typography-
|
|
1
|
+
._u-typography-h1_gn8st_1{font-size:var(--heading-font-size-1);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-1);margin:0}._u-typography-h2_gn8st_8{font-size:var(--heading-font-size-2);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-2);margin:0}._u-typography-h3_gn8st_15{font-size:var(--heading-font-size-3);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-3);margin:0}._u-typography-h4_gn8st_22{font-size:var(--heading-font-size-4);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-4);margin:0}._u-typography-h5_gn8st_29{font-size:var(--heading-font-size-5);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-5);margin:0}._u-typography-h6_gn8st_36{font-size:var(--heading-font-size-6);font-weight:var(--heading-font-weight);line-height:var(--heading-line-height-6);margin:0}._u-typography-base_gn8st_43{margin:0;font-size:var(--base-font-size);font-weight:var(--base-weight);line-height:var(--base-line-height)}._u-typography-base--xxl_gn8st_49{font-size:var(--base-font-size-xxl);line-height:var(--base-line-height-xxl)}._u-typography-base--xl_gn8st_53{font-size:var(--base-font-size-xl);line-height:var(--base-line-height-xl)}._u-typography-base--lg_gn8st_57{font-size:var(--base-font-size-lg);line-height:var(--base-line-height-lg)}._u-typography-base--sm_gn8st_61{font-size:var(--base-font-size-sm);line-height:var(--base-line-height-sm)}._u-typography-base--bold_gn8st_65{font-weight:var(--base-bold)}._u-typography-base--strikethrough_gn8st_68{text-decoration:line-through}._u-typography-base--underlined_gn8st_71{text-decoration:underline}._u-typography-base--strikethrough-underlined_gn8st_74{text-decoration:underline line-through}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { IconProps } from '../Icon/Icon.tsx';
|
|
2
|
+
import { Either } from '../../types/helpers';
|
|
3
|
+
import { ReactNode } from 'react';
|
|
4
|
+
|
|
5
|
+
export type AdornmentSlotProps = {
|
|
6
|
+
/** Any additional classes to apply to the adornment */
|
|
7
|
+
className?: string;
|
|
8
|
+
/** Dataset test id only used for tests to reach in and grab the rendered DOM node of the adornment */
|
|
9
|
+
'data-testid'?: string;
|
|
10
|
+
};
|
|
11
|
+
export type MarolaIconAdornment = AdornmentSlotProps & Partial<IconProps> & {
|
|
12
|
+
/** Whether to render in a disabled state */
|
|
13
|
+
disabled?: boolean;
|
|
14
|
+
};
|
|
15
|
+
export type CustomIconAdornment = AdornmentSlotProps & {
|
|
16
|
+
/** Render a complete custom icon outside of Marola icon system */
|
|
17
|
+
customIcon: ReactNode;
|
|
18
|
+
};
|
|
19
|
+
export type AdornmentProps = Either<CustomIconAdornment, MarolaIconAdornment>;
|
|
20
|
+
export declare const Adornment: (props: AdornmentProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import '../../assets/Adornment.css';
|
|
2
|
+
import { jsx as n } from "react/jsx-runtime";
|
|
3
|
+
import { c } from "../../clsx-DB4S2d7J.js";
|
|
4
|
+
import { Icon as d } from "../Icon/Icon.js";
|
|
5
|
+
const l = "_adornment_1bwrg_1", i = {
|
|
6
|
+
adornment: l
|
|
7
|
+
}, g = (t) => {
|
|
8
|
+
const e = c(t.className), { disabled: a, icon: m } = t, o = a ? "rgb(var(--gray-95-rgb), 0.4)" : t == null ? void 0 : t.color;
|
|
9
|
+
return /* @__PURE__ */ n("span", { className: c(i.adornment, e), "data-testid": t["data-testid"], children: t != null && t.customIcon ? t == null ? void 0 : t.customIcon : /* @__PURE__ */ n(d, { color: o, icon: m, size: t.size }) });
|
|
10
|
+
};
|
|
11
|
+
export {
|
|
12
|
+
g as Adornment
|
|
13
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { StoryObj } from '@storybook/react';
|
|
2
|
+
|
|
3
|
+
declare const meta: {
|
|
4
|
+
title: string;
|
|
5
|
+
component: (props: import('./Adornment').AdornmentProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
tags: string[];
|
|
7
|
+
parameters: {
|
|
8
|
+
layout: string;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
11
|
+
export default meta;
|
|
12
|
+
type Story = StoryObj<typeof meta>;
|
|
13
|
+
export declare const WithMarolaIcon: Story;
|
|
14
|
+
export declare const WithCustomIcon: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|