welcome-ui 10.1.9 → 10.1.11
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/Alert.css +1 -1
- package/dist/Alert.js +78 -77
- package/dist/Drawer.css +1 -1
- package/dist/Drawer.js +103 -102
- package/dist/DropdownMenu.js +1 -1
- package/dist/Pagination.css +1 -1
- package/dist/Pagination.js +76 -75
- package/dist/Select.css +1 -1
- package/dist/Select.js +293 -292
- package/dist/Tabs.css +1 -1
- package/dist/Tabs.js +163 -163
- package/dist/WelcomeLoader.css +1 -0
- package/dist/WelcomeLoader.js +7 -4
- package/dist/types/components/Tabs/TabPanel.d.ts +1 -1
- package/dist/types/components/Tabs/index.d.ts +1 -1
- package/dist/types/components/Tabs/types.d.ts +2 -6
- package/package.json +1 -1
package/dist/Alert.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_s4so0_2{position:relative;display:flex;align-items:flex-start;width:100%;gap:var(--gap, var(--alert-gap-content-md));border-radius:var(--alert-border-radius);border-width:var(--border-width-sm);border-style:solid;padding:var(--padding);max-width:var(--maxWidth, max-content);background-color:var(--backgroundColor, var(--alert-color-background-brand));border-color:var(--borderColor, var(--alert-color-background-brand));color:var(--color, var(--alert-color-text-brand-body))}._size-md_s4so0_18{--padding: var(--alert-padding-inline-md)}._size-md_s4so0_18 ._content-actions_s4so0_21{--gap: var(--alert-gap-actions-md)}._size-md_s4so0_18 ._without-title_s4so0_24 ._icon-wrapper_s4so0_24{margin-top:-2px}._size-lg_s4so0_27{--padding: var(--alert-padding-inline-lg);--gap: var(--alert-gap-content-lg)}._size-lg_s4so0_27 ._content-actions_s4so0_21{--gap: var(--alert-gap-actions-lg)}._variant-ai_s4so0_34{--backgroundColor: var(--alert-color-background-ai);--borderColor: transparent;background:linear-gradient(var(--alert-color-background-ai) 0 0) padding-box,linear-gradient(90deg,var(--color-green-30) 0%,var(--color-teal-40) 20%,var(--color-blue-40) 40%,var(--color-violet-40) 60%,var(--color-pink-40) 80%,var(--color-red-orange-40) 100%) border-box}._variant-danger_s4so0_39{--backgroundColor: var(--alert-color-background-danger);--borderColor: var(--alert-color-background-danger);--color: var(--color-icon-danger-primary)}._variant-info_s4so0_44{--backgroundColor: var(--alert-color-background-information);--borderColor: var(--alert-color-background-information);--color: var(--color-icon-accent-blue-primary)}._variant-success_s4so0_49{--backgroundColor: var(--alert-color-background-success);--borderColor: var(--alert-color-background-success);--color: var(--color-icon-accent-green-primary)}._variant-warning_s4so0_54{--backgroundColor: var(--alert-color-background-warning);--borderColor: var(--alert-color-background-warning);--color: var(--color-icon-warning-primary)}._full-width_s4so0_59{--maxWidth: 100%}._content_s4so0_21{overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:var(--gap, var(--alert-gap-content-md))}._content-text_s4so0_71{display:flex;flex-direction:column;gap:var(--gap, var(--alert-gap-content-md))}._content-text_s4so0_71._without-title_s4so0_24{flex-direction:row}._content-text_s4so0_71._without-title_s4so0_24 ._icon-wrapper_s4so0_24{align-self:flex-start}._content-actions_s4so0_21{display:flex;align-items:center;gap:var(--gap)}._title-close-button_s4so0_88{margin-right:var(--spacing-xl)}._title-with-icon_s4so0_91{display:flex;align-items:center;gap:var(--spacing-sm)}._close-button_s4so0_97{position:absolute;right:var(--spacing-sm);top:var(--spacing-sm)}._icon-wrapper_s4so0_24{display:flex;flex-shrink:0;padding:var(--alert-icon-padding-block);border-radius:var(--alert-icon-border-radius);background-color:var(--iconWrapperBackgroundColor, var(--alert-icon-color-background-brand));color:var(--iconWrapperColor, var(--alert-icon-color-icon-brand))}._icon-wrapper-success_s4so0_111{--iconWrapperBackgroundColor: var(--alert-icon-color-background-success);--iconWrapperColor: var(--alert-icon-color-icon-success)}._icon-wrapper-danger_s4so0_115{--iconWrapperBackgroundColor: var(--alert-icon-color-background-danger);--iconWrapperColor: var(--alert-icon-color-icon-danger)}._icon-wrapper-info_s4so0_119{--iconWrapperBackgroundColor: var(--alert-icon-color-background-information);--iconWrapperColor: var(--alert-icon-color-icon-information)}._icon-wrapper-warning_s4so0_123{--iconWrapperBackgroundColor: var(--alert-icon-color-background-warning);--iconWrapperColor: var(--alert-icon-color-icon-warning)}._icon-wrapper-ai_s4so0_127{background:conic-gradient(from 30deg at 50% 50%,var(--color-green-30) 0deg,var(--color-blue-40) 25.96deg,var(--color-violet-40) 51.92deg,var(--color-pink-40) 76.15deg,var(--color-red-orange-40) 110.77deg,var(--color-pink-40) 162.69deg,var(--color-violet-40) 209.42deg,var(--color-blue-40) 254.42deg,var(--color-teal-40) 306.35deg,var(--color-green-30) 360deg);--iconWrapperColor: var(--alert-icon-color-icon-ai)}._alert-buttons_s4so0_132{flex-shrink:0;width:fit-content}}
|
package/dist/Alert.js
CHANGED
|
@@ -1,118 +1,119 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Alert.css';
|
|
3
3
|
import { jsx as a, jsxs as l } from "react/jsx-runtime";
|
|
4
|
-
import m, { forwardRef as
|
|
5
|
-
import { CloseButton as
|
|
6
|
-
import { Icon as
|
|
7
|
-
import { Text as
|
|
8
|
-
import { c as
|
|
4
|
+
import m, { forwardRef as V, Children as u, cloneElement as d } from "react";
|
|
5
|
+
import { CloseButton as I } from "./CloseButton.js";
|
|
6
|
+
import { Icon as O } from "./Icon.js";
|
|
7
|
+
import { Text as x } from "./Text.js";
|
|
8
|
+
import { c as f } from "./index-PAaZGbyz.js";
|
|
9
9
|
import { Button as h } from "./Button.js";
|
|
10
|
-
import { f as
|
|
11
|
-
const
|
|
12
|
-
root:
|
|
13
|
-
"size-md": "_size-
|
|
14
|
-
"content-actions": "_content-
|
|
15
|
-
"without-title": "_without-
|
|
16
|
-
"icon-wrapper": "_icon-
|
|
17
|
-
"size-lg": "_size-
|
|
18
|
-
"variant-ai": "_variant-
|
|
19
|
-
"variant-danger": "_variant-
|
|
20
|
-
"variant-info": "_variant-
|
|
21
|
-
"variant-success": "_variant-
|
|
22
|
-
"variant-warning": "_variant-
|
|
23
|
-
"full-width": "_full-
|
|
24
|
-
content:
|
|
25
|
-
"content-text": "_content-
|
|
26
|
-
"title-close-button": "_title-close-
|
|
27
|
-
"title-with-icon": "_title-with-
|
|
28
|
-
"close-button": "_close-
|
|
29
|
-
"icon-wrapper-success": "_icon-wrapper-
|
|
30
|
-
"icon-wrapper-danger": "_icon-wrapper-
|
|
31
|
-
"icon-wrapper-info": "_icon-wrapper-
|
|
32
|
-
"icon-wrapper-warning": "_icon-wrapper-
|
|
33
|
-
"icon-wrapper-ai": "_icon-wrapper-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
),
|
|
37
|
-
|
|
10
|
+
import { f as B } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
11
|
+
const z = "_root_s4so0_2", F = "_content_s4so0_21", w = {
|
|
12
|
+
root: z,
|
|
13
|
+
"size-md": "_size-md_s4so0_18",
|
|
14
|
+
"content-actions": "_content-actions_s4so0_21",
|
|
15
|
+
"without-title": "_without-title_s4so0_24",
|
|
16
|
+
"icon-wrapper": "_icon-wrapper_s4so0_24",
|
|
17
|
+
"size-lg": "_size-lg_s4so0_27",
|
|
18
|
+
"variant-ai": "_variant-ai_s4so0_34",
|
|
19
|
+
"variant-danger": "_variant-danger_s4so0_39",
|
|
20
|
+
"variant-info": "_variant-info_s4so0_44",
|
|
21
|
+
"variant-success": "_variant-success_s4so0_49",
|
|
22
|
+
"variant-warning": "_variant-warning_s4so0_54",
|
|
23
|
+
"full-width": "_full-width_s4so0_59",
|
|
24
|
+
content: F,
|
|
25
|
+
"content-text": "_content-text_s4so0_71",
|
|
26
|
+
"title-close-button": "_title-close-button_s4so0_88",
|
|
27
|
+
"title-with-icon": "_title-with-icon_s4so0_91",
|
|
28
|
+
"close-button": "_close-button_s4so0_97",
|
|
29
|
+
"icon-wrapper-success": "_icon-wrapper-success_s4so0_111",
|
|
30
|
+
"icon-wrapper-danger": "_icon-wrapper-danger_s4so0_115",
|
|
31
|
+
"icon-wrapper-info": "_icon-wrapper-info_s4so0_119",
|
|
32
|
+
"icon-wrapper-warning": "_icon-wrapper-warning_s4so0_123",
|
|
33
|
+
"icon-wrapper-ai": "_icon-wrapper-ai_s4so0_127",
|
|
34
|
+
"alert-buttons": "_alert-buttons_s4so0_132"
|
|
35
|
+
}, $ = f(w), y = B(
|
|
36
|
+
({ variant: o = "primary", ...e }, n) => /* @__PURE__ */ a(h, { className: $("alert-buttons"), ref: n, variant: o, ...e })
|
|
37
|
+
), g = B(
|
|
38
|
+
({ variant: o = "secondary", ...e }, n) => /* @__PURE__ */ a(h, { className: $("alert-buttons"), ref: n, variant: o, ...e })
|
|
38
39
|
);
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
const
|
|
40
|
+
y.displayName = "Alert.Button";
|
|
41
|
+
g.displayName = "Alert.SecondaryButton";
|
|
42
|
+
const M = f(w), _ = ({ children: o, hasCloseButton: e, ...n }) => /* @__PURE__ */ a(x, { as: "span", className: M(e && "title-close-button"), ...n, children: o });
|
|
42
43
|
_.displayName = "Alert.Title";
|
|
43
|
-
const
|
|
44
|
+
const r = f(w), W = {
|
|
44
45
|
ai: "sparkles",
|
|
45
46
|
brand: "lightbulb-alt",
|
|
46
47
|
danger: "exclamation-octagon",
|
|
47
48
|
info: "info-circle",
|
|
48
49
|
success: "check-circle",
|
|
49
50
|
warning: "exclamation-triangle"
|
|
50
|
-
},
|
|
51
|
+
}, C = V(
|
|
51
52
|
({
|
|
52
|
-
children:
|
|
53
|
-
className:
|
|
54
|
-
cta:
|
|
53
|
+
children: o,
|
|
54
|
+
className: e,
|
|
55
|
+
cta: n,
|
|
55
56
|
handleClose: p,
|
|
56
|
-
icon:
|
|
57
|
-
isFullWidth:
|
|
58
|
-
size:
|
|
57
|
+
icon: T,
|
|
58
|
+
isFullWidth: E,
|
|
59
|
+
size: i = "md",
|
|
59
60
|
variant: c = "brand",
|
|
60
|
-
...
|
|
61
|
-
},
|
|
62
|
-
const
|
|
63
|
-
|
|
64
|
-
|
|
61
|
+
...S
|
|
62
|
+
}, j) => {
|
|
63
|
+
const k = c === "ai", b = u.toArray(o).some((s) => m.isValidElement(s) ? s.type === _ : !1), v = /* @__PURE__ */ a("div", { className: r("icon-wrapper", `icon-wrapper-${c}`), children: /* @__PURE__ */ a(O, { name: T || W[c] }) }), R = u.toArray(o).map((s, t) => s.type === _ ? /* @__PURE__ */ l("div", { className: r("title-with-icon"), children: [
|
|
64
|
+
v,
|
|
65
|
+
d(s, {
|
|
65
66
|
hasCloseButton: !!p,
|
|
66
|
-
variant: `body-${
|
|
67
|
+
variant: `body-${i}-strong`
|
|
67
68
|
})
|
|
68
|
-
] }, `alert-title-${t}`) :
|
|
69
|
-
size:
|
|
70
|
-
variant:
|
|
71
|
-
}) : t.type ===
|
|
72
|
-
size:
|
|
73
|
-
}) : t),
|
|
69
|
+
] }, `alert-title-${t}`) : s), N = (s) => u.toArray(s).flatMap((t) => m.isValidElement(t) && t.type === m.Fragment ? N(t.props.children) : t.type === y ? d(t, {
|
|
70
|
+
size: i,
|
|
71
|
+
variant: k ? "primary-ai" : void 0
|
|
72
|
+
}) : t.type === g ? d(t, {
|
|
73
|
+
size: i
|
|
74
|
+
}) : t), A = !!n && N(n);
|
|
74
75
|
return /* @__PURE__ */ l(
|
|
75
76
|
"div",
|
|
76
77
|
{
|
|
77
|
-
className:
|
|
78
|
+
className: r(
|
|
78
79
|
"root",
|
|
79
|
-
|
|
80
|
-
`size-${
|
|
80
|
+
E && "full-width",
|
|
81
|
+
`size-${i}`,
|
|
81
82
|
c && `variant-${c}`,
|
|
82
|
-
|
|
83
|
+
e
|
|
83
84
|
),
|
|
84
|
-
ref:
|
|
85
|
-
...
|
|
85
|
+
ref: j,
|
|
86
|
+
...S,
|
|
86
87
|
children: [
|
|
87
|
-
!!p && /* @__PURE__ */ a(
|
|
88
|
-
/* @__PURE__ */ l("div", { className:
|
|
88
|
+
!!p && /* @__PURE__ */ a(I, { className: r("close-button"), onClick: p }),
|
|
89
|
+
/* @__PURE__ */ l("div", { className: r("content"), children: [
|
|
89
90
|
/* @__PURE__ */ l(
|
|
90
|
-
|
|
91
|
+
x,
|
|
91
92
|
{
|
|
92
93
|
as: "div",
|
|
93
|
-
className:
|
|
94
|
-
variant: `body-${
|
|
94
|
+
className: r("content-text", !b && "without-title"),
|
|
95
|
+
variant: `body-${i}`,
|
|
95
96
|
children: [
|
|
96
|
-
!
|
|
97
|
-
|
|
97
|
+
!b && v,
|
|
98
|
+
R
|
|
98
99
|
]
|
|
99
100
|
}
|
|
100
101
|
),
|
|
101
|
-
!!
|
|
102
|
+
!!A && /* @__PURE__ */ a("div", { className: r("content-actions"), children: A })
|
|
102
103
|
] })
|
|
103
104
|
]
|
|
104
105
|
}
|
|
105
106
|
);
|
|
106
107
|
}
|
|
107
108
|
);
|
|
108
|
-
|
|
109
|
-
const
|
|
110
|
-
Button:
|
|
111
|
-
SecondaryButton:
|
|
109
|
+
C.displayName = "Alert";
|
|
110
|
+
const Q = Object.assign(C, {
|
|
111
|
+
Button: y,
|
|
112
|
+
SecondaryButton: g,
|
|
112
113
|
Title: _
|
|
113
114
|
});
|
|
114
115
|
export {
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
116
|
+
Q as Alert,
|
|
117
|
+
W as ICON,
|
|
118
|
+
w as alertClasses
|
|
118
119
|
};
|
package/dist/Drawer.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{._asset-
|
|
1
|
+
@layer components{._asset-drawer_t51i3_3{overflow:hidden;border-top-left-radius:var(--border-radius-2xl);border-top-right-radius:var(--border-radius-2xl);top:auto!important}._asset-drawer_t51i3_3[class*=root]{height:calc(100% - 3rem)}._content-wrapper_t51i3_14{height:100%;margin-top:var(--spacing-xl);overflow-y:auto;width:100%}@media screen and (min-width: 736px){._content-wrapper_t51i3_14{margin-top:var(--spacing-3xl)}}._content-max-width_t51i3_25{flex:1;margin:0 auto;width:100%;max-width:var(--assetDrawerContentMaxWidth, 51.25rem)}._content_t51i3_14{--assetDrawerContentPadding: 0 var(--spacing-md) var(--spacing-xl);padding:var(--assetDrawerContentPadding)}@media screen and (min-width: 736px){._content_t51i3_14{--assetDrawerContentPadding: 0 var(--spacing-xl) var(--spacing-3xl)}}._asset-drawer-header_t51i3_40{display:flex;flex-direction:column;gap:var(--spacing-xl);justify-content:space-between;background-color:var(--color-background-neutral-inverse-fixed);margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-md);position:sticky;top:0;z-index:1}@media screen and (min-width: 736px){._asset-drawer-header_t51i3_40{align-items:center;flex-direction:row}}._back-button_t51i3_58{align-items:center;display:flex;gap:var(--spacing-md)}@media screen and (min-width: 736px){._back-button_t51i3_58{gap:var(--spacing-xl)}}._title_t51i3_68{display:flex;flex-direction:column;gap:var(--spacing-xxs)}._title_t51i3_68 h3{padding-right:var(--spacing-xl)}._icon-block_t51i3_76{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:var(--border-radius-sm);background-color:var(--color-background-warm-primary);transition:background-color var(--duration-medium);--iconBlockSize: var(--size-icon-2xl);width:var(--iconBlockSize);height:var(--iconBlockSize)}._icon-block_t51i3_76._size-md_t51i3_88{--iconBlockSize: var(--size-icon-2xl)}._icon-block_t51i3_76._size-sm_t51i3_91{--iconBlockSize: var(--size-icon-xl)}._icon-element_t51i3_94{color:var(--color-neutral-90)}}@layer components{._root_hxy3b_3{background-color:var(--drawer-body-color-background-default);border:var(--drawer-border-width) solid var(--drawer-color-border-default);box-shadow:var(--elevation-10);z-index:999;position:fixed;display:flex;flex-direction:column;opacity:0;transition:var(--duration-medium);max-width:100%;--drawerLeft: 0;--drawerRight: 0;--drawerTop: 0;--drawerBottom: 0;--drawerHeight: calc(100% - var(--spacing-md) * 2);--drawerWidth: calc(100% - var(--spacing-md) * 2);--drawerTransform: translate(0, 0);left:var(--drawerLeft);right:var(--drawerRight);top:var(--drawerTop);bottom:var(--drawerBottom);width:var(--drawerWidth);height:var(--drawerHeight);transform:var(--drawerTransform)}@media screen and (max-width: 736px){._root_hxy3b_3{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3:has(>header) ._drawer-close_hxy3b_44{display:none}@media screen and (min-width: 736px){._root_hxy3b_3{border-radius:var(--drawer-border-radius);margin:var(--spacing-md)}}._root_hxy3b_3._placement-bottom_hxy3b_53{--drawerTop: calc(100% - var(--drawerHeight) - var(--spacing-md) * 2);--drawerTransform: translate(0, 100%)}._root_hxy3b_3._placement-left_hxy3b_57{--drawerRight: calc(100% - var(--drawerWidth) - var(--spacing-md) * 2);--drawerTransform: translate(-100%, 0)}._root_hxy3b_3._placement-right_hxy3b_61{--drawerLeft: calc(100% - var(--drawerWidth) - var(--spacing-md) * 2);--drawerTransform: translate(100%, 0)}._root_hxy3b_3._placement-top_hxy3b_65{--drawerBottom: calc(100% - var(--drawerHeight) - var(--spacing-md) * 2);--drawerTransform: translate(0, -100%)}._root_hxy3b_3._placement-top_hxy3b_65._size-sm_hxy3b_69,._root_hxy3b_3._placement-bottom_hxy3b_53._size-sm_hxy3b_69{--drawerHeight: 25rem}._root_hxy3b_3._placement-top_hxy3b_65._size-md_hxy3b_72,._root_hxy3b_3._placement-bottom_hxy3b_53._size-md_hxy3b_72{--drawerHeight: 34.375rem}._root_hxy3b_3._placement-top_hxy3b_65._size-lg_hxy3b_75,._root_hxy3b_3._placement-bottom_hxy3b_53._size-lg_hxy3b_75{--drawerHeight: 42.5rem}._root_hxy3b_3._placement-left_hxy3b_57._size-sm_hxy3b_69,._root_hxy3b_3._placement-right_hxy3b_61._size-sm_hxy3b_69{--drawerWidth: 32.25rem}@media screen and (max-width: 32.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-sm_hxy3b_69,._root_hxy3b_3._placement-right_hxy3b_61._size-sm_hxy3b_69{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3._placement-left_hxy3b_57._size-md_hxy3b_72,._root_hxy3b_3._placement-right_hxy3b_61._size-md_hxy3b_72{--drawerWidth: 44.25rem}@media screen and (max-width: 44.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-md_hxy3b_72,._root_hxy3b_3._placement-right_hxy3b_61._size-md_hxy3b_72{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3._placement-left_hxy3b_57._size-lg_hxy3b_75,._root_hxy3b_3._placement-right_hxy3b_61._size-lg_hxy3b_75{--drawerWidth: 56.25rem}@media screen and (max-width: 56.25rem){._root_hxy3b_3._placement-left_hxy3b_57._size-lg_hxy3b_75,._root_hxy3b_3._placement-right_hxy3b_61._size-lg_hxy3b_75{--drawerTransform: translate(0, 0);top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;border-radius:0;transform:var(--drawerTransform)}}._root_hxy3b_3[data-enter]{opacity:1;--drawerTransform: translate(0, 0)}._root_hxy3b_3._fullscreen_hxy3b_124{top:0;left:0;width:calc(100% - var(--spacing-md) * 2);height:calc(100% - var(--spacing-md) * 2)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-left_hxy3b_57:not([data-enter]){--drawerTransform: translate(-100%, 0)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-right_hxy3b_61:not([data-enter]){--drawerTransform: translate(100%, 0)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-top_hxy3b_65:not([data-enter]){--drawerTransform: translate(0, -100%)}._root_hxy3b_3._fullscreen_hxy3b_124._placement-bottom_hxy3b_53:not([data-enter]){--drawerTransform: translate(0, 100%)}._root_hxy3b_3._fullscreen_hxy3b_124 ._media_hxy3b_142{display:flex;align-items:center;justify-content:center}._root_hxy3b_3._fullscreen_hxy3b_124 ._media_hxy3b_142 :first-child{max-height:calc(100vh - 37px - var(--spacing-xxl) * 2);width:auto;height:auto}._backdrop_hxy3b_152{background-color:var(--color-background-transparent-black-subtle);z-index:999;position:fixed;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .15s ease-in-out}._backdrop_hxy3b_152._drawer-hide-on-interact-outside_hxy3b_160{cursor:pointer}._backdrop_hxy3b_152[data-enter]{opacity:1}._content_hxy3b_166{flex:1;padding:var(--spacing-xxl);overflow-y:auto}._content-header_hxy3b_171{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}._content-header-subtitle_hxy3b_177{color:var(--modal-color-text-body);margin-bottom:var(--spacing-md)}._footer_hxy3b_181{bottom:0;position:sticky;z-index:1;width:100%;background-color:var(--drawer-body-color-background-default);padding:var(--spacing-xl);display:flex;flex-wrap:wrap;gap:var(--spacing-md)}._variant-right_hxy3b_192{justify-content:flex-end;align-items:center}._variant-full_hxy3b_196 button,._variant-full_hxy3b_196 a{flex:1}._title_hxy3b_200{display:flex;align-items:center;justify-content:space-between;position:sticky;z-index:1;top:0;width:100%;background-color:var(--drawer-body-color-background-default);margin:0;padding:var(--spacing-xl) var(--spacing-5xl) var(--spacing-xl) var(--spacing-xl)}._drawer-close_hxy3b_44{position:absolute;right:var(--spacing-xs);top:var(--spacing-xs);z-index:10}}
|
package/dist/Drawer.js
CHANGED
|
@@ -1,63 +1,64 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Drawer.css';
|
|
3
|
-
import { jsx as e, jsxs as d, Fragment as
|
|
4
|
-
import { D as
|
|
5
|
-
import { u as
|
|
3
|
+
import { jsx as e, jsxs as d, Fragment as q } from "react/jsx-runtime";
|
|
4
|
+
import { D as R } from "./Z32PU2LQ-7OK4psIK.js";
|
|
5
|
+
import { u as ve } from "./Z32PU2LQ-7OK4psIK.js";
|
|
6
6
|
import { useCallback as x, forwardRef as p } from "react";
|
|
7
|
-
import { Window as
|
|
7
|
+
import { Window as l } from "./Window.js";
|
|
8
8
|
import { c as o } from "./index-PAaZGbyz.js";
|
|
9
|
-
import { f as
|
|
10
|
-
import { Button as
|
|
9
|
+
import { f as W } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
10
|
+
import { Button as Z } from "./Button.js";
|
|
11
11
|
import { Icon as $ } from "./Icon.js";
|
|
12
|
-
import { Text as
|
|
13
|
-
import { D as
|
|
14
|
-
import { D as
|
|
15
|
-
const
|
|
16
|
-
"asset-drawer": "_asset-
|
|
17
|
-
"content-wrapper": "_content-
|
|
18
|
-
"content-max-width": "_content-max-
|
|
19
|
-
content:
|
|
20
|
-
"asset-drawer-header": "_asset-drawer-
|
|
21
|
-
"back-button": "_back-
|
|
22
|
-
title:
|
|
23
|
-
"icon-block": "_icon-
|
|
24
|
-
"size-md": "_size-
|
|
25
|
-
"size-sm": "_size-
|
|
26
|
-
|
|
12
|
+
import { Text as v } from "./Text.js";
|
|
13
|
+
import { D as J } from "./OCCHVUS4-SwOpz56L.js";
|
|
14
|
+
import { D as K } from "./APVORPDK-DuBDzcfp.js";
|
|
15
|
+
const L = "_content_t51i3_14", Q = "_title_t51i3_68", k = {
|
|
16
|
+
"asset-drawer": "_asset-drawer_t51i3_3",
|
|
17
|
+
"content-wrapper": "_content-wrapper_t51i3_14",
|
|
18
|
+
"content-max-width": "_content-max-width_t51i3_25",
|
|
19
|
+
content: L,
|
|
20
|
+
"asset-drawer-header": "_asset-drawer-header_t51i3_40",
|
|
21
|
+
"back-button": "_back-button_t51i3_58",
|
|
22
|
+
title: Q,
|
|
23
|
+
"icon-block": "_icon-block_t51i3_76",
|
|
24
|
+
"size-md": "_size-md_t51i3_88",
|
|
25
|
+
"size-sm": "_size-sm_t51i3_91",
|
|
26
|
+
"icon-element": "_icon-element_t51i3_94"
|
|
27
|
+
}, b = o(k), F = W(
|
|
27
28
|
({
|
|
28
29
|
children: t,
|
|
29
30
|
className: r,
|
|
30
|
-
getPersistentElements:
|
|
31
|
-
hideOnInteractOutside:
|
|
31
|
+
getPersistentElements: s,
|
|
32
|
+
hideOnInteractOutside: a = !0,
|
|
32
33
|
maxWidth: n,
|
|
33
|
-
store:
|
|
34
|
+
store: i,
|
|
34
35
|
..._
|
|
35
36
|
}, h) => {
|
|
36
|
-
const
|
|
37
|
+
const c = x(
|
|
37
38
|
() => Array.from(
|
|
38
|
-
|
|
39
|
+
s ? s() : document.querySelectorAll("[data-wui-persistent]")
|
|
39
40
|
),
|
|
40
|
-
[
|
|
41
|
+
[s]
|
|
41
42
|
), y = x(
|
|
42
43
|
(g) => {
|
|
43
|
-
if (!
|
|
44
|
+
if (!a) return !1;
|
|
44
45
|
const u = g.target;
|
|
45
|
-
return !
|
|
46
|
-
(
|
|
46
|
+
return !c().some(
|
|
47
|
+
(N) => N.contains(u)
|
|
47
48
|
);
|
|
48
49
|
},
|
|
49
|
-
[
|
|
50
|
+
[c, a]
|
|
50
51
|
), f = typeof n == "number" ? `${n}px` : n;
|
|
51
52
|
return /* @__PURE__ */ e(
|
|
52
|
-
|
|
53
|
+
ce,
|
|
53
54
|
{
|
|
54
55
|
autoFocusOnShow: !1,
|
|
55
56
|
className: b("asset-drawer", r),
|
|
56
|
-
getPersistentElements:
|
|
57
|
+
getPersistentElements: c,
|
|
57
58
|
hideOnInteractOutside: y,
|
|
58
59
|
placement: "bottom",
|
|
59
60
|
ref: h,
|
|
60
|
-
store:
|
|
61
|
+
store: i,
|
|
61
62
|
withBackdrop: !0,
|
|
62
63
|
..._,
|
|
63
64
|
children: /* @__PURE__ */ e("div", { className: b("content-wrapper"), children: /* @__PURE__ */ e(
|
|
@@ -72,28 +73,28 @@ const K = "_content_4vnol_14", L = "_title_4vnol_68", k = {
|
|
|
72
73
|
);
|
|
73
74
|
}
|
|
74
75
|
);
|
|
75
|
-
|
|
76
|
-
const
|
|
77
|
-
|
|
78
|
-
const w = o(k),
|
|
76
|
+
F.displayName = "AssetDrawer";
|
|
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
|
+
H.displayName = "AssetDrawer.IconBlock";
|
|
79
|
+
const w = o(k), I = ({
|
|
79
80
|
action: t,
|
|
80
81
|
className: r,
|
|
81
|
-
iconName:
|
|
82
|
-
onBackButtonClick:
|
|
82
|
+
iconName: s,
|
|
83
|
+
onBackButtonClick: a,
|
|
83
84
|
subtitle: n,
|
|
84
|
-
title:
|
|
85
|
+
title: i
|
|
85
86
|
}) => /* @__PURE__ */ d("div", { className: w("asset-drawer-header", r), children: [
|
|
86
87
|
/* @__PURE__ */ d("div", { className: w("back-button"), children: [
|
|
87
|
-
!!
|
|
88
|
-
!!
|
|
88
|
+
!!a && /* @__PURE__ */ e(Z, { onClick: a, variant: "tertiary", children: /* @__PURE__ */ e($, { name: "arrow-left" }) }),
|
|
89
|
+
!!s && /* @__PURE__ */ e(H, { iconName: s }),
|
|
89
90
|
/* @__PURE__ */ d("div", { className: w("title"), children: [
|
|
90
|
-
/* @__PURE__ */ e(
|
|
91
|
+
/* @__PURE__ */ e(v, { as: "h3", variant: "heading-lg", children: i }),
|
|
91
92
|
n
|
|
92
93
|
] })
|
|
93
94
|
] }),
|
|
94
95
|
t ? /* @__PURE__ */ e("div", { className: w("actions"), children: t }) : null
|
|
95
96
|
] });
|
|
96
|
-
|
|
97
|
+
I.displayName = "AssetDrawer.Header";
|
|
97
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 = {
|
|
98
99
|
root: V,
|
|
99
100
|
"drawer-close": "_drawer-close_hxy3b_44",
|
|
@@ -115,117 +116,117 @@ const V = "_root_hxy3b_3", X = "_fullscreen_hxy3b_124", Y = "_media_hxy3b_142",
|
|
|
115
116
|
"variant-right": "_variant-right_hxy3b_192",
|
|
116
117
|
"variant-full": "_variant-full_hxy3b_196",
|
|
117
118
|
title: re
|
|
118
|
-
},
|
|
119
|
-
({ hideOnInteractOutside: t = !0, ...r },
|
|
119
|
+
}, se = o(m), z = p(
|
|
120
|
+
({ hideOnInteractOutside: t = !0, ...r }, s) => /* @__PURE__ */ e(
|
|
120
121
|
"div",
|
|
121
122
|
{
|
|
122
|
-
className:
|
|
123
|
-
ref:
|
|
123
|
+
className: se("backdrop", t && "drawer-hide-on-interact-outside"),
|
|
124
|
+
ref: s,
|
|
124
125
|
...r
|
|
125
126
|
}
|
|
126
127
|
)
|
|
127
128
|
);
|
|
128
129
|
z.displayName = "Drawer.Backdrop";
|
|
129
|
-
const
|
|
130
|
-
|
|
130
|
+
const ae = o(m), C = ({ className: t }) => /* @__PURE__ */ e(
|
|
131
|
+
J,
|
|
131
132
|
{
|
|
132
133
|
render: (r) => /* @__PURE__ */ e(
|
|
133
|
-
|
|
134
|
+
l.Header.CloseButton,
|
|
134
135
|
{
|
|
135
136
|
"aria-label": "Close",
|
|
136
|
-
className:
|
|
137
|
+
className: ae("drawer-close", t),
|
|
137
138
|
...r
|
|
138
139
|
}
|
|
139
140
|
)
|
|
140
141
|
}
|
|
141
142
|
);
|
|
142
143
|
C.displayName = "Drawer.Close";
|
|
143
|
-
const
|
|
144
|
-
({ children: t, className: r, iconName:
|
|
145
|
-
const h = !!(
|
|
146
|
-
return /* @__PURE__ */ d("div", { className:
|
|
147
|
-
h ? /* @__PURE__ */ d("div", { className:
|
|
148
|
-
|
|
149
|
-
n ? /* @__PURE__ */ e(
|
|
144
|
+
const D = o(m), O = p(
|
|
145
|
+
({ children: t, className: r, iconName: s, subtitle: a, title: n, ...i }, _) => {
|
|
146
|
+
const h = !!(s || n);
|
|
147
|
+
return /* @__PURE__ */ d("div", { className: D("content", r), ref: _, ...i, children: [
|
|
148
|
+
h ? /* @__PURE__ */ d("div", { className: D("content-header"), children: [
|
|
149
|
+
s ? /* @__PURE__ */ e($, { name: s, size: "lg" }) : null,
|
|
150
|
+
n ? /* @__PURE__ */ e(v, { variant: "heading-md-strong", children: n }) : null
|
|
150
151
|
] }) : null,
|
|
151
|
-
|
|
152
|
+
a ? /* @__PURE__ */ e(v, { className: D("content-header-subtitle"), variant: "body-lg", children: a }) : null,
|
|
152
153
|
t
|
|
153
154
|
] });
|
|
154
155
|
}
|
|
155
156
|
);
|
|
156
|
-
|
|
157
|
-
const ne = o(m),
|
|
158
|
-
({ className: t, variant: r = "right", ...
|
|
157
|
+
O.displayName = "Drawer.Content";
|
|
158
|
+
const ne = o(m), P = p(
|
|
159
|
+
({ className: t, variant: r = "right", ...s }, a) => /* @__PURE__ */ e("div", { className: ne("footer", `variant-${r}`, t), ref: a, ...s })
|
|
159
160
|
);
|
|
160
|
-
|
|
161
|
-
const oe = o(m),
|
|
162
|
-
({ className: t, ...r },
|
|
161
|
+
P.displayName = "Drawer.Footer";
|
|
162
|
+
const oe = o(m), E = p(
|
|
163
|
+
({ className: t, ...r }, s) => /* @__PURE__ */ e(l.Media, { className: oe("media", t), ref: s, ...r })
|
|
163
164
|
);
|
|
164
|
-
|
|
165
|
-
const T =
|
|
166
|
-
({ as: t, store: r, ...
|
|
167
|
-
|
|
165
|
+
E.displayName = "Drawer.Media";
|
|
166
|
+
const T = W(
|
|
167
|
+
({ as: t, store: r, ...s }, a) => /* @__PURE__ */ e(
|
|
168
|
+
K,
|
|
168
169
|
{
|
|
169
|
-
ref:
|
|
170
|
+
ref: a,
|
|
170
171
|
render: t ? /* @__PURE__ */ e(t, {}) : void 0,
|
|
171
172
|
store: r,
|
|
172
|
-
...
|
|
173
|
+
...s
|
|
173
174
|
}
|
|
174
175
|
)
|
|
175
176
|
);
|
|
176
177
|
T.displayName = "Drawer.Trigger";
|
|
177
|
-
const
|
|
178
|
+
const ie = o(m), M = p(
|
|
178
179
|
({
|
|
179
180
|
children: t,
|
|
180
181
|
className: r,
|
|
181
|
-
fullscreen:
|
|
182
|
-
getPersistentElements:
|
|
182
|
+
fullscreen: s = !1,
|
|
183
|
+
getPersistentElements: a,
|
|
183
184
|
hideOnInteractOutside: n = !0,
|
|
184
|
-
placement:
|
|
185
|
+
placement: i = "right",
|
|
185
186
|
size: _ = "lg",
|
|
186
187
|
store: h,
|
|
187
|
-
withBackdrop:
|
|
188
|
+
withBackdrop: c = !1,
|
|
188
189
|
withCloseButton: y = !0,
|
|
189
190
|
...f
|
|
190
191
|
}, g) => {
|
|
191
192
|
const u = x(
|
|
192
193
|
() => Array.from(
|
|
193
|
-
|
|
194
|
+
a ? a() : document.querySelectorAll("[data-wui-persistent]")
|
|
194
195
|
),
|
|
195
|
-
[
|
|
196
|
+
[a]
|
|
196
197
|
), A = x(
|
|
197
|
-
(
|
|
198
|
+
(N) => {
|
|
198
199
|
if (!n) return !1;
|
|
199
|
-
const
|
|
200
|
+
const j = N.target;
|
|
200
201
|
return !u().some(
|
|
201
|
-
(
|
|
202
|
+
(S) => S.contains(j)
|
|
202
203
|
);
|
|
203
204
|
},
|
|
204
205
|
[u, n]
|
|
205
206
|
);
|
|
206
207
|
return /* @__PURE__ */ e(
|
|
207
|
-
|
|
208
|
+
R,
|
|
208
209
|
{
|
|
209
|
-
backdrop:
|
|
210
|
+
backdrop: c ? /* @__PURE__ */ e(z, { hideOnInteractOutside: n }) : !1,
|
|
210
211
|
getPersistentElements: u,
|
|
211
212
|
hideOnInteractOutside: A,
|
|
212
|
-
modal:
|
|
213
|
+
modal: c,
|
|
213
214
|
ref: g,
|
|
214
215
|
render: /* @__PURE__ */ e(
|
|
215
216
|
"div",
|
|
216
217
|
{
|
|
217
|
-
className:
|
|
218
|
+
className: ie(
|
|
218
219
|
"root",
|
|
219
|
-
`placement-${
|
|
220
|
+
`placement-${i}`,
|
|
220
221
|
`size-${_}`,
|
|
221
|
-
|
|
222
|
+
s && "fullscreen",
|
|
222
223
|
r
|
|
223
224
|
)
|
|
224
225
|
}
|
|
225
226
|
),
|
|
226
227
|
store: h,
|
|
227
228
|
...f,
|
|
228
|
-
children: /* @__PURE__ */ d(
|
|
229
|
+
children: /* @__PURE__ */ d(q, { children: [
|
|
229
230
|
y ? /* @__PURE__ */ e(C, {}) : null,
|
|
230
231
|
t
|
|
231
232
|
] })
|
|
@@ -233,22 +234,22 @@ const ce = o(m), E = p(
|
|
|
233
234
|
);
|
|
234
235
|
}
|
|
235
236
|
);
|
|
236
|
-
|
|
237
|
-
const
|
|
237
|
+
M.displayName = "Drawer";
|
|
238
|
+
const ce = Object.assign(M, {
|
|
238
239
|
Backdrop: z,
|
|
239
|
-
Body:
|
|
240
|
-
BoxText:
|
|
240
|
+
Body: l.Body,
|
|
241
|
+
BoxText: l.BoxText,
|
|
241
242
|
Close: C,
|
|
242
|
-
Content:
|
|
243
|
-
Footer:
|
|
244
|
-
Header:
|
|
245
|
-
Media:
|
|
243
|
+
Content: O,
|
|
244
|
+
Footer: P,
|
|
245
|
+
Header: l.Header,
|
|
246
|
+
Media: E,
|
|
246
247
|
Trigger: T,
|
|
247
|
-
WindowTabPanel:
|
|
248
|
-
}), ge = Object.assign(
|
|
248
|
+
WindowTabPanel: l.TabPanel
|
|
249
|
+
}), ge = Object.assign(F, { Header: I, Trigger: T });
|
|
249
250
|
export {
|
|
250
251
|
ge as AssetDrawer,
|
|
251
|
-
|
|
252
|
+
ce as Drawer,
|
|
252
253
|
m as drawerClasses,
|
|
253
|
-
|
|
254
|
+
ve as useDrawer
|
|
254
255
|
};
|
package/dist/DropdownMenu.js
CHANGED
|
@@ -1102,7 +1102,7 @@ const bt = U(
|
|
|
1102
1102
|
ot,
|
|
1103
1103
|
{
|
|
1104
1104
|
onClick: (c) => {
|
|
1105
|
-
c.preventDefault(),
|
|
1105
|
+
c.preventDefault(), e == null || e(c), t.toggle();
|
|
1106
1106
|
},
|
|
1107
1107
|
ref: o,
|
|
1108
1108
|
render: n ? (c) => /* @__PURE__ */ l(n, { ...c }) : void 0,
|
package/dist/Pagination.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._condensed-range_134xt_3{display:inline}._list_134xt_6{list-style-type:none;padding:0;margin:0;display:flex;gap:var(--pagination-gap-pages);align-items:center;flex-wrap:wrap}._item_134xt_16{color:var(--color, var(--pagination-color-icon-unchecked-pressed));background-color:var(--backgroundColor, var(--pagination-color-background-unchecked-default));font-size:var(--pagination-start-padding-inline-trailing-md);font-weight:var(--font-weight-semi-bold);border-radius:var(--pagination-border-radius);display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;border-color:var(--borderColor, var(--pagination-color-border-unchecked-default));border-width:var(--borderWidth, var(--pagination-border-width-unchecked));border-style:solid;box-shadow:var(--elevation-10)}._item_134xt_16:not([disabled]):not([aria-current=true]):hover,._item_134xt_16:not([disabled]):not([aria-current=true]):focus-visible{background-color:var(--pagination-color-background-unchecked-hover);border-color:var(--pagination-color-border-unchecked-hover);box-shadow:var(--elevation-20);outline:none!important}._item_134xt_16:not([disabled]):not([aria-current=true]):active{background-color:var(--pagination-color-background-unchecked-pressed);border-color:var(--pagination-color-border-unchecked-pressed)}._item_134xt_16._disabled-arrow_134xt_46,._item_134xt_16[disabled]{cursor:not-allowed;color:var(--pagination-color-text-unchecked-disabled);background:repeating-linear-gradient(-45deg,var(--color-neutral-30),var(--color-neutral-30) 1.75px,var(--color-background-warm-stronger) 3.75px,var(--color-background-warm-stronger) 3.25px) padding-box;box-shadow:none;border-color:transparent}._page_134xt_55[aria-current=true]{background-color:var(--pagination-color-background-checked-default);border-color:var(--pagination-color-border-checked-default);border-width:var(--pagination-border-width-checked);color:var(--pagination-color-text-checked-default)}._page_134xt_55[aria-current=true]:hover,._page_134xt_55[aria-current=true]:focus-visible{background-color:var(--pagination-color-background-checked-hover);border-color:var(--pagination-color-border-checked-hover);color:var(--pagination-color-text-checked-hover);outline:none!important}._page_134xt_55[aria-current=true]:active{background-color:var(--pagination-color-background-checked-pressed);border-color:var(--pagination-color-border-checked-pressed);color:var(--pagination-color-text-checked-pressed)}._with-text-left_134xt_75,._with-text-right_134xt_76{gap:var(--pagination-gap-content)}._size-lg_134xt_79{font-size:var(--font-size-md);height:var(--pagination-size-max-height-lg);width:var(--pagination-size-min-height-lg)}._size-lg_134xt_79._with-text-right_134xt_76{padding-left:var(--pagination-start-padding-inline-leading-lg);padding-right:var(--pagination-end-padding-inline-leading-lg);width:auto}._size-lg_134xt_79._with-text-left_134xt_75{padding-left:var(--pagination-start-padding-inline-trailing-lg);padding-right:var(--pagination-end-padding-inline-trailing-lg);width:auto}._size-md_134xt_94{font-size:var(--font-size-sm);height:var(--pagination-size-max-height-md);width:var(--pagination-size-min-height-md)}._size-md_134xt_94._with-text-right_134xt_76{padding-left:var(--pagination-start-padding-inline-leading-md);padding-right:var(--pagination-end-padding-inline-leading-md);width:auto}._size-md_134xt_94._with-text-left_134xt_75{padding-left:var(--pagination-start-padding-inline-trailing-md);padding-right:var(--pagination-end-padding-inline-trailing-md);width:auto}}
|