welcome-ui 9.0.2-alpha.0 → 9.0.3
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 +18 -18
- package/dist/Drawer.js +20 -17
- package/dist/InputText.css +1 -1
- package/dist/InputText.js +44 -44
- package/dist/Textarea.css +1 -1
- package/dist/Textarea.js +12 -12
- package/dist/types/components/Drawer/AssetDrawer/types.d.ts +3 -0
- package/dist/types/components/Drawer/components/Backdrop.d.ts +1 -1
- package/dist/types/components/Drawer/index.d.ts +1 -1
- package/package.json +1 -1
package/dist/Checkbox.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_1rv7m_2{position:relative;padding:0;cursor:pointer;transition:var(--duration-medium);overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1rem;outline:transparent solid var(--border-width-md);border-radius:var(--radius-sm);border-style:solid;border-width:var(--border-width-sm);flex-shrink:0;height:1rem;width:1rem;color:var(--color-neutral-90);background-color:var(--backgroundColor, var(--color-neutral-10));border-color:var(--borderColor, var(--color-neutral-30))}._root_1rv7m_2:after{background-color:var(--afterBackgroundColor);content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;-webkit-mask-size:contain;mask-size:contain;width:10px}._root_1rv7m_2:disabled,._root_1rv7m_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--borderColor: var(--color-beige-50);cursor:not-allowed}._root_1rv7m_2:not([disabled]):hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_1rv7m_2[data-focus-visible],._root_1rv7m_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_1rv7m_2::placeholder{color:var(--color-neutral-60)}._root_1rv7m_2[aria-checked=true]:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._root_1rv7m_2[aria-checked=true]:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._root_1rv7m_2[aria-checked=true]:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._root_1rv7m_2[aria-checked=true]:after{--afterBackgroundColor: var(--color-beige-50);height:8px;mask:url('data:image/svg+xml; utf8, <svg viewBox="0 0 10 8" xmlns="http://www.w3.org/2000/svg"><path fill="000000" d="M7.96171 0.596898C8.24912 0.27893 8.74024 0.25262 9.06024 0.537743C9.37208 0.815607 9.40671 1.28712 9.14514 1.60662L9.11975 1.63611L3.90331 7.40311C3.75365 7.5687 3.54304 7.66003 3.32401 7.66003C3.15017 7.66003 2.98077 7.60235 2.84241 7.49383L2.80848 7.46564L0.943652 5.82577C0.620151 5.54147 0.590221 5.04928 0.877091 4.72749C1.15398 4.41772 1.62383 4.38076 1.94536 4.6368L1.97506 4.66166L3.26156 5.79276L7.96171 0.596898Z" /></svg>')}._variant-danger_1rv7m_67{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_1rv7m_73{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_1rv7m_79{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._indeterminate_1rv7m_85:not(:disabled){--backgroundColor: var(--color-brand-40);--borderColor: var(--color-brand-40);--color: var(--color-neutral-90)}._indeterminate_1rv7m_85:not(:disabled):after{--afterBackgroundColor: var(--color-beige-90)}._indeterminate_1rv7m_85:not(:disabled):hover{--backgroundColor: var(--color-brand-30);--borderColor: var(--backgroundColor)}._indeterminate_1rv7m_85:after{--afterBackgroundColor: var(--color-beige-50);height:4px;mask:url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 10 4' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.3973 1.76919C0.953776 1.81988 0.634816 2.04775 0.685235 2.49156C0.732149 2.90436 1.08212 3.03624 1.48789 3.03624L8.6029 2.23086C9.04669 2.18017 9.36538 1.9523 9.31469 1.50849C9.26427 1.06468 8.86389 0.917163 8.41956 0.969201C4.90971 1.38026 4.90828 1.36792 1.3973 1.76919Z' fill='000000'/%3E%3C/svg%3E")}}
|
package/dist/Checkbox.js
CHANGED
|
@@ -1,32 +1,32 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as
|
|
3
|
-
import { C as
|
|
4
|
-
import { forwardRef as
|
|
2
|
+
import { jsx as d } from "react/jsx-runtime";
|
|
3
|
+
import { C as f } from "./KPUWHTQJ-CKDqSAor.js";
|
|
4
|
+
import { forwardRef as l } from "react";
|
|
5
5
|
import { useField as g } from "./Field.js";
|
|
6
6
|
import { c as p } from "./index-PAaZGbyz.js";
|
|
7
|
-
const h = "
|
|
7
|
+
const h = "_root_1rv7m_2", u = "_indeterminate_1rv7m_85", x = {
|
|
8
8
|
root: h,
|
|
9
|
-
"variant-danger": "_variant-
|
|
10
|
-
"variant-warning": "_variant-
|
|
11
|
-
"variant-success": "_variant-
|
|
9
|
+
"variant-danger": "_variant-danger_1rv7m_67",
|
|
10
|
+
"variant-warning": "_variant-warning_1rv7m_73",
|
|
11
|
+
"variant-success": "_variant-success_1rv7m_79",
|
|
12
12
|
indeterminate: u
|
|
13
|
-
}, k = p(x), j =
|
|
14
|
-
({ checked:
|
|
15
|
-
const { getInputProps:
|
|
16
|
-
|
|
13
|
+
}, k = p(x), j = l(
|
|
14
|
+
({ checked: e = !1, className: n, indeterminate: o = !1, onChange: t, variant: i, ...s }, c) => {
|
|
15
|
+
const { getInputProps: m, variant: _ } = g(), a = _ || i, v = (r) => {
|
|
16
|
+
r.target.checked = !r.target.checked, t && t(r);
|
|
17
17
|
};
|
|
18
|
-
return /* @__PURE__ */
|
|
19
|
-
|
|
18
|
+
return /* @__PURE__ */ d(
|
|
19
|
+
f,
|
|
20
20
|
{
|
|
21
|
-
...
|
|
22
|
-
checked:
|
|
21
|
+
...m(s),
|
|
22
|
+
checked: e,
|
|
23
23
|
className: k(
|
|
24
24
|
"root",
|
|
25
|
-
|
|
25
|
+
a && `variant-${a}`,
|
|
26
26
|
o && "indeterminate",
|
|
27
|
-
|
|
27
|
+
n
|
|
28
28
|
),
|
|
29
|
-
onChange:
|
|
29
|
+
onChange: v,
|
|
30
30
|
ref: c
|
|
31
31
|
}
|
|
32
32
|
);
|
package/dist/Drawer.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as e, jsxs as f, Fragment as y } from "react/jsx-runtime";
|
|
3
3
|
import { D as A } from "./NI3IVY7K-DxnarnKs.js";
|
|
4
4
|
import { u as ge } from "./NI3IVY7K-DxnarnKs.js";
|
|
5
|
-
import { useCallback as g, forwardRef as
|
|
5
|
+
import { useCallback as g, forwardRef as p } from "react";
|
|
6
6
|
import { c as n } from "./index-PAaZGbyz.js";
|
|
7
7
|
import { f as b } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
8
8
|
import { Button as C } from "./Button.js";
|
|
@@ -37,7 +37,7 @@ const I = "_content_2lawg_13", B = "_title_2lawg_67", h = {
|
|
|
37
37
|
s ? s() : document.querySelectorAll("[data-wui-persistent]")
|
|
38
38
|
),
|
|
39
39
|
[s]
|
|
40
|
-
),
|
|
40
|
+
), w = g(
|
|
41
41
|
(k) => {
|
|
42
42
|
const D = k.target;
|
|
43
43
|
return !l().some(
|
|
@@ -45,14 +45,14 @@ const I = "_content_2lawg_13", B = "_title_2lawg_67", h = {
|
|
|
45
45
|
);
|
|
46
46
|
},
|
|
47
47
|
[l]
|
|
48
|
-
),
|
|
48
|
+
), u = typeof o == "number" ? `${o}px` : o;
|
|
49
49
|
return /* @__PURE__ */ e(
|
|
50
50
|
te,
|
|
51
51
|
{
|
|
52
52
|
autoFocusOnShow: !1,
|
|
53
53
|
className: d("asset-drawer", r),
|
|
54
54
|
getPersistentElements: l,
|
|
55
|
-
hideOnInteractOutside:
|
|
55
|
+
hideOnInteractOutside: w,
|
|
56
56
|
placement: "bottom",
|
|
57
57
|
ref: m,
|
|
58
58
|
store: c,
|
|
@@ -62,7 +62,7 @@ const I = "_content_2lawg_13", B = "_title_2lawg_67", h = {
|
|
|
62
62
|
"div",
|
|
63
63
|
{
|
|
64
64
|
className: d("content-max-width"),
|
|
65
|
-
style: { "--asset-drawer-content-max-width":
|
|
65
|
+
style: { "--asset-drawer-content-max-width": u },
|
|
66
66
|
children: /* @__PURE__ */ e("div", { className: d("content"), children: t })
|
|
67
67
|
}
|
|
68
68
|
) })
|
|
@@ -101,20 +101,23 @@ const I = "_content_2lawg_13", B = "_title_2lawg_67", h = {
|
|
|
101
101
|
footer: L,
|
|
102
102
|
title: M,
|
|
103
103
|
"drawer-close": "_drawer-close_11f0r_120"
|
|
104
|
-
}, J = n(a), N = (
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
104
|
+
}, J = n(a), N = p(
|
|
105
|
+
({ hideOnInteractOutside: t = !0, ...r }, s) => /* @__PURE__ */ e(
|
|
106
|
+
"div",
|
|
107
|
+
{
|
|
108
|
+
className: J("backdrop", t && "drawer-hide-on-interact-outside"),
|
|
109
|
+
ref: s,
|
|
110
|
+
...r
|
|
111
|
+
}
|
|
112
|
+
)
|
|
110
113
|
), K = n(a), v = ({ className: t }) => /* @__PURE__ */ e(
|
|
111
114
|
T,
|
|
112
115
|
{
|
|
113
116
|
render: (r) => /* @__PURE__ */ e(j, { className: K("drawer-close", t), ...r })
|
|
114
117
|
}
|
|
115
|
-
), Q = n(a), U =
|
|
118
|
+
), Q = n(a), U = p(({ className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: Q("content", t), ref: s, ...r })), V = n(a), X = p(({ className: t, ...r }, s) => /* @__PURE__ */ e("div", { className: V("footer", t), ref: s, ...r })), Y = n(a), Z = ({ children: t, className: r, ...s }) => /* @__PURE__ */ e("div", { className: Y("title", r), ...s, children: /* @__PURE__ */ e(x, { className: "w-full", variant: "h3", children: t }) }), $ = b(
|
|
116
119
|
({ as: t, store: r, ...s }, o) => /* @__PURE__ */ e(F, { ref: o, render: t ? /* @__PURE__ */ e(t, {}) : void 0, store: r, ...s })
|
|
117
|
-
), G = n(a), ee =
|
|
120
|
+
), G = n(a), ee = p(
|
|
118
121
|
({
|
|
119
122
|
children: t,
|
|
120
123
|
className: r,
|
|
@@ -124,17 +127,17 @@ const I = "_content_2lawg_13", B = "_title_2lawg_67", h = {
|
|
|
124
127
|
store: i,
|
|
125
128
|
withBackdrop: m = !1,
|
|
126
129
|
withCloseButton: l = !0,
|
|
127
|
-
...
|
|
128
|
-
},
|
|
130
|
+
...w
|
|
131
|
+
}, u) => /* @__PURE__ */ e(
|
|
129
132
|
A,
|
|
130
133
|
{
|
|
131
134
|
backdrop: m ? /* @__PURE__ */ e(N, { hideOnInteractOutside: s }) : !1,
|
|
132
135
|
hideOnInteractOutside: s,
|
|
133
136
|
modal: m,
|
|
134
|
-
ref:
|
|
137
|
+
ref: u,
|
|
135
138
|
render: /* @__PURE__ */ e("div", { className: G("root", `placement-${o}`, `size-${c}`, r) }),
|
|
136
139
|
store: i,
|
|
137
|
-
...
|
|
140
|
+
...w,
|
|
138
141
|
children: /* @__PURE__ */ f(y, { children: [
|
|
139
142
|
l ? /* @__PURE__ */ e(v, {}) : null,
|
|
140
143
|
t
|
package/dist/InputText.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{._input-text-
|
|
1
|
+
@layer components{._input-text-wrapper_1fbzc_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_1fbzc_8{border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:transparent solid var(--border-width-md);width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30));height:var(--height);padding-inline:var(--paddingInline);padding-block:var(--paddingBlock)}._root_1fbzc_8:disabled,._root_1fbzc_8[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_1fbzc_8:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_1fbzc_8[data-focus-visible],._root_1fbzc_8:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_1fbzc_8::placeholder{color:var(--color-neutral-60)}._variant-danger_1fbzc_42{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_1fbzc_48{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_1fbzc_54{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}._placement-left_1fbzc_60._size-xs_1fbzc_60{padding-left:1.75rem}._placement-left_1fbzc_60._size-sm_1fbzc_63,._placement-left_1fbzc_60._size-md_1fbzc_63,._placement-left_1fbzc_60._size-lg_1fbzc_63{padding-left:2.25rem}._placement-right_1fbzc_66._size-xs_1fbzc_60{padding-right:1.75rem}._placement-right_1fbzc_66._size-sm_1fbzc_63,._placement-right_1fbzc_66._size-md_1fbzc_63,._placement-right_1fbzc_66._size-lg_1fbzc_63{padding-right:2.25rem}._transparent_1fbzc_72{--borderColor: transparent;--backgroundColor: transparent;--borderColorHover: var(--color-neutral-20)}._size-xs_1fbzc_60{--height: var(--height-elements-sm);--paddingBlock: var(--spacing-xs);--paddingInline: var(--spacing-sm)}._size-sm_1fbzc_63{--height: var(--height-elements-md);--paddingBlock: var(--spacing-sm);--paddingInline: var(--spacing-md)}._size-md_1fbzc_63{--height: var(--height-elements-lg);--paddingBlock: var(--spacing-md);--paddingInline: var(--spacing-md)}._size-lg_1fbzc_63{--height: var(--height-elements-xl);--paddingBlock: var(--spacing-lg);--paddingInline: var(--spacing-md)}._clearable_1fbzc_97{padding-right:var(--spacing-xl)}._icon-wrapper_1fbzc_100{position:absolute;top:0;bottom:0;left:var(--left);right:var(--right);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--color-neutral-90);gap:var(--spacing-xs);--left: auto;--right: auto}._icon-wrapper_1fbzc_100>button{pointer-events:auto}._icon-placement-left-xs_1fbzc_121{--left: var(--spacing-sm)}._icon-placement-left-sm_1fbzc_124{--left: var(--spacing-md)}._icon-placement-right-xs_1fbzc_127{--right: var(--spacing-sm)}._icon-placement-right-sm_1fbzc_130{--right: var(--spacing-md)}}
|
package/dist/InputText.js
CHANGED
|
@@ -1,73 +1,73 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as f, jsx as
|
|
3
|
-
import
|
|
4
|
-
import { CloseButton as
|
|
5
|
-
import { useField as
|
|
6
|
-
import { c as
|
|
7
|
-
const j = "
|
|
8
|
-
"input-text-wrapper": "_input-text-
|
|
2
|
+
import { jsxs as f, jsx as a } from "react/jsx-runtime";
|
|
3
|
+
import z, { forwardRef as $ } from "react";
|
|
4
|
+
import { CloseButton as E } from "./CloseButton.js";
|
|
5
|
+
import { useField as R } from "./Field.js";
|
|
6
|
+
import { c as S } from "./index-PAaZGbyz.js";
|
|
7
|
+
const j = "_root_1fbzc_8", D = "_transparent_1fbzc_72", F = "_clearable_1fbzc_97", L = {
|
|
8
|
+
"input-text-wrapper": "_input-text-wrapper_1fbzc_2",
|
|
9
9
|
root: j,
|
|
10
|
-
"variant-danger": "_variant-
|
|
11
|
-
"variant-warning": "_variant-
|
|
12
|
-
"variant-success": "_variant-
|
|
13
|
-
"placement-left": "_placement-
|
|
14
|
-
"size-xs": "_size-
|
|
15
|
-
"size-sm": "_size-
|
|
16
|
-
"size-md": "_size-
|
|
17
|
-
"size-lg": "_size-
|
|
18
|
-
"placement-right": "_placement-
|
|
10
|
+
"variant-danger": "_variant-danger_1fbzc_42",
|
|
11
|
+
"variant-warning": "_variant-warning_1fbzc_48",
|
|
12
|
+
"variant-success": "_variant-success_1fbzc_54",
|
|
13
|
+
"placement-left": "_placement-left_1fbzc_60",
|
|
14
|
+
"size-xs": "_size-xs_1fbzc_60",
|
|
15
|
+
"size-sm": "_size-sm_1fbzc_63",
|
|
16
|
+
"size-md": "_size-md_1fbzc_63",
|
|
17
|
+
"size-lg": "_size-lg_1fbzc_63",
|
|
18
|
+
"placement-right": "_placement-right_1fbzc_66",
|
|
19
19
|
transparent: D,
|
|
20
20
|
clearable: F,
|
|
21
|
-
"icon-wrapper": "_icon-
|
|
22
|
-
"icon-placement-left-xs": "_icon-placement-left-
|
|
23
|
-
"icon-placement-left-sm": "_icon-placement-left-
|
|
24
|
-
"icon-placement-right-xs": "_icon-placement-right-
|
|
25
|
-
"icon-placement-right-sm": "_icon-placement-right-
|
|
26
|
-
}, s =
|
|
21
|
+
"icon-wrapper": "_icon-wrapper_1fbzc_100",
|
|
22
|
+
"icon-placement-left-xs": "_icon-placement-left-xs_1fbzc_121",
|
|
23
|
+
"icon-placement-left-sm": "_icon-placement-left-sm_1fbzc_124",
|
|
24
|
+
"icon-placement-right-xs": "_icon-placement-right-xs_1fbzc_127",
|
|
25
|
+
"icon-placement-right-sm": "_icon-placement-right-sm_1fbzc_130"
|
|
26
|
+
}, s = S(L), T = { lg: "sm", md: "sm", sm: "sm", xs: "xs" }, q = $(
|
|
27
27
|
({
|
|
28
|
-
className:
|
|
28
|
+
className: b,
|
|
29
29
|
icon: t,
|
|
30
30
|
iconPlacement: e = "left",
|
|
31
|
-
isClearable:
|
|
31
|
+
isClearable: i,
|
|
32
32
|
name: l,
|
|
33
|
-
onChange:
|
|
33
|
+
onChange: c,
|
|
34
34
|
size: _ = "md",
|
|
35
|
-
transparent:
|
|
36
|
-
type:
|
|
35
|
+
transparent: u,
|
|
36
|
+
type: x = "text",
|
|
37
37
|
value: o,
|
|
38
|
-
variant:
|
|
39
|
-
...
|
|
40
|
-
},
|
|
41
|
-
const { getInputProps:
|
|
42
|
-
|
|
38
|
+
variant: d,
|
|
39
|
+
...g
|
|
40
|
+
}, v) => {
|
|
41
|
+
const { getInputProps: h, variant: w } = R(), p = w || d, r = t && e, m = r && e === "right", I = r && e === "left", n = T[_], N = () => {
|
|
42
|
+
c && c({
|
|
43
43
|
preventDefault: () => null,
|
|
44
44
|
target: { name: l, value: "" }
|
|
45
45
|
});
|
|
46
46
|
};
|
|
47
47
|
return /* @__PURE__ */ f("div", { className: s("input-text-wrapper"), children: [
|
|
48
|
-
/* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ a(
|
|
49
49
|
"input",
|
|
50
50
|
{
|
|
51
|
-
...
|
|
51
|
+
...h(g),
|
|
52
52
|
className: s(
|
|
53
53
|
"root",
|
|
54
54
|
`size-${_}`,
|
|
55
55
|
p && `variant-${p}`,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
56
|
+
u && "transparent",
|
|
57
|
+
r && `placement-${e}`,
|
|
58
|
+
b
|
|
59
59
|
),
|
|
60
60
|
name: l,
|
|
61
|
-
onChange:
|
|
62
|
-
ref:
|
|
63
|
-
type:
|
|
61
|
+
onChange: c,
|
|
62
|
+
ref: v,
|
|
63
|
+
type: x,
|
|
64
64
|
value: o
|
|
65
65
|
}
|
|
66
66
|
),
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
m ?
|
|
67
|
+
I ? /* @__PURE__ */ a("div", { className: s("icon-wrapper", `icon-placement-left-${n}`), children: z.cloneElement(t, { ...t.props, size: n }) }) : null,
|
|
68
|
+
i || m ? /* @__PURE__ */ f("div", { className: s("icon-wrapper", `icon-placement-right-${n}`), children: [
|
|
69
|
+
i && o ? /* @__PURE__ */ a(E, { onClick: N, size: "xs" }) : null,
|
|
70
|
+
m ? z.cloneElement(t, { ...t.props, size: n }) : null
|
|
71
71
|
] }) : null
|
|
72
72
|
] });
|
|
73
73
|
}
|
package/dist/Textarea.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_hnm7b_2{border-radius:var(--radius-md);border-style:solid;border-width:var(--border-width-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-16);outline:transparent solid var(--border-width-md);width:100%;transition:var(--duration-medium);padding:var(--spacing-md);min-height:8.125rem;background-color:var(--backgroundColor, var(--color-neutral-10));color:var(--color, var(--color-neutral-90));border-color:var(--borderColor, var(--color-neutral-30))}._root_hnm7b_2:disabled,._root_hnm7b_2[aria-disabled]{--backgroundColor: var(--color-beige-40);--color: var(--color-beige-70);cursor:not-allowed}._root_hnm7b_2:hover{--borderColor: var(--borderColorHover, var(--color-neutral-40))}._root_hnm7b_2[data-focus-visible],._root_hnm7b_2:focus-visible{--borderColor: var(--borderColorFocused, var(--color-brand-40));outline-color:var(--outlineColorFocus, var(--color-brand-20))}._root_hnm7b_2::placeholder{color:var(--color-neutral-60)}._variant-danger_hnm7b_34{--borderColor: var(--color-red-70);--borderColorHover: var(--color-red-70);--borderColorFocused: var(--color-red-70);--outlineColorFocus: var(--color-red-30)}._variant-warning_hnm7b_40{--borderColor: var(--color-orange-60);--borderColorHover: var(--color-orange-60);--borderColorFocused: var(--color-orange-60);--outlineColorFocus: var(--color-orange-30)}._variant-success_hnm7b_46{--borderColor: var(--color-green-60);--borderColorHover: var(--color-green-60);--borderColorFocused: var(--color-green-60);--outlineColorFocus: var(--color-green-30)}}
|
package/dist/Textarea.js
CHANGED
|
@@ -2,20 +2,20 @@
|
|
|
2
2
|
import { jsx as c } from "react/jsx-runtime";
|
|
3
3
|
import { forwardRef as m } from "react";
|
|
4
4
|
import { useField as _ } from "./Field.js";
|
|
5
|
-
import { c as
|
|
6
|
-
const
|
|
7
|
-
root:
|
|
8
|
-
"variant-danger": "_variant-
|
|
9
|
-
"variant-warning": "_variant-
|
|
10
|
-
"variant-success": "_variant-
|
|
11
|
-
},
|
|
12
|
-
({ className: r, minRows: t = 5, variant:
|
|
13
|
-
const { getInputProps: e, variant: i } = _(), a = i ||
|
|
5
|
+
import { c as v } from "./index-PAaZGbyz.js";
|
|
6
|
+
const f = "_root_hnm7b_2", p = {
|
|
7
|
+
root: f,
|
|
8
|
+
"variant-danger": "_variant-danger_hnm7b_34",
|
|
9
|
+
"variant-warning": "_variant-warning_hnm7b_40",
|
|
10
|
+
"variant-success": "_variant-success_hnm7b_46"
|
|
11
|
+
}, l = v(p), b = m(
|
|
12
|
+
({ className: r, minRows: t = 5, variant: n, ...o }, s) => {
|
|
13
|
+
const { getInputProps: e, variant: i } = _(), a = i || n;
|
|
14
14
|
return /* @__PURE__ */ c(
|
|
15
15
|
"textarea",
|
|
16
16
|
{
|
|
17
|
-
className:
|
|
18
|
-
ref:
|
|
17
|
+
className: l("root", a && `variant-${a}`, r),
|
|
18
|
+
ref: s,
|
|
19
19
|
rows: t,
|
|
20
20
|
...e(o)
|
|
21
21
|
}
|
|
@@ -23,5 +23,5 @@ const v = "_root_zxsmz_2", z = {
|
|
|
23
23
|
}
|
|
24
24
|
);
|
|
25
25
|
export {
|
|
26
|
-
|
|
26
|
+
b as Textarea
|
|
27
27
|
};
|
|
@@ -10,6 +10,7 @@ export interface AssetDrawerOptions extends DialogOptions<'div'> {
|
|
|
10
10
|
maxWidth?: `${number}px` | `${number}rem` | number;
|
|
11
11
|
}
|
|
12
12
|
export type AssetDrawerProps = AssetDrawerOptions & ComponentPropsWithRef<'div'>;
|
|
13
|
+
export type BackdropProps = Pick<BaseDialogOptions, 'backdrop' | 'hideOnInteractOutside'>;
|
|
13
14
|
export type HeaderProps = ComponentProps<'div'> & {
|
|
14
15
|
/**
|
|
15
16
|
* Show on right a block, for example an HeaderAction
|
|
@@ -36,3 +37,5 @@ export type IconBlockProps = {
|
|
|
36
37
|
icon: React.FC<IconProps>;
|
|
37
38
|
size?: 'md' | 'sm';
|
|
38
39
|
};
|
|
40
|
+
type BaseDialogOptions = Omit<DialogOptions<'div'>, 'as'>;
|
|
41
|
+
export {};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { BackdropProps } from '../types';
|
|
2
|
-
export declare const Backdrop: (
|
|
2
|
+
export declare const Backdrop: import('react').ForwardRefExoticComponent<Omit<BackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { DrawerProps } from './types';
|
|
2
2
|
export declare const Drawer: import('react').ForwardRefExoticComponent<Omit<DrawerProps, "ref"> & import('react').RefAttributes<HTMLDivElement>> & {
|
|
3
|
-
Backdrop: (
|
|
3
|
+
Backdrop: import('react').ForwardRefExoticComponent<Omit<import('./types').BackdropProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
|
|
4
4
|
Close: ({ className }: import('./types').CloseProps) => import("react/jsx-runtime").JSX.Element;
|
|
5
5
|
Content: import('react').ForwardRefExoticComponent<Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
6
6
|
ref?: import('react').Ref<HTMLDivElement>;
|