welcome-ui 10.6.7 → 10.6.9
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/{CustomPopper-DWdMQOgg.js → CustomPopper-PWIRxhgV.js} +381 -379
- package/dist/DatePicker.js +43 -38
- package/dist/DateTimePicker.js +1 -1
- package/dist/Field.css +1 -1
- package/dist/Field.js +41 -41
- package/dist/Icon.js +1 -0
- package/dist/Tabs.css +1 -1
- package/dist/Tabs.js +191 -173
- package/dist/TimePicker.js +21 -16
- package/dist/types/components/Icon/icons.d.ts +2 -2
- package/dist/types/components/Tabs/TabContext.d.ts +3 -0
- package/dist/utils-Cf0NRrqX.js +120 -0
- package/dist/utils.css +1 -1
- package/dist/utils.js +0 -1
- package/package.json +2 -2
- package/dist/CustomPopper.css +0 -1
- package/dist/utils-ZE_dEXnJ.js +0 -117
package/dist/DatePicker.js
CHANGED
|
@@ -1,64 +1,64 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './DatePicker.css';
|
|
3
|
-
import { jsxs as G, jsx as
|
|
3
|
+
import { jsxs as G, jsx as i } from "react/jsx-runtime";
|
|
4
4
|
import { useState as A, useMemo as $, useEffect as S, forwardRef as J, useRef as Q } from "react";
|
|
5
|
-
import { D as V, C as W } from "./CustomPopper-
|
|
5
|
+
import { D as V, C as W } from "./CustomPopper-PWIRxhgV.js";
|
|
6
6
|
import { Button as j } from "./Button.js";
|
|
7
7
|
import { Icon as F } from "./Icon.js";
|
|
8
8
|
import { Select as M } from "./Select.js";
|
|
9
9
|
import { c as v } from "./index-B6iGEm-i.js";
|
|
10
|
-
import { g as X, a as Z, s as B, D as P, b as Y } from "./utils-
|
|
10
|
+
import { g as X, a as Z, s as B, D as P, b as Y } from "./utils-Cf0NRrqX.js";
|
|
11
11
|
import { InputText as g } from "./InputText.js";
|
|
12
12
|
const C = v(B), L = ({
|
|
13
13
|
changeMonth: x,
|
|
14
14
|
changeYear: N,
|
|
15
15
|
date: f,
|
|
16
16
|
decreaseMonth: T,
|
|
17
|
-
decreaseYear:
|
|
18
|
-
endYear:
|
|
19
|
-
increaseMonth:
|
|
17
|
+
decreaseYear: k,
|
|
18
|
+
endYear: c,
|
|
19
|
+
increaseMonth: z,
|
|
20
20
|
increaseYear: y,
|
|
21
21
|
isMonthYearPicker: t,
|
|
22
22
|
locale: D,
|
|
23
|
-
startYear:
|
|
23
|
+
startYear: m
|
|
24
24
|
}) => {
|
|
25
|
-
const [p,
|
|
25
|
+
const [p, I] = A(null), [a, R] = A(null), l = $(() => X(D), [D]), r = $(() => Z(m, c), [m, c]), o = (t || p === l[0].label) && a === m, w = (t || p === l[l.length - 1].label) && a === c;
|
|
26
26
|
return S(() => {
|
|
27
|
-
const b = new Date(f), u =
|
|
28
|
-
|
|
29
|
-
}, [f,
|
|
30
|
-
/* @__PURE__ */
|
|
27
|
+
const b = new Date(f), u = l[b.getMonth()].label, E = b.getFullYear();
|
|
28
|
+
I(u), R(E);
|
|
29
|
+
}, [f, l]), /* @__PURE__ */ G("div", { className: C("custom-header"), children: [
|
|
30
|
+
/* @__PURE__ */ i(
|
|
31
31
|
j,
|
|
32
32
|
{
|
|
33
33
|
disabled: o,
|
|
34
|
-
onClick: t ?
|
|
34
|
+
onClick: t ? k : T,
|
|
35
35
|
size: "sm",
|
|
36
36
|
title: `Previous ${t ? "year" : "month"}`,
|
|
37
37
|
variant: "tertiary",
|
|
38
|
-
children: /* @__PURE__ */
|
|
38
|
+
children: /* @__PURE__ */ i(F, { name: "angle-left-b", size: "xs" })
|
|
39
39
|
}
|
|
40
40
|
),
|
|
41
|
-
!t && /* @__PURE__ */
|
|
41
|
+
!t && /* @__PURE__ */ i(
|
|
42
42
|
M,
|
|
43
43
|
{
|
|
44
44
|
id: "month",
|
|
45
45
|
name: "month",
|
|
46
46
|
onChange: x,
|
|
47
|
-
options:
|
|
47
|
+
options: l,
|
|
48
48
|
size: "md",
|
|
49
49
|
value: p
|
|
50
50
|
}
|
|
51
51
|
),
|
|
52
|
-
/* @__PURE__ */
|
|
53
|
-
/* @__PURE__ */
|
|
52
|
+
/* @__PURE__ */ i(M, { id: "year", name: "year", onChange: N, options: r, size: "md", value: a }),
|
|
53
|
+
/* @__PURE__ */ i(
|
|
54
54
|
j,
|
|
55
55
|
{
|
|
56
56
|
disabled: w,
|
|
57
|
-
onClick: t ? y :
|
|
57
|
+
onClick: t ? y : z,
|
|
58
58
|
size: "sm",
|
|
59
59
|
title: `Next ${t ? "year" : "month"}`,
|
|
60
60
|
variant: "tertiary",
|
|
61
|
-
children: /* @__PURE__ */
|
|
61
|
+
children: /* @__PURE__ */ i(F, { name: "angle-right-b", size: "xs" })
|
|
62
62
|
}
|
|
63
63
|
)
|
|
64
64
|
] });
|
|
@@ -70,18 +70,18 @@ const K = v(B), h = J(
|
|
|
70
70
|
className: N,
|
|
71
71
|
dateFormat: f = "dd/MM/yyyy",
|
|
72
72
|
disabled: T,
|
|
73
|
-
endYear:
|
|
74
|
-
icon:
|
|
75
|
-
iconPlacement:
|
|
73
|
+
endYear: k = P.getFullYear(),
|
|
74
|
+
icon: c,
|
|
75
|
+
iconPlacement: z = "left",
|
|
76
76
|
locale: y,
|
|
77
77
|
onChange: t,
|
|
78
78
|
placeholder: D,
|
|
79
|
-
preventVirtualKeyboard:
|
|
79
|
+
preventVirtualKeyboard: m = !1,
|
|
80
80
|
showMonthYearPicker: p,
|
|
81
|
-
size:
|
|
81
|
+
size: I = "md",
|
|
82
82
|
startYear: a = 1900,
|
|
83
|
-
transparent:
|
|
84
|
-
useWeekdaysShort:
|
|
83
|
+
transparent: R,
|
|
84
|
+
useWeekdaysShort: l = !0,
|
|
85
85
|
value: r = P,
|
|
86
86
|
...o
|
|
87
87
|
}, w) => {
|
|
@@ -116,27 +116,27 @@ const K = v(B), h = J(
|
|
|
116
116
|
// type issue in react-datepicker (https://github.com/Hacker0x01/react-datepicker/issues/5391)
|
|
117
117
|
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
118
118
|
// @ts-expect-error
|
|
119
|
-
/* @__PURE__ */
|
|
119
|
+
/* @__PURE__ */ i(
|
|
120
120
|
V,
|
|
121
121
|
{
|
|
122
122
|
autoComplete: "off",
|
|
123
123
|
calendarClassName: "date-picker-popper",
|
|
124
|
-
customInput: /* @__PURE__ */
|
|
124
|
+
customInput: /* @__PURE__ */ i(
|
|
125
125
|
g,
|
|
126
126
|
{
|
|
127
127
|
autoFocus: x,
|
|
128
128
|
className: K("date-picker", N),
|
|
129
129
|
"data-testid": o["data-testid"],
|
|
130
130
|
disabled: T,
|
|
131
|
-
icon:
|
|
132
|
-
iconPlacement:
|
|
133
|
-
inputMode:
|
|
131
|
+
icon: c,
|
|
132
|
+
iconPlacement: z,
|
|
133
|
+
inputMode: m ? "none" : "text",
|
|
134
134
|
isClearable: !0,
|
|
135
135
|
onReset: _,
|
|
136
136
|
placeholder: D,
|
|
137
137
|
ref: H,
|
|
138
|
-
size:
|
|
139
|
-
transparent:
|
|
138
|
+
size: I,
|
|
139
|
+
transparent: R
|
|
140
140
|
}
|
|
141
141
|
),
|
|
142
142
|
dateFormat: f,
|
|
@@ -144,10 +144,10 @@ const K = v(B), h = J(
|
|
|
144
144
|
onChange: q,
|
|
145
145
|
onKeyDown: U,
|
|
146
146
|
popperContainer: W,
|
|
147
|
-
renderCustomHeader: (e) => /* @__PURE__ */
|
|
147
|
+
renderCustomHeader: (e) => /* @__PURE__ */ i(
|
|
148
148
|
L,
|
|
149
149
|
{
|
|
150
|
-
endYear:
|
|
150
|
+
endYear: k,
|
|
151
151
|
isMonthYearPicker: p,
|
|
152
152
|
locale: y,
|
|
153
153
|
startYear: a,
|
|
@@ -156,9 +156,14 @@ const K = v(B), h = J(
|
|
|
156
156
|
),
|
|
157
157
|
selected: E,
|
|
158
158
|
showMonthYearPicker: p,
|
|
159
|
-
useWeekdaysShort:
|
|
159
|
+
useWeekdaysShort: l,
|
|
160
160
|
...o,
|
|
161
|
-
wrapperClassName: K(
|
|
161
|
+
wrapperClassName: K(
|
|
162
|
+
"picker-input-root",
|
|
163
|
+
"date-picker-wrapper",
|
|
164
|
+
"field-input",
|
|
165
|
+
o.wrapperClassName
|
|
166
|
+
)
|
|
162
167
|
}
|
|
163
168
|
)
|
|
164
169
|
);
|
package/dist/DateTimePicker.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx as A } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef as E, useState as P, useRef as x, useEffect as a, Children as N, cloneElement as H } from "react";
|
|
4
|
-
import { D as I, b, s as j } from "./utils-
|
|
4
|
+
import { D as I, b, s as j } from "./utils-Cf0NRrqX.js";
|
|
5
5
|
import { c as F } from "./index-B6iGEm-i.js";
|
|
6
6
|
const L = F(j), M = E(
|
|
7
7
|
({
|
package/dist/Field.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_bk683_2{display:grid;grid-template-areas:"label" "input";width:100%;height:fit-content}._root_bk683_2:has(._label_bk683_8):has(._hint_bk683_8){grid-template-areas:"label" "input" "hint"}._root_bk683_2:not(:has(._label_bk683_8)):has(._hint_bk683_8){grid-template-areas:"input" "hint"}._root_bk683_2:not(._inline_bk683_14) ._hint_bk683_8{margin-top:var(--field-gap-assistive)}._root_bk683_2:not(._inline_bk683_14) ._label_bk683_8{margin-bottom:var(--field-gap-label)}._root_bk683_2 .field-input{align-self:center;grid-area:input}._root_bk683_2 .field-input.date-picker-wrapper,._root_bk683_2 .field-input.time-picker-wrapper{justify-self:start}._inline_bk683_14{grid-template-areas:"input label";grid-template-columns:min-content 1fr;height:fit-content;grid-row-gap:var(--field-gap-assistive);grid-column-gap:var(--field-gap-label)}._inline_bk683_14:has(._label_bk683_8):has(._hint_bk683_8){grid-template-areas:"input label" ". hint"}._inline_bk683_14:not(:has(._label_bk683_8)):has(._hint_bk683_8){grid-template-areas:"input ." ". hint"}._label_bk683_8{grid-area:label}._hint_bk683_8{grid-area:hint;display:flex;gap:var(--field-gap-label)}._hint-max-length_bk683_48{margin-left:auto}._visuallyHidden_bk683_51{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}}
|
package/dist/Field.js
CHANGED
|
@@ -1,89 +1,89 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Field.css';
|
|
3
|
-
import { jsxs as
|
|
4
|
-
import { createContext as
|
|
5
|
-
import { Hint as
|
|
6
|
-
import { Label as
|
|
7
|
-
import { c as
|
|
8
|
-
import { f as
|
|
9
|
-
const z = "
|
|
3
|
+
import { jsxs as I, jsx as f } from "react/jsx-runtime";
|
|
4
|
+
import { createContext as M, useMemo as $, useId as q, useContext as A } from "react";
|
|
5
|
+
import { Hint as R } from "./Hint.js";
|
|
6
|
+
import { Label as S } from "./Label.js";
|
|
7
|
+
import { c as T } from "./index-B6iGEm-i.js";
|
|
8
|
+
import { f as W } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
9
|
+
const z = "_root_bk683_2", E = "_label_bk683_8", G = "_hint_bk683_8", J = "_inline_bk683_14", K = "_visuallyHidden_bk683_51", O = {
|
|
10
10
|
root: z,
|
|
11
11
|
label: E,
|
|
12
12
|
hint: G,
|
|
13
13
|
inline: J,
|
|
14
|
-
"hint-max-length": "_hint-max-
|
|
14
|
+
"hint-max-length": "_hint-max-length_bk683_48",
|
|
15
15
|
visuallyHidden: K
|
|
16
|
-
}, d =
|
|
16
|
+
}, d = T(O), N = M({
|
|
17
17
|
getInputProps: (n) => n,
|
|
18
18
|
hintID: "",
|
|
19
19
|
labelID: "",
|
|
20
20
|
variant: void 0
|
|
21
21
|
});
|
|
22
22
|
function _(n) {
|
|
23
|
-
const c =
|
|
23
|
+
const c = q();
|
|
24
24
|
return n || c;
|
|
25
25
|
}
|
|
26
26
|
function ee() {
|
|
27
|
-
return
|
|
27
|
+
return A(N);
|
|
28
28
|
}
|
|
29
|
-
const Q =
|
|
29
|
+
const Q = W((n, c) => {
|
|
30
30
|
const {
|
|
31
|
-
children:
|
|
31
|
+
children: g,
|
|
32
32
|
className: p,
|
|
33
|
-
disabled:
|
|
34
|
-
error:
|
|
33
|
+
disabled: m,
|
|
34
|
+
error: v,
|
|
35
35
|
hideLabel: D,
|
|
36
36
|
hint: F,
|
|
37
37
|
hintProps: l,
|
|
38
|
-
id:
|
|
39
|
-
inline:
|
|
40
|
-
label:
|
|
38
|
+
id: k,
|
|
39
|
+
inline: H,
|
|
40
|
+
label: j,
|
|
41
41
|
labelProps: i,
|
|
42
42
|
maxLength: e,
|
|
43
|
-
required:
|
|
44
|
-
success:
|
|
45
|
-
warning:
|
|
46
|
-
...
|
|
47
|
-
} = n, t =
|
|
43
|
+
required: u,
|
|
44
|
+
success: x,
|
|
45
|
+
warning: y,
|
|
46
|
+
...B
|
|
47
|
+
} = n, t = v ? "danger" : x ? "success" : y ? "warning" : void 0, s = v ?? y ?? x ?? F, a = e ? `${new Intl.NumberFormat().format(e.count)} / ${new Intl.NumberFormat().format(e.max)}` : void 0, r = _(i == null ? void 0 : i.id), o = _(l == null ? void 0 : l.id), b = _(k), C = $(
|
|
48
48
|
() => ({
|
|
49
|
-
getInputProps(
|
|
50
|
-
const
|
|
49
|
+
getInputProps(h) {
|
|
50
|
+
const w = [h["aria-describedby"], (s || a) && o].filter(Boolean).join(" ") || void 0, L = [h["aria-labelledby"], r].filter(Boolean).join(" ");
|
|
51
51
|
return {
|
|
52
|
-
...
|
|
53
|
-
"aria-describedby":
|
|
52
|
+
...h,
|
|
53
|
+
"aria-describedby": w,
|
|
54
54
|
"aria-invalid": t === "danger" ? !0 : void 0,
|
|
55
|
-
"aria-labelledby":
|
|
56
|
-
disabled:
|
|
57
|
-
id:
|
|
55
|
+
"aria-labelledby": L,
|
|
56
|
+
disabled: m,
|
|
57
|
+
id: b,
|
|
58
58
|
/**
|
|
59
59
|
* pass maxCount to children for block form
|
|
60
60
|
*/
|
|
61
61
|
maxLength: e == null ? void 0 : e.max,
|
|
62
|
-
required:
|
|
62
|
+
required: u
|
|
63
63
|
};
|
|
64
64
|
},
|
|
65
65
|
hintID: o,
|
|
66
66
|
labelID: r,
|
|
67
67
|
variant: t
|
|
68
68
|
}),
|
|
69
|
-
[o, r, t, s, a,
|
|
69
|
+
[o, r, t, s, a, m, b, e == null ? void 0 : e.max, u]
|
|
70
70
|
);
|
|
71
|
-
return /* @__PURE__ */
|
|
71
|
+
return /* @__PURE__ */ I("div", { ref: c, ...B, className: d("root", H && "inline", p), children: [
|
|
72
72
|
/* @__PURE__ */ f(
|
|
73
|
-
|
|
73
|
+
S,
|
|
74
74
|
{
|
|
75
|
-
disabled:
|
|
76
|
-
htmlFor:
|
|
75
|
+
disabled: m,
|
|
76
|
+
htmlFor: b,
|
|
77
77
|
id: r,
|
|
78
|
-
required:
|
|
78
|
+
required: u,
|
|
79
79
|
variant: t,
|
|
80
80
|
...i,
|
|
81
81
|
className: d("label", D && "visuallyHidden", i == null ? void 0 : i.className),
|
|
82
|
-
children:
|
|
82
|
+
children: j
|
|
83
83
|
}
|
|
84
84
|
),
|
|
85
|
-
/* @__PURE__ */ f(
|
|
86
|
-
s || a ? /* @__PURE__ */
|
|
85
|
+
/* @__PURE__ */ f(N.Provider, { value: C, children: g }),
|
|
86
|
+
s || a ? /* @__PURE__ */ I(R, { className: d("hint"), id: o, variant: t, ...l, children: [
|
|
87
87
|
s,
|
|
88
88
|
a ? /* @__PURE__ */ f("span", { className: d("hint-max-length"), children: a }) : null
|
|
89
89
|
] }) : null
|
|
@@ -92,7 +92,7 @@ const Q = k((n, c) => {
|
|
|
92
92
|
Q.displayName = "Field";
|
|
93
93
|
export {
|
|
94
94
|
Q as Field,
|
|
95
|
-
|
|
95
|
+
N as FieldContext,
|
|
96
96
|
O as fieldClasses,
|
|
97
97
|
_ as useDefaultID,
|
|
98
98
|
ee as useField
|
package/dist/Icon.js
CHANGED
|
@@ -180,6 +180,7 @@ const s = "_root_576cf_2", n = {
|
|
|
180
180
|
/* @__PURE__ */ a("symbol", { id: "check-circle", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M14.72,8.79l-4.29,4.3L8.78,11.44a1,1,0,1,0-1.41,1.41l2.35,2.36a1,1,0,0,0,.71.29,1,1,0,0,0,.7-.29l5-5a1,1,0,0,0,0-1.42A1,1,0,0,0,14.72,8.79ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
181
181
|
/* @__PURE__ */ a("symbol", { id: "plug", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19,6H16V3a1,1,0,0,0-2,0V6H10V3A1,1,0,0,0,8,3V6H5A1,1,0,0,0,5,8H6v5a1,1,0,0,0,.29.71L9,16.41V21a1,1,0,0,0,2,0V17h2v4a1,1,0,0,0,2,0V16.41l2.71-2.7A1,1,0,0,0,18,13V8h1a1,1,0,0,0,0-2Zm-3,6.59L13.59,15H10.41L8,12.59V8h8ZM11,13h2a1,1,0,0,0,0-2H11a1,1,0,0,0,0,2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
182
182
|
/* @__PURE__ */ a("symbol", { id: "hourglass", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M18.9917,21.002h-1V19.335a5.00057,5.00057,0,0,0-.29956-1.67773c-.01093-.02936-.0224-.05658-.03589-.08454a4.97694,4.97694,0,0,0-.66455-1.23675l-1.3999-1.86719a3.01933,3.01933,0,0,1-.6001-1.80078V11.6582a3.02108,3.02108,0,0,1,.87842-2.12109l.65722-.65723A4.94566,4.94566,0,0,0,17.92365,6.0415c.00054-.01391.008-.02551.008-.03955l-.00281-.01373a5.01836,5.01836,0,0,0,.06287-.64349V3.002h1a1,1,0,0,0,0-2h-14a1,1,0,0,0,0,2h1V5.34473a5.01836,5.01836,0,0,0,.06287.64349L6.05176,6.002c0,.014.00744.02564.008.03955a4.94571,4.94571,0,0,0,1.3963,2.83838l.65723.65723A3.02108,3.02108,0,0,1,8.9917,11.6582V12.668a3.02212,3.02212,0,0,1-.59961,1.80078L6.99121,16.33594a4.98221,4.98221,0,0,0-.66437,1.23718c-.0133.02771-.02472.05463-.03552.08368A5.00309,5.00309,0,0,0,5.9917,19.335v1.667h-1a1,1,0,0,0,0,2h14a1,1,0,0,0,0-2Zm-11-16v-2h8v2Zm.87842,2.46387A2.97036,2.97036,0,0,1,8.49323,7.002h6.99694a2.97094,2.97094,0,0,1-.37689.46387l-.65723.65723a4.9603,4.9603,0,0,0-1.42187,2.8789h-2.085A4.96025,4.96025,0,0,0,9.52734,8.123ZM9.99219,15.668a5.03688,5.03688,0,0,0,.98828-2.666h2.02246a5.03332,5.03332,0,0,0,.98877,2.666l1.00012,1.334H8.99133Zm5.99951,5.334h-8V19.335a2.954,2.954,0,0,1,.02722-.333h7.94556a2.954,2.954,0,0,1,.02722.333Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
183
|
+
/* @__PURE__ */ a("symbol", { id: "focus-target", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M3,9A1,1,0,0,0,4,8V5A1,1,0,0,1,5,4H8A1,1,0,0,0,8,2H5A3,3,0,0,0,2,5V8A1,1,0,0,0,3,9ZM8,20H5a1,1,0,0,1-1-1V16a1,1,0,0,0-2,0v3a3,3,0,0,0,3,3H8a1,1,0,0,0,0-2Zm9-7a1,1,0,0,0,0-2H15.86A4,4,0,0,0,13,8.14V7a1,1,0,0,0-2,0V8.14A4,4,0,0,0,8.14,11H7a1,1,0,0,0,0,2H8.14A4,4,0,0,0,11,15.86V17a1,1,0,0,0,2,0V15.86A4,4,0,0,0,15.86,13Zm-5,1a2,2,0,1,1,2-2A2,2,0,0,1,12,14Zm9,1a1,1,0,0,0-1,1v3a1,1,0,0,1-1,1H16a1,1,0,0,0,0,2h3a3,3,0,0,0,3-3V16A1,1,0,0,0,21,15ZM19,2H16a1,1,0,0,0,0,2h3a1,1,0,0,1,1,1V8a1,1,0,0,0,2,0V5A3,3,0,0,0,19,2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
183
184
|
/* @__PURE__ */ a("symbol", { id: "play", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M18.54,9,8.88,3.46a3.42,3.42,0,0,0-5.13,3V17.58A3.42,3.42,0,0,0,7.17,21a3.43,3.43,0,0,0,1.71-.46L18.54,15a3.42,3.42,0,0,0,0-5.92Zm-1,4.19L7.88,18.81a1.44,1.44,0,0,1-1.42,0,1.42,1.42,0,0,1-.71-1.23V6.42a1.42,1.42,0,0,1,.71-1.23A1.51,1.51,0,0,1,7.17,5a1.54,1.54,0,0,1,.71.19l9.66,5.58a1.42,1.42,0,0,1,0,2.46Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
184
185
|
/* @__PURE__ */ a("symbol", { id: "play-solid", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M18.54,9,8.88,3.46a3.42,3.42,0,0,0-5.13,3V17.58A3.42,3.42,0,0,0,7.17,21a3.43,3.43,0,0,0,1.71-.46L18.54,15a3.42,3.42,0,0,0,0-5.92Zm-1,4.19L7.88,18.81a1.44,1.44,0,0,1-1.42,0,1.42,1.42,0,0,1-.71-1.23V6.42a1.42,1.42,0,0,1,.71-1.23A1.51,1.51,0,0,1,7.17,5a1.54,1.54,0,0,1,.71.19l9.66,5.58a1.42,1.42,0,0,1,0,2.46Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
185
186
|
/* @__PURE__ */ a("symbol", { id: "stop-circle-solid", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M15,8H9A1,1,0,0,0,8,9v6a1,1,0,0,0,1,1h6a1,1,0,0,0,1-1V9A1,1,0,0,0,15,8Zm-1,6H10V10h4ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
package/dist/Tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_2romh_2{display:flex;align-items:center;transition-property:background-color,border-color,color,box-shadow;transition-timing-function:ease-in-out;cursor:pointer;border-radius:var(--radius-md);transition-duration:var(--duration-medium);font-weight:var(--font-weight-medium);gap:var(--tabGap);max-height:var(--tabItemMaxHeight);padding-block:var(--tabPaddingBlock);padding-inline:var(--tabPaddingInline);font-size:var(--tabFontSize);background-color:var(--tabItemBackgroundColor, var(--tab-color-background-unchecked-default));color:var(--tabItemColor, var(--tab-color-text-unchecked-default));box-shadow:inset 0 0 0 var(--tabItemBorderSize, var(--tab-border-width-unchecked)) var(--tabItemBorderColor, var(--tab-color-border-unchecked-default)),var(--tabItemBoxShadow, var(--elevation-10))}._root_2romh_2:focus{outline:none!important;--tabItemColor: var(--tab-color-text-unchecked-pressed);--tabItemBackgroundColor: var(--tab-color-background-unchecked-pressed);--tabItemBorderColor: var(--tab-color-border-unchecked-pressed)}._root_2romh_2:focus[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default)}._root_2romh_2[aria-selected=true]{--tabItemColor: var(--tab-color-text-checked-default);--tabItemBackgroundColor: var(--tab-color-background-checked-default);--tabItemBorderColor: var(--tab-color-border-checked-default);--tabItemBorderSize: var(--tab-border-width-checked)}._root_2romh_2[aria-selected=true]:hover{--tabItemColor: var(--tab-color-text-checked-hover);--tabItemBackgroundColor: var(--tab-color-background-checked-hover);--tabItemBorderColor: var(--tab-color-border-checked-hover);--tabItemBorderSize: var(--tab-border-width-checked);--tabItemBoxShadow: var(--elevation-20)}._root_2romh_2[aria-disabled=true]{cursor:not-allowed;--tabItemColor: var(--button-color-text-secondary-main-disabled);background:repeating-linear-gradient(-45deg,transparent,transparent 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 2.4px,color-mix(in srgb,var(--color-neutral-50) 12%,transparent) 4.3px),var(--button-color-background-secondary-main-disabled)}._root_2romh_2:hover:not([aria-selected=true]):not([aria-disabled=true]){--tabItemColor: var(--tab-color-text-unchecked-hover);--tabItemBackgroundColor: var(--tab-color-background-unchecked-hover);--tabItemBorderColor: var(--tab-color-border-unchecked-hover);--tabItemBoxShadow: var(--elevation-20)}._root_2romh_2._orientation-vertical_2romh_58{width:100%}._content_2romh_61{display:flex;flex:1;align-items:center;gap:var(--tabGap);min-width:0}._content_2romh_61 ._icon_2romh_68{display:flex;flex-shrink:0}._size-lg_2romh_72{--tabItemMaxHeight: var(--tab-size-max-height-lg);--tabPaddingBlock: var(--tab-padding-block-lg);--tabPaddingInline: var(--tab-padding-inline-lg);--tabFontSize: var(--font-size-sm);--tabGap: var(--tab-gap-content-lg)}._size-md_2romh_79{--tabItemMaxHeight: var(--tab-size-max-height-md);--tabPaddingBlock: var(--tab-padding-block-md);--tabPaddingInline: var(--tab-padding-inline-md);--tabFontSize: var(--font-size-xs);--tabGap: var(--tab-gap-content-md)}._folder-icon_2romh_89{color:var(--tabIconColor)}._folder-icon-blue_2romh_92{--tabIconColor: var(--color-background-accent-blue-primary)}._folder-icon-blue-active_2romh_95{--tabIconColor: var(--color-background-accent-blue-strong)}._folder-icon-green_2romh_98{--tabIconColor: var(--color-background-accent-green-primary)}._folder-icon-green-active_2romh_101{--tabIconColor: var(--color-background-accent-green-strong)}._folder-icon-orange_2romh_104{--tabIconColor: var(--color-background-accent-orange-primary)}._folder-icon-orange-active_2romh_107{--tabIconColor: var(--color-background-accent-orange-strong)}._folder-icon-pink_2romh_110{--tabIconColor: var(--color-background-accent-pink-primary)}._folder-icon-pink-active_2romh_113{--tabIconColor: var(--color-background-accent-pink-strong)}._folder-icon-teal_2romh_116{--tabIconColor: var(--color-background-accent-teal-primary)}._folder-icon-teal-active_2romh_119{--tabIconColor: var(--color-background-accent-teal-strong)}._folder-icon-violet_2romh_122{--tabIconColor: var(--color-background-accent-violet-primary)}._folder-icon-violet-active_2romh_125{--tabIconColor: var(--color-background-accent-violet-strong)}._folder-icon-warm_2romh_128{--tabIconColor: var(--color-background-warm-stronger)}._folder-icon-warm-active_2romh_131{--tabIconColor: var(--color-beige-60)}._tab-list_2romh_137{display:flex;align-items:center;gap:var(--tabsGap, 0)}._tab-list_2romh_137._size-lg_2romh_72{--tabsGap: var(--tab-gap-content-lg)}._tab-list_2romh_137._size-md_2romh_79{--tabsGap: var(--tab-gap-content-md)}._tab-list_2romh_137._orientation-vertical_2romh_58{flex-direction:column;align-items:stretch;--tabsGap: var(--tab-gap-content-lg)}}
|