welcome-ui 10.3.3 → 10.3.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Search.css +1 -1
- package/dist/Search.js +102 -100
- package/dist/Tabs.css +1 -1
- package/dist/Tabs.js +108 -108
- package/dist/Tooltip.css +1 -1
- package/dist/Tooltip.js +1 -1
- package/dist/types/components/Tooltip/types.d.ts +1 -1
- package/package.json +1 -1
package/dist/Search.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@charset "UTF-8";@layer components{._wrapper_5psb0_3{position:relative}._indicators_5psb0_6{position:absolute;padding:0;top:0;height:var(--searchHeight, 100%);right:var(--indicatorsRight, var(--searchPaddingInline));display:flex;gap:var(--border-radius-sm)}._dropdown-indicator_5psb0_15{position:relative;height:100%;width:var(--searchClearSize);padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background:transparent;display:flex;align-items:center;justify-content:center}._input-wrapper_5psb0_28{position:relative}._input-wrapper_5psb0_28:has(>._icon-placement-right_5psb0_31) ._indicators_5psb0_6{--indicatorsRight: calc(var(--searchPaddingInline) + var(--searchIconSize, var(--size-icon-md)))}._root_5psb0_34{border-radius:var(--input-border-radius);border-style:solid;border-width:var(--input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:default;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background-color:var(--searchBackgroundColor, var(--input-color-background-default));color:var(--searchColor, var(--input-color-text-default));border-color:var(--searchBorderColor, var(--input-color-border-default));box-shadow:var(--searchBoxShadow, var(--inset-10)) inset;height:var(--searchHeight);padding-inline:var(--searchPaddingInline);padding-block:var(--searchPaddingBlock)}._root_5psb0_34._icon-placement-left_5psb0_61{padding-left:calc(var(--searchPaddingInline) * 2 + var(--searchIconSize, var(--size-icon-md)))}._root_5psb0_34._icon-placement-right_5psb0_31{padding-right:calc(var(--searchPaddingInline) * 2 + var(--searchIconSize, var(--size-icon-md)) + var(--button-size-icon-sm))}._root_5psb0_34:not(._icon-placement-right_5psb0_31):not(:placeholder-shown){padding-right:calc(var(--searchPaddingInline) * 2 + var(--button-size-icon-sm))}._root_5psb0_34:disabled,._root_5psb0_34[aria-disabled]{--searchBackgroundColor: var( --searchBackgroundColorDisabled, var(--input-color-background-disabled) );--searchColor: var(--input-color-text-disabled);cursor:not-allowed}._root_5psb0_34:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--searchBoxShadow: var(--inset-20)}._root_5psb0_34:active,._root_5psb0_34:focus{--searchBorderColor: var(--input-color-border-focused)}._root_5psb0_34::placeholder{color:var(--input-color-text-placeholder)}._root_5psb0_34 br{display:none}._variant-danger_5psb0_91{--searchBorderColor: var(--input-color-border-error)}._variant-warning_5psb0_94{--searchBorderColor: var(--input-color-border-warning)}._variant-success_5psb0_97{--searchBorderColor: var(--input-color-border-success)}._transparent_5psb0_100{--borderColor: transparent;--searchBackgroundColor: var(--input-color-background-transparent);--borderColorHover: var(--input-color-border-hover-transparent)}._size-lg_5psb0_105{--searchHeight: var(--input-max-height-lg);--searchPaddingBlock: var(--input-padding-block-lg);--searchPaddingInline: var(--input-padding-inline-lg);--searchIconSize: var(--size-icon-lg)}._size-md_5psb0_111{--searchHeight: var(--input-max-height-md);--searchPaddingBlock: var(--input-padding-block-md);--searchPaddingInline: var(--input-padding-inline-md);--searchIconSize: var(--size-icon-md)}._size-sm_5psb0_117{--searchHeight: var(--input-max-height-sm);--searchPaddingBlock: var(--input-padding-block-sm);--searchPaddingInline: var(--input-padding-inline-sm);--searchIconSize: var(--size-icon-sm)}._icon-wrapper_5psb0_123{position:absolute;top:0;bottom:0;left:var(--searchIconLeft);right:var(--searchIconRight);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--searchIconColor, var(--input-color-icon-placeholder));gap:var(--input-padding-block-sm);--searchIconLeft: auto;--searchIconRight: auto}._icon-wrapper_5psb0_123>button{pointer-events:auto}._icon-wrapper_5psb0_123._disabled_5psb0_144{--searchIconColor: var(--input-color-icon-disabled)}._icon-placement-left-sm_5psb0_147{--searchIconLeft: var(--input-padding-inline-sm)}._icon-placement-left-md_5psb0_150{--searchIconLeft: var(--input-padding-inline-md)}._icon-placement-left-lg_5psb0_153{--searchIconLeft: var(--input-padding-inline-lg)}._icon-placement-right-sm_5psb0_156{--searchIconRight: var(--input-padding-inline-sm)}._icon-placement-right-md_5psb0_159{--searchIconRight: var(--input-padding-inline-md)}._icon-placement-right-lg_5psb0_162{--searchIconRight: var(--input-padding-inline-lg)}._menu_5psb0_165{max-height:9.6875rem;background-color:var(--color-background-neutral-inverse-fixed);border-color:var(--color-background-neutral-subtlest);border-radius:var(--border-radius-md);border-style:solid;border-width:var(--border-width-xs);box-shadow:var(--elevation-20);color:var(--color-background-neutral-primary-fixed);font-size:var(--font-size-14);font-weight:var(--font-weight-regular);line-height:var(--border-radius-xl);outline:none;position:absolute;z-index:2;right:0;left:0;margin-top:var(--border-radius-lg);transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:hidden}._menu_5psb0_165:hover>*{cursor:pointer}._menu-scroller_5psb0_191{max-height:inherit;overflow-y:auto;-webkit-overflow-scrolling:touch;margin:0;padding:0}._item_5psb0_198{color:var(--itemTextColor, var(--color-icon-warm-tertiary));cursor:var(--itemCursor, default);padding:var(--border-radius-lg);list-style:none;text-decoration:none;font-size:var(--font-size-14);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_5psb0_198._highlighted_5psb0_212{background-color:var(--color-background-warm-primary)}._item_5psb0_198._selected_5psb0_215{--itemTextColor: var(--color-background-neutral-primary-fixed);font-weight:var(--font-weight-semi-bold)}._item_5psb0_198._selected_5psb0_215._highlighted_5psb0_212{background-image:linear-gradient(0deg,#00000014,#00000014)}}
|
package/dist/Search.js
CHANGED
|
@@ -1,101 +1,103 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Search.css';
|
|
3
|
-
import { jsx as t, jsxs as
|
|
3
|
+
import { jsx as t, jsxs as v } from "react/jsx-runtime";
|
|
4
4
|
import { D as M } from "./downshift.esm-xtYanIDi.js";
|
|
5
|
-
import { forwardRef as
|
|
6
|
-
import { CloseButton as
|
|
7
|
-
import { Icon as
|
|
8
|
-
import { c as
|
|
9
|
-
import { c as
|
|
5
|
+
import { forwardRef as oe, useState as pe, useCallback as _e, useMemo as de, Fragment as me } from "react";
|
|
6
|
+
import { CloseButton as he } from "./CloseButton.js";
|
|
7
|
+
import { Icon as ue } from "./Icon.js";
|
|
8
|
+
import { c as be } from "./index-PAaZGbyz.js";
|
|
9
|
+
import { c as fe } from "./create-event-rXDe5aCQ.js";
|
|
10
10
|
import { t as ge } from "./throttle-BDBzFeFj.js";
|
|
11
|
-
const we = "
|
|
11
|
+
const we = "_wrapper_5psb0_3", Ne = "_indicators_5psb0_6", ve = "_root_5psb0_34", Re = "_transparent_5psb0_100", Se = "_disabled_5psb0_144", Ie = "_menu_5psb0_165", xe = "_item_5psb0_198", Ce = "_highlighted_5psb0_212", $e = "_selected_5psb0_215", ke = {
|
|
12
12
|
wrapper: we,
|
|
13
13
|
indicators: Ne,
|
|
14
|
-
"dropdown-indicator": "_dropdown-
|
|
15
|
-
"input-wrapper": "_input-
|
|
16
|
-
"icon-placement-right": "_icon-placement-
|
|
14
|
+
"dropdown-indicator": "_dropdown-indicator_5psb0_15",
|
|
15
|
+
"input-wrapper": "_input-wrapper_5psb0_28",
|
|
16
|
+
"icon-placement-right": "_icon-placement-right_5psb0_31",
|
|
17
17
|
root: ve,
|
|
18
|
-
"icon-placement-left": "_icon-placement-
|
|
19
|
-
"variant-danger": "_variant-
|
|
20
|
-
"variant-warning": "_variant-
|
|
21
|
-
"variant-success": "_variant-
|
|
18
|
+
"icon-placement-left": "_icon-placement-left_5psb0_61",
|
|
19
|
+
"variant-danger": "_variant-danger_5psb0_91",
|
|
20
|
+
"variant-warning": "_variant-warning_5psb0_94",
|
|
21
|
+
"variant-success": "_variant-success_5psb0_97",
|
|
22
22
|
transparent: Re,
|
|
23
|
-
"size-lg": "_size-
|
|
24
|
-
"size-md": "_size-
|
|
25
|
-
"size-sm": "_size-
|
|
26
|
-
"icon-wrapper": "_icon-
|
|
23
|
+
"size-lg": "_size-lg_5psb0_105",
|
|
24
|
+
"size-md": "_size-md_5psb0_111",
|
|
25
|
+
"size-sm": "_size-sm_5psb0_117",
|
|
26
|
+
"icon-wrapper": "_icon-wrapper_5psb0_123",
|
|
27
27
|
disabled: Se,
|
|
28
|
-
"icon-placement-left-sm": "_icon-placement-left-
|
|
29
|
-
"icon-placement-left-md": "_icon-placement-left-
|
|
30
|
-
"icon-placement-
|
|
31
|
-
"icon-placement-right-
|
|
28
|
+
"icon-placement-left-sm": "_icon-placement-left-sm_5psb0_147",
|
|
29
|
+
"icon-placement-left-md": "_icon-placement-left-md_5psb0_150",
|
|
30
|
+
"icon-placement-left-lg": "_icon-placement-left-lg_5psb0_153",
|
|
31
|
+
"icon-placement-right-sm": "_icon-placement-right-sm_5psb0_156",
|
|
32
|
+
"icon-placement-right-md": "_icon-placement-right-md_5psb0_159",
|
|
33
|
+
"icon-placement-right-lg": "_icon-placement-right-lg_5psb0_162",
|
|
32
34
|
menu: Ie,
|
|
33
|
-
"menu-scroller": "_menu-
|
|
35
|
+
"menu-scroller": "_menu-scroller_5psb0_191",
|
|
34
36
|
item: xe,
|
|
35
37
|
highlighted: Ce,
|
|
36
|
-
selected:
|
|
37
|
-
}, j = "", n =
|
|
38
|
+
selected: $e
|
|
39
|
+
}, j = "", n = be(ke), ze = M.default || M, De = oe(
|
|
38
40
|
({
|
|
39
41
|
autoComplete: O = "off",
|
|
40
|
-
autoFocus:
|
|
41
|
-
className:
|
|
42
|
-
dataTestId:
|
|
43
|
-
disabled:
|
|
44
|
-
groupsEnabled:
|
|
45
|
-
icon:
|
|
46
|
-
iconPlacement:
|
|
42
|
+
autoFocus: V,
|
|
43
|
+
className: B,
|
|
44
|
+
dataTestId: G,
|
|
45
|
+
disabled: H,
|
|
46
|
+
groupsEnabled: P,
|
|
47
|
+
icon: d,
|
|
48
|
+
iconPlacement: m = "left",
|
|
47
49
|
id: Y,
|
|
48
50
|
itemToString: s,
|
|
49
|
-
minChars:
|
|
51
|
+
minChars: h = 3,
|
|
50
52
|
name: R,
|
|
51
53
|
onBlur: q,
|
|
52
|
-
onChange:
|
|
54
|
+
onChange: u,
|
|
53
55
|
onClick: A,
|
|
54
|
-
onFocus:
|
|
56
|
+
onFocus: b,
|
|
55
57
|
placeholder: J = "Search…",
|
|
56
58
|
renderGroupHeader: K,
|
|
57
59
|
renderItem: S,
|
|
58
60
|
search: I,
|
|
59
|
-
size:
|
|
61
|
+
size: a = "lg",
|
|
60
62
|
throttle: x = 500,
|
|
61
63
|
transparent: L,
|
|
62
|
-
value:
|
|
63
|
-
variant:
|
|
64
|
-
...
|
|
64
|
+
value: p = j,
|
|
65
|
+
variant: f,
|
|
66
|
+
...g
|
|
65
67
|
}, Q) => {
|
|
66
|
-
const U =
|
|
68
|
+
const U = p ? s(p) : j, [C, r] = pe([]), $ = _e(
|
|
67
69
|
async (e) => {
|
|
68
|
-
if (
|
|
69
|
-
const
|
|
70
|
-
|
|
70
|
+
if (h === 0 || (e == null ? void 0 : e.length) >= h) {
|
|
71
|
+
const l = await I(e);
|
|
72
|
+
r(l || []);
|
|
71
73
|
} else
|
|
72
|
-
|
|
74
|
+
r([]);
|
|
73
75
|
},
|
|
74
|
-
[
|
|
75
|
-
),
|
|
76
|
-
() => ge(
|
|
77
|
-
[
|
|
78
|
-
),
|
|
79
|
-
const
|
|
80
|
-
|
|
81
|
-
},
|
|
82
|
-
e ?
|
|
76
|
+
[h, I]
|
|
77
|
+
), k = de(
|
|
78
|
+
() => ge($, x, !1),
|
|
79
|
+
[$, x]
|
|
80
|
+
), w = (e) => {
|
|
81
|
+
const l = fe({ name: R, value: e });
|
|
82
|
+
u == null || u(e, l);
|
|
83
|
+
}, z = (e) => {
|
|
84
|
+
e ? w(e) : (w(), r([]));
|
|
83
85
|
};
|
|
84
86
|
return /* @__PURE__ */ t(
|
|
85
|
-
|
|
87
|
+
ze,
|
|
86
88
|
{
|
|
87
89
|
initialInputValue: U,
|
|
88
90
|
itemToString: (e) => s(e) || "",
|
|
89
|
-
onInputValueChange:
|
|
91
|
+
onInputValueChange: k,
|
|
90
92
|
onOuterClick: () => {
|
|
91
|
-
|
|
93
|
+
p || z(), r([]);
|
|
92
94
|
},
|
|
93
|
-
onSelect:
|
|
94
|
-
selectedItem:
|
|
95
|
-
...
|
|
95
|
+
onSelect: z,
|
|
96
|
+
selectedItem: p,
|
|
97
|
+
...g,
|
|
96
98
|
children: ({
|
|
97
99
|
clearSelection: e,
|
|
98
|
-
getInputProps:
|
|
100
|
+
getInputProps: l,
|
|
99
101
|
getItemProps: D,
|
|
100
102
|
getMenuProps: W,
|
|
101
103
|
getRootProps: X,
|
|
@@ -106,14 +108,14 @@ const we = "_wrapper_f46oz_2", Ne = "_indicators_f46oz_5", ve = "_root_f46oz_33"
|
|
|
106
108
|
toggleMenu: ee
|
|
107
109
|
}) => {
|
|
108
110
|
const te = () => {
|
|
109
|
-
|
|
110
|
-
}, ne = T && C.length > 0, se = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(
|
|
111
|
-
|
|
112
|
-
},
|
|
111
|
+
r([]), w(), e();
|
|
112
|
+
}, ne = T && C.length > 0, se = /* @__PURE__ */ t("div", { className: n("dropdown-indicator"), children: /* @__PURE__ */ t(he, { animatePresence: !0, onClick: te, title: "Clear" }) }), ie = (i) => {
|
|
113
|
+
b == null || b(i), k(""), ee();
|
|
114
|
+
}, ce = X(g, { suppressRefError: !0 }), ae = l({
|
|
113
115
|
autoComplete: O,
|
|
114
|
-
autoFocus:
|
|
115
|
-
"data-testid":
|
|
116
|
-
disabled:
|
|
116
|
+
autoFocus: V,
|
|
117
|
+
"data-testid": G,
|
|
118
|
+
disabled: H,
|
|
117
119
|
id: Y,
|
|
118
120
|
name: R,
|
|
119
121
|
onBlur: q,
|
|
@@ -121,72 +123,72 @@ const we = "_wrapper_f46oz_2", Ne = "_indicators_f46oz_5", ve = "_root_f46oz_33"
|
|
|
121
123
|
onFocus: ie,
|
|
122
124
|
placeholder: J,
|
|
123
125
|
ref: Q,
|
|
124
|
-
size:
|
|
126
|
+
size: a,
|
|
125
127
|
tabIndex: 0,
|
|
126
|
-
variant: T ? "focused" :
|
|
127
|
-
...
|
|
128
|
+
variant: T ? "focused" : f,
|
|
129
|
+
...g
|
|
128
130
|
});
|
|
129
|
-
return /* @__PURE__ */
|
|
130
|
-
/* @__PURE__ */
|
|
131
|
+
return /* @__PURE__ */ v("div", { ...ce, className: n("wrapper", "field-input"), children: [
|
|
132
|
+
/* @__PURE__ */ v("div", { className: n("input-wrapper"), children: [
|
|
131
133
|
/* @__PURE__ */ t(
|
|
132
134
|
"input",
|
|
133
135
|
{
|
|
134
136
|
className: n(
|
|
135
137
|
"root",
|
|
136
|
-
`size-${
|
|
137
|
-
|
|
138
|
+
`size-${a}`,
|
|
139
|
+
f && `variant-${f}`,
|
|
138
140
|
L && "transparent",
|
|
139
|
-
|
|
140
|
-
|
|
141
|
+
d && `icon-placement-${m}`,
|
|
142
|
+
B
|
|
141
143
|
),
|
|
142
|
-
...
|
|
144
|
+
...ae
|
|
143
145
|
}
|
|
144
146
|
),
|
|
145
|
-
|
|
147
|
+
d ? /* @__PURE__ */ t(
|
|
146
148
|
"div",
|
|
147
149
|
{
|
|
148
150
|
className: n(
|
|
149
151
|
"icon-wrapper",
|
|
150
|
-
`icon-placement-${
|
|
151
|
-
`
|
|
152
|
+
`icon-placement-${m}`,
|
|
153
|
+
`icon-placement-${m}-${a}`
|
|
152
154
|
),
|
|
153
|
-
children: /* @__PURE__ */ t(
|
|
155
|
+
children: /* @__PURE__ */ t(ue, { ...d.props, size: a })
|
|
154
156
|
}
|
|
155
157
|
) : null,
|
|
156
|
-
/* @__PURE__ */ t("div", { className: n("indicators", `size-${
|
|
158
|
+
/* @__PURE__ */ t("div", { className: n("indicators", `size-${a}`), children: F ? se : null })
|
|
157
159
|
] }),
|
|
158
160
|
ne ? /* @__PURE__ */ t("div", { className: n("menu"), children: /* @__PURE__ */ t("ul", { className: n("menu-scroller"), ...W(), children: C.reduce(
|
|
159
|
-
(i,
|
|
161
|
+
(i, c, N) => {
|
|
160
162
|
const y = i.itemIndex++, E = Z === y;
|
|
161
|
-
if (
|
|
163
|
+
if (P)
|
|
162
164
|
i.itemsToRender.push(
|
|
163
|
-
/* @__PURE__ */
|
|
164
|
-
K(
|
|
165
|
-
|
|
166
|
-
(
|
|
167
|
-
const
|
|
165
|
+
/* @__PURE__ */ v(me, { children: [
|
|
166
|
+
K(c),
|
|
167
|
+
c.options ? c.options.map(
|
|
168
|
+
(o, re) => {
|
|
169
|
+
const le = _ && s(_) === s(o);
|
|
168
170
|
return /* @__PURE__ */ t(
|
|
169
171
|
"li",
|
|
170
172
|
{
|
|
171
173
|
className: n(
|
|
172
174
|
"item",
|
|
173
175
|
E && "highlighted",
|
|
174
|
-
|
|
176
|
+
le && "selected"
|
|
175
177
|
),
|
|
176
178
|
...D({
|
|
177
179
|
index: y,
|
|
178
|
-
item:
|
|
180
|
+
item: o
|
|
179
181
|
}),
|
|
180
|
-
children: S(
|
|
182
|
+
children: S(o)
|
|
181
183
|
},
|
|
182
184
|
re
|
|
183
185
|
);
|
|
184
186
|
}
|
|
185
187
|
) : null
|
|
186
|
-
] },
|
|
188
|
+
] }, N)
|
|
187
189
|
);
|
|
188
190
|
else {
|
|
189
|
-
const
|
|
191
|
+
const o = _ && s(_) === s(c);
|
|
190
192
|
i.itemsToRender.push(
|
|
191
193
|
/* @__PURE__ */ t(
|
|
192
194
|
"li",
|
|
@@ -194,15 +196,15 @@ const we = "_wrapper_f46oz_2", Ne = "_indicators_f46oz_5", ve = "_root_f46oz_33"
|
|
|
194
196
|
className: n(
|
|
195
197
|
"item",
|
|
196
198
|
E && "highlighted",
|
|
197
|
-
|
|
199
|
+
o && "selected"
|
|
198
200
|
),
|
|
199
201
|
...D({
|
|
200
|
-
index:
|
|
201
|
-
item:
|
|
202
|
+
index: N,
|
|
203
|
+
item: c
|
|
202
204
|
}),
|
|
203
|
-
children: S(
|
|
205
|
+
children: S(c)
|
|
204
206
|
},
|
|
205
|
-
|
|
207
|
+
N
|
|
206
208
|
)
|
|
207
209
|
);
|
|
208
210
|
}
|
|
@@ -219,5 +221,5 @@ const we = "_wrapper_f46oz_2", Ne = "_indicators_f46oz_5", ve = "_root_f46oz_33"
|
|
|
219
221
|
De.displayName = "Search";
|
|
220
222
|
export {
|
|
221
223
|
De as Search,
|
|
222
|
-
|
|
224
|
+
ke as searchClasses
|
|
223
225
|
};
|
package/dist/Tabs.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_ijogm_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_ijogm_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_ijogm_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_ijogm_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_ijogm_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_ijogm_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_ijogm_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)}._size-lg_ijogm_58{--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_ijogm_65{--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_ijogm_75{color:var(--tabIconColor)}._folder-icon-blue_ijogm_78{--tabIconColor: var(--color-background-accent-blue-primary)}._folder-icon-blue-active_ijogm_81{--tabIconColor: var(--color-background-accent-blue-strong)}._folder-icon-green_ijogm_84{--tabIconColor: var(--color-background-accent-green-primary)}._folder-icon-green-active_ijogm_87{--tabIconColor: var(--color-background-accent-green-strong)}._folder-icon-orange_ijogm_90{--tabIconColor: var(--color-background-accent-orange-primary)}._folder-icon-orange-active_ijogm_93{--tabIconColor: var(--color-background-accent-orange-strong)}._folder-icon-pink_ijogm_96{--tabIconColor: var(--color-background-accent-pink-primary)}._folder-icon-pink-active_ijogm_99{--tabIconColor: var(--color-background-accent-pink-strong)}._folder-icon-teal_ijogm_102{--tabIconColor: var(--color-background-accent-teal-primary)}._folder-icon-teal-active_ijogm_105{--tabIconColor: var(--color-background-accent-teal-strong)}._folder-icon-violet_ijogm_108{--tabIconColor: var(--color-background-accent-violet-primary)}._folder-icon-violet-active_ijogm_111{--tabIconColor: var(--color-background-accent-violet-strong)}._folder-icon-warm_ijogm_114{--tabIconColor: var(--color-background-warm-stronger)}._folder-icon-warm-active_ijogm_117{--tabIconColor: var(--color-beige-60)}._tab-list_ijogm_123{display:flex;align-items:center;gap:var(--tabsGap, 0)}._tab-list_ijogm_123._size-lg_ijogm_58{--tabsGap: var(--tab-gap-content-lg)}._tab-list_ijogm_123._size-md_ijogm_65{--tabsGap: var(--tab-gap-content-md)}}
|
package/dist/Tabs.js
CHANGED
|
@@ -2,29 +2,29 @@
|
|
|
2
2
|
import './Tabs.css';
|
|
3
3
|
import { jsx as h, jsxs as L } from "react/jsx-runtime";
|
|
4
4
|
import { T as V, b as A, a as F } from "./tab-panel-BFzjhpJq.js";
|
|
5
|
-
import
|
|
5
|
+
import T, { createContext as C, useMemo as R, forwardRef as O } from "react";
|
|
6
6
|
import { c as w } from "./index-PAaZGbyz.js";
|
|
7
|
-
import { m as W, o as y, c as K, s as
|
|
7
|
+
import { m as W, o as y, c as K, s as p, d as m, g as Q, u as E, a as j, b as U } from "./Q5W46E73-ClIlNE6g.js";
|
|
8
8
|
import { Badge as D } from "./Badge.js";
|
|
9
9
|
import { f as G } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
10
10
|
import { Icon as H } from "./Icon.js";
|
|
11
11
|
import { P as J, b as X } from "./JMU4N4M5-BRPvDp3v.js";
|
|
12
12
|
import { C as Y, a as Z } from "./WZWDIE3S-DDipnVYO.js";
|
|
13
|
-
import { b as ee, x as
|
|
13
|
+
import { b as ee, x as v, Q as z, y as P } from "./U6HHPQDW-CzxyP5H7.js";
|
|
14
14
|
import { c as te, a as oe, u as ae } from "./IQYAUKXT-CMV5f3NE.js";
|
|
15
15
|
import { a as se } from "./CVCFNOHX-CeUlkMgT.js";
|
|
16
|
-
var
|
|
16
|
+
var ie = ee(
|
|
17
17
|
[X, Z],
|
|
18
18
|
[J, Y]
|
|
19
|
-
),
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
function
|
|
19
|
+
), re = ie.useContext;
|
|
20
|
+
C(!1);
|
|
21
|
+
C(null);
|
|
22
|
+
function le({
|
|
23
23
|
composite: e,
|
|
24
24
|
combobox: a,
|
|
25
25
|
...t
|
|
26
26
|
} = {}) {
|
|
27
|
-
const
|
|
27
|
+
const r = [
|
|
28
28
|
"items",
|
|
29
29
|
"renderedItems",
|
|
30
30
|
"moves",
|
|
@@ -35,110 +35,110 @@ function ie({
|
|
|
35
35
|
"focusLoop",
|
|
36
36
|
"focusShift",
|
|
37
37
|
"focusWrap"
|
|
38
|
-
],
|
|
38
|
+
], l = W(
|
|
39
39
|
t.store,
|
|
40
|
-
y(e,
|
|
41
|
-
y(a,
|
|
42
|
-
),
|
|
40
|
+
y(e, r),
|
|
41
|
+
y(a, r)
|
|
42
|
+
), i = l == null ? void 0 : l.getState(), d = te({
|
|
43
43
|
...t,
|
|
44
|
-
store:
|
|
44
|
+
store: l,
|
|
45
45
|
// We need to explicitly set the default value of `includesBaseElement` to
|
|
46
46
|
// `false` since we don't want the composite store to default it to `true`
|
|
47
47
|
// when the activeId state is null, which could be the case when rendering
|
|
48
48
|
// combobox with tab.
|
|
49
|
-
includesBaseElement:
|
|
49
|
+
includesBaseElement: v(
|
|
50
50
|
t.includesBaseElement,
|
|
51
|
-
|
|
51
|
+
i == null ? void 0 : i.includesBaseElement,
|
|
52
52
|
!1
|
|
53
53
|
),
|
|
54
|
-
orientation:
|
|
54
|
+
orientation: v(
|
|
55
55
|
t.orientation,
|
|
56
|
-
|
|
56
|
+
i == null ? void 0 : i.orientation,
|
|
57
57
|
"horizontal"
|
|
58
58
|
),
|
|
59
|
-
focusLoop:
|
|
60
|
-
}),
|
|
59
|
+
focusLoop: v(t.focusLoop, i == null ? void 0 : i.focusLoop, !0)
|
|
60
|
+
}), b = oe(), I = {
|
|
61
61
|
...d.getState(),
|
|
62
|
-
selectedId:
|
|
62
|
+
selectedId: v(
|
|
63
63
|
t.selectedId,
|
|
64
|
-
|
|
64
|
+
i == null ? void 0 : i.selectedId,
|
|
65
65
|
t.defaultSelectedId
|
|
66
66
|
),
|
|
67
|
-
selectOnMove:
|
|
67
|
+
selectOnMove: v(
|
|
68
68
|
t.selectOnMove,
|
|
69
|
-
|
|
69
|
+
i == null ? void 0 : i.selectOnMove,
|
|
70
70
|
!0
|
|
71
71
|
)
|
|
72
|
-
}, o = K(I, d,
|
|
73
|
-
|
|
72
|
+
}, o = K(I, d, l);
|
|
73
|
+
p(
|
|
74
74
|
o,
|
|
75
|
-
() =>
|
|
75
|
+
() => m(o, ["moves"], () => {
|
|
76
76
|
const { activeId: s, selectOnMove: n } = o.getState();
|
|
77
77
|
if (!n || !s) return;
|
|
78
78
|
const c = d.item(s);
|
|
79
79
|
c && (c.dimmed || c.disabled || o.setState("selectedId", c.id));
|
|
80
80
|
})
|
|
81
81
|
);
|
|
82
|
-
let
|
|
83
|
-
|
|
82
|
+
let u = !0;
|
|
83
|
+
p(
|
|
84
84
|
o,
|
|
85
85
|
() => Q(o, ["selectedId"], (s, n) => {
|
|
86
|
-
if (!
|
|
87
|
-
|
|
86
|
+
if (!u) {
|
|
87
|
+
u = !0;
|
|
88
88
|
return;
|
|
89
89
|
}
|
|
90
90
|
e && s.selectedId === n.selectedId || o.setState("activeId", s.selectedId);
|
|
91
91
|
})
|
|
92
|
-
),
|
|
92
|
+
), p(
|
|
93
93
|
o,
|
|
94
|
-
() =>
|
|
94
|
+
() => m(o, ["selectedId", "renderedItems"], (s) => {
|
|
95
95
|
if (s.selectedId !== void 0) return;
|
|
96
96
|
const { activeId: n, renderedItems: c } = o.getState(), f = d.item(n);
|
|
97
97
|
if (f && !f.disabled && !f.dimmed)
|
|
98
98
|
o.setState("selectedId", f.id);
|
|
99
99
|
else {
|
|
100
100
|
const k = c.find(
|
|
101
|
-
(
|
|
101
|
+
(g) => !g.disabled && !g.dimmed
|
|
102
102
|
);
|
|
103
103
|
o.setState("selectedId", k == null ? void 0 : k.id);
|
|
104
104
|
}
|
|
105
105
|
})
|
|
106
|
-
),
|
|
106
|
+
), p(
|
|
107
107
|
o,
|
|
108
|
-
() =>
|
|
108
|
+
() => m(o, ["renderedItems"], (s) => {
|
|
109
109
|
const n = s.renderedItems;
|
|
110
110
|
if (n.length)
|
|
111
|
-
return
|
|
111
|
+
return m(b, ["renderedItems"], (c) => {
|
|
112
112
|
const f = c.renderedItems;
|
|
113
|
-
f.some((
|
|
114
|
-
if (
|
|
113
|
+
f.some((g) => !g.tabId) && f.forEach((g, B) => {
|
|
114
|
+
if (g.tabId) return;
|
|
115
115
|
const x = n[B];
|
|
116
|
-
x &&
|
|
116
|
+
x && b.renderItem({ ...g, tabId: x.id });
|
|
117
117
|
});
|
|
118
118
|
});
|
|
119
119
|
})
|
|
120
120
|
);
|
|
121
121
|
let _ = null;
|
|
122
|
-
return
|
|
122
|
+
return p(o, () => {
|
|
123
123
|
const s = () => {
|
|
124
124
|
_ = o.getState().selectedId;
|
|
125
125
|
}, n = () => {
|
|
126
|
-
|
|
126
|
+
u = !1, o.setState("selectedId", _);
|
|
127
127
|
};
|
|
128
128
|
if (e && "setSelectElement" in e)
|
|
129
|
-
return
|
|
130
|
-
|
|
131
|
-
|
|
129
|
+
return z(
|
|
130
|
+
m(e, ["value"], s),
|
|
131
|
+
m(e, ["mounted"], n)
|
|
132
132
|
);
|
|
133
133
|
if (a)
|
|
134
|
-
return
|
|
135
|
-
|
|
136
|
-
|
|
134
|
+
return z(
|
|
135
|
+
m(a, ["selectedValue"], s),
|
|
136
|
+
m(a, ["mounted"], n)
|
|
137
137
|
);
|
|
138
138
|
}), {
|
|
139
139
|
...d,
|
|
140
140
|
...o,
|
|
141
|
-
panels:
|
|
141
|
+
panels: b,
|
|
142
142
|
setSelectedId: (s) => o.setState("selectedId", s),
|
|
143
143
|
select: (s) => {
|
|
144
144
|
o.setState("selectedId", s), d.move(s);
|
|
@@ -146,49 +146,49 @@ function ie({
|
|
|
146
146
|
};
|
|
147
147
|
}
|
|
148
148
|
function ne(e, a, t) {
|
|
149
|
-
|
|
150
|
-
const [
|
|
151
|
-
return
|
|
152
|
-
R(() => ({ ...e, panels:
|
|
149
|
+
P(a, [t.composite, t.combobox]), e = ae(e, a, t), j(e, t, "selectedId", "setSelectedId"), j(e, t, "selectOnMove");
|
|
150
|
+
const [r, l] = E(() => e.panels, {});
|
|
151
|
+
return P(l, [e, l]), Object.assign(
|
|
152
|
+
R(() => ({ ...e, panels: r }), [e, r]),
|
|
153
153
|
{ composite: t.composite, combobox: t.combobox }
|
|
154
154
|
);
|
|
155
155
|
}
|
|
156
156
|
function Fe(e = {}) {
|
|
157
|
-
const a = se(), t =
|
|
157
|
+
const a = se(), t = re() || a;
|
|
158
158
|
e = {
|
|
159
159
|
...e,
|
|
160
160
|
composite: e.composite !== void 0 ? e.composite : t,
|
|
161
161
|
combobox: e.combobox !== void 0 ? e.combobox : a
|
|
162
162
|
};
|
|
163
|
-
const [
|
|
164
|
-
return ne(
|
|
163
|
+
const [r, l] = E(le, e);
|
|
164
|
+
return ne(r, l, e);
|
|
165
165
|
}
|
|
166
|
-
const
|
|
166
|
+
const N = T.createContext(null);
|
|
167
167
|
function ce() {
|
|
168
|
-
const e =
|
|
168
|
+
const e = T.useContext(N);
|
|
169
169
|
return (e == null ? void 0 : e.size) || "lg";
|
|
170
170
|
}
|
|
171
|
-
const de = "
|
|
171
|
+
const de = "_root_ijogm_2", S = {
|
|
172
172
|
root: de,
|
|
173
|
-
"size-lg": "_size-
|
|
174
|
-
"size-md": "_size-
|
|
175
|
-
"folder-icon": "_folder-
|
|
176
|
-
"folder-icon-blue": "_folder-icon-
|
|
177
|
-
"folder-icon-blue-active": "_folder-icon-blue-
|
|
178
|
-
"folder-icon-green": "_folder-icon-
|
|
179
|
-
"folder-icon-green-active": "_folder-icon-green-
|
|
180
|
-
"folder-icon-orange": "_folder-icon-
|
|
181
|
-
"folder-icon-orange-active": "_folder-icon-orange-
|
|
182
|
-
"folder-icon-pink": "_folder-icon-
|
|
183
|
-
"folder-icon-pink-active": "_folder-icon-pink-
|
|
184
|
-
"folder-icon-teal": "_folder-icon-
|
|
185
|
-
"folder-icon-teal-active": "_folder-icon-teal-
|
|
186
|
-
"folder-icon-violet": "_folder-icon-
|
|
187
|
-
"folder-icon-violet-active": "_folder-icon-violet-
|
|
188
|
-
"folder-icon-warm": "_folder-icon-
|
|
189
|
-
"folder-icon-warm-active": "_folder-icon-warm-
|
|
190
|
-
"tab-list": "_tab-
|
|
191
|
-
},
|
|
173
|
+
"size-lg": "_size-lg_ijogm_58",
|
|
174
|
+
"size-md": "_size-md_ijogm_65",
|
|
175
|
+
"folder-icon": "_folder-icon_ijogm_75",
|
|
176
|
+
"folder-icon-blue": "_folder-icon-blue_ijogm_78",
|
|
177
|
+
"folder-icon-blue-active": "_folder-icon-blue-active_ijogm_81",
|
|
178
|
+
"folder-icon-green": "_folder-icon-green_ijogm_84",
|
|
179
|
+
"folder-icon-green-active": "_folder-icon-green-active_ijogm_87",
|
|
180
|
+
"folder-icon-orange": "_folder-icon-orange_ijogm_90",
|
|
181
|
+
"folder-icon-orange-active": "_folder-icon-orange-active_ijogm_93",
|
|
182
|
+
"folder-icon-pink": "_folder-icon-pink_ijogm_96",
|
|
183
|
+
"folder-icon-pink-active": "_folder-icon-pink-active_ijogm_99",
|
|
184
|
+
"folder-icon-teal": "_folder-icon-teal_ijogm_102",
|
|
185
|
+
"folder-icon-teal-active": "_folder-icon-teal-active_ijogm_105",
|
|
186
|
+
"folder-icon-violet": "_folder-icon-violet_ijogm_108",
|
|
187
|
+
"folder-icon-violet-active": "_folder-icon-violet-active_ijogm_111",
|
|
188
|
+
"folder-icon-warm": "_folder-icon-warm_ijogm_114",
|
|
189
|
+
"folder-icon-warm-active": "_folder-icon-warm-active_ijogm_117",
|
|
190
|
+
"tab-list": "_tab-list_ijogm_123"
|
|
191
|
+
}, me = [
|
|
192
192
|
"angle-left-b",
|
|
193
193
|
"angle-right-b",
|
|
194
194
|
"angle-up",
|
|
@@ -205,7 +205,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
205
205
|
"angle-double-right",
|
|
206
206
|
"angle-left",
|
|
207
207
|
"angle-right"
|
|
208
|
-
],
|
|
208
|
+
], ue = [
|
|
209
209
|
"asterisk",
|
|
210
210
|
"info-circle",
|
|
211
211
|
"chart-line",
|
|
@@ -261,7 +261,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
261
261
|
"share",
|
|
262
262
|
"bulk",
|
|
263
263
|
"bulk-active"
|
|
264
|
-
], fe = ["chat", "chat-bubble-user", "comment", "comment-alt-lines"],
|
|
264
|
+
], fe = ["chat", "chat-bubble-user", "comment", "comment-alt-lines"], ge = [
|
|
265
265
|
"music",
|
|
266
266
|
"rocket",
|
|
267
267
|
"file-alt",
|
|
@@ -345,7 +345,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
345
345
|
"certified",
|
|
346
346
|
// (not unicons, personal mashup)
|
|
347
347
|
"plug"
|
|
348
|
-
],
|
|
348
|
+
], be = [
|
|
349
349
|
"play",
|
|
350
350
|
"play-solid",
|
|
351
351
|
"stop-circle-solid",
|
|
@@ -451,7 +451,7 @@ const de = "_root_cdobv_2", S = {
|
|
|
451
451
|
"redo",
|
|
452
452
|
"play",
|
|
453
453
|
"ban"
|
|
454
|
-
],
|
|
454
|
+
], pe = ["folder", "folder-open", "folder-full", "file", "image"], ve = [
|
|
455
455
|
"bold",
|
|
456
456
|
"arrow",
|
|
457
457
|
"brackets-curly",
|
|
@@ -505,15 +505,15 @@ const de = "_root_cdobv_2", S = {
|
|
|
505
505
|
"medium"
|
|
506
506
|
// (not unicons)
|
|
507
507
|
], Ie = ["symbol", "wttj"], ke = ["flag-fr", "flag-en", "flag-us"], we = [
|
|
508
|
-
...me,
|
|
509
508
|
...ue,
|
|
509
|
+
...me,
|
|
510
510
|
..._e,
|
|
511
511
|
...fe,
|
|
512
|
-
...ge,
|
|
513
|
-
...ke,
|
|
514
512
|
...pe,
|
|
515
|
-
...
|
|
513
|
+
...ke,
|
|
516
514
|
...ve,
|
|
515
|
+
...ge,
|
|
516
|
+
...be,
|
|
517
517
|
...Ie,
|
|
518
518
|
...he
|
|
519
519
|
], Se = (e) => we.includes(e), xe = w(S);
|
|
@@ -521,60 +521,60 @@ function ye({
|
|
|
521
521
|
icon: e,
|
|
522
522
|
iconColor: a,
|
|
523
523
|
isActive: t,
|
|
524
|
-
size:
|
|
524
|
+
size: r
|
|
525
525
|
}) {
|
|
526
526
|
return e ? typeof e != "string" || !Se(e) ? e : /* @__PURE__ */ h(
|
|
527
527
|
H,
|
|
528
528
|
{
|
|
529
529
|
className: a ? xe("folder-icon", `folder-icon-${a}${t ? "-active" : ""}`) : void 0,
|
|
530
530
|
name: e,
|
|
531
|
-
size:
|
|
531
|
+
size: r
|
|
532
532
|
}
|
|
533
533
|
) : null;
|
|
534
534
|
}
|
|
535
|
-
const
|
|
536
|
-
({ as: e, badge: a, children: t, className:
|
|
537
|
-
const
|
|
538
|
-
icon:
|
|
539
|
-
iconColor:
|
|
535
|
+
const je = w(S), $ = G(
|
|
536
|
+
({ as: e, badge: a, children: t, className: r, icon: l, iconColor: i = "violet", id: d, store: b, ...I }, o) => {
|
|
537
|
+
const u = ce(), { selectedId: _ } = U(b), s = _ === d, n = ye({
|
|
538
|
+
icon: l,
|
|
539
|
+
iconColor: i,
|
|
540
540
|
isActive: s,
|
|
541
|
-
size:
|
|
541
|
+
size: u
|
|
542
542
|
}), c = s ? "neutral" : "warm";
|
|
543
543
|
return /* @__PURE__ */ L(
|
|
544
544
|
V,
|
|
545
545
|
{
|
|
546
|
-
className:
|
|
546
|
+
className: je("root", `size-${u}`, r),
|
|
547
547
|
id: d,
|
|
548
548
|
ref: o,
|
|
549
549
|
render: e ? /* @__PURE__ */ h(e, {}) : void 0,
|
|
550
|
-
store:
|
|
550
|
+
store: b,
|
|
551
551
|
...I,
|
|
552
552
|
children: [
|
|
553
553
|
n,
|
|
554
554
|
t,
|
|
555
|
-
a ? /* @__PURE__ */ h(D, { size:
|
|
555
|
+
a ? /* @__PURE__ */ h(D, { size: u, variant: c, children: a }) : null
|
|
556
556
|
]
|
|
557
557
|
}
|
|
558
558
|
);
|
|
559
559
|
}
|
|
560
560
|
);
|
|
561
|
-
|
|
562
|
-
const
|
|
563
|
-
|
|
564
|
-
const
|
|
565
|
-
({ children: e, className: a, size: t = "lg", store:
|
|
561
|
+
$.displayName = "Tabs.Tab";
|
|
562
|
+
const M = O(({ children: e, ...a }, t) => /* @__PURE__ */ h(A, { ref: t, ...a, children: e }));
|
|
563
|
+
M.displayName = "Tabs.Panel";
|
|
564
|
+
const ze = w(S), q = O(
|
|
565
|
+
({ children: e, className: a, size: t = "lg", store: r, ...l }, i) => /* @__PURE__ */ h(
|
|
566
566
|
F,
|
|
567
567
|
{
|
|
568
|
-
className:
|
|
569
|
-
ref:
|
|
570
|
-
store:
|
|
571
|
-
...
|
|
572
|
-
children: /* @__PURE__ */ h(
|
|
568
|
+
className: ze("tab-list", `size-${t}`, a),
|
|
569
|
+
ref: i,
|
|
570
|
+
store: r,
|
|
571
|
+
...l,
|
|
572
|
+
children: /* @__PURE__ */ h(N.Provider, { value: { size: t }, children: e })
|
|
573
573
|
}
|
|
574
574
|
)
|
|
575
575
|
);
|
|
576
576
|
q.displayName = "Tabs";
|
|
577
|
-
const Re = Object.assign(q, { Panel:
|
|
577
|
+
const Re = Object.assign(q, { Panel: M, Tab: $ });
|
|
578
578
|
export {
|
|
579
579
|
Re as Tabs,
|
|
580
580
|
q as TabsComponent,
|
package/dist/Tooltip.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_1r2b3_2{display:flex;flex-direction:column;gap:var(--tooltip-gap-content);background-color:var(--tooltip-color-background);border:var(--tooltip-border-width) solid var(--tooltip-color-border);border-radius:var(--tooltip-border-radius);box-sizing:border-box;color:var(--tooltip-color-text);max-width:12.5rem;padding:var(--tooltip-padding-block) var(--tooltip-padding-inline);transition-property:opacity,visibility;transition-duration:var(--duration-medium);z-index:10;visibility:var(--visibility, hidden);opacity:var(--opacity, 0);box-shadow:var(--elevation-20)}._root_1r2b3_2[data-enter=true]{--visibility: visible;--opacity: 1}._childItem_1r2b3_24{display:inline}}
|
package/dist/Tooltip.js
CHANGED
|
@@ -159,7 +159,7 @@ function Te(t = {}) {
|
|
|
159
159
|
const [e, o] = te(Se, t);
|
|
160
160
|
return he(e, o, t);
|
|
161
161
|
}
|
|
162
|
-
const be = "
|
|
162
|
+
const be = "_root_1r2b3_2", ye = "_childItem_1r2b3_24", Ee = {
|
|
163
163
|
root: be,
|
|
164
164
|
childItem: ye
|
|
165
165
|
}, E = se(Ee), Pe = ae(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { TooltipProps as AriakitTooltipProps, TooltipStoreProps as AriakitTooltipStoreProps } from '@ariakit/react';
|
|
2
2
|
export interface TooltipOptions {
|
|
3
3
|
children: React.ReactNode;
|
|
4
|
-
content:
|
|
4
|
+
content: React.ReactNode;
|
|
5
5
|
fixed?: boolean;
|
|
6
6
|
gutter?: number;
|
|
7
7
|
placement?: TooltipPlacement;
|