welcome-ui 10.6.9 → 10.6.10
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/InputText.css +1 -1
- package/dist/InputText.js +32 -32
- package/dist/Table.css +1 -1
- package/dist/Table.js +23 -22
- package/dist/types/components/Table/types.d.ts +4 -0
- package/package.json +1 -1
package/dist/InputText.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{._input-text-
|
|
1
|
+
@layer components{._input-text-wrapper_1y939_2{position:relative;width:100%;width:var(--inputTextWrapperWidth, 100%)}._root_1y939_8{border-radius:var(--input-border-radius);border-style:solid;border-width:var(--input-border-width-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;width:100%;transition:var(--duration-medium);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--inputTextBackgroundColor, var(--input-color-background-default));color:var(--inputTextColor, var(--input-color-text-default));border-color:var(--inputTextBorderColor, var(--input-color-border-default));box-shadow:var(--inputTextBoxShadow, inset var(--inset-10));height:var(--inputTextHeight);padding-inline:var(--inputTextPaddingInline);padding-block:var(--inputTextPaddingBlock)}._root_1y939_8:disabled,._root_1y939_8[aria-disabled]{--inputTextBackgroundColor: var( --inputTextBackgroundColorDisabled, var(--input-color-background-disabled) );--inputTextColor: var(--input-color-text-disabled);cursor:not-allowed}._root_1y939_8:hover:not(:disabled):not([aria-disabled]){--borderColor: var(--borderColorHover, var(--color-border-neutral-subtlest));--inputTextBoxShadow: var(--inputTextBoxShadowHover, inset var(--inset-20))}._root_1y939_8:active:not(:disabled):not([aria-disabled]),._root_1y939_8:focus:not(:disabled):not([aria-disabled]){--inputTextBorderColor: var(--input-color-border-focused);--inputTextBoxShadow: none}._root_1y939_8::placeholder{color:var(--input-color-text-placeholder)}._variant-danger_1y939_47{--inputTextBorderColor: var(--input-color-border-error);--inputTextBoxShadow: none;--inputTextBoxShadowHover: none}._variant-warning_1y939_52{--inputTextBorderColor: var(--input-color-border-warning);--inputTextBoxShadow: none;--inputTextBoxShadowHover: none}._variant-success_1y939_57{--inputTextBorderColor: var(--input-color-border-success);--inputTextBoxShadow: none;--inputTextBoxShadowHover: none}._placement-left_1y939_63._size-sm_1y939_63{padding-left:1.75rem}._placement-left_1y939_63._size-md_1y939_66,._placement-left_1y939_63._size-lg_1y939_66{padding-left:2.75rem}._placement-right_1y939_69._size-sm_1y939_63{padding-right:1.75rem}._placement-right_1y939_69._size-md_1y939_66,._placement-right_1y939_69._size-lg_1y939_66{padding-right:2.75rem}._transparent_1y939_75{--inputTextBackgroundColor: var(--input-color-background-transparent)}._transparent_1y939_75:not(:disabled):not([aria-disabled]){--inputTextBoxShadow: none;--inputTextBoxShadowHover: none}._transparent_1y939_75:not(:focus,:active,:disabled,[aria-disabled],._variant-danger_1y939_47,._variant-warning_1y939_52,._variant-success_1y939_57){--inputTextBorderColor: transparent}._transparent_1y939_75:not(:focus,:active,:disabled,[aria-disabled],._variant-danger_1y939_47,._variant-warning_1y939_52,._variant-success_1y939_57):hover{--inputTextBorderColor: var(--input-color-border-hover-transparent)}._size-sm_1y939_63{--inputTextHeight: var(--input-max-height-sm);--inputTextPaddingBlock: var(--input-padding-block-sm);--inputTextPaddingInline: var(--input-padding-inline-sm)}._size-md_1y939_66{--inputTextHeight: var(--input-max-height-md);--inputTextPaddingBlock: var(--input-padding-block-md);--inputTextPaddingInline: var(--input-padding-inline-md)}._size-lg_1y939_66{--inputTextHeight: var(--input-max-height-lg);--inputTextPaddingBlock: var(--input-padding-block-lg);--inputTextPaddingInline: var(--input-padding-inline-lg)}._clearable_1y939_115{padding-right:var(--border-radius-2xl)}._icon-wrapper_1y939_118{position:absolute;top:0;bottom:0;left:var(--inputTextIconLeft);right:var(--inputTextIconRight);display:flex;justify-content:center;align-items:center;pointer-events:none;transition:var(--duration-medium);transition-timing-function:var(--timing-primary);color:var(--inputTextIconColor, var(--input-color-icon-placeholder));gap:var(--input-padding-block-sm);--inputTextIconLeft: auto;--inputTextIconRight: auto}._icon-wrapper_1y939_118>button{pointer-events:auto}._icon-wrapper_1y939_118._disabled_1y939_139{--inputTextIconColor: var(--input-color-icon-disabled)}._icon-placement-left-sm_1y939_142{--inputTextIconLeft: var(--input-padding-inline-sm)}._icon-placement-left-md_1y939_145{--inputTextIconLeft: var(--input-padding-inline-md)}._icon-placement-right-sm_1y939_148{--inputTextIconRight: var(--input-padding-inline-sm)}._icon-placement-right-md_1y939_151{--inputTextIconRight: var(--input-padding-inline-md)}}
|
package/dist/InputText.js
CHANGED
|
@@ -6,26 +6,26 @@ import { CloseButton as E } from "./CloseButton.js";
|
|
|
6
6
|
import { useField as j } from "./Field.js";
|
|
7
7
|
import { Icon as g } from "./Icon.js";
|
|
8
8
|
import { c as B } from "./index-B6iGEm-i.js";
|
|
9
|
-
const C = "
|
|
10
|
-
"input-text-wrapper": "_input-text-
|
|
9
|
+
const C = "_root_1y939_8", D = "_transparent_1y939_75", F = "_clearable_1y939_115", L = "_disabled_1y939_139", k = {
|
|
10
|
+
"input-text-wrapper": "_input-text-wrapper_1y939_2",
|
|
11
11
|
root: C,
|
|
12
|
-
"variant-danger": "_variant-
|
|
13
|
-
"variant-warning": "_variant-
|
|
14
|
-
"variant-success": "_variant-
|
|
15
|
-
"placement-left": "_placement-
|
|
16
|
-
"size-sm": "_size-
|
|
17
|
-
"size-md": "_size-
|
|
18
|
-
"size-lg": "_size-
|
|
19
|
-
"placement-right": "_placement-
|
|
12
|
+
"variant-danger": "_variant-danger_1y939_47",
|
|
13
|
+
"variant-warning": "_variant-warning_1y939_52",
|
|
14
|
+
"variant-success": "_variant-success_1y939_57",
|
|
15
|
+
"placement-left": "_placement-left_1y939_63",
|
|
16
|
+
"size-sm": "_size-sm_1y939_63",
|
|
17
|
+
"size-md": "_size-md_1y939_66",
|
|
18
|
+
"size-lg": "_size-lg_1y939_66",
|
|
19
|
+
"placement-right": "_placement-right_1y939_69",
|
|
20
20
|
transparent: D,
|
|
21
21
|
clearable: F,
|
|
22
|
-
"icon-wrapper": "_icon-
|
|
22
|
+
"icon-wrapper": "_icon-wrapper_1y939_118",
|
|
23
23
|
disabled: L,
|
|
24
|
-
"icon-placement-left-sm": "_icon-placement-left-
|
|
25
|
-
"icon-placement-left-md": "_icon-placement-left-
|
|
26
|
-
"icon-placement-right-sm": "_icon-placement-right-
|
|
27
|
-
"icon-placement-right-md": "_icon-placement-right-
|
|
28
|
-
},
|
|
24
|
+
"icon-placement-left-sm": "_icon-placement-left-sm_1y939_142",
|
|
25
|
+
"icon-placement-left-md": "_icon-placement-left-md_1y939_145",
|
|
26
|
+
"icon-placement-right-sm": "_icon-placement-right-sm_1y939_148",
|
|
27
|
+
"icon-placement-right-md": "_icon-placement-right-md_1y939_151"
|
|
28
|
+
}, a = B(k), O = { lg: "md", md: "md", sm: "sm" }, V = T(
|
|
29
29
|
({
|
|
30
30
|
children: p,
|
|
31
31
|
className: h,
|
|
@@ -33,47 +33,47 @@ const C = "_root_1l0yu_8", D = "_transparent_1l0yu_68", F = "_clearable_1l0yu_88
|
|
|
33
33
|
iconPlacement: n = "left",
|
|
34
34
|
isClearable: c,
|
|
35
35
|
name: _,
|
|
36
|
-
onChange:
|
|
36
|
+
onChange: r,
|
|
37
37
|
size: m = "lg",
|
|
38
38
|
transparent: v,
|
|
39
39
|
type: x = "text",
|
|
40
|
-
value:
|
|
40
|
+
value: d,
|
|
41
41
|
variant: w,
|
|
42
42
|
...z
|
|
43
43
|
}, I) => {
|
|
44
|
-
const { getInputProps: b, variant: N } = j(),
|
|
45
|
-
|
|
44
|
+
const { getInputProps: b, variant: N } = j(), u = N || w, i = t && n, f = i && n === "right", $ = i && n === "left", s = O[m], l = b(z), o = !!p, R = c || f || o, S = () => {
|
|
45
|
+
r && r({
|
|
46
46
|
preventDefault: () => null,
|
|
47
47
|
target: { name: _, value: "" }
|
|
48
48
|
});
|
|
49
49
|
};
|
|
50
|
-
return /* @__PURE__ */ y("div", { className:
|
|
50
|
+
return /* @__PURE__ */ y("div", { className: a("input-text-wrapper", "field-input"), children: [
|
|
51
51
|
/* @__PURE__ */ e(
|
|
52
52
|
"input",
|
|
53
53
|
{
|
|
54
|
-
...
|
|
55
|
-
className:
|
|
54
|
+
...l,
|
|
55
|
+
className: a(
|
|
56
56
|
"root",
|
|
57
57
|
`size-${m}`,
|
|
58
|
-
|
|
58
|
+
u && `variant-${u}`,
|
|
59
59
|
v && "transparent",
|
|
60
|
-
|
|
60
|
+
i && `placement-${n}`,
|
|
61
61
|
h
|
|
62
62
|
),
|
|
63
63
|
name: _,
|
|
64
|
-
onChange:
|
|
64
|
+
onChange: r,
|
|
65
65
|
ref: I,
|
|
66
66
|
type: x,
|
|
67
|
-
value:
|
|
67
|
+
value: d
|
|
68
68
|
}
|
|
69
69
|
),
|
|
70
70
|
$ ? /* @__PURE__ */ e(
|
|
71
71
|
"div",
|
|
72
72
|
{
|
|
73
|
-
className:
|
|
73
|
+
className: a(
|
|
74
74
|
"icon-wrapper",
|
|
75
75
|
`icon-placement-left-${s}`,
|
|
76
|
-
|
|
76
|
+
l.disabled && "disabled"
|
|
77
77
|
),
|
|
78
78
|
children: /* @__PURE__ */ e(g, { ...t.props, name: t.props.name, size: s })
|
|
79
79
|
}
|
|
@@ -81,13 +81,13 @@ const C = "_root_1l0yu_8", D = "_transparent_1l0yu_68", F = "_clearable_1l0yu_88
|
|
|
81
81
|
R ? /* @__PURE__ */ y(
|
|
82
82
|
"div",
|
|
83
83
|
{
|
|
84
|
-
className:
|
|
84
|
+
className: a(
|
|
85
85
|
"icon-wrapper",
|
|
86
86
|
`icon-placement-right-${s}`,
|
|
87
|
-
|
|
87
|
+
l.disabled && "disabled"
|
|
88
88
|
),
|
|
89
89
|
children: [
|
|
90
|
-
c &&
|
|
90
|
+
c && d ? /* @__PURE__ */ e(E, { onClick: S, size: "sm" }) : null,
|
|
91
91
|
f && !o ? /* @__PURE__ */ e(g, { ...t.props, name: t.props.name, size: s }) : null,
|
|
92
92
|
o ? p : null
|
|
93
93
|
]
|
package/dist/Table.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_1jybv_2{width:100%;overflow:hidden;border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}._content_1jybv_8{width:100%;overflow-x:auto}._content_1jybv_8 table{--borderWidth: var(--table-cell-border-width);--borderColorChecked: var(--table-cell-color-border-checked);width:100%;border-collapse:collapse}._content_1jybv_8 table tr{font-family:var(--font-family-body);font-size:var(--font-size-sm);border-bottom-color:var(--table-cell-color-border-default);border-bottom-width:var(--borderWidth);border-bottom-style:solid}._content_1jybv_8 table tr[data-clickable=true]{cursor:pointer}._content_1jybv_8 table tr[data-clickable=true]:hover{border-top-width:var(--borderWidth);border-top-style:solid;background-color:var(--table-cell-color-background-hover);border-color:var(--borderColorChecked)}._content_1jybv_8 table th,._content_1jybv_8 table td{padding:var(--table-cell-padding);text-align:left}._content_1jybv_8 table th:has(>[aria-checked]:only-child),._content_1jybv_8 table td:has(>[aria-checked]:only-child){max-width:var(--table-cell-size-checkbox)}._content_1jybv_8 table thead{background-color:var(--table-header-color-background-warm)}._content_1jybv_8 table thead th{line-height:var(--font-line-height-xs);font-weight:var(--font-weight-medium)}._content_1jybv_8 table tbody tr{line-height:var(--font-line-height-md);font-weight:var(--font-weight-regular)}._content_1jybv_8 table tbody tr[aria-selected=true]{background-color:var(--table-cell-color-background-checked);border-bottom-width:0}._content_1jybv_8 table tbody tr[aria-selected=true]:not(tr[aria-selected=true]+tr[aria-selected=true]){border-top-width:var(--borderWidth);border-top-color:var(--borderColorChecked)}._content_1jybv_8 table tbody tr[aria-selected=true]:not(:has(+tr[aria-selected=true])){border-bottom-width:var(--borderWidth);border-bottom-color:var(--borderColorChecked)}._content_1jybv_8 table:has(tbody tr[data-clickable=true]:first-child:hover) thead tr,._content_1jybv_8 table:has(tbody tr:first-child[aria-selected=true]) thead tr{border-bottom-width:0}._content_1jybv_8 table tr:has(+tr[data-clickable=true]:hover),._content_1jybv_8 table tr:has(+tr[aria-selected=true]){border-bottom-width:0}._withElevation_1jybv_73{border:1px solid var(--table-header-color-border);box-shadow:var(--elevation-20)}._withColumnDivider_1jybv_77 table tbody td{border-right-color:var(--table-cell-color-border-default);border-right-width:var(--table-cell-border-width);border-right-style:solid}._withColumnDivider_1jybv_77 table tbody td:last-child{border-right:none}}
|
package/dist/Table.js
CHANGED
|
@@ -1,35 +1,36 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Table.css';
|
|
3
3
|
import { jsx as e } from "react/jsx-runtime";
|
|
4
|
-
import { forwardRef as
|
|
5
|
-
import { c as
|
|
6
|
-
const
|
|
7
|
-
root:
|
|
8
|
-
content:
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
4
|
+
import { forwardRef as h } from "react";
|
|
5
|
+
import { c as v } from "./index-B6iGEm-i.js";
|
|
6
|
+
const y = "_root_1jybv_2", _ = "_content_1jybv_8", p = "_withElevation_1jybv_73", u = "_withColumnDivider_1jybv_77", w = {
|
|
7
|
+
root: y,
|
|
8
|
+
content: _,
|
|
9
|
+
withElevation: p,
|
|
10
|
+
withColumnDivider: u
|
|
11
|
+
}, n = v(w), s = h(
|
|
12
|
+
({ children: t, className: a, withColumnDivider: o = !1, withElevation: b = !1, ...m }, T) => /* @__PURE__ */ e("div", { className: n("root", b && "withElevation", a), ref: T, ...m, children: /* @__PURE__ */ e("div", { className: n("content", o && "withColumnDivider"), children: /* @__PURE__ */ e("table", { children: t }) }) })
|
|
12
13
|
);
|
|
13
|
-
|
|
14
|
-
const
|
|
15
|
-
|
|
16
|
-
const
|
|
17
|
-
|
|
18
|
-
const
|
|
19
|
-
|
|
14
|
+
s.displayName = "Table";
|
|
15
|
+
const l = (t) => /* @__PURE__ */ e("tbody", { ...t });
|
|
16
|
+
l.displayName = "Table.Tbody";
|
|
17
|
+
const i = (t) => /* @__PURE__ */ e("th", { ...t });
|
|
18
|
+
i.displayName = "Table.Th";
|
|
19
|
+
const r = (t) => /* @__PURE__ */ e("thead", { ...t });
|
|
20
|
+
r.displayName = "Table.Thead";
|
|
20
21
|
const c = (t) => /* @__PURE__ */ e("td", { ...t });
|
|
21
22
|
c.displayName = "Table.Td";
|
|
22
23
|
const d = ({ className: t, onClick: a, ...o }) => /* @__PURE__ */ e("tr", { className: t, "data-clickable": !!a, onClick: a, ...o });
|
|
23
24
|
d.displayName = "Table.Tr";
|
|
24
|
-
const
|
|
25
|
-
Tbody:
|
|
25
|
+
const C = Object.assign(s, {
|
|
26
|
+
Tbody: l,
|
|
26
27
|
Td: c,
|
|
27
|
-
Th:
|
|
28
|
-
Thead:
|
|
28
|
+
Th: i,
|
|
29
|
+
Thead: r,
|
|
29
30
|
Tr: d
|
|
30
31
|
});
|
|
31
32
|
export {
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
33
|
+
C as Table,
|
|
34
|
+
s as TableComponent,
|
|
35
|
+
w as tableClasses
|
|
35
36
|
};
|