@crab-dev/rc-select 0.1.1 → 0.1.2
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/CHANGELOG.md +12 -0
- package/cjs/_wake/src/selectInput.cjs +1 -2
- package/cjs/_wake/src/selectInput.styles.cjs +0 -4
- package/cjs/_wake/src/token.cjs +1 -1
- package/css/index.css +3 -3
- package/esm/_wake/src/selectInput.mjs +3 -4
- package/esm/_wake/src/selectInput.styles.mjs +0 -1
- package/esm/_wake/src/token.mjs +1 -1
- package/package.json +5 -5
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @crab-dev/rc-select
|
|
2
2
|
|
|
3
|
+
## 0.1.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [`9802769`](https://github.com/hotlif/crab-dev/commit/9802769d96fe5cfb8de892dce00471b5e86d796a) Thanks [@hotlif](https://github.com/hotlif)! - MD3 默认采用紧凑桌面几何与上置标签:继承尺寸的按钮为 32/36/40px,单行字段为 32/40/48px,Tab 为 32/36/40px。显式 Button Expressive 五档保持不变;多行内容仍由 rows/autoSize 决定高度,触控目标至少 48px,并在粗指针布局中预留空间以避免相邻操作重叠。
|
|
8
|
+
|
|
9
|
+
修正三主题字段标签宽度和 MD3 桌面 Switch 留白。公共 props、值与事件语义保持一致;依赖旧浮动标签、轮廓缺口或固定高度的自定义 CSS 需按迁移指南调整。
|
|
10
|
+
- Updated dependencies [[`9802769`](https://github.com/hotlif/crab-dev/commit/9802769d96fe5cfb8de892dce00471b5e86d796a)]:
|
|
11
|
+
- @crab-dev/rc-button@1.0.2
|
|
12
|
+
- @crab-dev/rc-line-edit@0.1.2
|
|
13
|
+
- @crab-dev/rc-token-semantic@1.1.0
|
|
14
|
+
|
|
3
15
|
## 0.1.1
|
|
4
16
|
|
|
5
17
|
### Patch Changes
|
|
@@ -27,7 +27,6 @@ const ClearIcon = () => (0, __wake_namespace_0["jsx"])("svg", { "aria-hidden": "
|
|
|
27
27
|
const SelectInput = ({ ref, controlRef, id, ariaLabel, ariaLabelledBy, ariaDescribedBy, disabled, searchable, multiple, size, status, appearance, label, labelId, required, allowClear, loading, maxTagCount, autoFocus, placeholder, selectedOptions, searchText, highlightIndex, highlightedOption, listboxId, tagRender, onSearchTextChange, onOpenStateChange, onWidthChange, onMoveHighlight, onSelectHighlighted, onClear, onRemoveTag, onFocus, onBlur }) => {
|
|
28
28
|
const { state, refs, dispatch } = (0, __wake_namespace_1["useDropdownContext"])();
|
|
29
29
|
const { messages } = (0, __wake_namespace_7["useLocale"])();
|
|
30
|
-
const { designSystem } = (0, __wake_namespace_7["useConfig"])();
|
|
31
30
|
const inputRef = (0, __wake_namespace_8["useRef"])(null);
|
|
32
31
|
const open = state.open;
|
|
33
32
|
const [hovered, setHovered] = (0, __wake_namespace_8["useState"])(false);
|
|
@@ -187,7 +186,7 @@ const SelectInput = ({ ref, controlRef, id, ariaLabel, ariaLabelledBy, ariaDescr
|
|
|
187
186
|
return (0, __wake_namespace_0["jsx"])("span", { className: __wake_namespace_9["singleValueStyle"], children: selectedOptions[0]?.label });
|
|
188
187
|
};
|
|
189
188
|
const activeDescendantId = open && highlightIndex >= 0 ? `${listboxId}-option-${highlightIndex}` : undefined;
|
|
190
|
-
return (0, __wake_namespace_0["jsxs"])("div", { className:
|
|
189
|
+
return (0, __wake_namespace_0["jsxs"])("div", { className: __wake_namespace_9["fieldLayoutStyle"], "data-labeled": Boolean(label), "data-appearance": appearance, "data-floating": Boolean(open || selectedOptions.length > 0 || searchText), "data-open": open, "data-status": status, "data-disabled": disabled || undefined, children: [label && (0, __wake_namespace_0["jsxs"])("span", { "data-role": "select-label", children: [(0, __wake_namespace_0["jsx"])("span", { id: labelId, children: label }), required && (0, __wake_namespace_0["jsx"])("span", { "data-required-marker": "", "aria-hidden": "true", children: "*" })] }), (0, __wake_namespace_0["jsxs"])("div", { id: id, role: "combobox", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-required": required || undefined, "aria-expanded": open, "aria-disabled": disabled, "aria-busy": loading || undefined, "aria-haspopup": "listbox", "aria-controls": open ? listboxId : undefined, "aria-activedescendant": activeDescendantId, "aria-invalid": status === "error" ? true : undefined, "data-appearance": appearance, "data-clearable": canClear, "data-labeled": Boolean(label), "data-floating": Boolean(open || selectedOptions.length > 0 || searchText), "data-status": status, tabIndex: disabled ? -1 : 0, ref: mergeRef, className: __wake_namespace_6["cx"].call(undefined, __wake_namespace_9["controlStyle"], sizeMetricsMap[size], multiple ? sizeHeightFlexibleMap[size] : sizeHeightFixedMap[size], disabled && __wake_namespace_9["controlDisabledStyle"], status === "error" && __wake_namespace_9["controlErrorStyle"], status === "warning" && __wake_namespace_9["controlWarningStyle"], __wake_namespace_9["fieldControlStyle"]), onClick: handleClick, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, onPointerOver: (event) => {
|
|
191
190
|
if (event.pointerType !== "touch") setHovered(true);
|
|
192
191
|
}, onPointerOut: (event) => {
|
|
193
192
|
if (!(event.relatedTarget instanceof Node) || !event.currentTarget.contains(event.relatedTarget)) {
|
|
@@ -15,10 +15,6 @@ const fieldLayoutStyle = "rc-select-910e459fbbe0";
|
|
|
15
15
|
Object.defineProperty(exports, "fieldLayoutStyle", { enumerable: true, get: function() {
|
|
16
16
|
return fieldLayoutStyle;
|
|
17
17
|
} });
|
|
18
|
-
const md3LabelMotionStyle = "rc-select-1dddd2d985da";
|
|
19
|
-
Object.defineProperty(exports, "md3LabelMotionStyle", { enumerable: true, get: function() {
|
|
20
|
-
return md3LabelMotionStyle;
|
|
21
|
-
} });
|
|
22
18
|
const controlDisabledStyle = "rc-select-82fbf3807561";
|
|
23
19
|
Object.defineProperty(exports, "controlDisabledStyle", { enumerable: true, get: function() {
|
|
24
20
|
return controlDisabledStyle;
|
package/cjs/_wake/src/token.cjs
CHANGED
|
@@ -4,7 +4,7 @@ const vars = (0, __wake_namespace_0["defineTokens"])({ "option.checkbox.width":
|
|
|
4
4
|
Object.defineProperty(exports, "vars", { enumerable: true, get: function() {
|
|
5
5
|
return vars;
|
|
6
6
|
} });
|
|
7
|
-
const token = (0, __wake_namespace_0["defineTokens"])({ "option": { "checkbox": { "width": `var(${vars["option.checkbox.width"]}, var(--token-semantic-size-icon, var(--token-global-space-4, 16px)))` }, "background-color-hover": `var(${vars["option.background-color-hover"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "color-selected": `var(${vars["option.color-selected"]}, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))))`, "background-color-selected": `var(${vars["option.background-color-selected"]}, var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510)))))`, "border-radius": `var(${vars["option.border-radius"]}, var(--token-semantic-field-option-radius, var(--token-global-radius-0, 0px)))`, "color-disabled": `var(${vars["option.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "highlight": { "background-color": `var(${vars["option.highlight.background-color"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))` }, "background-color-active": `var(${vars["option.background-color-active"]}, var(--token-semantic-color-state-pressed, var(--token-semantic-color-background-active-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "selection": { "background-color-hover": `var(${vars["option.selection.background-color-hover"]}, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))))`, "background-color-active": `var(${vars["option.selection.background-color-active"]}, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))))` }, "activity": { "outline-color": `var(${vars["option.activity.outline-color"]}, var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))`, "outline-width": `var(${vars["option.activity.outline-width"]}, 2px)`, "outline-offset": `var(${vars["option.activity.outline-offset"]}, -2px)` }, "height": `var(${vars["option.height"]}, var(--token-semantic-density-item, var(--token-semantic-density-standard-item, var(--token-global-size-32, 32px))))`, "padding-block": `var(${vars["option.padding-block"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "font-size": `var(${vars["option.font-size"]}, var(--token-semantic-typography-body-medium-font-size, var(--token-global-font-size-sm, 14px)))`, "line-height": `var(${vars["option.line-height"]}, var(--token-semantic-typography-body-medium-line-height, var(--token-global-line-height-14-20, 1.4285714285714286)))` }, "root": { "transition": `var(${vars["root.transition"]}, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "opacity-disabled": `var(${vars["root.opacity-disabled"]}, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)))`, "touch": { "min-height": `var(${vars["root.touch.min-height"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "outline-width-focus": `var(${vars["root.outline-width-focus"]}, 2px)`, "outline-offset-focus": `var(${vars["root.outline-offset-focus"]}, 2px)`, "border-width": `var(${vars["root.border-width"]}, 1px)`, "border-style": `var(${vars["root.border-style"]}, solid)`, "border-color": `var(${vars["root.border-color"]}, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))))`, "border-color-hover": `var(${vars["root.border-color-hover"]}, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "border-color-focus": `var(${vars["root.border-color-focus"]}, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "border-color-error": `var(${vars["root.border-color-error"]}, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "border-color-warning": `var(${vars["root.border-color-warning"]}, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))`, "border-radius": `var(${vars["root.border-radius"]}, var(--token-semantic-shape-control, var(--token-global-radius-2, 4px)))`, "background-color": `var(${vars["root.background-color"]}, var(--token-semantic-color-surface-content, var(--token-semantic-color-background-surface, var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "background-color-disabled": `var(${vars["root.background-color-disabled"]}, var(--token-semantic-color-background-disabled, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "box-shadow": `var(${vars["root.box-shadow"]}, var(--token-semantic-field-control-shadow, none))`, "box-shadow-focus": `var(${vars["root.box-shadow-focus"]}, var(--token-semantic-field-control-shadow-focus, inset 0 0 0 2px var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))`, "validation": { "box-shadow-error": `var(${vars["root.validation.box-shadow-error"]}, var(--token-semantic-field-control-shadow-error, inset 0 0 0 2px var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727)))))`, "box-shadow-warning": `var(${vars["root.validation.box-shadow-warning"]}, var(--token-semantic-field-control-shadow-warning, inset 0 0 0 2px var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-600, oklch(0.666 0.179 73)))))` }, "color-loading": `var(${vars["root.color-loading"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "motion": { "interaction": { "transition": `var(${vars["motion.interaction.transition"]}, var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))` }, "spatial": { "transition": `var(${vars["motion.spatial.transition"]}, var(--token-semantic-motion-spatial-fast, var(--token-global-duration-350, 350ms) var(--token-global-easing-expressive-spatial-fast, cubic-bezier(0.42, 1.67, 0.21, 0.90))))` } }, "text": { "color": `var(${vars["text.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "color-placeholder": `var(${vars["text.color-placeholder"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-disabled": `var(${vars["text.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))` }, "tag": { "background-color": `var(${vars["tag.background-color"]}, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "color": `var(${vars["tag.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "close": { "color-hover": `var(${vars["tag.close.color-hover"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` } }, "clear": { "color": `var(${vars["clear.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-hover": `var(${vars["clear.color-hover"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "width": `var(${vars["clear.width"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))`, "height": `var(${vars["clear.height"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))`, "touch": { "width": `var(${vars["clear.touch.width"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "box-shadow-focus": `var(${vars["clear.box-shadow-focus"]}, inset 0 0 0 1px var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))` }, "icon": { "width": `var(${vars["icon.width"]}, var(--token-semantic-field-icon-size, var(--token-global-space-6, 24px)))`, "color": `var(${vars["icon.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "field": { "gap": `var(${vars["field.gap"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "padding-inline": `var(${vars["field.padding-inline"]}, var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "min-height": `var(${vars["field.min-height"]}, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px)))`, "label": { "top": `var(${vars["field.label.top"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "padding-inline": `var(${vars["field.label.padding-inline"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "font-size": `var(${vars["field.label.font-size"]}, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)))`, "line-height": `var(${vars["field.label.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))`, "color": `var(${vars["field.label.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-focus": `var(${vars["field.label.color-focus"]}, var(--token-semantic-field-label-color-focus, var(--token-semantic-color-brand-primary, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))` }, "input": { "padding-top": `var(${vars["field.input.padding-top"]}, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px)))` }, "transition": `var(${vars["field.transition"]}, top var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), transform var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), font-size var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), line-height var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), margin var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), background-color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "filled": { "background-color": `var(${vars["field.filled.background-color"]}, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "background-color-hover": `var(${vars["field.filled.background-color-hover"]}, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144)))))`, "min-height": `var(${vars["field.filled.min-height"]}, var(--token-semantic-size-field-labeled, var(--token-global-size-48, 48px)))` }, "indicator": { "border-color": `var(${vars["field.indicator.border-color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "box-shadow-focus": `var(${vars["field.indicator.box-shadow-focus"]}, inset 0 -2px 0 var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "box-shadow-error": `var(${vars["field.indicator.box-shadow-error"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "box-shadow-warning": `var(${vars["field.indicator.box-shadow-warning"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))` }, "color-error": `var(${vars["field.color-error"]}, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))))`, "color-warning": `var(${vars["field.color-warning"]}, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))))`, "support": { "line-height": `var(${vars["field.support.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))` }, "outline": { "border-width-focus": `var(${vars["field.outline.border-width-focus"]}, 3px)` } }, "group": { "color": `var(${vars["group.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "font-size": `var(${vars["group.font-size"]}, var(--token-semantic-typography-caption-font-size, var(--token-global-font-size-xs, 12px)))` }, "size": { "large": { "height": `var(${vars["size.large.height"]}, var(--token-semantic-sizing-large-field, var(--token-global-size-40, 40px)))`, "padding": `var(${vars["size.large.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "font-size": `var(${vars["size.large.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.large.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.large.action.width"]}, var(--token-semantic-sizing-large-action, var(--token-global-size-32, 32px)))` } }, "medium": { "height": `var(${vars["size.medium.height"]}, var(--token-semantic-sizing-medium-field, var(--token-global-size-36, 36px)))`, "padding": `var(${vars["size.medium.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "font-size": `var(${vars["size.medium.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.medium.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.medium.action.width"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))` } }, "small": { "height": `var(${vars["size.small.height"]}, var(--token-semantic-sizing-small-field, var(--token-global-size-32, 32px)))`, "padding": `var(${vars["size.small.padding"]}, 0 var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "font-size": `var(${vars["size.small.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.small.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.small.action.width"]}, var(--token-semantic-sizing-small-action, var(--token-global-space-6, 24px)))` } } }, "dropdown": { "margin": `var(${vars["dropdown.margin"]}, 6px)`, "max-height": `var(${vars["dropdown.max-height"]}, 240px)`, "padding": `var(${vars["dropdown.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "option": { "padding": `var(${vars["dropdown.option.padding"]}, var(--token-semantic-space-component-gap, var(--token-global-space-2, 8px)))` }, "border-radius": `var(${vars["dropdown.border-radius"]}, var(--token-semantic-shape-overlay, var(--token-global-radius-14, 28px)))` } });
|
|
7
|
+
const token = (0, __wake_namespace_0["defineTokens"])({ "option": { "checkbox": { "width": `var(${vars["option.checkbox.width"]}, var(--token-semantic-size-icon, var(--token-global-space-4, 16px)))` }, "background-color-hover": `var(${vars["option.background-color-hover"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "color-selected": `var(${vars["option.color-selected"]}, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))))`, "background-color-selected": `var(${vars["option.background-color-selected"]}, var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510)))))`, "border-radius": `var(${vars["option.border-radius"]}, var(--token-semantic-field-option-radius, var(--token-global-radius-0, 0px)))`, "color-disabled": `var(${vars["option.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "highlight": { "background-color": `var(${vars["option.highlight.background-color"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))` }, "background-color-active": `var(${vars["option.background-color-active"]}, var(--token-semantic-color-state-pressed, var(--token-semantic-color-background-active-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "selection": { "background-color-hover": `var(${vars["option.selection.background-color-hover"]}, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))))`, "background-color-active": `var(${vars["option.selection.background-color-active"]}, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))))` }, "activity": { "outline-color": `var(${vars["option.activity.outline-color"]}, var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))`, "outline-width": `var(${vars["option.activity.outline-width"]}, 2px)`, "outline-offset": `var(${vars["option.activity.outline-offset"]}, -2px)` }, "height": `var(${vars["option.height"]}, var(--token-semantic-density-item, var(--token-semantic-density-standard-item, var(--token-global-size-32, 32px))))`, "padding-block": `var(${vars["option.padding-block"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "font-size": `var(${vars["option.font-size"]}, var(--token-semantic-typography-body-medium-font-size, var(--token-global-font-size-sm, 14px)))`, "line-height": `var(${vars["option.line-height"]}, var(--token-semantic-typography-body-medium-line-height, var(--token-global-line-height-14-20, 1.4285714285714286)))` }, "root": { "transition": `var(${vars["root.transition"]}, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "opacity-disabled": `var(${vars["root.opacity-disabled"]}, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)))`, "touch": { "min-height": `var(${vars["root.touch.min-height"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "outline-width-focus": `var(${vars["root.outline-width-focus"]}, 2px)`, "outline-offset-focus": `var(${vars["root.outline-offset-focus"]}, 2px)`, "border-width": `var(${vars["root.border-width"]}, 1px)`, "border-style": `var(${vars["root.border-style"]}, solid)`, "border-color": `var(${vars["root.border-color"]}, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))))`, "border-color-hover": `var(${vars["root.border-color-hover"]}, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "border-color-focus": `var(${vars["root.border-color-focus"]}, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "border-color-error": `var(${vars["root.border-color-error"]}, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "border-color-warning": `var(${vars["root.border-color-warning"]}, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))`, "border-radius": `var(${vars["root.border-radius"]}, var(--token-semantic-shape-control, var(--token-global-radius-2, 4px)))`, "background-color": `var(${vars["root.background-color"]}, var(--token-semantic-color-surface-content, var(--token-semantic-color-background-surface, var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "background-color-disabled": `var(${vars["root.background-color-disabled"]}, var(--token-semantic-color-background-disabled, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "box-shadow": `var(${vars["root.box-shadow"]}, var(--token-semantic-field-control-shadow, none))`, "box-shadow-focus": `var(${vars["root.box-shadow-focus"]}, var(--token-semantic-field-control-shadow-focus, inset 0 0 0 2px var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))`, "validation": { "box-shadow-error": `var(${vars["root.validation.box-shadow-error"]}, var(--token-semantic-field-control-shadow-error, inset 0 0 0 2px var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727)))))`, "box-shadow-warning": `var(${vars["root.validation.box-shadow-warning"]}, var(--token-semantic-field-control-shadow-warning, inset 0 0 0 2px var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-600, oklch(0.666 0.179 73)))))` }, "color-loading": `var(${vars["root.color-loading"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "motion": { "interaction": { "transition": `var(${vars["motion.interaction.transition"]}, var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))` }, "spatial": { "transition": `var(${vars["motion.spatial.transition"]}, var(--token-semantic-motion-spatial-fast, var(--token-global-duration-350, 350ms) var(--token-global-easing-expressive-spatial-fast, cubic-bezier(0.42, 1.67, 0.21, 0.90))))` } }, "text": { "color": `var(${vars["text.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "color-placeholder": `var(${vars["text.color-placeholder"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-disabled": `var(${vars["text.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))` }, "tag": { "background-color": `var(${vars["tag.background-color"]}, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "color": `var(${vars["tag.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "close": { "color-hover": `var(${vars["tag.close.color-hover"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` } }, "clear": { "color": `var(${vars["clear.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-hover": `var(${vars["clear.color-hover"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "width": `var(${vars["clear.width"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))`, "height": `var(${vars["clear.height"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))`, "touch": { "width": `var(${vars["clear.touch.width"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "box-shadow-focus": `var(${vars["clear.box-shadow-focus"]}, inset 0 0 0 1px var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))` }, "icon": { "width": `var(${vars["icon.width"]}, var(--token-semantic-field-icon-size, var(--token-global-space-5, 20px)))`, "color": `var(${vars["icon.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "field": { "gap": `var(${vars["field.gap"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "padding-inline": `var(${vars["field.padding-inline"]}, var(--token-semantic-field-control-padding-inline, var(--token-global-space-3, 12px)))`, "min-height": `var(${vars["field.min-height"]}, var(--token-semantic-field-control-min-height, 0px))`, "label": { "top": `var(${vars["field.label.top"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "padding-inline": `var(${vars["field.label.padding-inline"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "font-size": `var(${vars["field.label.font-size"]}, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)))`, "line-height": `var(${vars["field.label.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))`, "color": `var(${vars["field.label.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-focus": `var(${vars["field.label.color-focus"]}, var(--token-semantic-field-label-color-focus, var(--token-semantic-color-brand-primary, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))` }, "input": { "padding-top": `var(${vars["field.input.padding-top"]}, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px)))` }, "transition": `var(${vars["field.transition"]}, top var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), transform var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), font-size var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), line-height var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), margin var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), background-color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "filled": { "background-color": `var(${vars["field.filled.background-color"]}, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "background-color-hover": `var(${vars["field.filled.background-color-hover"]}, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144)))))`, "min-height": `var(${vars["field.filled.min-height"]}, var(--token-semantic-size-field-labeled, var(--token-global-size-48, 48px)))` }, "indicator": { "border-color": `var(${vars["field.indicator.border-color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "box-shadow-focus": `var(${vars["field.indicator.box-shadow-focus"]}, inset 0 -2px 0 var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "box-shadow-error": `var(${vars["field.indicator.box-shadow-error"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "box-shadow-warning": `var(${vars["field.indicator.box-shadow-warning"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))` }, "color-error": `var(${vars["field.color-error"]}, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))))`, "color-warning": `var(${vars["field.color-warning"]}, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))))`, "support": { "line-height": `var(${vars["field.support.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))` }, "outline": { "border-width-focus": `var(${vars["field.outline.border-width-focus"]}, 3px)` } }, "group": { "color": `var(${vars["group.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "font-size": `var(${vars["group.font-size"]}, var(--token-semantic-typography-caption-font-size, var(--token-global-font-size-xs, 12px)))` }, "size": { "large": { "height": `var(${vars["size.large.height"]}, var(--token-semantic-sizing-large-field, var(--token-global-size-48, 48px)))`, "padding": `var(${vars["size.large.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-3, 12px)))`, "font-size": `var(${vars["size.large.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.large.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.large.action.width"]}, var(--token-semantic-sizing-large-action, var(--token-global-size-32, 32px)))` } }, "medium": { "height": `var(${vars["size.medium.height"]}, var(--token-semantic-sizing-medium-field, var(--token-global-size-40, 40px)))`, "padding": `var(${vars["size.medium.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-3, 12px)))`, "font-size": `var(${vars["size.medium.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.medium.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.medium.action.width"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))` } }, "small": { "height": `var(${vars["size.small.height"]}, var(--token-semantic-sizing-small-field, var(--token-global-size-32, 32px)))`, "padding": `var(${vars["size.small.padding"]}, 0 var(--token-semantic-field-control-padding-inline, var(--token-global-space-3, 12px)))`, "font-size": `var(${vars["size.small.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.small.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.small.action.width"]}, var(--token-semantic-sizing-small-action, var(--token-global-space-6, 24px)))` } } }, "dropdown": { "margin": `var(${vars["dropdown.margin"]}, 6px)`, "max-height": `var(${vars["dropdown.max-height"]}, 240px)`, "padding": `var(${vars["dropdown.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "option": { "padding": `var(${vars["dropdown.option.padding"]}, var(--token-semantic-space-component-gap, var(--token-global-space-2, 8px)))` }, "border-radius": `var(${vars["dropdown.border-radius"]}, var(--token-semantic-shape-overlay, var(--token-global-radius-14, 28px)))` } });
|
|
8
8
|
const __wake_default_export = token;
|
|
9
9
|
Object.defineProperty(exports, "default", { enumerable: true, get: function() {
|
|
10
10
|
return __wake_default_export;
|
package/css/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
.rc-select-0f3ecf945b98{display: inline-grid;width: 100%;min-width: 0;max-width: 100%;gap: var(--token-semantic-field-layout-row-gap, var(--token-global-space-1, 4px));}.rc-select-3bd2a27273ad{padding-inline: var(--token-semantic-field-support-padding-inline, var(--token-global-space-4, 16px));color: var(--select-field-label-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));font-size: var(--select-field-label-font-size, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)));line-height: var(--select-field-support-line-height, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)));overflow-wrap: anywhere;}.rc-select-3bd2a27273ad[data-status="error"]{color: var(--select-field-color-error, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))));}.rc-select-3bd2a27273ad[data-status="warning"]{color: var(--select-field-color-warning, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))));}@media (forced-colors: active){.rc-select-3bd2a27273ad{color: CanvasText;}}.rc-select-df4a743b55e1{padding: var(--select-size-large-padding, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)));--select-clear-width: var(--select-size-large-action-width, var(--token-semantic-sizing-large-action, var(--token-global-size-32, 32px)));--select-clear-height: var(--select-size-large-action-width, var(--token-semantic-sizing-large-action, var(--token-global-size-32, 32px)));font-size: var(--select-size-large-font-size, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-large-line-height, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)));}.rc-select-de4a743b542e{padding: var(--select-size-medium-padding, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)));--select-clear-width: var(--select-size-medium-action-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));--select-clear-height: var(--select-size-medium-action-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));font-size: var(--select-size-medium-font-size, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-medium-line-height, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)));}.rc-select-dd4a743b527b{padding: var(--select-size-small-padding, 0 var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)));--select-clear-width: var(--select-size-small-action-width, var(--token-semantic-sizing-small-action, var(--token-global-space-6, 24px)));--select-clear-height: var(--select-size-small-action-width, var(--token-semantic-sizing-small-action, var(--token-global-space-6, 24px)));font-size: var(--select-size-small-font-size, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-small-line-height, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)));}.rc-select-b8fc5925a597{height: max(var(--select-size-large-height, var(--token-semantic-sizing-large-field, var(--token-global-size-40, 40px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-b7fc5925a3e4{height: max(var(--select-size-medium-height, var(--token-semantic-sizing-medium-field, var(--token-global-size-36, 36px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-bafc5925a8fd{height: max(var(--select-size-small-height, var(--token-semantic-sizing-small-field, var(--token-global-size-32, 32px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-5d07f79a2f4a{min-height: max(var(--select-size-large-height, var(--token-semantic-sizing-large-field, var(--token-global-size-40, 40px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))));}.rc-select-5e07f79a30fd{min-height: max(var(--select-size-medium-height, var(--token-semantic-sizing-medium-field, var(--token-global-size-36, 36px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))));}.rc-select-5b07f79a2be4{min-height: max(var(--select-size-small-height, var(--token-semantic-sizing-small-field, var(--token-global-size-32, 32px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))));}.rc-select-5e896678dc89{position: relative;display: inline-flex;align-items: center;width: 100%;box-sizing: border-box;border: var(--select-root-border-width, 1px) var(--select-root-border-style, solid) var(--select-root-border-color, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))));border-radius: var(--select-root-border-radius, var(--token-semantic-shape-control, var(--token-global-radius-2, 4px)));background-color: var(--select-root-background-color, var(--token-semantic-color-surface-content, var(--token-semantic-color-background-surface, var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))));box-shadow: var(--select-root-box-shadow, var(--token-semantic-field-control-shadow, none));color: var(--select-text-color, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));cursor: pointer;user-select: none;outline: none;transition: var(--select-root-transition, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))));}.rc-select-5e896678dc89:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"]):not([data-status]){border-color: var(--select-root-border-color-hover, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}.rc-select-5e896678dc89:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));box-shadow: var(--select-root-box-shadow-focus, var(--token-semantic-field-control-shadow-focus, inset 0 0 0 2px var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))));}@media (prefers-reduced-motion: reduce){.rc-select-5e896678dc89{transition: none;}}@media (pointer: coarse){.rc-select-5e896678dc89.rc-select-5e896678dc89{min-height: max(var(--select-field-min-height, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px))), calc(var(--select-root-touch-min-height, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px))) + 2 * var(--select-root-border-width, 1px)));padding-block: 0;--select-clear-width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}@media (forced-colors: active){.rc-select-5e896678dc89{border-color: ButtonText;}.rc-select-5e896678dc89:is(:focus-within, [aria-expanded="true"]){outline: var(--select-root-outline-width-focus, 2px) solid Highlight;outline-offset: var(--select-root-outline-offset-focus, 2px);}.rc-select-5e896678dc89[aria-disabled='true']{border-color: GrayText;color: GrayText;}}.rc-select-29edc097b42b{grid-column: 1;grid-row: 1;}.rc-select-29edc097b42b[data-labeled="true"]{grid-row: var(--token-semantic-field-layout-control-row, 1);}.rc-select-29edc097b42b[data-appearance="filled"][data-labeled="true"] > [data-role="select-value"]{padding-top: var(--token-semantic-field-input-filled-padding-top, var(--token-global-space-4, 16px));}.rc-select-29edc097b42b[data-appearance="filled"]{border-radius: var(--token-semantic-field-filled-border-radius, var(--token-global-radius-2, 4px) var(--token-global-radius-2, 4px) 0 0);border-width: var(--token-semantic-field-filled-border-width, 0 0 1px);border-color: var(--token-semantic-field-filled-border-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));background: var(--token-semantic-field-filled-background-color, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))));}.rc-select-29edc097b42b[data-appearance="filled"]:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"]){background: var(--token-semantic-field-filled-background-color-hover, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 8%, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144)))));}:is(.rc-select-29edc097b42b[data-appearance="filled"]:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"])):not([data-status]){border-color: var(--token-semantic-field-filled-border-color-hover, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}.rc-select-29edc097b42b[data-appearance="filled"]:is(:focus-within, [aria-expanded="true"]){border-color: var(--token-semantic-field-filled-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));box-shadow: var(--token-semantic-field-filled-shadow-focus, inset 0 -2px 0 var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="error"]{border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="error"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-filled-shadow-error, inset 0 -2px 0 var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="warning"]{border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="warning"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-filled-shadow-warning, inset 0 -2px 0 var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-600, oklch(0.666 0.179 73))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"]{border-color: var(--token-semantic-field-outlined-border-color, transparent);}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"]):hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"]){border-color: var(--token-semantic-field-outlined-border-color-hover, transparent);}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"]):is(:focus-within, [aria-expanded="true"]){border-color: var(--token-semantic-field-outlined-border-color-focus, transparent);box-shadow: var(--token-semantic-field-outlined-shadow-focus, none);}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="error"]{border-color: var(--token-semantic-field-outlined-border-color-error, transparent);}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="error"]):hover{border-color: var(--token-semantic-field-outlined-border-color-error, transparent);}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="error"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-outlined-shadow-error, none);}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="warning"]{border-color: var(--token-semantic-field-outlined-border-color-warning, transparent);}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="warning"]):hover{border-color: var(--token-semantic-field-outlined-border-color-warning, transparent);}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="warning"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-outlined-shadow-warning, none);}.rc-select-29edc097b42b > fieldset{display: var(--token-semantic-field-outline-display, block);position: absolute;inset: calc(0px - var(--token-semantic-field-label-floating-line-height, var(--token-global-space-4, 16px)) / 2) 0 0;margin: 0;padding: 0;min-width: 0;pointer-events: none;border: var(--select-root-border-width, 1px) solid var(--select-root-border-color, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))));border-radius: inherit;}.rc-select-29edc097b42b > fieldset > legend{visibility: hidden;overflow: hidden;max-width: 0;height: var(--token-semantic-field-label-floating-line-height, var(--token-global-space-4, 16px));margin-inline-start: var(--token-semantic-field-outline-legend-margin, var(--token-global-space-3, 12px));padding: 0;font-size: var(--token-semantic-field-label-floating-font-size, var(--token-global-font-size-xs, 12px));line-height: 1;white-space: nowrap;}.rc-select-29edc097b42b:is(:focus-within, [data-floating="true"]) > fieldset > legend{max-width: 100%;padding-inline: var(--token-semantic-field-outline-legend-padding, var(--token-global-space-1, 4px));}.rc-select-29edc097b42b:hover:not([aria-disabled="true"]) > fieldset{border-color: var(--select-root-border-color-hover, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}.rc-select-29edc097b42b:is(:focus-within, [aria-expanded="true"]) > fieldset{border-color: var(--select-root-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));border-width: var(--select-field-outline-border-width-focus, 3px);}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-status="error"] > fieldset{border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-status="warning"] > fieldset{border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]{opacity: 1;color: var(--token-semantic-field-disabled-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 38%, transparent));border-color: var(--token-semantic-field-disabled-border-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 12%, transparent));box-shadow: none;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) > fieldset{border-color: var(--token-semantic-field-disabled-border-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 12%, transparent));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-suffix"]{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-value"]{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-placeholder"],:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-suffix"] button{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-suffix"] button span{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"])[data-appearance="filled"]{border-color: var(--token-semantic-field-disabled-filled-border-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 38%, transparent));background: var(--token-semantic-field-disabled-filled-background, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 4%, transparent));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"])[data-appearance="outlined"][data-labeled="true"]{border-color: var(--token-semantic-field-outlined-border-color, transparent);}@media (forced-colors: active){.rc-select-29edc097b42b.rc-select-29edc097b42b{border-color: CanvasText;background: Canvas;}.rc-select-29edc097b42b > fieldset{display: none;}.rc-select-29edc097b42b[aria-disabled="true"]{border-color: GrayText;}}.rc-select-910e459fbbe0{display: grid;grid-template-columns: minmax(0, 1fr);row-gap: var(--token-semantic-field-layout-row-gap, var(--token-global-space-1, 4px));min-width: 0;}.rc-select-910e459fbbe0 > [data-role="select-label"]{display: inline-flex;gap: var(--token-semantic-field-required-gap, var(--token-global-space-1, 4px));position: relative;z-index: 1;grid-column: 1;grid-row: var(--token-semantic-field-layout-label-row, 1);align-self: var(--token-semantic-field-label-align, center);justify-self: start;min-width: 0;max-width: calc(100% - 2 * var(--select-field-padding-inline, var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px))) - var(--select-clear-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px))) - var(--select-field-gap, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px))));margin-inline: var(--token-semantic-field-label-margin-inline, var(--token-global-space-4, 16px));overflow: hidden;text-overflow: ellipsis;white-space: nowrap;pointer-events: none;color: var(--select-field-label-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));font-size: var(--token-semantic-field-label-font-size, var(--token-global-font-size-md, 16px));line-height: var(--token-semantic-field-label-line-height, var(--token-global-space-6, 24px));transition: var(--select-field-transition, top var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), transform var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), font-size var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), line-height var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), margin var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), background-color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))));}:is(.rc-select-910e459fbbe0 > [data-role="select-label"]) > [data-required-marker]{flex-shrink: 0;order: var(--token-semantic-field-required-order, 1);color: var(--token-semantic-field-required-color, inherit);}:is(.rc-select-910e459fbbe0 > [data-role="select-label"]) > [id]{min-width: 0;overflow: hidden;text-overflow: ellipsis;}.rc-select-910e459fbbe0:is(:focus-within, [data-floating="true"]) > [data-role="select-label"]{align-self: var(--token-semantic-field-label-floating-align, start);font-size: var(--token-semantic-field-label-floating-font-size, var(--token-global-font-size-xs, 12px));line-height: var(--token-semantic-field-label-floating-line-height, var(--token-global-space-4, 16px));transform: var(--token-semantic-field-label-floating-transform, translateY(-50%));}.rc-select-910e459fbbe0[data-appearance="filled"]:is(:focus-within, [data-floating="true"]) > [data-role="select-label"]{margin-block-start: var(--token-semantic-field-label-filled-offset, var(--token-global-space-2, 8px));transform: none;}.rc-select-910e459fbbe0:is(:focus-within, [data-open="true"]) > [data-role="select-label"]{color: var(--select-field-label-color-focus, var(--token-semantic-field-label-color-focus, var(--token-semantic-color-brand-primary, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))));}.rc-select-910e459fbbe0[data-status="error"] > [data-role="select-label"]{color: var(--select-field-color-error, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))));}.rc-select-910e459fbbe0[data-status="warning"] > [data-role="select-label"]{color: var(--select-field-color-warning, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))));}.rc-select-910e459fbbe0[data-disabled="true"] > [data-role="select-label"]{color: var(--token-semantic-field-disabled-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 38%, transparent));}.rc-select-910e459fbbe0[data-disabled="true"] > [data-role="select-label"] > [data-required-marker]{color: inherit;}.rc-select-910e459fbbe0[data-labeled="true"][data-floating="false"]:not(:focus-within) [data-role="select-placeholder"]{color: var(--token-semantic-field-label-empty-placeholder-color, transparent);}@media (prefers-reduced-motion: reduce){.rc-select-910e459fbbe0 > [data-role="select-label"]{transition: none;}}@media (forced-colors: active){.rc-select-910e459fbbe0 > [data-role="select-label"]{color: CanvasText;}.rc-select-910e459fbbe0 > [data-role="select-label"] > [data-required-marker]{color: inherit;}.rc-select-910e459fbbe0[data-disabled="true"] > [data-role="select-label"]{color: GrayText;}}.rc-select-1dddd2d985da{position: relative;}.rc-select-1dddd2d985da.rc-select-1dddd2d985da[data-labeled="true"] > [data-role="select-label"]{position: absolute;grid-row: var(--token-semantic-field-layout-label-row, 1) / span 1;align-self: start;top: 50%;transform: var(--token-semantic-field-label-floating-transform, translateY(-50%));}.rc-select-1dddd2d985da.rc-select-1dddd2d985da[data-labeled="true"]:is(:focus-within, [data-floating="true"]) > [data-role="select-label"]{top: 0%;}.rc-select-1dddd2d985da.rc-select-1dddd2d985da[data-labeled="true"][data-appearance="filled"]:is(:focus-within, [data-floating="true"]) > [data-role="select-label"]{transform: none;}.rc-select-82fbf3807561{opacity: var(--select-root-opacity-disabled, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)));cursor: not-allowed;pointer-events: none;}.rc-select-6d2a034155e7{border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-6d2a034155e7:hover:not([aria-disabled="true"]){border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-6d2a034155e7:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));box-shadow: var(--select-root-validation-box-shadow-error, var(--token-semantic-field-control-shadow-error, inset 0 0 0 2px var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727)))));}.rc-select-36466465840d{border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-36466465840d:hover:not([aria-disabled="true"]){border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-36466465840d:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));box-shadow: var(--select-root-validation-box-shadow-warning, var(--token-semantic-field-control-shadow-warning, inset 0 0 0 2px var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-600, oklch(0.666 0.179 73)))));}.rc-select-f0b8a9c0c369{display: flex;align-items: center;flex-wrap: wrap;gap: 4px;flex: 1;min-width: 0;overflow: hidden;}.rc-select-bcd33343d38d{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.rc-select-30719d992205{color: var(--select-text-color-placeholder, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.rc-select-c91210473c12{flex: 1;min-width: 0;}/* The Select field owns focus, including forced colors; avoid a second ring. */
|
|
2
|
-
.rc-select-c91210473c12.rc-select-c91210473c12:focus-within{outline: none;}.rc-select-8ca15a371517{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: var(--select-icon-width, var(--token-semantic-field-icon-size, var(--token-global-space-
|
|
3
|
-
.rc-select-aa51540f6a1a.rc-select-aa51540f6a1a:disabled > span{opacity: 1;}@media (pointer: coarse){.rc-select-aa51540f6a1a.rc-select-aa51540f6a1a{width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));min-width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));height: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}.rc-select-14f1c2e4ccd5{display: inline-flex;align-items: center;color: var(--select-root-color-loading, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));flex-shrink: 0;--rc-spin-size: var(--select-icon-width, var(--token-semantic-field-icon-size, var(--token-global-space-
|
|
1
|
+
.rc-select-0f3ecf945b98{display: inline-grid;width: 100%;min-width: 0;max-width: 100%;gap: var(--token-semantic-field-layout-row-gap, var(--token-global-space-1, 4px));}.rc-select-3bd2a27273ad{padding-inline: var(--token-semantic-field-support-padding-inline, 0px);color: var(--select-field-label-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));font-size: var(--select-field-label-font-size, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)));line-height: var(--select-field-support-line-height, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)));overflow-wrap: anywhere;}.rc-select-3bd2a27273ad[data-status="error"]{color: var(--select-field-color-error, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))));}.rc-select-3bd2a27273ad[data-status="warning"]{color: var(--select-field-color-warning, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))));}@media (forced-colors: active){.rc-select-3bd2a27273ad{color: CanvasText;}}.rc-select-df4a743b55e1{padding: var(--select-size-large-padding, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-3, 12px)));--select-clear-width: var(--select-size-large-action-width, var(--token-semantic-sizing-large-action, var(--token-global-size-32, 32px)));--select-clear-height: var(--select-size-large-action-width, var(--token-semantic-sizing-large-action, var(--token-global-size-32, 32px)));font-size: var(--select-size-large-font-size, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-large-line-height, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)));}.rc-select-de4a743b542e{padding: var(--select-size-medium-padding, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-3, 12px)));--select-clear-width: var(--select-size-medium-action-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));--select-clear-height: var(--select-size-medium-action-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));font-size: var(--select-size-medium-font-size, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-medium-line-height, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)));}.rc-select-dd4a743b527b{padding: var(--select-size-small-padding, 0 var(--token-semantic-field-control-padding-inline, var(--token-global-space-3, 12px)));--select-clear-width: var(--select-size-small-action-width, var(--token-semantic-sizing-small-action, var(--token-global-space-6, 24px)));--select-clear-height: var(--select-size-small-action-width, var(--token-semantic-sizing-small-action, var(--token-global-space-6, 24px)));font-size: var(--select-size-small-font-size, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)));line-height: var(--select-size-small-line-height, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)));}.rc-select-b8fc5925a597{padding-block: 0;height: max(var(--select-size-large-height, var(--token-semantic-sizing-large-field, var(--token-global-size-48, 48px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, 0px)), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-b7fc5925a3e4{padding-block: 0;height: max(var(--select-size-medium-height, var(--token-semantic-sizing-medium-field, var(--token-global-size-40, 40px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, 0px)), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-bafc5925a8fd{padding-block: 0;height: max(var(--select-size-small-height, var(--token-semantic-sizing-small-field, var(--token-global-size-32, 32px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, 0px)), calc(1lh + 2 * var(--select-root-border-width, 1px)));}.rc-select-5d07f79a2f4a{min-height: max(var(--select-size-large-height, var(--token-semantic-sizing-large-field, var(--token-global-size-48, 48px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, 0px)));}.rc-select-5e07f79a30fd{min-height: max(var(--select-size-medium-height, var(--token-semantic-sizing-medium-field, var(--token-global-size-40, 40px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, 0px)));}.rc-select-5b07f79a2be4{min-height: max(var(--select-size-small-height, var(--token-semantic-sizing-small-field, var(--token-global-size-32, 32px))), var(--select-field-min-height, var(--token-semantic-field-control-min-height, 0px)));}.rc-select-5e896678dc89{position: relative;display: inline-flex;align-items: center;width: 100%;box-sizing: border-box;border: var(--select-root-border-width, 1px) var(--select-root-border-style, solid) var(--select-root-border-color, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))));border-radius: var(--select-root-border-radius, var(--token-semantic-shape-control, var(--token-global-radius-2, 4px)));background-color: var(--select-root-background-color, var(--token-semantic-color-surface-content, var(--token-semantic-color-background-surface, var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))));box-shadow: var(--select-root-box-shadow, var(--token-semantic-field-control-shadow, none));color: var(--select-text-color, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));cursor: pointer;user-select: none;outline: none;transition: var(--select-root-transition, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))));}.rc-select-5e896678dc89:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"]):not([data-status]){border-color: var(--select-root-border-color-hover, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}.rc-select-5e896678dc89:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));box-shadow: var(--select-root-box-shadow-focus, var(--token-semantic-field-control-shadow-focus, inset 0 0 0 2px var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))));}@media (prefers-reduced-motion: reduce){.rc-select-5e896678dc89{transition: none;}}@media (pointer: coarse){.rc-select-5e896678dc89.rc-select-5e896678dc89{min-height: max(var(--select-field-min-height, var(--token-semantic-field-control-min-height, 0px)), calc(var(--select-root-touch-min-height, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px))) + 2 * var(--select-root-border-width, 1px)));padding-block: 0;--select-clear-width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}@media (forced-colors: active){.rc-select-5e896678dc89{border-color: ButtonText;}.rc-select-5e896678dc89:is(:focus-within, [aria-expanded="true"]){outline: var(--select-root-outline-width-focus, 2px) solid Highlight;outline-offset: var(--select-root-outline-offset-focus, 2px);}.rc-select-5e896678dc89[aria-disabled='true']{border-color: GrayText;color: GrayText;}}.rc-select-29edc097b42b{grid-column: 1;grid-row: 1;}.rc-select-29edc097b42b[data-labeled="true"]{grid-row: var(--token-semantic-field-layout-control-row, 2);}.rc-select-29edc097b42b[data-appearance="filled"][data-labeled="true"] > [data-role="select-value"]{padding-top: var(--token-semantic-field-input-filled-padding-top, 0px);}.rc-select-29edc097b42b[data-appearance="filled"]{border-radius: var(--token-semantic-field-filled-border-radius, var(--token-global-radius-2, 4px) var(--token-global-radius-2, 4px) 0 0);border-width: var(--token-semantic-field-filled-border-width, 0 0 1px);border-color: var(--token-semantic-field-filled-border-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));background: var(--token-semantic-field-filled-background-color, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))));}.rc-select-29edc097b42b[data-appearance="filled"]:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"]){background: var(--token-semantic-field-filled-background-color-hover, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 8%, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144)))));}:is(.rc-select-29edc097b42b[data-appearance="filled"]:hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"])):not([data-status]){border-color: var(--token-semantic-field-filled-border-color-hover, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}.rc-select-29edc097b42b[data-appearance="filled"]:is(:focus-within, [aria-expanded="true"]){border-color: var(--token-semantic-field-filled-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));box-shadow: var(--token-semantic-field-filled-shadow-focus, inset 0 -2px 0 var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="error"]{border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="error"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-filled-shadow-error, inset 0 -2px 0 var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="warning"]{border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="filled"][data-status="warning"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-filled-shadow-warning, inset 0 -2px 0 var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-600, oklch(0.666 0.179 73))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"]{border-color: var(--token-semantic-field-outlined-border-color, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"]):hover:not([aria-disabled="true"]):not(:focus-within):not([aria-expanded="true"]){border-color: var(--token-semantic-field-outlined-border-color-hover, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"]):is(:focus-within, [aria-expanded="true"]){border-color: var(--token-semantic-field-outlined-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));box-shadow: var(--token-semantic-field-outlined-shadow-focus, inset 0 0 0 2px var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="error"]{border-color: var(--token-semantic-field-outlined-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="error"]):hover{border-color: var(--token-semantic-field-outlined-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="error"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-outlined-shadow-error, inset 0 0 0 2px var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="warning"]{border-color: var(--token-semantic-field-outlined-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="warning"]):hover{border-color: var(--token-semantic-field-outlined-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}:is(:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[data-appearance="outlined"][data-labeled="true"])[data-status="warning"]):is(:focus-within, [aria-expanded="true"]){box-shadow: var(--token-semantic-field-outlined-shadow-warning, inset 0 0 0 2px var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-29edc097b42b > fieldset{display: var(--token-semantic-field-outline-display, none);position: absolute;inset: calc(0px - var(--token-semantic-field-label-floating-line-height, var(--token-global-space-5, 20px)) / 2) 0 0;margin: 0;padding: 0;min-width: 0;pointer-events: none;border: var(--select-root-border-width, 1px) solid var(--select-root-border-color, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))));border-radius: inherit;}.rc-select-29edc097b42b > fieldset > legend{visibility: hidden;overflow: hidden;max-width: 0;height: var(--token-semantic-field-label-floating-line-height, var(--token-global-space-5, 20px));margin-inline-start: var(--token-semantic-field-outline-legend-margin, var(--token-global-space-3, 12px));padding: 0;font-size: var(--token-semantic-field-label-floating-font-size, var(--token-global-font-size-sm, 14px));line-height: 1;white-space: nowrap;}.rc-select-29edc097b42b:is(:focus-within, [data-floating="true"]) > fieldset > legend{max-width: 100%;padding-inline: var(--token-semantic-field-outline-legend-padding, var(--token-global-space-1, 4px));}.rc-select-29edc097b42b:hover:not([aria-disabled="true"]) > fieldset{border-color: var(--select-root-border-color-hover, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}.rc-select-29edc097b42b:is(:focus-within, [aria-expanded="true"]) > fieldset{border-color: var(--select-root-border-color-focus, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))));border-width: var(--select-field-outline-border-width-focus, 3px);}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-status="error"] > fieldset{border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[data-status="warning"] > fieldset{border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]{opacity: 1;color: var(--token-semantic-field-disabled-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 38%, transparent));border-color: var(--token-semantic-field-disabled-border-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 12%, transparent));box-shadow: none;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) > fieldset{border-color: var(--token-semantic-field-disabled-border-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 12%, transparent));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-suffix"]{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-value"]{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-placeholder"],:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-suffix"] button{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"]) [data-role="select-suffix"] button span{color: inherit;}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"])[data-appearance="filled"]{border-color: var(--token-semantic-field-disabled-filled-border-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 38%, transparent));background: var(--token-semantic-field-disabled-filled-background, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 4%, transparent));}:is(.rc-select-29edc097b42b.rc-select-29edc097b42b[aria-disabled="true"])[data-appearance="outlined"][data-labeled="true"]{border-color: var(--token-semantic-field-disabled-border-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 12%, transparent));}@media (forced-colors: active){.rc-select-29edc097b42b.rc-select-29edc097b42b{border-color: CanvasText;background: Canvas;}.rc-select-29edc097b42b > fieldset{display: none;}.rc-select-29edc097b42b[aria-disabled="true"]{border-color: GrayText;}}.rc-select-910e459fbbe0{display: grid;grid-template-columns: minmax(0, 1fr);row-gap: var(--token-semantic-field-layout-row-gap, var(--token-global-space-1, 4px));min-width: 0;}.rc-select-910e459fbbe0 > [data-role="select-label"]{display: inline-flex;gap: var(--token-semantic-field-required-gap, var(--token-global-space-1, 4px));position: relative;z-index: 1;grid-column: 1;grid-row: var(--token-semantic-field-layout-label-row, 1);align-self: var(--token-semantic-field-label-align, center);justify-self: start;min-width: 0;max-width: 100%;margin-inline: var(--token-semantic-field-label-margin-inline, 0px);overflow: hidden;text-overflow: ellipsis;white-space: nowrap;pointer-events: none;color: var(--select-field-label-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));font-size: var(--token-semantic-field-label-font-size, var(--token-global-font-size-sm, 14px));line-height: var(--token-semantic-field-label-line-height, var(--token-global-space-5, 20px));transition: var(--select-field-transition, top var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), transform var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), font-size var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), line-height var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), margin var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), background-color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))));}:is(.rc-select-910e459fbbe0 > [data-role="select-label"]) > [data-required-marker]{flex-shrink: 0;order: var(--token-semantic-field-required-order, 1);color: var(--token-semantic-field-required-color, inherit);}:is(.rc-select-910e459fbbe0 > [data-role="select-label"]) > [id]{min-width: 0;overflow: hidden;text-overflow: ellipsis;}.rc-select-910e459fbbe0:is(:focus-within, [data-floating="true"]) > [data-role="select-label"]{align-self: var(--token-semantic-field-label-floating-align, center);font-size: var(--token-semantic-field-label-floating-font-size, var(--token-global-font-size-sm, 14px));line-height: var(--token-semantic-field-label-floating-line-height, var(--token-global-space-5, 20px));transform: var(--token-semantic-field-label-floating-transform, none);}.rc-select-910e459fbbe0[data-appearance="filled"]:is(:focus-within, [data-floating="true"]) > [data-role="select-label"]{margin-block-start: var(--token-semantic-field-label-filled-offset, 0px);transform: none;}.rc-select-910e459fbbe0:is(:focus-within, [data-open="true"]) > [data-role="select-label"]{color: var(--select-field-label-color-focus, var(--token-semantic-field-label-color-focus, var(--token-semantic-color-brand-primary, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))));}.rc-select-910e459fbbe0[data-status="error"] > [data-role="select-label"]{color: var(--select-field-color-error, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))));}.rc-select-910e459fbbe0[data-status="warning"] > [data-role="select-label"]{color: var(--select-field-color-warning, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))));}.rc-select-910e459fbbe0[data-disabled="true"] > [data-role="select-label"]{color: var(--token-semantic-field-disabled-color, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) 38%, transparent));}.rc-select-910e459fbbe0[data-disabled="true"] > [data-role="select-label"] > [data-required-marker]{color: inherit;}.rc-select-910e459fbbe0[data-labeled="true"][data-floating="false"]:not(:focus-within) [data-role="select-placeholder"]{color: var(--token-semantic-field-label-empty-placeholder-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));}@media (prefers-reduced-motion: reduce){.rc-select-910e459fbbe0 > [data-role="select-label"]{transition: none;}}@media (forced-colors: active){.rc-select-910e459fbbe0 > [data-role="select-label"]{color: CanvasText;}.rc-select-910e459fbbe0 > [data-role="select-label"] > [data-required-marker]{color: inherit;}.rc-select-910e459fbbe0[data-disabled="true"] > [data-role="select-label"]{color: GrayText;}}.rc-select-82fbf3807561{opacity: var(--select-root-opacity-disabled, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)));cursor: not-allowed;pointer-events: none;}.rc-select-6d2a034155e7{border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-6d2a034155e7:hover:not([aria-disabled="true"]){border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));}.rc-select-6d2a034155e7:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-error, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))));box-shadow: var(--select-root-validation-box-shadow-error, var(--token-semantic-field-control-shadow-error, inset 0 0 0 2px var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727)))));}.rc-select-36466465840d{border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-36466465840d:hover:not([aria-disabled="true"]){border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));}.rc-select-36466465840d:is(:focus-within, [aria-expanded="true"]){border-color: var(--select-root-border-color-warning, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))));box-shadow: var(--select-root-validation-box-shadow-warning, var(--token-semantic-field-control-shadow-warning, inset 0 0 0 2px var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-600, oklch(0.666 0.179 73)))));}.rc-select-f0b8a9c0c369{display: flex;align-items: center;flex-wrap: wrap;gap: 4px;flex: 1;min-width: 0;overflow: hidden;}.rc-select-bcd33343d38d{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.rc-select-30719d992205{color: var(--select-text-color-placeholder, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.rc-select-c91210473c12{flex: 1;min-width: 0;}/* The Select field owns focus, including forced colors; avoid a second ring. */
|
|
2
|
+
.rc-select-c91210473c12.rc-select-c91210473c12:focus-within{outline: none;}.rc-select-8ca15a371517{flex-shrink: 0;display: inline-flex;align-items: center;justify-content: center;width: var(--select-icon-width, var(--token-semantic-field-icon-size, var(--token-global-space-5, 20px)));height: var(--select-icon-width, var(--token-semantic-field-icon-size, var(--token-global-space-5, 20px)));color: var(--select-icon-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));}.rc-select-8ca15a371517 > svg{width: 100%;height: 100%;}.rc-select-8ca15a371517{transition: transform var(--select-motion-spatial-transition, var(--token-semantic-motion-spatial-fast, var(--token-global-duration-350, 350ms) var(--token-global-easing-expressive-spatial-fast, cubic-bezier(0.42, 1.67, 0.21, 0.90))));}@media (prefers-reduced-motion: reduce){.rc-select-8ca15a371517{transition: none;}}.rc-select-72a72768a0ef{transform: rotate(180deg);}.rc-select-113a9493f812{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;max-width: 120px;}.rc-select-5032f5885db7{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;gap: var(--select-field-gap, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)));margin-inline-start: var(--select-field-gap, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)));}.rc-select-aa51540f6a1a{flex-shrink: 0;}.rc-select-aa51540f6a1a.rc-select-aa51540f6a1a{--button-icon-width: var(--select-icon-width, var(--token-semantic-field-icon-size, var(--token-global-space-5, 20px)));padding: 0;width: var(--select-clear-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));min-width: var(--select-clear-width, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));height: var(--select-clear-height, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)));color: var(--select-clear-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));}.rc-select-aa51540f6a1a.rc-select-aa51540f6a1a:hover{color: var(--select-clear-color-hover, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))));}/* 字段容器已经应用禁用透明度。 */
|
|
3
|
+
.rc-select-aa51540f6a1a.rc-select-aa51540f6a1a:disabled > span{opacity: 1;}@media (pointer: coarse){.rc-select-aa51540f6a1a.rc-select-aa51540f6a1a{width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));min-width: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));height: var(--select-clear-touch-width, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}.rc-select-14f1c2e4ccd5{display: inline-flex;align-items: center;color: var(--select-root-color-loading, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));flex-shrink: 0;--rc-spin-size: var(--select-icon-width, var(--token-semantic-field-icon-size, var(--token-global-space-5, 20px)));--spin-ring-indicator-stroke: currentColor;--spin-ring-track-stroke: transparent;}.rc-select-2b62562b9766{padding: var(--select-dropdown-padding, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)));overflow: hidden;}.rc-select-4c26800476b7{position: relative;display: flex;align-items: center;width: 100%;padding: var(--select-option-padding-block, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px))) 8px;border-radius: var(--select-option-border-radius, var(--token-semantic-field-option-radius, var(--token-global-radius-0, 0px)));cursor: pointer;user-select: none;height: max(var(--select-option-height, var(--token-semantic-density-item, var(--token-semantic-density-standard-item, var(--token-global-size-32, 32px)))), calc(1lh + 2 * var(--select-option-padding-block, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))));}@media (pointer: coarse){.rc-select-4c26800476b7{min-height: var(--select-root-touch-min-height, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}.rc-select-4c26800476b7{box-sizing: border-box;font-size: var(--select-option-font-size, var(--token-semantic-typography-body-medium-font-size, var(--token-global-font-size-sm, 14px)));line-height: var(--select-option-line-height, var(--token-semantic-typography-body-medium-line-height, var(--token-global-line-height-14-20, 1.4285714285714286)));outline: none;transition: var(--select-root-transition, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))));}.rc-select-4c26800476b7:hover:not([aria-disabled='true']){background-color: var(--select-option-background-color-hover, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))));}.rc-select-4c26800476b7:active:not([aria-disabled='true']){background-color: var(--select-option-background-color-active, var(--token-semantic-color-state-pressed, var(--token-semantic-color-background-active-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))));}/* Selection stays visible beneath independent hover, pressed and active-descendant feedback. */
|
|
4
4
|
.rc-select-4c26800476b7[aria-selected="true"]{background-color: var(--select-option-background-color-selected, var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510)))));color: var(--select-option-color-selected, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))));}.rc-select-4c26800476b7[aria-selected="true"]:hover:not([aria-disabled='true']){background-color: var(--select-option-selection-background-color-hover, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))));}.rc-select-4c26800476b7[aria-selected="true"]:active:not([aria-disabled='true']){background-color: var(--select-option-selection-background-color-active, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))));}.rc-select-4c26800476b7[data-highlighted="true"]{outline: var(--select-option-activity-outline-width, 2px) solid var(--select-option-activity-outline-color, var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))));outline-offset: var(--select-option-activity-outline-offset, -2px);}@media (prefers-reduced-motion: reduce){.rc-select-4c26800476b7{transition: none;}}@media (forced-colors: active){.rc-select-4c26800476b7{forced-color-adjust: none;background: Canvas;color: CanvasText;}.rc-select-4c26800476b7:hover:not([aria-disabled='true']),.rc-select-4c26800476b7:active:not([aria-disabled='true']){background: Canvas;}.rc-select-4c26800476b7[aria-selected='true']{background: Highlight;color: HighlightText;}.rc-select-4c26800476b7[aria-selected='true']:hover:not([aria-disabled='true']),.rc-select-4c26800476b7[aria-selected='true']:active:not([aria-disabled='true']){background: Highlight;color: HighlightText;}.rc-select-4c26800476b7[data-highlighted='true']{outline-color: CanvasText;}.rc-select-4c26800476b7[aria-selected='true'][data-highlighted='true']{outline-color: HighlightText;}.rc-select-4c26800476b7[aria-disabled='true']{color: GrayText;}}.rc-select-868bf53a2d33{background-color: var(--select-option-highlight-background-color, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))));}.rc-select-f4efdbe79bde{position: absolute;visibility: hidden;pointer-events: none;width: 1px;overflow: hidden;}.rc-select-dca4819751f4{font-weight: 500;}.rc-select-b8e7cfd3837c{font-weight: 500;color: var(--select-option-color-selected, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))));}.rc-select-fd6a969fdc3f{opacity: var(--select-root-opacity-disabled, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)));cursor: not-allowed;pointer-events: none;}@media (forced-colors: active){.rc-select-fd6a969fdc3f{opacity: 1;}}.rc-select-d58ef5724e7d{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;flex: 1;min-width: 0;}.rc-select-bbb208831319{display: inline-flex;align-items: center;justify-content: center;flex-shrink: 0;width: 16px;height: 16px;margin-inline-start: 8px;color: var(--select-option-color-selected, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))));}.rc-select-52f500f177fc{/* The option row owns the hit area; its checkbox is a decorative indicator. */
|
|
5
5
|
--checkbox-control-target-width: var(--select-option-checkbox-width, var(--token-semantic-size-icon, var(--token-global-space-4, 16px)));--checkbox-root-touch-min-width: var(--select-option-checkbox-width, var(--token-semantic-size-icon, var(--token-global-space-4, 16px)));--checkbox-root-touch-min-height: var(--select-option-checkbox-width, var(--token-semantic-size-icon, var(--token-global-space-4, 16px)));display: inline-flex;flex-shrink: 0;margin-inline-end: 8px;pointer-events: none;}.rc-select-e84bd23bdc99{padding: 24px 8px;color: var(--select-text-color-placeholder, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));text-align: center;font-size: var(--select-option-font-size, var(--token-semantic-typography-body-medium-font-size, var(--token-global-font-size-sm, 14px)));}.rc-select-3ce923bc7749{display: flex;align-items: center;padding: 4px 8px;height: var(--select-option-measured-height, var(--select-option-height, var(--token-semantic-density-item, var(--token-semantic-density-standard-item, var(--token-global-size-32, 32px)))));}@media (pointer: coarse){.rc-select-3ce923bc7749{min-height: var(--select-root-touch-min-height, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)));}}.rc-select-3ce923bc7749{box-sizing: border-box;font-size: var(--select-group-font-size, var(--token-semantic-typography-caption-font-size, var(--token-global-font-size-xs, 12px)));color: var(--select-group-color, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));font-weight: 500;user-select: none;}.rc-select-16181d2683cf{padding-inline-start: 20px;}.rc-select-7804943b918e{display: block;width: 100%;height: var(--crab-rc-virtual-top-padding-height, 0px);}.rc-select-86002077b8c2{display: block;width: 100%;height: var(--crab-rc-virtual-bottom-padding-height, 0px);}.rc-select-3809e79e5752{display: flex;align-items: center;justify-content: center;padding: 24px 8px;color: var(--select-root-color-loading, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))));--rc-spin-size: 20px;--spin-ring-indicator-stroke: currentColor;--spin-ring-track-stroke: transparent;}
|
|
@@ -5,11 +5,11 @@ import Button from "@crab-dev/rc-button";
|
|
|
5
5
|
import { SpinIndicator } from "@crab-dev/rc-spin";
|
|
6
6
|
import Tag from "@crab-dev/rc-tag";
|
|
7
7
|
import { cx } from "@crab-dev/css";
|
|
8
|
-
import {
|
|
8
|
+
import { useLocale } from "@crab-dev/rc-config-provider";
|
|
9
9
|
import { useCallback, useEffect, useEffectEvent, useRef, useState } from "react";
|
|
10
10
|
import token, { vars } from "./token.mjs";
|
|
11
11
|
;
|
|
12
|
-
import { controlStyle, fieldControlStyle, fieldLayoutStyle,
|
|
12
|
+
import { controlStyle, fieldControlStyle, fieldLayoutStyle, controlDisabledStyle, controlErrorStyle, controlWarningStyle, valueWrapStyle, singleValueStyle, placeholderStyle, searchInputStyle, caretStyle, caretOpenStyle, tagLabelStyle, suffixWrapStyle, actionStyle, loadingIconStyle } from "./selectInput.styles.mjs";
|
|
13
13
|
const setRef = (ref, node) => {
|
|
14
14
|
if (typeof ref === "function") {
|
|
15
15
|
ref(node);
|
|
@@ -26,7 +26,6 @@ const ClearIcon = () => _jsx("svg", { "aria-hidden": "true", focusable: "false",
|
|
|
26
26
|
const SelectInput = ({ ref, controlRef, id, ariaLabel, ariaLabelledBy, ariaDescribedBy, disabled, searchable, multiple, size, status, appearance, label, labelId, required, allowClear, loading, maxTagCount, autoFocus, placeholder, selectedOptions, searchText, highlightIndex, highlightedOption, listboxId, tagRender, onSearchTextChange, onOpenStateChange, onWidthChange, onMoveHighlight, onSelectHighlighted, onClear, onRemoveTag, onFocus, onBlur }) => {
|
|
27
27
|
const { state, refs, dispatch } = useDropdownContext();
|
|
28
28
|
const { messages } = useLocale();
|
|
29
|
-
const { designSystem } = useConfig();
|
|
30
29
|
const inputRef = useRef(null);
|
|
31
30
|
const open = state.open;
|
|
32
31
|
const [hovered, setHovered] = useState(false);
|
|
@@ -186,7 +185,7 @@ const SelectInput = ({ ref, controlRef, id, ariaLabel, ariaLabelledBy, ariaDescr
|
|
|
186
185
|
return _jsx("span", { className: singleValueStyle, children: selectedOptions[0]?.label });
|
|
187
186
|
};
|
|
188
187
|
const activeDescendantId = open && highlightIndex >= 0 ? `${listboxId}-option-${highlightIndex}` : undefined;
|
|
189
|
-
return _jsxs("div", { className:
|
|
188
|
+
return _jsxs("div", { className: fieldLayoutStyle, "data-labeled": Boolean(label), "data-appearance": appearance, "data-floating": Boolean(open || selectedOptions.length > 0 || searchText), "data-open": open, "data-status": status, "data-disabled": disabled || undefined, children: [label && _jsxs("span", { "data-role": "select-label", children: [_jsx("span", { id: labelId, children: label }), required && _jsx("span", { "data-required-marker": "", "aria-hidden": "true", children: "*" })] }), _jsxs("div", { id: id, role: "combobox", "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-required": required || undefined, "aria-expanded": open, "aria-disabled": disabled, "aria-busy": loading || undefined, "aria-haspopup": "listbox", "aria-controls": open ? listboxId : undefined, "aria-activedescendant": activeDescendantId, "aria-invalid": status === "error" ? true : undefined, "data-appearance": appearance, "data-clearable": canClear, "data-labeled": Boolean(label), "data-floating": Boolean(open || selectedOptions.length > 0 || searchText), "data-status": status, tabIndex: disabled ? -1 : 0, ref: mergeRef, className: cx.call(undefined, controlStyle, sizeMetricsMap[size], multiple ? sizeHeightFlexibleMap[size] : sizeHeightFixedMap[size], disabled && controlDisabledStyle, status === "error" && controlErrorStyle, status === "warning" && controlWarningStyle, fieldControlStyle), onClick: handleClick, onKeyDown: handleKeyDown, onFocus: onFocus, onBlur: onBlur, onPointerOver: (event) => {
|
|
190
189
|
if (event.pointerType !== "touch") setHovered(true);
|
|
191
190
|
}, onPointerOut: (event) => {
|
|
192
191
|
if (!(event.relatedTarget instanceof Node) || !event.currentTarget.contains(event.relatedTarget)) {
|
|
@@ -5,7 +5,6 @@ import token, { vars } from "./token.mjs";
|
|
|
5
5
|
export const controlStyle = "rc-select-5e896678dc89";
|
|
6
6
|
export const fieldControlStyle = "rc-select-29edc097b42b";
|
|
7
7
|
export const fieldLayoutStyle = "rc-select-910e459fbbe0";
|
|
8
|
-
export const md3LabelMotionStyle = "rc-select-1dddd2d985da";
|
|
9
8
|
export const controlDisabledStyle = "rc-select-82fbf3807561";
|
|
10
9
|
export const controlErrorStyle = "rc-select-6d2a034155e7";
|
|
11
10
|
export const controlWarningStyle = "rc-select-36466465840d";
|
package/esm/_wake/src/token.mjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { defineTokens } from "@crab-dev/css";
|
|
2
2
|
export const vars = defineTokens({ "option.checkbox.width": "--select-option-checkbox-width", "option.background-color-hover": "--select-option-background-color-hover", "option.color-selected": "--select-option-color-selected", "option.background-color-selected": "--select-option-background-color-selected", "option.border-radius": "--select-option-border-radius", "option.color-disabled": "--select-option-color-disabled", "option.highlight.background-color": "--select-option-highlight-background-color", "option.background-color-active": "--select-option-background-color-active", "option.selection.background-color-hover": "--select-option-selection-background-color-hover", "option.selection.background-color-active": "--select-option-selection-background-color-active", "option.activity.outline-color": "--select-option-activity-outline-color", "option.activity.outline-width": "--select-option-activity-outline-width", "option.activity.outline-offset": "--select-option-activity-outline-offset", "option.height": "--select-option-height", "option.padding-block": "--select-option-padding-block", "option.font-size": "--select-option-font-size", "option.line-height": "--select-option-line-height", "root.transition": "--select-root-transition", "root.opacity-disabled": "--select-root-opacity-disabled", "root.touch.min-height": "--select-root-touch-min-height", "root.outline-width-focus": "--select-root-outline-width-focus", "root.outline-offset-focus": "--select-root-outline-offset-focus", "root.border-width": "--select-root-border-width", "root.border-style": "--select-root-border-style", "root.border-color": "--select-root-border-color", "root.border-color-hover": "--select-root-border-color-hover", "root.border-color-focus": "--select-root-border-color-focus", "root.border-color-error": "--select-root-border-color-error", "root.border-color-warning": "--select-root-border-color-warning", "root.border-radius": "--select-root-border-radius", "root.background-color": "--select-root-background-color", "root.background-color-disabled": "--select-root-background-color-disabled", "root.box-shadow": "--select-root-box-shadow", "root.box-shadow-focus": "--select-root-box-shadow-focus", "root.validation.box-shadow-error": "--select-root-validation-box-shadow-error", "root.validation.box-shadow-warning": "--select-root-validation-box-shadow-warning", "root.color-loading": "--select-root-color-loading", "motion.interaction.transition": "--select-motion-interaction-transition", "motion.spatial.transition": "--select-motion-spatial-transition", "text.color": "--select-text-color", "text.color-placeholder": "--select-text-color-placeholder", "text.color-disabled": "--select-text-color-disabled", "tag.background-color": "--select-tag-background-color", "tag.color": "--select-tag-color", "tag.close.color-hover": "--select-tag-close-color-hover", "clear.color": "--select-clear-color", "clear.color-hover": "--select-clear-color-hover", "clear.width": "--select-clear-width", "clear.height": "--select-clear-height", "clear.touch.width": "--select-clear-touch-width", "clear.box-shadow-focus": "--select-clear-box-shadow-focus", "icon.width": "--select-icon-width", "icon.color": "--select-icon-color", "field.gap": "--select-field-gap", "field.padding-inline": "--select-field-padding-inline", "field.min-height": "--select-field-min-height", "field.label.top": "--select-field-label-top", "field.label.padding-inline": "--select-field-label-padding-inline", "field.label.font-size": "--select-field-label-font-size", "field.label.line-height": "--select-field-label-line-height", "field.label.color": "--select-field-label-color", "field.label.color-focus": "--select-field-label-color-focus", "field.input.padding-top": "--select-field-input-padding-top", "field.transition": "--select-field-transition", "field.filled.background-color": "--select-field-filled-background-color", "field.filled.background-color-hover": "--select-field-filled-background-color-hover", "field.filled.min-height": "--select-field-filled-min-height", "field.indicator.border-color": "--select-field-indicator-border-color", "field.indicator.box-shadow-focus": "--select-field-indicator-box-shadow-focus", "field.indicator.box-shadow-error": "--select-field-indicator-box-shadow-error", "field.indicator.box-shadow-warning": "--select-field-indicator-box-shadow-warning", "field.color-error": "--select-field-color-error", "field.color-warning": "--select-field-color-warning", "field.support.line-height": "--select-field-support-line-height", "field.outline.border-width-focus": "--select-field-outline-border-width-focus", "group.color": "--select-group-color", "group.font-size": "--select-group-font-size", "size.large.height": "--select-size-large-height", "size.large.padding": "--select-size-large-padding", "size.large.font-size": "--select-size-large-font-size", "size.large.line-height": "--select-size-large-line-height", "size.large.action.width": "--select-size-large-action-width", "size.medium.height": "--select-size-medium-height", "size.medium.padding": "--select-size-medium-padding", "size.medium.font-size": "--select-size-medium-font-size", "size.medium.line-height": "--select-size-medium-line-height", "size.medium.action.width": "--select-size-medium-action-width", "size.small.height": "--select-size-small-height", "size.small.padding": "--select-size-small-padding", "size.small.font-size": "--select-size-small-font-size", "size.small.line-height": "--select-size-small-line-height", "size.small.action.width": "--select-size-small-action-width", "dropdown.margin": "--select-dropdown-margin", "dropdown.max-height": "--select-dropdown-max-height", "dropdown.padding": "--select-dropdown-padding", "dropdown.option.padding": "--select-dropdown-option-padding", "dropdown.border-radius": "--select-dropdown-border-radius" });
|
|
3
|
-
const token = defineTokens({ "option": { "checkbox": { "width": `var(${vars["option.checkbox.width"]}, var(--token-semantic-size-icon, var(--token-global-space-4, 16px)))` }, "background-color-hover": `var(${vars["option.background-color-hover"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "color-selected": `var(${vars["option.color-selected"]}, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))))`, "background-color-selected": `var(${vars["option.background-color-selected"]}, var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510)))))`, "border-radius": `var(${vars["option.border-radius"]}, var(--token-semantic-field-option-radius, var(--token-global-radius-0, 0px)))`, "color-disabled": `var(${vars["option.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "highlight": { "background-color": `var(${vars["option.highlight.background-color"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))` }, "background-color-active": `var(${vars["option.background-color-active"]}, var(--token-semantic-color-state-pressed, var(--token-semantic-color-background-active-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "selection": { "background-color-hover": `var(${vars["option.selection.background-color-hover"]}, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))))`, "background-color-active": `var(${vars["option.selection.background-color-active"]}, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))))` }, "activity": { "outline-color": `var(${vars["option.activity.outline-color"]}, var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))`, "outline-width": `var(${vars["option.activity.outline-width"]}, 2px)`, "outline-offset": `var(${vars["option.activity.outline-offset"]}, -2px)` }, "height": `var(${vars["option.height"]}, var(--token-semantic-density-item, var(--token-semantic-density-standard-item, var(--token-global-size-32, 32px))))`, "padding-block": `var(${vars["option.padding-block"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "font-size": `var(${vars["option.font-size"]}, var(--token-semantic-typography-body-medium-font-size, var(--token-global-font-size-sm, 14px)))`, "line-height": `var(${vars["option.line-height"]}, var(--token-semantic-typography-body-medium-line-height, var(--token-global-line-height-14-20, 1.4285714285714286)))` }, "root": { "transition": `var(${vars["root.transition"]}, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "opacity-disabled": `var(${vars["root.opacity-disabled"]}, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)))`, "touch": { "min-height": `var(${vars["root.touch.min-height"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "outline-width-focus": `var(${vars["root.outline-width-focus"]}, 2px)`, "outline-offset-focus": `var(${vars["root.outline-offset-focus"]}, 2px)`, "border-width": `var(${vars["root.border-width"]}, 1px)`, "border-style": `var(${vars["root.border-style"]}, solid)`, "border-color": `var(${vars["root.border-color"]}, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))))`, "border-color-hover": `var(${vars["root.border-color-hover"]}, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "border-color-focus": `var(${vars["root.border-color-focus"]}, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "border-color-error": `var(${vars["root.border-color-error"]}, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "border-color-warning": `var(${vars["root.border-color-warning"]}, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))`, "border-radius": `var(${vars["root.border-radius"]}, var(--token-semantic-shape-control, var(--token-global-radius-2, 4px)))`, "background-color": `var(${vars["root.background-color"]}, var(--token-semantic-color-surface-content, var(--token-semantic-color-background-surface, var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "background-color-disabled": `var(${vars["root.background-color-disabled"]}, var(--token-semantic-color-background-disabled, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "box-shadow": `var(${vars["root.box-shadow"]}, var(--token-semantic-field-control-shadow, none))`, "box-shadow-focus": `var(${vars["root.box-shadow-focus"]}, var(--token-semantic-field-control-shadow-focus, inset 0 0 0 2px var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))`, "validation": { "box-shadow-error": `var(${vars["root.validation.box-shadow-error"]}, var(--token-semantic-field-control-shadow-error, inset 0 0 0 2px var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727)))))`, "box-shadow-warning": `var(${vars["root.validation.box-shadow-warning"]}, var(--token-semantic-field-control-shadow-warning, inset 0 0 0 2px var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-600, oklch(0.666 0.179 73)))))` }, "color-loading": `var(${vars["root.color-loading"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "motion": { "interaction": { "transition": `var(${vars["motion.interaction.transition"]}, var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))` }, "spatial": { "transition": `var(${vars["motion.spatial.transition"]}, var(--token-semantic-motion-spatial-fast, var(--token-global-duration-350, 350ms) var(--token-global-easing-expressive-spatial-fast, cubic-bezier(0.42, 1.67, 0.21, 0.90))))` } }, "text": { "color": `var(${vars["text.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "color-placeholder": `var(${vars["text.color-placeholder"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-disabled": `var(${vars["text.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))` }, "tag": { "background-color": `var(${vars["tag.background-color"]}, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "color": `var(${vars["tag.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "close": { "color-hover": `var(${vars["tag.close.color-hover"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` } }, "clear": { "color": `var(${vars["clear.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-hover": `var(${vars["clear.color-hover"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "width": `var(${vars["clear.width"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))`, "height": `var(${vars["clear.height"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))`, "touch": { "width": `var(${vars["clear.touch.width"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "box-shadow-focus": `var(${vars["clear.box-shadow-focus"]}, inset 0 0 0 1px var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))` }, "icon": { "width": `var(${vars["icon.width"]}, var(--token-semantic-field-icon-size, var(--token-global-space-6, 24px)))`, "color": `var(${vars["icon.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "field": { "gap": `var(${vars["field.gap"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "padding-inline": `var(${vars["field.padding-inline"]}, var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "min-height": `var(${vars["field.min-height"]}, var(--token-semantic-field-control-min-height, var(--token-global-size-56, 56px)))`, "label": { "top": `var(${vars["field.label.top"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "padding-inline": `var(${vars["field.label.padding-inline"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "font-size": `var(${vars["field.label.font-size"]}, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)))`, "line-height": `var(${vars["field.label.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))`, "color": `var(${vars["field.label.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-focus": `var(${vars["field.label.color-focus"]}, var(--token-semantic-field-label-color-focus, var(--token-semantic-color-brand-primary, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))` }, "input": { "padding-top": `var(${vars["field.input.padding-top"]}, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px)))` }, "transition": `var(${vars["field.transition"]}, top var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), transform var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), font-size var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), line-height var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), margin var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), background-color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "filled": { "background-color": `var(${vars["field.filled.background-color"]}, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "background-color-hover": `var(${vars["field.filled.background-color-hover"]}, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144)))))`, "min-height": `var(${vars["field.filled.min-height"]}, var(--token-semantic-size-field-labeled, var(--token-global-size-48, 48px)))` }, "indicator": { "border-color": `var(${vars["field.indicator.border-color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "box-shadow-focus": `var(${vars["field.indicator.box-shadow-focus"]}, inset 0 -2px 0 var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "box-shadow-error": `var(${vars["field.indicator.box-shadow-error"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "box-shadow-warning": `var(${vars["field.indicator.box-shadow-warning"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))` }, "color-error": `var(${vars["field.color-error"]}, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))))`, "color-warning": `var(${vars["field.color-warning"]}, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))))`, "support": { "line-height": `var(${vars["field.support.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))` }, "outline": { "border-width-focus": `var(${vars["field.outline.border-width-focus"]}, 3px)` } }, "group": { "color": `var(${vars["group.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "font-size": `var(${vars["group.font-size"]}, var(--token-semantic-typography-caption-font-size, var(--token-global-font-size-xs, 12px)))` }, "size": { "large": { "height": `var(${vars["size.large.height"]}, var(--token-semantic-sizing-large-field, var(--token-global-size-40, 40px)))`, "padding": `var(${vars["size.large.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "font-size": `var(${vars["size.large.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.large.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.large.action.width"]}, var(--token-semantic-sizing-large-action, var(--token-global-size-32, 32px)))` } }, "medium": { "height": `var(${vars["size.medium.height"]}, var(--token-semantic-sizing-medium-field, var(--token-global-size-36, 36px)))`, "padding": `var(${vars["size.medium.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "font-size": `var(${vars["size.medium.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.medium.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.medium.action.width"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))` } }, "small": { "height": `var(${vars["size.small.height"]}, var(--token-semantic-sizing-small-field, var(--token-global-size-32, 32px)))`, "padding": `var(${vars["size.small.padding"]}, 0 var(--token-semantic-field-control-padding-inline, var(--token-global-space-4, 16px)))`, "font-size": `var(${vars["size.small.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.small.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.small.action.width"]}, var(--token-semantic-sizing-small-action, var(--token-global-space-6, 24px)))` } } }, "dropdown": { "margin": `var(${vars["dropdown.margin"]}, 6px)`, "max-height": `var(${vars["dropdown.max-height"]}, 240px)`, "padding": `var(${vars["dropdown.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "option": { "padding": `var(${vars["dropdown.option.padding"]}, var(--token-semantic-space-component-gap, var(--token-global-space-2, 8px)))` }, "border-radius": `var(${vars["dropdown.border-radius"]}, var(--token-semantic-shape-overlay, var(--token-global-radius-14, 28px)))` } });
|
|
3
|
+
const token = defineTokens({ "option": { "checkbox": { "width": `var(${vars["option.checkbox.width"]}, var(--token-semantic-size-icon, var(--token-global-space-4, 16px)))` }, "background-color-hover": `var(${vars["option.background-color-hover"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "color-selected": `var(${vars["option.color-selected"]}, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))))`, "background-color-selected": `var(${vars["option.background-color-selected"]}, var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510)))))`, "border-radius": `var(${vars["option.border-radius"]}, var(--token-semantic-field-option-radius, var(--token-global-radius-0, 0px)))`, "color-disabled": `var(${vars["option.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "highlight": { "background-color": `var(${vars["option.highlight.background-color"]}, var(--token-semantic-color-state-hover, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))` }, "background-color-active": `var(${vars["option.background-color-active"]}, var(--token-semantic-color-state-pressed, var(--token-semantic-color-background-active-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957))))))`, "selection": { "background-color-hover": `var(${vars["option.selection.background-color-hover"]}, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))))`, "background-color-active": `var(${vars["option.selection.background-color-active"]}, color-mix(in oklch, var(--token-semantic-field-option-color-selected, var(--token-semantic-color-brand-on-container, var(--token-global-purple-10, oklch(0.24199786 0.14038488 286.089811)))) calc(var(--token-semantic-state-opacity-pressed, var(--token-global-opacity-12, 0.12)) * 100%), var(--token-semantic-field-option-background-selected, var(--token-semantic-color-brand-container, var(--token-global-purple-90, oklch(0.91829316 0.04770250 302.827510))))))` }, "activity": { "outline-color": `var(${vars["option.activity.outline-color"]}, var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))`, "outline-width": `var(${vars["option.activity.outline-width"]}, 2px)`, "outline-offset": `var(${vars["option.activity.outline-offset"]}, -2px)` }, "height": `var(${vars["option.height"]}, var(--token-semantic-density-item, var(--token-semantic-density-standard-item, var(--token-global-size-32, 32px))))`, "padding-block": `var(${vars["option.padding-block"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "font-size": `var(${vars["option.font-size"]}, var(--token-semantic-typography-body-medium-font-size, var(--token-global-font-size-sm, 14px)))`, "line-height": `var(${vars["option.line-height"]}, var(--token-semantic-typography-body-medium-line-height, var(--token-global-line-height-14-20, 1.4285714285714286)))` }, "root": { "transition": `var(${vars["root.transition"]}, background-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), border-color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), color var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), box-shadow var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "opacity-disabled": `var(${vars["root.opacity-disabled"]}, var(--token-semantic-opacity-disabled, var(--token-global-opacity-38, 0.38)))`, "touch": { "min-height": `var(${vars["root.touch.min-height"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "outline-width-focus": `var(${vars["root.outline-width-focus"]}, 2px)`, "outline-offset-focus": `var(${vars["root.outline-offset-focus"]}, 2px)`, "border-width": `var(${vars["root.border-width"]}, 1px)`, "border-style": `var(${vars["root.border-style"]}, solid)`, "border-color": `var(${vars["root.border-color"]}, var(--token-semantic-color-border-default, var(--token-global-material-neutral-variant-50, oklch(0.56674707 0.01627446 308.142182))))`, "border-color-hover": `var(${vars["root.border-color-hover"]}, var(--token-semantic-color-border-hover, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "border-color-focus": `var(${vars["root.border-color-focus"]}, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "border-color-error": `var(${vars["root.border-color-error"]}, var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "border-color-warning": `var(${vars["root.border-color-warning"]}, var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))`, "border-radius": `var(${vars["root.border-radius"]}, var(--token-semantic-shape-control, var(--token-global-radius-2, 4px)))`, "background-color": `var(${vars["root.background-color"]}, var(--token-semantic-color-surface-content, var(--token-semantic-color-background-surface, var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "background-color-disabled": `var(${vars["root.background-color-disabled"]}, var(--token-semantic-color-background-disabled, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "box-shadow": `var(${vars["root.box-shadow"]}, var(--token-semantic-field-control-shadow, none))`, "box-shadow-focus": `var(${vars["root.box-shadow-focus"]}, var(--token-semantic-field-control-shadow-focus, inset 0 0 0 2px var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))`, "validation": { "box-shadow-error": `var(${vars["root.validation.box-shadow-error"]}, var(--token-semantic-field-control-shadow-error, inset 0 0 0 2px var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727)))))`, "box-shadow-warning": `var(${vars["root.validation.box-shadow-warning"]}, var(--token-semantic-field-control-shadow-warning, inset 0 0 0 2px var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-600, oklch(0.666 0.179 73)))))` }, "color-loading": `var(${vars["root.color-loading"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "motion": { "interaction": { "transition": `var(${vars["motion.interaction.transition"]}, var(--token-semantic-motion-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))` }, "spatial": { "transition": `var(${vars["motion.spatial.transition"]}, var(--token-semantic-motion-spatial-fast, var(--token-global-duration-350, 350ms) var(--token-global-easing-expressive-spatial-fast, cubic-bezier(0.42, 1.67, 0.21, 0.90))))` } }, "text": { "color": `var(${vars["text.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "color-placeholder": `var(${vars["text.color-placeholder"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-disabled": `var(${vars["text.color-disabled"]}, var(--token-semantic-color-text-disabled, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))` }, "tag": { "background-color": `var(${vars["tag.background-color"]}, var(--token-semantic-color-background-hover-subtle, color-mix(in oklch, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695)) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-global-material-neutral-98, oklch(0.98379491 0.01284496 321.893957)))))`, "color": `var(${vars["tag.color"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "close": { "color-hover": `var(${vars["tag.close.color-hover"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` } }, "clear": { "color": `var(${vars["clear.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-hover": `var(${vars["clear.color-hover"]}, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))))`, "width": `var(${vars["clear.width"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))`, "height": `var(${vars["clear.height"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))`, "touch": { "width": `var(${vars["clear.touch.width"]}, var(--token-semantic-size-touch-target, var(--token-global-size-48, 48px)))` }, "box-shadow-focus": `var(${vars["clear.box-shadow-focus"]}, inset 0 0 0 1px var(--token-semantic-color-focus-ring, var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))` }, "icon": { "width": `var(${vars["icon.width"]}, var(--token-semantic-field-icon-size, var(--token-global-space-5, 20px)))`, "color": `var(${vars["icon.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))` }, "field": { "gap": `var(${vars["field.gap"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "padding-inline": `var(${vars["field.padding-inline"]}, var(--token-semantic-field-control-padding-inline, var(--token-global-space-3, 12px)))`, "min-height": `var(${vars["field.min-height"]}, var(--token-semantic-field-control-min-height, 0px))`, "label": { "top": `var(${vars["field.label.top"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "padding-inline": `var(${vars["field.label.padding-inline"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "font-size": `var(${vars["field.label.font-size"]}, var(--token-semantic-typography-body-small-font-size, var(--token-global-font-size-xs, 12px)))`, "line-height": `var(${vars["field.label.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))`, "color": `var(${vars["field.label.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "color-focus": `var(${vars["field.label.color-focus"]}, var(--token-semantic-field-label-color-focus, var(--token-semantic-color-brand-primary, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078)))))` }, "input": { "padding-top": `var(${vars["field.input.padding-top"]}, var(--token-semantic-space-section-gap, var(--token-global-space-4, 16px)))` }, "transition": `var(${vars["field.transition"]}, top var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), transform var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), font-size var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), line-height var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), margin var(--token-semantic-motion-layout, var(--token-global-duration-normal, 200ms) var(--token-global-easing-out, cubic-bezier(0, 0, 0.2, 1))), color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), background-color var(--token-semantic-motion-effects-fast, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))))`, "filled": { "background-color": `var(${vars["field.filled.background-color"]}, var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144))))`, "background-color-hover": `var(${vars["field.filled.background-color-hover"]}, color-mix(in oklch, var(--token-semantic-color-text-primary, var(--token-global-material-neutral-10, oklch(0.22652446 0.00999107 303.713695))) calc(var(--token-semantic-state-opacity-hover, var(--token-global-opacity-8, 0.08)) * 100%), var(--token-semantic-color-surface-highest, var(--token-global-material-neutral-90, oklch(0.91401081 0.01366394 314.754144)))))`, "min-height": `var(${vars["field.filled.min-height"]}, var(--token-semantic-size-field-labeled, var(--token-global-size-48, 48px)))` }, "indicator": { "border-color": `var(${vars["field.indicator.border-color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "box-shadow-focus": `var(${vars["field.indicator.box-shadow-focus"]}, inset 0 -2px 0 var(--token-semantic-color-border-focus, var(--token-global-purple-40, oklch(0.49552086 0.13045663 293.709078))))`, "box-shadow-error": `var(${vars["field.indicator.box-shadow-error"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-error-border, var(--token-global-material-error-40, oklch(0.50128208 0.17831791 28.704727))))`, "box-shadow-warning": `var(${vars["field.indicator.box-shadow-warning"]}, inset 0 -2px 0 var(--token-semantic-color-feedback-warning-border, var(--token-global-amber-700, oklch(0.555 0.163 71))))` }, "color-error": `var(${vars["field.color-error"]}, var(--token-semantic-color-feedback-error-text, var(--token-global-material-error-10, oklch(0.25390329 0.07937181 27.605486))))`, "color-warning": `var(${vars["field.color-warning"]}, var(--token-semantic-color-feedback-warning-text, var(--token-global-amber-900, oklch(0.414 0.112 68))))`, "support": { "line-height": `var(${vars["field.support.line-height"]}, var(--token-semantic-typography-body-small-line-height, var(--token-global-line-height-12-16, 1.3333333333333333)))` }, "outline": { "border-width-focus": `var(${vars["field.outline.border-width-focus"]}, 3px)` } }, "group": { "color": `var(${vars["group.color"]}, var(--token-semantic-color-text-secondary, var(--token-global-material-neutral-variant-30, oklch(0.39805288 0.01735545 303.720936))))`, "font-size": `var(${vars["group.font-size"]}, var(--token-semantic-typography-caption-font-size, var(--token-global-font-size-xs, 12px)))` }, "size": { "large": { "height": `var(${vars["size.large.height"]}, var(--token-semantic-sizing-large-field, var(--token-global-size-48, 48px)))`, "padding": `var(${vars["size.large.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-3, 12px)))`, "font-size": `var(${vars["size.large.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.large.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.large.action.width"]}, var(--token-semantic-sizing-large-action, var(--token-global-size-32, 32px)))` } }, "medium": { "height": `var(${vars["size.medium.height"]}, var(--token-semantic-sizing-medium-field, var(--token-global-size-40, 40px)))`, "padding": `var(${vars["size.medium.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)) var(--token-semantic-field-control-padding-inline, var(--token-global-space-3, 12px)))`, "font-size": `var(${vars["size.medium.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.medium.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.medium.action.width"]}, var(--token-semantic-sizing-medium-action, var(--token-global-space-7, 28px)))` } }, "small": { "height": `var(${vars["size.small.height"]}, var(--token-semantic-sizing-small-field, var(--token-global-size-32, 32px)))`, "padding": `var(${vars["size.small.padding"]}, 0 var(--token-semantic-field-control-padding-inline, var(--token-global-space-3, 12px)))`, "font-size": `var(${vars["size.small.font-size"]}, var(--token-semantic-field-input-font-size, var(--token-global-font-size-md, 16px)))`, "line-height": `var(${vars["size.small.line-height"]}, var(--token-semantic-field-input-line-height, var(--token-global-space-6, 24px)))`, "action": { "width": `var(${vars["size.small.action.width"]}, var(--token-semantic-sizing-small-action, var(--token-global-space-6, 24px)))` } } }, "dropdown": { "margin": `var(${vars["dropdown.margin"]}, 6px)`, "max-height": `var(${vars["dropdown.max-height"]}, 240px)`, "padding": `var(${vars["dropdown.padding"]}, var(--token-semantic-space-inline-gap, var(--token-global-space-1, 4px)))`, "option": { "padding": `var(${vars["dropdown.option.padding"]}, var(--token-semantic-space-component-gap, var(--token-global-space-2, 8px)))` }, "border-radius": `var(${vars["dropdown.border-radius"]}, var(--token-semantic-shape-overlay, var(--token-global-radius-14, 28px)))` } });
|
|
4
4
|
export default token;
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"description": "下拉选择器,支持单选、多选和搜索",
|
|
4
4
|
"packageManager": "yarn@4.18.0",
|
|
5
5
|
"type": "module",
|
|
6
|
-
"version": "0.1.
|
|
6
|
+
"version": "0.1.2",
|
|
7
7
|
"repository": {
|
|
8
8
|
"type": "git",
|
|
9
9
|
"url": "https://github.com/hotlif/crab-dev.git",
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
"./package.json": "./package.json"
|
|
42
42
|
},
|
|
43
43
|
"devDependencies": {
|
|
44
|
-
"@crab-dev/rc-theme": "^0.1.
|
|
44
|
+
"@crab-dev/rc-theme": "^0.1.2",
|
|
45
45
|
"@crab-dev/standards-typescript-preset": "^0.1.0",
|
|
46
46
|
"@crab-dev/wake": "0.1.45",
|
|
47
47
|
"@types/node": "^22.20.2",
|
|
@@ -57,15 +57,15 @@
|
|
|
57
57
|
},
|
|
58
58
|
"dependencies": {
|
|
59
59
|
"@crab-dev/css": "0.1.45",
|
|
60
|
-
"@crab-dev/rc-button": "^1.0.
|
|
60
|
+
"@crab-dev/rc-button": "^1.0.2",
|
|
61
61
|
"@crab-dev/rc-checkbox": "^0.1.0",
|
|
62
62
|
"@crab-dev/rc-config-provider": "^0.1.1",
|
|
63
63
|
"@crab-dev/rc-dropdown-container": "^0.1.1",
|
|
64
64
|
"@crab-dev/rc-hooks": "^0.1.1",
|
|
65
|
-
"@crab-dev/rc-line-edit": "^0.1.
|
|
65
|
+
"@crab-dev/rc-line-edit": "^0.1.2",
|
|
66
66
|
"@crab-dev/rc-spin": "^0.1.1",
|
|
67
67
|
"@crab-dev/rc-tag": "^0.1.0",
|
|
68
|
-
"@crab-dev/rc-token-semantic": "^1.0
|
|
68
|
+
"@crab-dev/rc-token-semantic": "^1.1.0",
|
|
69
69
|
"@crab-dev/rc-virtual": "^0.2.0"
|
|
70
70
|
},
|
|
71
71
|
"crab": {
|