welcome-ui 10.1.12 → 10.1.14
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/Checkbox.css +1 -1
- package/dist/Checkbox.js +26 -26
- package/dist/Drawer.js +44 -42
- package/dist/Icon.js +3 -1
- package/dist/Tabs.js +3 -1
- package/dist/Toast.js +7 -5
- package/dist/types/components/Checkbox/types.d.ts +1 -1
- package/dist/types/components/Icon/icons.d.ts +2 -2
- package/dist/types/components/Toast/index.d.ts +1 -0
- package/package.json +1 -1
package/dist/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_12gm3_2{position:relative;display:flex;align-items:center;justify-content:center;height:var(--checkbox-size-container);width:var(--checkbox-size-container);flex-shrink:0;cursor:pointer;border-style:solid;border-width:var(--checkbox-border-width-default);border-radius:var(--checkbox-border-radius);outline:transparent solid var(--checkbox-border-width-focused);transition-property:border-color,background-color,color,outline-color;transition-duration:var(--duration-medium);color:var(--color, var(--checkbox-color-icon-default));background-color:var(--backgroundColor, var(--checkbox-color-background-unchecked-default));border-color:var(--borderColor, var(--checkbox-color-border-unchecked-default))}._root_12gm3_2:disabled,._root_12gm3_2[aria-disabled=true]{--color: var(--checkbox-color-icon-disabled);--backgroundColor: var(--checkbox-color-border-disabled);--borderColor: var(--checkbox-color-border-disabled);cursor:not-allowed}._root_12gm3_2:not([aria-disabled]):hover{--borderColor: var(--borderColorHover, var(--checkbox-color-border-unchecked-hover))}._root_12gm3_2[data-focus-visible],._root_12gm3_2:focus-visible{--borderColor: var(--borderColorFocused, var(--checkbox-color-border-focused));outline-color:var(--outlineColorFocus, var(--checkbox-color-border-focused))}._root_12gm3_2[aria-checked=true]:not([aria-disabled]){--backgroundColor: var(--checkbox-color-background-checked-default);--borderColor: var(--checkbox-color-background-checked-default)}._root_12gm3_2[aria-checked=true]:not([aria-disabled]):hover{--backgroundColor: var(--checkbox-color-background-checked-hover);--borderColor: var(--backgroundColor)}._variant-danger_12gm3_43{--borderColor: var(--checkbox-color-border-error);--borderColorHover: var(--checkbox-color-border-error);--borderColorFocused: var(--checkbox-color-border-error);--outlineColorFocus: var(--color-background-danger-secondary)}._variant-warning_12gm3_49{--borderColor: var(--color-background-warning-stronger);--borderColorHover: var(--color-background-warning-stronger);--borderColorFocused: var(--color-background-warning-stronger);--outlineColorFocus: var(--color-background-warning-secondary)}._variant-success_12gm3_55{--borderColor: var(--color-background-accent-green-strongest);--borderColorHover: var(--color-background-accent-green-strongest);--borderColorFocused: var(--color-background-accent-green-strongest);--outlineColorFocus: var(--color-background-accent-green-primary)}._indeterminate_12gm3_61:not([aria-disabled]){--backgroundColor: var(--checkbox-color-background-checked-default);--borderColor: var(--checkbox-color-background-checked-default)}._indeterminate_12gm3_61:not([aria-disabled]):hover{--backgroundColor: var(--checkbox-color-background-checked-hover);--borderColor: var(--backgroundColor)}}
|
package/dist/Checkbox.js
CHANGED
|
@@ -1,46 +1,46 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Checkbox.css';
|
|
3
|
-
import { jsxs as
|
|
4
|
-
import { a as
|
|
5
|
-
import { forwardRef as x, useState as
|
|
6
|
-
import { useField as
|
|
7
|
-
import { VisuallyHidden as
|
|
8
|
-
import { c as
|
|
3
|
+
import { jsxs as b, jsx as s } from "react/jsx-runtime";
|
|
4
|
+
import { a as g } from "./I7KWAPMF-CuA_ygsc.js";
|
|
5
|
+
import { forwardRef as x, useState as h } from "react";
|
|
6
|
+
import { useField as C } from "./Field.js";
|
|
7
|
+
import { VisuallyHidden as V } from "./VisuallyHidden.js";
|
|
8
|
+
import { c as k } from "./index-PAaZGbyz.js";
|
|
9
9
|
import { Icon as l } from "./Icon.js";
|
|
10
|
-
const
|
|
11
|
-
root:
|
|
12
|
-
"variant-danger": "_variant-
|
|
13
|
-
"variant-warning": "_variant-
|
|
14
|
-
"variant-success": "_variant-
|
|
15
|
-
indeterminate:
|
|
16
|
-
},
|
|
17
|
-
({ checked: a = !1, className: m, indeterminate: i = !1, onChange: e, variant:
|
|
18
|
-
const [
|
|
19
|
-
e && e(!a);
|
|
10
|
+
const w = "_root_12gm3_2", y = "_indeterminate_12gm3_61", F = {
|
|
11
|
+
root: w,
|
|
12
|
+
"variant-danger": "_variant-danger_12gm3_43",
|
|
13
|
+
"variant-warning": "_variant-warning_12gm3_49",
|
|
14
|
+
"variant-success": "_variant-success_12gm3_55",
|
|
15
|
+
indeterminate: y
|
|
16
|
+
}, N = k(F), j = x(
|
|
17
|
+
({ checked: a = !1, className: m, indeterminate: i = !1, onChange: e, variant: d, ...o }, f) => {
|
|
18
|
+
const [u, n] = h(!1), { getInputProps: t, variant: _ } = C(), r = _ || d, { disabled: c } = t(o), v = (p) => {
|
|
19
|
+
e && e(!a, p);
|
|
20
20
|
};
|
|
21
|
-
return /* @__PURE__ */
|
|
21
|
+
return /* @__PURE__ */ b(
|
|
22
22
|
"div",
|
|
23
23
|
{
|
|
24
24
|
"aria-checked": a,
|
|
25
25
|
"aria-disabled": c,
|
|
26
|
-
className:
|
|
26
|
+
className: N(
|
|
27
27
|
"root",
|
|
28
28
|
r && `variant-${r}`,
|
|
29
29
|
i && "indeterminate",
|
|
30
30
|
"field-input",
|
|
31
31
|
m
|
|
32
32
|
),
|
|
33
|
-
"data-focus-visible":
|
|
34
|
-
onClick: c ? void 0 :
|
|
33
|
+
"data-focus-visible": u || void 0,
|
|
34
|
+
onClick: c ? void 0 : v,
|
|
35
35
|
children: [
|
|
36
|
-
/* @__PURE__ */ s(
|
|
37
|
-
|
|
36
|
+
/* @__PURE__ */ s(V, { children: /* @__PURE__ */ s(
|
|
37
|
+
g,
|
|
38
38
|
{
|
|
39
39
|
...t(o),
|
|
40
40
|
checked: a,
|
|
41
41
|
onBlur: () => n(!1),
|
|
42
42
|
onFocusVisible: () => n(!0),
|
|
43
|
-
ref:
|
|
43
|
+
ref: f
|
|
44
44
|
}
|
|
45
45
|
) }),
|
|
46
46
|
a ? /* @__PURE__ */ s(l, { name: "check", size: "sm" }) : null,
|
|
@@ -50,8 +50,8 @@ const V = "_root_uppw9_2", k = "_indeterminate_uppw9_67", y = {
|
|
|
50
50
|
);
|
|
51
51
|
}
|
|
52
52
|
);
|
|
53
|
-
|
|
53
|
+
j.displayName = "Checkbox";
|
|
54
54
|
export {
|
|
55
|
-
|
|
56
|
-
|
|
55
|
+
j as Checkbox,
|
|
56
|
+
F as checkboxClasses
|
|
57
57
|
};
|
package/dist/Drawer.js
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Drawer.css';
|
|
3
|
-
import { jsx as e, jsxs as d, Fragment as
|
|
3
|
+
import { jsx as e, jsxs as d, Fragment as O } from "react/jsx-runtime";
|
|
4
4
|
import { D as R } from "./Z32PU2LQ-7OK4psIK.js";
|
|
5
5
|
import { u as ve } from "./Z32PU2LQ-7OK4psIK.js";
|
|
6
|
-
import { useCallback as
|
|
6
|
+
import { useCallback as y, forwardRef as p } from "react";
|
|
7
7
|
import { Window as l } from "./Window.js";
|
|
8
8
|
import { c as o } from "./index-PAaZGbyz.js";
|
|
9
9
|
import { f as W } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
@@ -24,7 +24,7 @@ const L = "_content_t51i3_14", Q = "_title_t51i3_68", k = {
|
|
|
24
24
|
"size-md": "_size-md_t51i3_88",
|
|
25
25
|
"size-sm": "_size-sm_t51i3_91",
|
|
26
26
|
"icon-element": "_icon-element_t51i3_94"
|
|
27
|
-
},
|
|
27
|
+
}, f = o(k), F = W(
|
|
28
28
|
({
|
|
29
29
|
children: t,
|
|
30
30
|
className: r,
|
|
@@ -34,39 +34,39 @@ const L = "_content_t51i3_14", Q = "_title_t51i3_68", k = {
|
|
|
34
34
|
store: i,
|
|
35
35
|
..._
|
|
36
36
|
}, h) => {
|
|
37
|
-
const c =
|
|
37
|
+
const c = y(
|
|
38
38
|
() => Array.from(
|
|
39
39
|
s ? s() : document.querySelectorAll("[data-wui-persistent]")
|
|
40
40
|
),
|
|
41
41
|
[s]
|
|
42
|
-
),
|
|
43
|
-
(
|
|
42
|
+
), x = y(
|
|
43
|
+
(N) => {
|
|
44
44
|
if (!a) return !1;
|
|
45
|
-
const u =
|
|
45
|
+
const u = N.target;
|
|
46
46
|
return !c().some(
|
|
47
|
-
(
|
|
47
|
+
(b) => b.contains(u)
|
|
48
48
|
);
|
|
49
49
|
},
|
|
50
50
|
[c, a]
|
|
51
|
-
),
|
|
51
|
+
), g = typeof n == "number" ? `${n}px` : n;
|
|
52
52
|
return /* @__PURE__ */ e(
|
|
53
53
|
ce,
|
|
54
54
|
{
|
|
55
55
|
autoFocusOnShow: !1,
|
|
56
|
-
className:
|
|
56
|
+
className: f("asset-drawer", r),
|
|
57
57
|
getPersistentElements: c,
|
|
58
|
-
hideOnInteractOutside:
|
|
58
|
+
hideOnInteractOutside: x,
|
|
59
59
|
placement: "bottom",
|
|
60
60
|
ref: h,
|
|
61
61
|
store: i,
|
|
62
62
|
withBackdrop: !0,
|
|
63
63
|
..._,
|
|
64
|
-
children: /* @__PURE__ */ e("div", { className:
|
|
64
|
+
children: /* @__PURE__ */ e("div", { className: f("content-wrapper"), children: /* @__PURE__ */ e(
|
|
65
65
|
"div",
|
|
66
66
|
{
|
|
67
|
-
className:
|
|
68
|
-
style: { "--assetDrawerContentMaxWidth":
|
|
69
|
-
children: /* @__PURE__ */ e("div", { className:
|
|
67
|
+
className: f("content-max-width"),
|
|
68
|
+
style: { "--assetDrawerContentMaxWidth": g },
|
|
69
|
+
children: /* @__PURE__ */ e("div", { className: f("content"), children: t })
|
|
70
70
|
}
|
|
71
71
|
) })
|
|
72
72
|
}
|
|
@@ -76,7 +76,7 @@ const L = "_content_t51i3_14", Q = "_title_t51i3_68", k = {
|
|
|
76
76
|
F.displayName = "AssetDrawer";
|
|
77
77
|
const B = o(k), U = { md: "lg", sm: "md" }, H = ({ iconName: t, size: r = "md" }) => /* @__PURE__ */ e("div", { className: B("icon-block", `size-${r}`), children: /* @__PURE__ */ e($, { className: B("icon-element"), name: t, size: U[r] }) });
|
|
78
78
|
H.displayName = "AssetDrawer.IconBlock";
|
|
79
|
-
const w = o(k),
|
|
79
|
+
const w = o(k), P = ({
|
|
80
80
|
action: t,
|
|
81
81
|
className: r,
|
|
82
82
|
iconName: s,
|
|
@@ -94,7 +94,7 @@ const w = o(k), I = ({
|
|
|
94
94
|
] }),
|
|
95
95
|
t ? /* @__PURE__ */ e("div", { className: w("actions"), children: t }) : null
|
|
96
96
|
] });
|
|
97
|
-
|
|
97
|
+
P.displayName = "AssetDrawer.Header";
|
|
98
98
|
const V = "_root_hxy3b_3", X = "_fullscreen_hxy3b_124", Y = "_media_hxy3b_142", G = "_backdrop_hxy3b_152", ee = "_content_hxy3b_166", te = "_footer_hxy3b_181", re = "_title_hxy3b_200", m = {
|
|
99
99
|
root: V,
|
|
100
100
|
"drawer-close": "_drawer-close_hxy3b_44",
|
|
@@ -141,7 +141,7 @@ const ae = o(m), C = ({ className: t }) => /* @__PURE__ */ e(
|
|
|
141
141
|
}
|
|
142
142
|
);
|
|
143
143
|
C.displayName = "Drawer.Close";
|
|
144
|
-
const D = o(m),
|
|
144
|
+
const D = o(m), E = p(
|
|
145
145
|
({ children: t, className: r, iconName: s, subtitle: a, title: n, ...i }, _) => {
|
|
146
146
|
const h = !!(s || n);
|
|
147
147
|
return /* @__PURE__ */ d("div", { className: D("content", r), ref: _, ...i, children: [
|
|
@@ -154,15 +154,15 @@ const D = o(m), O = p(
|
|
|
154
154
|
] });
|
|
155
155
|
}
|
|
156
156
|
);
|
|
157
|
-
|
|
158
|
-
const ne = o(m),
|
|
157
|
+
E.displayName = "Drawer.Content";
|
|
158
|
+
const ne = o(m), M = p(
|
|
159
159
|
({ className: t, variant: r = "right", ...s }, a) => /* @__PURE__ */ e("div", { className: ne("footer", `variant-${r}`, t), ref: a, ...s })
|
|
160
160
|
);
|
|
161
|
-
|
|
162
|
-
const oe = o(m),
|
|
161
|
+
M.displayName = "Drawer.Footer";
|
|
162
|
+
const oe = o(m), j = p(
|
|
163
163
|
({ className: t, ...r }, s) => /* @__PURE__ */ e(l.Media, { className: oe("media", t), ref: s, ...r })
|
|
164
164
|
);
|
|
165
|
-
|
|
165
|
+
j.displayName = "Drawer.Media";
|
|
166
166
|
const T = W(
|
|
167
167
|
({ as: t, store: r, ...s }, a) => /* @__PURE__ */ e(
|
|
168
168
|
K,
|
|
@@ -175,7 +175,7 @@ const T = W(
|
|
|
175
175
|
)
|
|
176
176
|
);
|
|
177
177
|
T.displayName = "Drawer.Trigger";
|
|
178
|
-
const ie = o(m),
|
|
178
|
+
const ie = o(m), I = p(
|
|
179
179
|
({
|
|
180
180
|
children: t,
|
|
181
181
|
className: r,
|
|
@@ -186,20 +186,22 @@ const ie = o(m), M = p(
|
|
|
186
186
|
size: _ = "lg",
|
|
187
187
|
store: h,
|
|
188
188
|
withBackdrop: c = !1,
|
|
189
|
-
withCloseButton:
|
|
190
|
-
...
|
|
191
|
-
},
|
|
192
|
-
const u =
|
|
189
|
+
withCloseButton: x = !0,
|
|
190
|
+
...g
|
|
191
|
+
}, N) => {
|
|
192
|
+
const u = y(
|
|
193
193
|
() => Array.from(
|
|
194
194
|
a ? a() : document.querySelectorAll("[data-wui-persistent]")
|
|
195
195
|
),
|
|
196
196
|
[a]
|
|
197
|
-
), A =
|
|
198
|
-
(
|
|
197
|
+
), A = y(
|
|
198
|
+
(b) => {
|
|
199
199
|
if (!n) return !1;
|
|
200
|
-
|
|
200
|
+
if (typeof n == "function")
|
|
201
|
+
return n(b);
|
|
202
|
+
const S = b.target;
|
|
201
203
|
return !u().some(
|
|
202
|
-
(
|
|
204
|
+
(q) => q.contains(S)
|
|
203
205
|
);
|
|
204
206
|
},
|
|
205
207
|
[u, n]
|
|
@@ -211,7 +213,7 @@ const ie = o(m), M = p(
|
|
|
211
213
|
getPersistentElements: u,
|
|
212
214
|
hideOnInteractOutside: A,
|
|
213
215
|
modal: c,
|
|
214
|
-
ref:
|
|
216
|
+
ref: N,
|
|
215
217
|
render: /* @__PURE__ */ e(
|
|
216
218
|
"div",
|
|
217
219
|
{
|
|
@@ -225,28 +227,28 @@ const ie = o(m), M = p(
|
|
|
225
227
|
}
|
|
226
228
|
),
|
|
227
229
|
store: h,
|
|
228
|
-
...
|
|
229
|
-
children: /* @__PURE__ */ d(
|
|
230
|
-
|
|
230
|
+
...g,
|
|
231
|
+
children: /* @__PURE__ */ d(O, { children: [
|
|
232
|
+
x ? /* @__PURE__ */ e(C, {}) : null,
|
|
231
233
|
t
|
|
232
234
|
] })
|
|
233
235
|
}
|
|
234
236
|
);
|
|
235
237
|
}
|
|
236
238
|
);
|
|
237
|
-
|
|
238
|
-
const ce = Object.assign(
|
|
239
|
+
I.displayName = "Drawer";
|
|
240
|
+
const ce = Object.assign(I, {
|
|
239
241
|
Backdrop: z,
|
|
240
242
|
Body: l.Body,
|
|
241
243
|
BoxText: l.BoxText,
|
|
242
244
|
Close: C,
|
|
243
|
-
Content:
|
|
244
|
-
Footer:
|
|
245
|
+
Content: E,
|
|
246
|
+
Footer: M,
|
|
245
247
|
Header: l.Header,
|
|
246
|
-
Media:
|
|
248
|
+
Media: j,
|
|
247
249
|
Trigger: T,
|
|
248
250
|
WindowTabPanel: l.TabPanel
|
|
249
|
-
}), ge = Object.assign(F, { Header:
|
|
251
|
+
}), ge = Object.assign(F, { Header: P, Trigger: T });
|
|
250
252
|
export {
|
|
251
253
|
ge as AssetDrawer,
|
|
252
254
|
ce as Drawer,
|
package/dist/Icon.js
CHANGED
|
@@ -14,7 +14,7 @@ const s = "_root_576cf_2", n = {
|
|
|
14
14
|
"size-2xl": "_size-2xl_576cf_25",
|
|
15
15
|
"size-3xl": "_size-3xl_576cf_28",
|
|
16
16
|
"name-folder-full": "_name-folder-full_576cf_31"
|
|
17
|
-
}, v = () => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", className: "hidden", children: [
|
|
17
|
+
}, v = () => /* @__PURE__ */ o("svg", { xmlns: "http://www.w3.org/2000/svg", className: "hidden", "aria-hidden": "true", children: [
|
|
18
18
|
/* @__PURE__ */ a("defs", {}),
|
|
19
19
|
/* @__PURE__ */ a("symbol", { id: "asterisk", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M18.562,14.63379,14.00031,12,18.562,9.36621a1.00016,1.00016,0,0,0-1-1.73242L13,10.26776V5a1,1,0,0,0-2,0v5.26776l-4.562-2.634a1.00016,1.00016,0,0,0-1,1.73242L9.99969,12,5.438,14.63379a1.00016,1.00016,0,0,0,1,1.73242L11,13.73224V19a1,1,0,0,0,2,0V13.73224l4.562,2.634a1.00016,1.00016,0,0,0,1-1.73242Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
20
20
|
/* @__PURE__ */ a("symbol", { id: "info-circle", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M12,2A10,10,0,1,0,22,12,10.01114,10.01114,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8.00917,8.00917,0,0,1,12,20Zm0-8.5a1,1,0,0,0-1,1v3a1,1,0,0,0,2,0v-3A1,1,0,0,0,12,11.5Zm0-4a1.25,1.25,0,1,0,1.25,1.25A1.25,1.25,0,0,0,12,7.5Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
@@ -60,6 +60,8 @@ const s = "_root_576cf_2", n = {
|
|
|
60
60
|
/* @__PURE__ */ a("symbol", { id: "setting", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M19.9 12.66a1 1 0 0 1 0-1.32l1.28-1.44a1 1 0 0 0 .12-1.17l-2-3.46a1 1 0 0 0-1.07-.48l-1.88.38a1 1 0 0 1-1.15-.66l-.61-1.83a1 1 0 0 0-.95-.68h-4a1 1 0 0 0-1 .68l-.56 1.83a1 1 0 0 1-1.15.66L5 4.79a1 1 0 0 0-1 .48L2 8.73a1 1 0 0 0 .1 1.17l1.27 1.44a1 1 0 0 1 0 1.32L2.1 14.1a1 1 0 0 0-.1 1.17l2 3.46a1 1 0 0 0 1.07.48l1.88-.38a1 1 0 0 1 1.15.66l.61 1.83a1 1 0 0 0 1 .68h4a1 1 0 0 0 .95-.68l.61-1.83a1 1 0 0 1 1.15-.66l1.88.38a1 1 0 0 0 1.07-.48l2-3.46a1 1 0 0 0-.12-1.17ZM18.41 14l.8.9-1.28 2.22-1.18-.24a3 3 0 0 0-3.45 2L12.92 20h-2.56L10 18.86a3 3 0 0 0-3.45-2l-1.18.24-1.3-2.21.8-.9a3 3 0 0 0 0-4l-.8-.9 1.28-2.2 1.18.24a3 3 0 0 0 3.45-2L10.36 4h2.56l.38 1.14a3 3 0 0 0 3.45 2l1.18-.24 1.28 2.22-.8.9a3 3 0 0 0 0 3.98Zm-6.77-6a4 4 0 1 0 4 4 4 4 0 0 0-4-4Zm0 6a2 2 0 1 1 2-2 2 2 0 0 1-2 2Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
61
61
|
/* @__PURE__ */ a("symbol", { id: "share-alt", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M18,14a4,4,0,0,0-3.08,1.48l-5.1-2.35a3.64,3.64,0,0,0,0-2.26l5.1-2.35A4,4,0,1,0,14,6a4.17,4.17,0,0,0,.07.71L8.79,9.14a4,4,0,1,0,0,5.72l5.28,2.43A4.17,4.17,0,0,0,14,18a4,4,0,1,0,4-4ZM18,4a2,2,0,1,1-2,2A2,2,0,0,1,18,4ZM6,14a2,2,0,1,1,2-2A2,2,0,0,1,6,14Zm12,6a2,2,0,1,1,2-2A2,2,0,0,1,18,20Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
62
62
|
/* @__PURE__ */ a("symbol", { id: "share", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "m21.707 11.293-8-8A1 1 0 0 0 12 4v3.545A11.015 11.015 0 0 0 2 18.5V20a1 1 0 0 0 1.784.62 11.456 11.456 0 0 1 7.887-4.049c.05-.006.175-.016.329-.026V20a1 1 0 0 0 1.707.707l8-8a1 1 0 0 0 0-1.414ZM14 17.586V15.5a1 1 0 0 0-1-1c-.255 0-1.296.05-1.562.085a14.005 14.005 0 0 0-7.386 2.948A9.013 9.013 0 0 1 13 9.5a1 1 0 0 0 1-1V6.414L19.586 12Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
63
|
+
/* @__PURE__ */ a("symbol", { id: "bulk", viewBox: "0 0 19 19", children: /* @__PURE__ */ a("path", { fill: "transparent", d: "M6 6V11C6 12.1046 6.89543 13 8 13H13M6 6V3C6 1.89543 6.89543 1 8 1H16C17.1046 1 18 1.89543 18 3V11C18 12.1046 17.1046 13 16 13H13M6 6H3C1.89543 6 1 6.89543 1 8V16C1 17.1046 1.89543 18 3 18H11C12.1046 18 13 17.1046 13 16V13", stroke: "black", "stroke-width": "2", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
64
|
+
/* @__PURE__ */ a("symbol", { id: "bulk-active", viewBox: "0 0 19 19", children: /* @__PURE__ */ a("path", { d: "M16 0C17.6569 0 19 1.34315 19 3V11C19 12.6569 17.6569 14 16 14H14V16C14 17.6569 12.6569 19 11 19H3C1.34315 19 0 17.6569 0 16V8C0 6.34315 1.34315 5 3 5H5V3C5 1.34315 6.34315 0 8 0H16ZM3 7C2.44772 7 2 7.44772 2 8V16C2 16.5523 2.44772 17 3 17H11C11.5523 17 12 16.5523 12 16V14H8C6.34315 14 5 12.6569 5 11V7H3ZM14.791 4.62012C14.5711 4.42413 14.2337 4.44165 14.0361 4.66016L10.8047 8.23242L9.91992 7.45508L9.90039 7.4375C9.67934 7.26147 9.3554 7.28703 9.16504 7.5C8.96805 7.72112 8.9889 8.05943 9.21094 8.25488L10.4932 9.38281L10.5166 9.40234C10.6117 9.47686 10.7282 9.51658 10.8477 9.5166C10.9982 9.5166 11.1432 9.45364 11.2461 9.33984L14.832 5.375L14.8496 5.35449C15.0294 5.13484 15.0054 4.81115 14.791 4.62012Z", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
63
65
|
/* @__PURE__ */ a("symbol", { id: "angle-left-b", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "m8.5 12.8 5.7 5.6c.4.4 1 .4 1.4 0 .4-.4.4-1 0-1.4l-4.9-5 4.9-5c.4-.4.4-1 0-1.4-.2-.2-.4-.3-.7-.3-.3 0-.5.1-.7.3l-5.7 5.6c-.4.5-.4 1.1 0 1.6 0-.1 0-.1 0 0z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
64
66
|
/* @__PURE__ */ a("symbol", { id: "angle-right-b", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M15.54,11.29,9.88,5.64a1,1,0,0,0-1.42,0,1,1,0,0,0,0,1.41l4.95,5L8.46,17a1,1,0,0,0,0,1.41,1,1,0,0,0,.71.3,1,1,0,0,0,.71-.3l5.66-5.65A1,1,0,0,0,15.54,11.29Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
|
65
67
|
/* @__PURE__ */ a("symbol", { id: "angle-up", viewBox: "0 0 24 24", children: /* @__PURE__ */ a("path", { fill: "currentColor", d: "M17,13.41,12.71,9.17a1,1,0,0,0-1.42,0L7.05,13.41a1,1,0,0,0,0,1.42,1,1,0,0,0,1.41,0L12,11.29l3.54,3.54a1,1,0,0,0,.7.29,1,1,0,0,0,.71-.29A1,1,0,0,0,17,13.41Z", xmlns: "http://www.w3.org/2000/svg" }) }),
|
package/dist/Tabs.js
CHANGED
package/dist/Toast.js
CHANGED
|
@@ -521,7 +521,7 @@ const $ = M(G), ce = q(
|
|
|
521
521
|
ce.displayName = "Toast.Snackbar";
|
|
522
522
|
const de = J((e, t) => /* @__PURE__ */ y(K, { ref: t, size: "md", variant: "secondary", ...e }));
|
|
523
523
|
de.displayName = "Toast.SnackbarAction";
|
|
524
|
-
const pt = M(G), pe = {
|
|
524
|
+
const { dismiss: wt, remove: _t } = u, pt = M(G), pe = {
|
|
525
525
|
error: "exclamation-octagon",
|
|
526
526
|
info: "info-circle",
|
|
527
527
|
success: "check-circle",
|
|
@@ -535,7 +535,7 @@ const pt = M(G), pe = {
|
|
|
535
535
|
ue.displayName = "Toast.Title";
|
|
536
536
|
const me = ({ children: e, ...t }) => /* @__PURE__ */ y(L, { variant: "body-md", ...t, children: e });
|
|
537
537
|
me.displayName = "Toast.Subtitle";
|
|
538
|
-
const
|
|
538
|
+
const Nt = (e, t) => {
|
|
539
539
|
const s = ("type" in e ? e.type.displayName || e.type.name : void 0) === "Growl" ? "top-right" : "bottom-center", i = () => {
|
|
540
540
|
t != null && t.onClose && t.onClose(), u.dismiss(t == null ? void 0 : t.id);
|
|
541
541
|
}, o = e.props.variant || "info", r = {
|
|
@@ -555,7 +555,7 @@ const wt = (e, t) => {
|
|
|
555
555
|
);
|
|
556
556
|
};
|
|
557
557
|
ie.displayName = "Toast";
|
|
558
|
-
const
|
|
558
|
+
const kt = Object.assign(ie, {
|
|
559
559
|
Growl: ne,
|
|
560
560
|
GrowlAction: le,
|
|
561
561
|
Snackbar: ce,
|
|
@@ -565,7 +565,9 @@ const _t = Object.assign(ie, {
|
|
|
565
565
|
});
|
|
566
566
|
export {
|
|
567
567
|
pe as ICON,
|
|
568
|
-
|
|
569
|
-
wt as
|
|
568
|
+
kt as Toast,
|
|
569
|
+
wt as dismiss,
|
|
570
|
+
_t as remove,
|
|
571
|
+
Nt as toast,
|
|
570
572
|
G as toastClasses
|
|
571
573
|
};
|
|
@@ -4,6 +4,6 @@ export interface CheckboxOptions {
|
|
|
4
4
|
variant?: Variant;
|
|
5
5
|
}
|
|
6
6
|
export type CheckboxProps = CheckboxOptions & Omit<ComponentProps<'input'>, 'onChange'> & {
|
|
7
|
-
onChange?: (isChecked: boolean) => void;
|
|
7
|
+
onChange?: (isChecked: boolean, e: React.MouseEvent<HTMLDivElement>) => void;
|
|
8
8
|
};
|
|
9
9
|
export type Variant = 'danger' | 'success' | 'warning';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare const arrows: readonly ["angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right"];
|
|
2
|
-
export declare const actions: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share"];
|
|
2
|
+
export declare const actions: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "bulk", "bulk-active"];
|
|
3
3
|
export declare const chat: readonly ["chat", "chat-bubble-user", "comment", "comment-alt-lines"];
|
|
4
4
|
export declare const miscellaneous: readonly ["music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug"];
|
|
5
5
|
export declare const player: readonly ["play", "play-solid", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning"];
|
|
@@ -9,5 +9,5 @@ export declare const markdown: readonly ["bold", "arrow", "brackets-curly", "ita
|
|
|
9
9
|
export declare const brands: readonly ["behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium"];
|
|
10
10
|
export declare const welcome: readonly ["symbol", "wttj"];
|
|
11
11
|
export declare const flags: readonly ["flag-fr", "flag-en", "flag-us"];
|
|
12
|
-
export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium", "chat", "chat-bubble-user", "comment", "comment-alt-lines", "folder", "folder-open", "folder-full", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "play-solid", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "icons", "package", "basketball", "bill", "invoice", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
|
|
12
|
+
export declare const icons: readonly ["asterisk", "info-circle", "chart-line", "plus", "chart-line", "archive-alt", "arrows-merge-v", "arrows-shrink-v", "apps", "edit", "user-check", "user-plus", "user-times", "check", "times", "trash", "import", "upload", "draggable-dots", "copy", "pen", "left-arrow-from-left", "arrow-from-right", "resize-handle", "arrow-resize-diagonal", "draggabledots", "compress-alt", "external-link-alt", "heart-solid", "heart", "filter", "eye", "eye-slash", "link", "sign-out-alt", "bars", "ellipsis-v", "ellipsis-h", "move-arrow", "bell", "print", "bolt-alt", "redo", "save", "search", "setting", "share-alt", "share", "bulk", "bulk-active", "angle-left-b", "angle-right-b", "angle-up", "angle-down", "arrow-left", "arrow-right", "arrow-up", "arrow-down", "left-arrow-to-left", "arrow-to-right", "top-arrow-to-top", "arrow-to-bottom", "angle-double-left", "angle-double-right", "angle-left", "angle-right", "behance", "dribbble", "facebook", "github", "google", "instagram", "linkedin", "npm", "pinterest", "slack", "stackoverflow", "tiktok", "twitch", "x", "xing", "youtube", "zapier", "medium", "chat", "chat-bubble-user", "comment", "comment-alt-lines", "folder", "folder-open", "folder-full", "file", "image", "flag-fr", "flag-en", "flag-us", "bold", "arrow", "brackets-curly", "italic", "list-ol-alt", "list-ul", "quote", "text-strike-through", "heading", "heading-1", "heading-2", "heading-3", "heading-4", "heading-5", "heading-6", "font", "underline", "music", "rocket", "file-alt", "user-square", "book-reader", "file-question-alt", "sad-solid", "smile-beam-solid", "sad", "smile-beam", "sign-right", "exclamation-triangle", "exclamation-circle", "exclamation-octagon", "chart-pie", "paperclip", "chart-bar", "fire", "user-check", "apps", "trophy", "bookmark-solid", "bookmark", "clock", "comment-alt-lines", "file-edit-alt", "illustration", "calendar", "users-alt", "globe", "graduation-cap", "envelope", "equal-circle", "minus", "venus", "mars", "estate", "info-circle", "columns", "english-to-chinese", "bag-alt", "chart-line", "map-marker-alt", "map-pin", "lock-alt", "flag", "at", "user", "user-circle", "clipboard-check", "building", "compass", "phone", "pin", "microphone", "user-search", "house-user", "star-solid", "star", "coins", "euro-circle", "file-search-alt", "question-circle", "gift", "birthday-cake", "bunting-flags", "swatchbook", "tag-alt", "tablet", "mobile", "video", "plus-circle", "pen", "check-circle", "certified", "plug", "play", "play-solid", "stop-circle-solid", "pause-circle-solid", "previous", "step-forward", "expand-arrows-alt", "compress-arrows", "screen-share", "stop-screen-share", "microphone", "microphone-slash", "cast", "cast-connected", "cast-unavailable", "video", "video-slash", "airplay", "history", "playlist", "volume-up", "volume-mute", "closed-captioning", "symbol", "wttj", "icons", "package", "basketball", "bill", "invoice", "book-alt", "lightbulb-alt", "life-ring", "calculator-alt", "camera", "shopping-cart", "clipboard-notes", "coffee", "ruler", "desktop", "hard-hat", "credit-card", "moon-solid", "moon", "crosshair", "crown", "restaurant", "diamond", "industry", "fingerprint", "flag", "flag-solid", "setting", "handshake", "hashtag", "headphones", "heart", "estate", "balance-scale", "key-skeleton", "leaf", "map", "masonry", "masonry-plus", "megaphone", "microphone", "processor", "euro-circle", "mountains", "pen", "images", "chart-pie-alt", "pizza-slice", "puzzle-piece-solid", "puzzle-piece", "shield", "wrench", "sparkles", "server", "sun", "hunting", "thumbs-up", "thumbs-down", "trees", "sofa", "exit", "redo", "play", "ban"];
|
|
13
13
|
export declare const isValidIconName: (iconName: string) => iconName is (typeof icons)[number];
|
|
@@ -3,6 +3,7 @@ import { TextProps } from '../Text/types';
|
|
|
3
3
|
import { default as toastStyles } from './toast.module.scss';
|
|
4
4
|
import { ToastOptions, ToastVariant } from './types';
|
|
5
5
|
export { toastStyles as toastClasses };
|
|
6
|
+
export declare const dismiss: (toastId?: string, toasterId?: string) => void, remove: (toastId?: string, toasterId?: string) => void;
|
|
6
7
|
export declare const ICON: Record<ToastVariant, IconProps['name']>;
|
|
7
8
|
export declare const toast: (component: JSX.Element, options?: ToastOptions) => string;
|
|
8
9
|
export declare const Toast: import('react').FC<import('react-hot-toast').ToasterProps> & {
|