@crab-dev/rc-select 0.1.0 → 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.
Files changed (7) hide show
  1. package/CHANGELOG.md +28 -0
  2. package/cjs/_wake/src/selectInput.cjs +1 -1
  3. package/cjs/_wake/src/token.cjs +1 -1
  4. package/css/index.css +3 -3
  5. package/esm/_wake/src/selectInput.mjs +1 -1
  6. package/esm/_wake/src/token.mjs +1 -1
  7. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -1,5 +1,33 @@
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
+
15
+ ## 0.1.1
16
+
17
+ ### Patch Changes
18
+
19
+ - [#22](https://github.com/hotlif/crab-dev/pull/22) [`20064d5`](https://github.com/hotlif/crab-dev/commit/20064d52b3442bda7eef16ca9045d9746cb28fce) Thanks [@hotlif](https://github.com/hotlif)! - 精修三体系控件反馈：浮动标签、分段标记及文字位置连续过渡，分离开关各部件与滑块光晕的空间和颜色反馈，将零散时序集中到组件令牌。保留开关 root.transition 覆盖，减少动画时保留必要的焦点、选中与加载反馈。
20
+
21
+ - [#22](https://github.com/hotlif/crab-dev/pull/22) [`8f0ac0d`](https://github.com/hotlif/crab-dev/commit/8f0ac0dada263e35783626524c69509c64e39d96) Thanks [@hotlif](https://github.com/hotlif)! - Keep the popup indicator out of the page Tab sequence so keyboard users move directly between fields. Preserve the independent clear action's keyboard access.
22
+ - Updated dependencies [[`8f0ac0d`](https://github.com/hotlif/crab-dev/commit/8f0ac0dada263e35783626524c69509c64e39d96), [`ab93160`](https://github.com/hotlif/crab-dev/commit/ab93160f53925f875c66bfabf871766e9e919af3), [`8f0ac0d`](https://github.com/hotlif/crab-dev/commit/8f0ac0dada263e35783626524c69509c64e39d96), [`8f0ac0d`](https://github.com/hotlif/crab-dev/commit/8f0ac0dada263e35783626524c69509c64e39d96), [`cb1361d`](https://github.com/hotlif/crab-dev/commit/cb1361d1e5fec7f6f73a10b48883d698aad729bd), [`8f0ac0d`](https://github.com/hotlif/crab-dev/commit/8f0ac0dada263e35783626524c69509c64e39d96), [`20064d5`](https://github.com/hotlif/crab-dev/commit/20064d52b3442bda7eef16ca9045d9746cb28fce), [`8f0ac0d`](https://github.com/hotlif/crab-dev/commit/8f0ac0dada263e35783626524c69509c64e39d96), [`8f0ac0d`](https://github.com/hotlif/crab-dev/commit/8f0ac0dada263e35783626524c69509c64e39d96)]:
23
+ - @crab-dev/rc-token-semantic@1.0.1
24
+ - @crab-dev/rc-dropdown-container@0.1.1
25
+ - @crab-dev/rc-config-provider@0.1.1
26
+ - @crab-dev/rc-line-edit@0.1.1
27
+ - @crab-dev/rc-hooks@0.1.1
28
+ - @crab-dev/rc-button@1.0.1
29
+ - @crab-dev/rc-spin@0.1.1
30
+
3
31
  ## 0.1.0
4
32
 
5
33
  ### Minor Changes
package/cjs/_wake/src/selectInput.cjs CHANGED
@@ -192,7 +192,7 @@ const SelectInput = ({ ref, controlRef, id, ariaLabel, ariaLabelledBy, ariaDescr
192
192
  if (!(event.relatedTarget instanceof Node) || !event.currentTarget.contains(event.relatedTarget)) {
193
193
  setHovered(false);
194
194
  }
195
- }, children: [label && appearance === "outlined" && (0, __wake_namespace_0["jsx"])("fieldset", { "aria-hidden": "true", children: (0, __wake_namespace_0["jsxs"])("legend", { children: [label, required ? " *" : ""] }) }), (0, __wake_namespace_0["jsx"])("div", { "data-role": "select-value", className: __wake_namespace_9["valueWrapStyle"], children: renderContent() }), (0, __wake_namespace_0["jsxs"])("span", { "data-role": "select-suffix", className: __wake_namespace_9["suffixWrapStyle"], children: [loading ? (0, __wake_namespace_0["jsx"])("span", { "aria-hidden": "true", className: __wake_namespace_9["loadingIconStyle"], children: (0, __wake_namespace_0["jsx"])(__wake_namespace_4["SpinIndicator"], {}) }) : null, (0, __wake_namespace_0["jsx"])(__wake_namespace_3 && __wake_namespace_3.__esModule ? __wake_namespace_3.default : __wake_namespace_3, { "data-role": showClear ? "select-clear" : "select-caret", className: __wake_namespace_9["actionStyle"], type: "button", appearance: "text", shape: "circle", size: size === "small" ? "xs" : size === "large" ? "m" : "s", disabled: disabled, "aria-label": showClear ? messages.common.clear : open ? messages.select.closeOptions : messages.select.openOptions, "aria-expanded": showClear ? undefined : open, icon: showClear ? (0, __wake_namespace_0["jsx"])(ClearIcon, {}) : (0, __wake_namespace_0["jsx"])("span", { "aria-hidden": "true", className: __wake_namespace_6["cx"].call(undefined, __wake_namespace_9["caretStyle"], open && __wake_namespace_9["caretOpenStyle"]), children: (0, __wake_namespace_0["jsx"])(CaretIcon, {}) }), onFocus: () => setActionFocused(true), onBlur: () => setActionFocused(false), onClick: (event) => {
195
+ }, children: [label && appearance === "outlined" && (0, __wake_namespace_0["jsx"])("fieldset", { "aria-hidden": "true", children: (0, __wake_namespace_0["jsxs"])("legend", { children: [label, required ? " *" : ""] }) }), (0, __wake_namespace_0["jsx"])("div", { "data-role": "select-value", className: __wake_namespace_9["valueWrapStyle"], children: renderContent() }), (0, __wake_namespace_0["jsxs"])("span", { "data-role": "select-suffix", className: __wake_namespace_9["suffixWrapStyle"], children: [loading ? (0, __wake_namespace_0["jsx"])("span", { "aria-hidden": "true", className: __wake_namespace_9["loadingIconStyle"], children: (0, __wake_namespace_0["jsx"])(__wake_namespace_4["SpinIndicator"], {}) }) : null, (0, __wake_namespace_0["jsx"])(__wake_namespace_3 && __wake_namespace_3.__esModule ? __wake_namespace_3.default : __wake_namespace_3, { "data-role": showClear ? "select-clear" : "select-caret", className: __wake_namespace_9["actionStyle"], type: "button", tabIndex: canClear ? 0 : -1, appearance: "text", shape: "circle", size: size === "small" ? "xs" : size === "large" ? "m" : "s", disabled: disabled, "aria-label": showClear ? messages.common.clear : open ? messages.select.closeOptions : messages.select.openOptions, "aria-expanded": showClear ? undefined : open, icon: showClear ? (0, __wake_namespace_0["jsx"])(ClearIcon, {}) : (0, __wake_namespace_0["jsx"])("span", { "aria-hidden": "true", className: __wake_namespace_6["cx"].call(undefined, __wake_namespace_9["caretStyle"], open && __wake_namespace_9["caretOpenStyle"]), children: (0, __wake_namespace_0["jsx"])(CaretIcon, {}) }), onFocus: () => setActionFocused(true), onBlur: () => setActionFocused(false), onClick: (event) => {
196
196
  if (showClear) handleClearClick(event); else {
197
197
  event.stopPropagation();
198
198
  handleClick();
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-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), font-size 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))), 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))))`, "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-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), font-size 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))), 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))));}: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-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-6, 24px)));height: var(--select-icon-width, var(--token-semantic-field-icon-size, var(--token-global-space-6, 24px)));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-6, 24px)));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-6, 24px)));--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. */
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;}
package/esm/_wake/src/selectInput.mjs CHANGED
@@ -191,7 +191,7 @@ const SelectInput = ({ ref, controlRef, id, ariaLabel, ariaLabelledBy, ariaDescr
191
191
  if (!(event.relatedTarget instanceof Node) || !event.currentTarget.contains(event.relatedTarget)) {
192
192
  setHovered(false);
193
193
  }
194
- }, children: [label && appearance === "outlined" && _jsx("fieldset", { "aria-hidden": "true", children: _jsxs("legend", { children: [label, required ? " *" : ""] }) }), _jsx("div", { "data-role": "select-value", className: valueWrapStyle, children: renderContent() }), _jsxs("span", { "data-role": "select-suffix", className: suffixWrapStyle, children: [loading ? _jsx("span", { "aria-hidden": "true", className: loadingIconStyle, children: _jsx(SpinIndicator, {}) }) : null, _jsx(Button, { "data-role": showClear ? "select-clear" : "select-caret", className: actionStyle, type: "button", appearance: "text", shape: "circle", size: size === "small" ? "xs" : size === "large" ? "m" : "s", disabled: disabled, "aria-label": showClear ? messages.common.clear : open ? messages.select.closeOptions : messages.select.openOptions, "aria-expanded": showClear ? undefined : open, icon: showClear ? _jsx(ClearIcon, {}) : _jsx("span", { "aria-hidden": "true", className: cx.call(undefined, caretStyle, open && caretOpenStyle), children: _jsx(CaretIcon, {}) }), onFocus: () => setActionFocused(true), onBlur: () => setActionFocused(false), onClick: (event) => {
194
+ }, children: [label && appearance === "outlined" && _jsx("fieldset", { "aria-hidden": "true", children: _jsxs("legend", { children: [label, required ? " *" : ""] }) }), _jsx("div", { "data-role": "select-value", className: valueWrapStyle, children: renderContent() }), _jsxs("span", { "data-role": "select-suffix", className: suffixWrapStyle, children: [loading ? _jsx("span", { "aria-hidden": "true", className: loadingIconStyle, children: _jsx(SpinIndicator, {}) }) : null, _jsx(Button, { "data-role": showClear ? "select-clear" : "select-caret", className: actionStyle, type: "button", tabIndex: canClear ? 0 : -1, appearance: "text", shape: "circle", size: size === "small" ? "xs" : size === "large" ? "m" : "s", disabled: disabled, "aria-label": showClear ? messages.common.clear : open ? messages.select.closeOptions : messages.select.openOptions, "aria-expanded": showClear ? undefined : open, icon: showClear ? _jsx(ClearIcon, {}) : _jsx("span", { "aria-hidden": "true", className: cx.call(undefined, caretStyle, open && caretOpenStyle), children: _jsx(CaretIcon, {}) }), onFocus: () => setActionFocused(true), onBlur: () => setActionFocused(false), onClick: (event) => {
195
195
  if (showClear) handleClearClick(event); else {
196
196
  event.stopPropagation();
197
197
  handleClick();
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-interaction, var(--token-global-duration-150, 150ms) var(--token-global-easing-expressive-effects-fast, cubic-bezier(0.31, 0.94, 0.34, 1.00))), font-size 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))), 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))))`, "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.0",
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.0",
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.0",
60
+ "@crab-dev/rc-button": "^1.0.2",
61
61
  "@crab-dev/rc-checkbox": "^0.1.0",
62
- "@crab-dev/rc-config-provider": "^0.1.0",
63
- "@crab-dev/rc-dropdown-container": "^0.1.0",
64
- "@crab-dev/rc-hooks": "^0.1.0",
65
- "@crab-dev/rc-line-edit": "^0.1.0",
66
- "@crab-dev/rc-spin": "^0.1.0",
62
+ "@crab-dev/rc-config-provider": "^0.1.1",
63
+ "@crab-dev/rc-dropdown-container": "^0.1.1",
64
+ "@crab-dev/rc-hooks": "^0.1.1",
65
+ "@crab-dev/rc-line-edit": "^0.1.2",
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.0",
68
+ "@crab-dev/rc-token-semantic": "^1.1.0",
69
69
  "@crab-dev/rc-virtual": "^0.2.0"
70
70
  },
71
71
  "crab": {