welcome-ui 0.0.0-dev.1764083596268 → 0.0.0-dev.1764249770432
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/Breadcrumb.js +136 -134
- package/dist/CloseButton.js +1 -1
- package/dist/FileDrop.css +1 -1
- package/dist/FileDrop.js +333 -312
- package/dist/Link.css +1 -1
- package/dist/Link.js +43 -43
- package/dist/Radio.css +1 -1
- package/dist/Radio.js +35 -37
- package/dist/Select.css +1 -1
- package/dist/Select.js +177 -177
- package/dist/theme.css +1 -1
- package/dist/types/components/Breadcrumb/Item.d.ts +1 -1
- package/dist/types/components/Breadcrumb/index.d.ts +1 -1
- package/dist/types/components/Breadcrumb/types.d.ts +2 -1
- package/dist/types/components/FileDrop/types.d.ts +2 -0
- package/dist/types/components/Radio/types.d.ts +1 -1
- package/package.json +1 -1
package/dist/Link.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_vdj1o_2{display:inline-flex;flex-direction:row;align-items:center;opacity:1;line-height:var(--lineHeight);text-decoration:none;cursor:pointer;font-weight:var(--font-weight-medium);color:var(--color)}._root_vdj1o_2._isExternal_vdj1o_14{--backgroundSize: calc(100% - var(--externalLinkIconSize) - var(--spacing-xs)) 50%}._root_vdj1o_2._isExternal_vdj1o_14 ._wui-text_vdj1o_17>svg{display:inline;margin-left:var(--spacing-xs)}._root_vdj1o_2:visited._variant-primary_vdj1o_21{color:var(--colorVisited)}._root_vdj1o_2:visited._variant-primary_vdj1o_21 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisited)}._root_vdj1o_2:visited._variant-secondary_vdj1o_28{color:var(--colorVisited)}._root_vdj1o_2:visited._variant-secondary_vdj1o_28 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisited)}@media (hover: hover) and (pointer: fine){._root_vdj1o_2:hover{--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_vdj1o_2:hover:visited._variant-primary_vdj1o_21{color:var(--colorVisitedHover)}._root_vdj1o_2:hover:visited._variant-primary_vdj1o_21 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisitedHover)}._root_vdj1o_2:hover:visited._variant-secondary_vdj1o_28{color:var(--colorVisitedHover)}._root_vdj1o_2:hover:visited._variant-secondary_vdj1o_28 ._wui-text_vdj1o_17{background-color:var(--backgroundColorVisitedHover)}}._root_vdj1o_2:focus-visible{outline:none;--color: var(--colorHover);--backgroundPositionY: 100%;--backgroundSize: 100% 100%}._root_vdj1o_2[aria-disabled]{--backgroundImageColor: var(--backgroundImageColorDisabled);--color: var(--colorDisabled);pointer-events:none}._root_vdj1o_2[aria-disabled]:visited ._wui-text_vdj1o_17{background-color:var(--backgroundImageColorDisabled)}._variant-primary_vdj1o_21{--backgroundImageColor: var(--components-colors-link-color-underline-primary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-primary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-primary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-primary-visited-hover );--color: var(--components-colors-link-color-text-primary-default);--colorHover: var(--components-colors-link-color-text-primary-hover);--colorDisabled: var(--components-colors-link-color-text-primary-disabled);--colorVisited: var(--components-colors-link-color-text-primary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-primary-visited-hover)}._variant-secondary_vdj1o_28{--backgroundImageColor: var(--components-colors-link-color-underline-secondary-default);--backgroundImageColorDisabled: var( --components-colors-link-color-underline-secondary-disabled );--backgroundColorVisited: var( --components-colors-link-color-background-secondary-visited-default );--backgroundColorVisitedHover: var( --components-colors-link-color-background-secondary-visited-hover );--color: var(--components-colors-link-color-text-secondary-default);--colorHover: var(--components-colors-link-color-text-secondary-hover);--colorDisabled: var(--components-colors-link-color-text-secondary-disabled);--colorVisited: var(--components-colors-link-color-text-secondary-visited-default);--colorVisitedHover: var(--components-colors-link-color-text-secondary-visited-hover)}._size-xs_vdj1o_102{font-size:var(--font-size-xs);--lineHeight: var(--font-line-height-sm);--externalLinkIconSize: var(--components-dimensions-link-size-icon-xs)}._size-sm_vdj1o_107{font-size:var(--font-size-sm);--lineHeight: var(--font-line-height-md);--backgroundPositionY: calc(200% - .2em) ;--externalLinkIconSize: var(--components-dimensions-link-size-icon-sm)}._size-md_vdj1o_113{font-size:var(--font-size-md);--lineHeight: var(--font-line-height-lg);--externalLinkIconSize: var(--components-dimensions-link-size-icon-md)}._size-lg_vdj1o_118{font-size:var(--font-size-lg);--lineHeight: var(--font-line-height-lg);--externalLinkIconSize: var(--components-dimensions-link-size-icon-lg)}._wui-text_vdj1o_17{margin-right:calc(var(--components-dimensions-link-padding-inline-icon) * -1);margin-left:calc(var(--components-dimensions-link-padding-inline-icon) * -1);padding-left:var(--components-dimensions-link-padding-inline-icon);padding-right:var(--components-dimensions-link-padding-inline-icon);transition:background var(--duration-medium),color var(--duration-medium);background-repeat:no-repeat;background-size:var(--backgroundSize, 100% 50%);background-image:linear-gradient(0deg,var(--backgroundImageColor),var(--backgroundImageColor) 100%);background-position-y:var(--backgroundPositionY, calc(200% - .125em) )}._isMultiline_vdj1o_134{display:inline}._icon-disabled_vdj1o_137{margin-right:var(--spacing-xxs)}._icon-disabled_vdj1o_137._variant-primary_vdj1o_21{color:var(--components-colors-link-color-icon-primary-disabled)}._icon-disabled_vdj1o_137._variant-secondary_vdj1o_28{color:var(--components-colors-link-color-icon-secondary-disabled)}}
|
package/dist/Link.js
CHANGED
|
@@ -1,71 +1,71 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Link.css';
|
|
3
|
-
import { jsxs as
|
|
4
|
-
import
|
|
5
|
-
import { Icon as
|
|
6
|
-
import { c as
|
|
7
|
-
import { f as
|
|
8
|
-
const
|
|
9
|
-
root:
|
|
10
|
-
isExternal:
|
|
11
|
-
"wui-text": "_wui-
|
|
12
|
-
"variant-primary": "_variant-
|
|
13
|
-
"variant-secondary": "_variant-
|
|
14
|
-
"size-xs": "_size-
|
|
15
|
-
"size-sm": "_size-
|
|
16
|
-
"size-md": "_size-
|
|
17
|
-
"size-lg": "_size-
|
|
18
|
-
isMultiline:
|
|
19
|
-
"icon-disabled": "_icon-
|
|
20
|
-
}, a =
|
|
21
|
-
|
|
22
|
-
r ? /* @__PURE__ */ n(
|
|
3
|
+
import { jsxs as u, jsx as n } from "react/jsx-runtime";
|
|
4
|
+
import l from "react";
|
|
5
|
+
import { Icon as v } from "./Icon.js";
|
|
6
|
+
import { c as g } from "./index-PAaZGbyz.js";
|
|
7
|
+
import { f as k } from "./forwardRefWithAs-8eP3ZN15.js";
|
|
8
|
+
const w = "_root_vdj1o_2", E = "_isExternal_vdj1o_14", M = "_isMultiline_vdj1o_134", W = {
|
|
9
|
+
root: w,
|
|
10
|
+
isExternal: E,
|
|
11
|
+
"wui-text": "_wui-text_vdj1o_17",
|
|
12
|
+
"variant-primary": "_variant-primary_vdj1o_21",
|
|
13
|
+
"variant-secondary": "_variant-secondary_vdj1o_28",
|
|
14
|
+
"size-xs": "_size-xs_vdj1o_102",
|
|
15
|
+
"size-sm": "_size-sm_vdj1o_107",
|
|
16
|
+
"size-md": "_size-md_vdj1o_113",
|
|
17
|
+
"size-lg": "_size-lg_vdj1o_118",
|
|
18
|
+
isMultiline: M,
|
|
19
|
+
"icon-disabled": "_icon-disabled_vdj1o_137"
|
|
20
|
+
}, a = g(W), m = ({ children: e, isExternal: r, size: s }) => /* @__PURE__ */ u("span", { className: a("wui-text"), children: [
|
|
21
|
+
e,
|
|
22
|
+
r ? /* @__PURE__ */ n(v, { name: "external-link-alt", size: s }) : null
|
|
23
23
|
] });
|
|
24
|
-
|
|
25
|
-
const c = (
|
|
26
|
-
|
|
24
|
+
m.displayName = "Link.Wrapper";
|
|
25
|
+
const c = (e, r, s) => typeof e == "string" ? /* @__PURE__ */ n(m, { isExternal: s, size: r, children: e }) : l.isValidElement(e) && (e.type === "span" || e.props.as === "span" || // FormattedMessage from react-intl has a span tag by default
|
|
26
|
+
e.props.tagName === "span" || e.props["data-wui-link"] === !0 || typeof e.props.children == "string") ? s ? /* @__PURE__ */ n(m, { isExternal: s, size: r, children: e }) : (
|
|
27
27
|
// If it is not external, we just need to add wui-text className to the child as we don't need to wrap it to display the icon
|
|
28
|
-
|
|
29
|
-
className: a("wui-text",
|
|
28
|
+
l.cloneElement(e, {
|
|
29
|
+
className: a("wui-text", e.props.className)
|
|
30
30
|
})
|
|
31
|
-
) :
|
|
31
|
+
) : e, L = k((e, r) => {
|
|
32
32
|
const {
|
|
33
|
-
as:
|
|
33
|
+
as: s,
|
|
34
34
|
children: t,
|
|
35
35
|
className: x,
|
|
36
36
|
disabled: i,
|
|
37
37
|
isExternal: o,
|
|
38
38
|
multiline: f,
|
|
39
|
-
size:
|
|
40
|
-
target:
|
|
41
|
-
variant:
|
|
42
|
-
...
|
|
43
|
-
} =
|
|
44
|
-
return /* @__PURE__ */
|
|
45
|
-
|
|
39
|
+
size: _ = "md",
|
|
40
|
+
target: p,
|
|
41
|
+
variant: j = "primary",
|
|
42
|
+
...y
|
|
43
|
+
} = e, z = s || "a", d = _ === "xs" ? "sm" : "md", N = typeof t == "string" ? c(t, d, o) : l.Children.map(t, (b) => c(b, d, o));
|
|
44
|
+
return /* @__PURE__ */ u(
|
|
45
|
+
z,
|
|
46
46
|
{
|
|
47
47
|
"aria-disabled": i,
|
|
48
48
|
className: a(
|
|
49
49
|
"root",
|
|
50
|
-
`variant-${
|
|
51
|
-
`size-${
|
|
50
|
+
`variant-${j}`,
|
|
51
|
+
`size-${_}`,
|
|
52
52
|
o && "isExternal",
|
|
53
53
|
f && "isMultiline",
|
|
54
54
|
x
|
|
55
55
|
),
|
|
56
56
|
ref: r,
|
|
57
|
-
rel:
|
|
57
|
+
rel: p === "_blank" ? "noopener noreferrer" : void 0,
|
|
58
58
|
tabIndex: i ? -1 : 0,
|
|
59
|
-
target:
|
|
60
|
-
...
|
|
59
|
+
target: p,
|
|
60
|
+
...y,
|
|
61
61
|
children: [
|
|
62
|
-
i ? /* @__PURE__ */ n(
|
|
63
|
-
|
|
62
|
+
i ? /* @__PURE__ */ n(v, { className: a("icon-disabled"), name: "ban", size: "md" }) : null,
|
|
63
|
+
N
|
|
64
64
|
]
|
|
65
65
|
}
|
|
66
66
|
);
|
|
67
67
|
});
|
|
68
|
-
|
|
68
|
+
L.displayName = "Link";
|
|
69
69
|
export {
|
|
70
|
-
|
|
70
|
+
L as Link
|
|
71
71
|
};
|
package/dist/Radio.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._root_yfym3_2{display:flex;align-items:flex-start;flex-direction:row;gap:var(--components-dimensions-radio-indicator-size)}._input-wrapper_yfym3_8{display:flex;position:relative;align-items:center;align-self:flex-start;flex-shrink:0}._input_yfym3_8{position:relative;order:-1;padding:0;margin-top:var(--border-radius-sm);width:var(--components-dimensions-radio-size);height:var(--components-dimensions-radio-size);border-style:solid;border-radius:var(--components-dimensions-radio-indicator-border-radius);border-width:var(--borderWidth, var(--components-dimensions-radio-border-width-unchecked));border-color:var(--borderColor, var(--components-colors-radio-color-border-unchecked-default));color:var(--components-colors-radio-color-background-unchecked-default);cursor:var(--inputCursor, pointer);outline:none;box-shadow:var(--inputBoxShadow, var(--inset-5)) inset}._input_yfym3_8:focus-visible:not([disabled]){outline-style:solid;outline-width:var(--components-dimensions-radio-border-width-focused);outline-color:var(--components-colors-radio-color-border-focused);outline-offset:0px}._input_yfym3_8:hover{--borderColor: var(--components-colors-radio-color-border-unchecked-hover);--inputBoxShadow: var(--inset-10)}._input_yfym3_8:disabled{background-color:var(--components-colors-radio-color-background-unchecked-disabled);border-color:var(--components-colors-radio-color-border-unchecked-disabled);--inputCursor: not-allowed;--inputBoxShadow: none}._input_yfym3_8._variant-danger_yfym3_47{--borderColor: var(--color-background-danger-strongest)}._input_yfym3_8:after{content:"";position:absolute;width:var(--components-dimensions-radio-indicator-size);height:var(--components-dimensions-radio-indicator-size);border-radius:var(--components-dimensions-radio-indicator-border-radius);top:calc((var(--components-dimensions-radio-size) - var(--components-dimensions-radio-indicator-size)) / 2 - var(--components-dimensions-radio-border-width-checked));left:calc((var(--components-dimensions-radio-size) - var(--components-dimensions-radio-indicator-size)) / 2 - var(--components-dimensions-radio-border-width-checked));background-color:var(--backgroundColor, transparent)}._input_yfym3_8[aria-checked=true]{--backgroundColor: var(--components-colors-radio-indicator-color-background-default);--borderWidth: var(--components-dimensions-radio-border-width-checked)}._input_yfym3_8[aria-checked=true]:not([disabled]){--borderColor: var(--components-colors-radio-indicator-color-background-default);color:var(--color-background-neutral-primary-fixed)}._input_yfym3_8[aria-checked=true]:not([disabled]):hover{--backgroundColor: var(--components-colors-radio-indicator-color-background-hover);--borderColor: var(--components-colors-radio-indicator-color-background-hover)}._input_yfym3_8[aria-checked=true][disabled]{--backgroundColor: var(--components-colors-radio-indicator-color-background-disabled)}._label-with-hint_yfym3_77{display:flex;flex-direction:column}._hint_yfym3_81{margin-top:0}}
|
package/dist/Radio.js
CHANGED
|
@@ -1,64 +1,62 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import './Radio.css';
|
|
3
|
-
import { jsxs as
|
|
4
|
-
import { R as
|
|
5
|
-
import { forwardRef as
|
|
3
|
+
import { jsxs as m, jsx as r } from "react/jsx-runtime";
|
|
4
|
+
import { R as y } from "./SQZLCNLX-Dg4KKdNJ.js";
|
|
5
|
+
import { forwardRef as u } from "react";
|
|
6
6
|
import { Hint as w } from "./Hint.js";
|
|
7
|
-
import { Label as
|
|
8
|
-
import { c as
|
|
9
|
-
const R = "
|
|
7
|
+
import { Label as N } from "./Label.js";
|
|
8
|
+
import { c as v } from "./index-PAaZGbyz.js";
|
|
9
|
+
const R = "_root_yfym3_2", b = "_input_yfym3_8", x = "_hint_yfym3_81", $ = {
|
|
10
10
|
root: R,
|
|
11
|
-
"input-wrapper": "_input-
|
|
12
|
-
input:
|
|
13
|
-
|
|
14
|
-
"
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
hint: $
|
|
18
|
-
}, a = N(j), y = h(
|
|
11
|
+
"input-wrapper": "_input-wrapper_yfym3_8",
|
|
12
|
+
input: b,
|
|
13
|
+
"variant-danger": "_variant-danger_yfym3_47",
|
|
14
|
+
"label-with-hint": "_label-with-hint_yfym3_77",
|
|
15
|
+
hint: x
|
|
16
|
+
}, t = v($), g = u(
|
|
19
17
|
({
|
|
20
|
-
className:
|
|
18
|
+
className: e,
|
|
21
19
|
dataTestId: i,
|
|
22
|
-
disabled:
|
|
23
|
-
hint:
|
|
24
|
-
label:
|
|
20
|
+
disabled: p,
|
|
21
|
+
hint: n,
|
|
22
|
+
label: a,
|
|
25
23
|
onChange: l,
|
|
26
|
-
onClick:
|
|
24
|
+
onClick: s,
|
|
27
25
|
value: c,
|
|
28
|
-
variant:
|
|
29
|
-
...
|
|
26
|
+
variant: d = "default",
|
|
27
|
+
..._
|
|
30
28
|
}, f) => {
|
|
31
|
-
const
|
|
32
|
-
|
|
29
|
+
const h = (o) => {
|
|
30
|
+
o.stopPropagation(), s && s(o), l && l(o);
|
|
33
31
|
};
|
|
34
|
-
return /* @__PURE__ */
|
|
35
|
-
/* @__PURE__ */
|
|
36
|
-
|
|
32
|
+
return /* @__PURE__ */ m(N, { className: t("root", e), onClick: h, children: [
|
|
33
|
+
/* @__PURE__ */ r("div", { className: t("input-wrapper"), children: /* @__PURE__ */ r(
|
|
34
|
+
y,
|
|
37
35
|
{
|
|
38
|
-
"aria-label":
|
|
39
|
-
className:
|
|
36
|
+
"aria-label": a,
|
|
37
|
+
className: t("input", `variant-${d}`),
|
|
40
38
|
"data-testid": i,
|
|
41
|
-
disabled:
|
|
39
|
+
disabled: p,
|
|
42
40
|
ref: f,
|
|
43
41
|
value: c,
|
|
44
|
-
...
|
|
42
|
+
..._
|
|
45
43
|
}
|
|
46
44
|
) }),
|
|
47
|
-
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
|
|
45
|
+
a ? /* @__PURE__ */ m("div", { className: t("label-with-hint"), children: [
|
|
46
|
+
/* @__PURE__ */ r("div", { "data-testid": i ? `${i}-label` : void 0, children: a }),
|
|
47
|
+
n ? /* @__PURE__ */ r(
|
|
50
48
|
w,
|
|
51
49
|
{
|
|
52
|
-
className:
|
|
50
|
+
className: t("hint"),
|
|
53
51
|
"data-testid": i ? `${i}-hint` : void 0,
|
|
54
|
-
children:
|
|
52
|
+
children: n
|
|
55
53
|
}
|
|
56
54
|
) : null
|
|
57
55
|
] }) : null
|
|
58
56
|
] });
|
|
59
57
|
}
|
|
60
58
|
);
|
|
61
|
-
|
|
59
|
+
g.displayName = "Radio";
|
|
62
60
|
export {
|
|
63
|
-
|
|
61
|
+
g as Radio
|
|
64
62
|
};
|
package/dist/Select.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
@layer components{.
|
|
1
|
+
@layer components{._indicators_1tqnt_2{position:absolute;padding:0;top:0;height:var(--selectHeight, 100%);right:var(--indicatorsRight, var(--spacing-md));display:flex;gap:var(--spacing-xs)}._indicators_1tqnt_2._size-xs_1tqnt_11{--indicatorsRight: var(--spacing-sm)}._dropdown-indicator_1tqnt_14{position:relative;height:100%;padding:0;outline:none!important;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;background:transparent;display:flex;align-items:center;justify-content:center;max-height:var(--selectHeight)}._dropdown-indicator_1tqnt_14 ._styled-icon_1tqnt_28{transform:none;transition-property:transform;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary)}._dropdown-indicator_1tqnt_14._open_1tqnt_34 ._styled-icon_1tqnt_28{transform:rotate3d(0,0,1,180deg)}._dropdown-indicator_1tqnt_14:not(:last-child){width:auto}._dropdown-indicator_1tqnt_14._disabled_1tqnt_40{cursor:not-allowed;color:var(--components-colors-input-color-text-disabled)}._input-wrapper_1tqnt_44{position:relative}._input-wrapper_1tqnt_44:has(>._icon-placement-right_1tqnt_47) ._indicators_1tqnt_2{--indicatorsRight: calc(var(--spacing-lg) + var(--spacing-md) * 2)}._root_1tqnt_51{--selectPlaceholderColor: var(--components-colors-input-color-text-placeholder);background-color:var(--selectBackgroundColor, var(--components-colors-input-color-background-default));border-color:var(--selectBorderColor, var(--components-colors-input-color-border-default));border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);color:var(--selectTextColor, var(--components-colors-input-color-text-default));font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--selectLineHeight, 1);outline:none;cursor:default;width:100%;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);height:var(--selectHeight);padding-bottom:var(--selectPaddingBottom);padding-left:var(--selectPaddingLeft);padding-right:calc(var(--selectPaddingRight) + var(--spacing-xl));padding-top:var(--selectPaddingTop);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-shadow:var(--selectBoxShadow, var(--inset-10)) inset}._root_1tqnt_51._icon-placement-left_1tqnt_83,._root_1tqnt_51._icon-placement-both_1tqnt_83{padding-left:calc(var(--selectPaddingLeft) + var(--selectIconSize, 1rem) + var(--spacing-sm))}._root_1tqnt_51._clearable_1tqnt_86,._root_1tqnt_51._icon-placement-right_1tqnt_47,._root_1tqnt_51._icon-placement-both_1tqnt_83{padding-right:calc(var(--selectPaddingRight) + var(--selectIconSize, 1rem) + var(--spacing-sm) + var(--spacing-xl))}._root_1tqnt_51._clearable_1tqnt_86._icon-placement-right_1tqnt_47,._root_1tqnt_51._clearable_1tqnt_86._icon-placement-both_1tqnt_83{padding-right:calc(var(--selectPaddingRight) + (var(--selectIconSize, 1rem) + var(--spacing-sm)) * 2 + var(--spacing-xl))}._root_1tqnt_51._disabled_1tqnt_40{--selectBackgroundColor: var(--components-colors-input-color-background-disabled);--selectTextColor: var(--components-colors-input-color-text-disabled);cursor:not-allowed}._root_1tqnt_51:hover:not(._disabled_1tqnt_40){--selectBorderColor: var(--components-colors-input-color-border-hover);--selectBoxShadow: var(--inset-20)}._root_1tqnt_51:focus:not(._disabled_1tqnt_40){--selectBorderColor: var(--components-colors-input-color-border-active)}._root_1tqnt_51._transparent_1tqnt_104{--selectBorderColor: transparent;--selectBackgroundColor: var(--components-colors-input-color-background-transparent)}._root_1tqnt_51._transparent_1tqnt_104:hover{--selectBorderColor: var(--components-colors-input-color-border-hover-transparent)}._root_1tqnt_51::placeholder{color:var(--selectPlaceholderColor)}._root_1tqnt_51 br{display:none}._root_1tqnt_51:before{content:attr(data-spacer);visibility:hidden;display:block;height:0}._root_1tqnt_51:empty:after{content:attr(placeholder);position:absolute;top:0;right:0;bottom:0;left:0;padding:inherit;line-height:1.25;color:var(--selectPlaceholderColor);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._root_1tqnt_51:empty:before{height:auto}._variant-danger_1tqnt_140{--selectBorderColor: var(--components-colors-input-color-border-error)}._variant-success_1tqnt_143{--selectBorderColor: var(--components-colors-input-color-border-success)}._variant-warning_1tqnt_146{--selectBorderColor: var(--components-colors-input-color-border-warning)}._size-lg_1tqnt_149{--selectHeight: var(--components-dimensions-input-max-height-lg);--selectPaddingBottom: var(--components-dimensions-input-padding-block-lg);--selectPaddingLeft: var(--components-dimensions-input-padding-inline-lg);--selectPaddingRight: var(--components-dimensions-input-padding-inline-lg);--selectPaddingTop: var(--components-dimensions-input-padding-block-lg);--selectLineHeight: 1.15}._size-md_1tqnt_157{--selectHeight: var(--components-dimensions-input-max-height-md);--selectPaddingBottom: var(--components-dimensions-input-padding-block-md);--selectPaddingLeft: var(--components-dimensions-input-padding-inline-md);--selectPaddingRight: var(--components-dimensions-input-padding-inline-md);--selectPaddingTop: var(--components-dimensions-input-padding-block-md);--selectLineHeight: 1}._size-sm_1tqnt_165{--selectHeight: var(--components-dimensions-input-max-height-sm);--selectPaddingBottom: var(--components-dimensions-input-padding-block-sm);--selectPaddingLeft: var(--components-dimensions-input-padding-inline-sm);--selectPaddingRight: var(--components-dimensions-input-padding-inline-sm);--selectPaddingTop: var(--components-dimensions-input-padding-block-sm);--selectLineHeight: 1}._icon-wrapper_1tqnt_173{position:absolute;top:0;bottom:0;display:flex;justify-content:center;align-items:center;pointer-events:none;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);left:var(--iconPlacementLeft, auto);right:var(--iconPlacementRight, auto);color:var(--selectIconWrapperColor, var(--components-colors-input-color-icon-default))}._icon-wrapper_1tqnt_173._icon-placement-left_1tqnt_83{--iconPlacementLeft: var(--spacing-md)}._icon-wrapper_1tqnt_173._icon-placement-left_1tqnt_83._size-xs_1tqnt_11{--iconPlacementLeft: var(--spacing-sm)}._icon-wrapper_1tqnt_173._icon-placement-right_1tqnt_47{--iconPlacementRight: var(--spacing-md)}._icon-wrapper_1tqnt_173._icon-placement-right_1tqnt_47._size-xs_1tqnt_11{--iconPlacementRight: var(--spacing-sm)}._icon-wrapper_1tqnt_173>button{pointer-events:auto}._wrapper_1tqnt_204{position:relative;width:100%}._wrapper_1tqnt_204._disabled_1tqnt_40 ._icon-wrapper_1tqnt_173{--selectIconWrapperColor: var(--components-colors-input-color-icon-disabled)}._menu_1tqnt_211{max-height:9.6875rem;background-color:var(--components-colors-input-color-background-default);border-color:var(--components-colors-input-color-border-hover);border-radius:var(--components-dimensions-input-border-radius);border-style:solid;border-width:var(--components-dimensions-input-border-width-default);color:var(--components-colors-input-color-text-default);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:var(--font-line-height-md);outline:none;position:absolute;z-index:2;right:0;left:0;margin:0;margin-top:var(--spacing-md);padding:0;transition-property:all;transition-timing-function:var(--timing-primary);transition-duration:var(--duration-medium);overflow:auto;-webkit-overflow-scrolling:touch}._menu_1tqnt_211:hover>*{cursor:pointer}._item_1tqnt_239{color:var(--itemTextColor, var(--color-text-warm-tertiary));cursor:var(--itemCursor, default);padding:var(--spacing-md);list-style:none;text-decoration:none;font-size:var(--font-size-sm);transition-property:background;transition-duration:var(--duration-medium);transition-timing-function:var(--timing-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}._item_1tqnt_239._highlighted_1tqnt_253{background-color:var(--color-background-warm-primary)}._item_1tqnt_239._selected_1tqnt_256:not(._multiple_1tqnt_256){--itemTextColor: var(--components-colors-input-color-text-default);font-weight:var(--font-weight-semi-bold)}._item_1tqnt_239._selected_1tqnt_256._multiple_1tqnt_256:not(._allowUnselectFromList_1tqnt_260){--itemTextColor: var(--color-beige-40);--itemCursor: not-allowed}._item_1tqnt_239._disabled_1tqnt_40{--itemTextColor: var(--components-colors-input-color-text-disabled);--itemCursor: not-allowed}._tags_1tqnt_268{margin-top:var(--spacing-lg)}._tags_1tqnt_268 ._styled-tag_1tqnt_271:not(:last-child){margin-right:var(--spacing-sm);margin-bottom:var(--spacing-sm)}._tags_1tqnt_268:empty{display:none}}
|