@salutejs/sdds-finai 0.363.0-dev.0 → 0.364.0

package/dist/emotion/cjs/components/Select/Select.clear.config.js

@@ -0,0 +1,961 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+const _emotion = require("@salutejs/plasma-new-hope/emotion");
+const _sdds_finai = require("@salutejs/sdds-themes/tokens/sdds_finai");
+const config = {
+    defaults: {
+        view: 'default',
+        size: 's',
+        labelPlacement: 'outer',
+        chipView: 'secondary',
+        hintView: 'default',
+        hintSize: 'm'
+    },
+    variations: {
+        view: {
+            default: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldColor}: ${_sdds_finai.textPrimary};
+
+                ${_emotion.selectTokens.textFieldPlaceholderColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldBorderColor}: ${_sdds_finai.outlineSolidPrimary};
+                ${_emotion.selectTokens.textFieldBorderColorHover}: ${_sdds_finai.outlineSolidPrimaryHover};
+                ${_emotion.selectTokens.textFieldBorderColorFocus}: ${_sdds_finai.outlineAccent};
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldDividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+                ${_emotion.selectTokens.textFieldDividerColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldDividerColorFocus}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldTextBeforeColor}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldTextAfterColor}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldLabelColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLeftHelperColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldTitleCaptionColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldFocusColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.textFieldContentSlotColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldContentSlotColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.textFieldContentSlotColorActive}: ${_sdds_finai.textSecondaryActive};
+
+                ${_emotion.selectTokens.textFieldIndicatorColor}: ${_sdds_finai.surfaceNegative};
+                ${_emotion.selectTokens.textFieldOptionalColor}: ${_sdds_finai.textTertiary};
+
+                ${_emotion.selectTokens.buttonColor}: ${_sdds_finai.inverseTextPrimary};
+                ${_emotion.selectTokens.buttonColorHover}: ${_sdds_finai.inverseTextPrimaryHover};
+                ${_emotion.selectTokens.buttonColorActive}: ${_sdds_finai.inverseTextPrimaryActive};
+                ${_emotion.selectTokens.buttonArrowColor}: ${_sdds_finai.inverseTextSecondary};
+                ${_emotion.selectTokens.buttonArrowColorHover}: ${_sdds_finai.inverseTextSecondaryHover};
+                ${_emotion.selectTokens.buttonArrowColorActive}: ${_sdds_finai.inverseTextSecondaryHover};
+                ${_emotion.selectTokens.buttonBackgroundColor}: ${_sdds_finai.surfaceSolidDefault};
+                ${_emotion.selectTokens.buttonBackgroundColorHover}: ${_sdds_finai.surfaceSolidDefaultHover};
+                ${_emotion.selectTokens.buttonBackgroundColorActive}: ${_sdds_finai.surfaceSolidDefaultHover};
+
+                ${_emotion.selectTokens.disclosureIconColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.disclosureIconColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.itemBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.itemDisabledOpacity}: 0.4;
+                ${_emotion.selectTokens.itemDisabledColor}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.textFieldHintIconColor}: ${_sdds_finai.textSecondary};
+
+                ${_emotion.selectTokens.dividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+
+                ${_emotion.selectTokens.itemIconColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.checkboxFillColor}: ${_sdds_finai.textAccent};
+                ${_emotion.selectTokens.checkboxIconColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
+                ${_emotion.selectTokens.checkboxTriggerBorderColor}: ${_sdds_finai.textSecondary};
+            `,
+            positive: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldColor}: ${_sdds_finai.textPositive};
+                ${_emotion.selectTokens.textFieldColorFocus}: ${_sdds_finai.textPrimary};
+
+                ${_emotion.selectTokens.textFieldPlaceholderColor}: ${_sdds_finai.textPositive};
+                ${_emotion.selectTokens.textFieldPlaceholderColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldBorderColor}: ${_sdds_finai.outlineTransparentPositive};
+                ${_emotion.selectTokens.textFieldBorderColorHover}: ${_sdds_finai.outlineTransparentPositiveHover};
+                ${_emotion.selectTokens.textFieldBorderColorFocus}: ${_sdds_finai.outlineAccent};
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldDividerColor}: ${_sdds_finai.surfacePositive};
+                ${_emotion.selectTokens.textFieldDividerColorHover}: ${_sdds_finai.surfacePositive};
+                ${_emotion.selectTokens.textFieldDividerColorFocus}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textPositive};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldTextBeforeColor}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldTextAfterColor}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldLabelColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLeftHelperColor}: ${_sdds_finai.textPositive};
+                ${_emotion.selectTokens.textFieldTitleCaptionColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLeftHelperColorFocus}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldFocusColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.textFieldContentSlotColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldContentSlotColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.textFieldContentSlotColorActive}: ${_sdds_finai.textSecondaryActive};
+
+                ${_emotion.selectTokens.textFieldIndicatorColor}: ${_sdds_finai.surfaceNegative};
+                ${_emotion.selectTokens.textFieldOptionalColor}: ${_sdds_finai.textTertiary};
+
+                ${_emotion.selectTokens.buttonColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.buttonColorHover}: ${_sdds_finai.onDarkTextPrimaryHover};
+                ${_emotion.selectTokens.buttonColorActive}: ${_sdds_finai.onDarkTextPrimaryActive};
+                ${_emotion.selectTokens.buttonArrowColor}: ${_sdds_finai.onDarkTextSecondary};
+                ${_emotion.selectTokens.buttonArrowColorHover}: ${_sdds_finai.onDarkTextSecondaryHover};
+                ${_emotion.selectTokens.buttonArrowColorActive}: ${_sdds_finai.onDarkTextSecondaryHover};
+                ${_emotion.selectTokens.buttonBackgroundColor}:${_sdds_finai.surfacePositive};
+                ${_emotion.selectTokens.buttonBackgroundColorHover}:${_sdds_finai.surfacePositiveHover};
+                ${_emotion.selectTokens.buttonBackgroundColorActive}:${_sdds_finai.surfacePositiveActive};
+
+                ${_emotion.selectTokens.disclosureIconColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.disclosureIconColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.itemBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.itemDisabledOpacity}: 0.4;
+                ${_emotion.selectTokens.itemDisabledColor}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.textFieldHintIconColor}: ${_sdds_finai.textSecondary};
+
+                ${_emotion.selectTokens.dividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+
+                ${_emotion.selectTokens.itemIconColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.checkboxFillColor}: ${_sdds_finai.textAccent};
+                ${_emotion.selectTokens.checkboxIconColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
+                ${_emotion.selectTokens.checkboxTriggerBorderColor}: ${_sdds_finai.textSecondary};
+            `,
+            warning: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldColor}: ${_sdds_finai.textWarning};
+                ${_emotion.selectTokens.textFieldColorFocus}: ${_sdds_finai.textPrimary};
+
+                ${_emotion.selectTokens.textFieldPlaceholderColor}: ${_sdds_finai.textWarning};
+                ${_emotion.selectTokens.textFieldPlaceholderColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldBorderColor}: ${_sdds_finai.outlineTransparentWarning};
+                ${_emotion.selectTokens.textFieldBorderColorHover}: ${_sdds_finai.outlineTransparentWarningHover};
+                ${_emotion.selectTokens.textFieldBorderColorFocus}: ${_sdds_finai.outlineAccent};
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldDividerColor}: ${_sdds_finai.surfaceWarning};
+                ${_emotion.selectTokens.textFieldDividerColorHover}: ${_sdds_finai.surfaceWarning};
+                ${_emotion.selectTokens.textFieldDividerColorFocus}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textWarning};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldTextBeforeColor}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldTextAfterColor}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldLabelColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLeftHelperColor}: ${_sdds_finai.textWarning};
+                ${_emotion.selectTokens.textFieldTitleCaptionColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLeftHelperColorFocus}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldFocusColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.textFieldContentSlotColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldContentSlotColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.textFieldContentSlotColorActive}: ${_sdds_finai.textSecondaryActive};
+
+                ${_emotion.selectTokens.textFieldIndicatorColor}: ${_sdds_finai.surfaceNegative};
+                ${_emotion.selectTokens.textFieldOptionalColor}: ${_sdds_finai.textTertiary};
+
+                ${_emotion.selectTokens.buttonColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.buttonColorHover}: ${_sdds_finai.onDarkTextPrimaryHover};
+                ${_emotion.selectTokens.buttonColorActive}: ${_sdds_finai.onDarkTextPrimaryActive};
+                ${_emotion.selectTokens.buttonArrowColor}: ${_sdds_finai.onDarkTextSecondary};
+                ${_emotion.selectTokens.buttonArrowColorHover}: ${_sdds_finai.onDarkTextSecondaryHover};
+                ${_emotion.selectTokens.buttonArrowColorActive}: ${_sdds_finai.onDarkTextSecondaryHover};
+                ${_emotion.selectTokens.buttonBackgroundColor}:${_sdds_finai.surfaceWarning};
+                ${_emotion.selectTokens.buttonBackgroundColorHover}:${_sdds_finai.surfaceWarningHover};
+                ${_emotion.selectTokens.buttonBackgroundColorActive}:${_sdds_finai.surfaceWarningActive};
+
+                ${_emotion.selectTokens.disclosureIconColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.disclosureIconColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.itemBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.itemDisabledOpacity}: 0.4;
+                ${_emotion.selectTokens.itemDisabledColor}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.textFieldHintIconColor}: ${_sdds_finai.textSecondary};
+
+                ${_emotion.selectTokens.dividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+
+                ${_emotion.selectTokens.itemIconColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.checkboxFillColor}: ${_sdds_finai.textAccent};
+                ${_emotion.selectTokens.checkboxIconColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
+                ${_emotion.selectTokens.checkboxTriggerBorderColor}: ${_sdds_finai.textSecondary};
+            `,
+            negative: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldColor}: ${_sdds_finai.textNegative};
+                ${_emotion.selectTokens.textFieldColorFocus}: ${_sdds_finai.textPrimary};
+
+                ${_emotion.selectTokens.textFieldPlaceholderColor}: ${_sdds_finai.textNegative};
+                ${_emotion.selectTokens.textFieldPlaceholderColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldBorderColor}: ${_sdds_finai.outlineTransparentNegative};
+                ${_emotion.selectTokens.textFieldBorderColorHover}: ${_sdds_finai.outlineTransparentNegativeHover};
+                ${_emotion.selectTokens.textFieldBorderColorFocus}: ${_sdds_finai.outlineAccent};
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldDividerColor}: ${_sdds_finai.surfaceNegative};
+                ${_emotion.selectTokens.textFieldDividerColorHover}: ${_sdds_finai.surfaceNegative};
+                ${_emotion.selectTokens.textFieldDividerColorFocus}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textNegative};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldTextBeforeColor}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldTextAfterColor}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldLabelColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLeftHelperColor}: ${_sdds_finai.textNegative};
+                ${_emotion.selectTokens.textFieldTitleCaptionColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLeftHelperColorFocus}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldFocusColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.textFieldContentSlotColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldContentSlotColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.textFieldContentSlotColorActive}: ${_sdds_finai.textSecondaryActive};
+
+                ${_emotion.selectTokens.textFieldIndicatorColor}: ${_sdds_finai.surfaceNegative};
+                ${_emotion.selectTokens.textFieldOptionalColor}: ${_sdds_finai.textTertiary};
+
+                ${_emotion.selectTokens.buttonColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.buttonColorHover}: ${_sdds_finai.onDarkTextPrimaryHover};
+                ${_emotion.selectTokens.buttonColorActive}: ${_sdds_finai.onDarkTextPrimaryActive};
+                ${_emotion.selectTokens.buttonArrowColor}: ${_sdds_finai.onDarkTextSecondary};
+                ${_emotion.selectTokens.buttonArrowColorHover}: ${_sdds_finai.onDarkTextSecondaryHover};
+                ${_emotion.selectTokens.buttonArrowColorActive}: ${_sdds_finai.onDarkTextSecondaryHover};
+                ${_emotion.selectTokens.buttonBackgroundColor}:${_sdds_finai.surfaceNegative};
+                ${_emotion.selectTokens.buttonBackgroundColorHover}: ${_sdds_finai.surfaceNegativeHover};
+                ${_emotion.selectTokens.buttonBackgroundColorActive}:${_sdds_finai.surfaceNegativeActive};
+
+                ${_emotion.selectTokens.disclosureIconColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.disclosureIconColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.itemBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.itemDisabledOpacity}: 0.4;
+                ${_emotion.selectTokens.itemDisabledColor}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.textFieldHintIconColor}: ${_sdds_finai.textSecondary};
+
+                ${_emotion.selectTokens.dividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+
+                ${_emotion.selectTokens.itemIconColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.checkboxFillColor}: ${_sdds_finai.textAccent};
+                ${_emotion.selectTokens.checkboxIconColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
+                ${_emotion.selectTokens.checkboxTriggerBorderColor}: ${_sdds_finai.textSecondary};
+            `,
+            edited: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldColor}: ${_sdds_finai.textPrimary};
+
+                ${_emotion.selectTokens.textFieldPlaceholderColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldBorderColor}: ${_sdds_finai.outlineTransparentInfo};
+                ${_emotion.selectTokens.textFieldBorderColorHover}: ${_sdds_finai.outlineTransparentInfoHover};
+                ${_emotion.selectTokens.textFieldBorderColorFocus}: ${_sdds_finai.outlineTransparentInfoActive};
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldDividerColor}: ${_sdds_finai.outlineTransparentInfo};
+                ${_emotion.selectTokens.textFieldDividerColorHover}: ${_sdds_finai.outlineTransparentInfo};
+                ${_emotion.selectTokens.textFieldDividerColorFocus}: ${_sdds_finai.outlineTransparentInfoActive};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldTextBeforeColor}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldTextAfterColor}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldLabelColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLeftHelperColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldTitleCaptionColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLeftHelperColorFocus}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldFocusColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.textFieldContentSlotColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldContentSlotColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.textFieldContentSlotColorActive}: ${_sdds_finai.textSecondaryActive};
+
+                ${_emotion.selectTokens.textFieldIndicatorColor}: ${_sdds_finai.surfaceNegative};
+                ${_emotion.selectTokens.textFieldOptionalColor}: ${_sdds_finai.textTertiary};
+
+                ${_emotion.selectTokens.buttonColor}: ${_sdds_finai.inverseTextPrimary};
+                ${_emotion.selectTokens.buttonColorHover}: ${_sdds_finai.inverseTextPrimaryHover};
+                ${_emotion.selectTokens.buttonColorActive}: ${_sdds_finai.inverseTextPrimaryActive};
+                ${_emotion.selectTokens.buttonArrowColor}: ${_sdds_finai.inverseTextSecondary};
+                ${_emotion.selectTokens.buttonArrowColorHover}: ${_sdds_finai.inverseTextSecondaryHover};
+                ${_emotion.selectTokens.buttonArrowColorActive}: ${_sdds_finai.inverseTextSecondaryHover};
+                ${_emotion.selectTokens.buttonBackgroundColor}: ${_sdds_finai.surfaceSolidDefault};
+                ${_emotion.selectTokens.buttonBackgroundColorHover}: ${_sdds_finai.surfaceSolidDefaultHover};
+                ${_emotion.selectTokens.buttonBackgroundColorActive}: ${_sdds_finai.surfaceSolidDefaultHover};
+
+                ${_emotion.selectTokens.disclosureIconColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.disclosureIconColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.itemBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.itemDisabledOpacity}: 0.4;
+                ${_emotion.selectTokens.itemDisabledColor}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.textFieldHintIconColor}: ${_sdds_finai.textSecondary};
+
+                ${_emotion.selectTokens.dividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+
+                ${_emotion.selectTokens.itemIconColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.checkboxFillColor}: ${_sdds_finai.textAccent};
+                ${_emotion.selectTokens.checkboxIconColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
+                ${_emotion.selectTokens.checkboxTriggerBorderColor}: ${_sdds_finai.textSecondary};
+            `,
+            accent: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldDividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+                ${_emotion.selectTokens.textFieldDividerColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldDividerColorFocus}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.buttonColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.buttonColorHover}: ${_sdds_finai.onDarkTextPrimaryHover};
+                ${_emotion.selectTokens.buttonColorActive}: ${_sdds_finai.onDarkTextPrimaryActive};
+                ${_emotion.selectTokens.buttonArrowColor}: ${_sdds_finai.onDarkTextSecondary};
+                ${_emotion.selectTokens.buttonArrowColorHover}: ${_sdds_finai.onDarkTextSecondaryHover};
+                ${_emotion.selectTokens.buttonArrowColorActive}: ${_sdds_finai.onDarkTextSecondaryHover};
+                ${_emotion.selectTokens.buttonBackgroundColor}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.buttonBackgroundColorHover}: ${_sdds_finai.surfaceAccentHover};
+                ${_emotion.selectTokens.buttonBackgroundColorActive}: ${_sdds_finai.surfaceAccentActive};
+
+                ${_emotion.selectTokens.disclosureIconColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.disclosureIconColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.itemBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.itemDisabledOpacity}: 0.4;
+                ${_emotion.selectTokens.itemDisabledColor}: ${_sdds_finai.textPrimary};
+
+                ${_emotion.selectTokens.dividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+
+                ${_emotion.selectTokens.itemIconColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.checkboxFillColor}: ${_sdds_finai.textAccent};
+                ${_emotion.selectTokens.checkboxIconColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
+                ${_emotion.selectTokens.checkboxTriggerBorderColor}: ${_sdds_finai.textSecondary};
+            `,
+            secondary: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldDividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+                ${_emotion.selectTokens.textFieldDividerColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldDividerColorFocus}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.buttonColor}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.buttonColorHover}: ${_sdds_finai.textPrimaryHover};
+                ${_emotion.selectTokens.buttonColorActive}: ${_sdds_finai.textPrimaryActive};
+                ${_emotion.selectTokens.buttonArrowColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.buttonArrowColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.buttonArrowColorActive}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.buttonBackgroundColor}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.buttonBackgroundColorHover}: ${_sdds_finai.surfaceTransparentSecondaryHover};
+                ${_emotion.selectTokens.buttonBackgroundColorActive}: ${_sdds_finai.surfaceTransparentSecondaryActive};
+
+                ${_emotion.selectTokens.disclosureIconColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.disclosureIconColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.itemBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.itemDisabledOpacity}: 0.4;
+                ${_emotion.selectTokens.itemDisabledColor}: ${_sdds_finai.textPrimary};
+
+                ${_emotion.selectTokens.dividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+
+                ${_emotion.selectTokens.itemIconColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.checkboxFillColor}: ${_sdds_finai.textAccent};
+                ${_emotion.selectTokens.checkboxIconColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
+                ${_emotion.selectTokens.checkboxTriggerBorderColor}: ${_sdds_finai.textSecondary};
+            `,
+            clear: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldDividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+                ${_emotion.selectTokens.textFieldDividerColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldDividerColorFocus}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.buttonColor}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.buttonColorHover}: ${_sdds_finai.textPrimaryHover};
+                ${_emotion.selectTokens.buttonColorActive}: ${_sdds_finai.textPrimaryActive};
+                ${_emotion.selectTokens.buttonArrowColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.buttonArrowColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.buttonArrowColorActive}: ${_sdds_finai.textSecondaryActive};
+                ${_emotion.selectTokens.buttonBackgroundColor}: ${_sdds_finai.surfaceClear};
+                ${_emotion.selectTokens.buttonBackgroundColorHover}: ${_sdds_finai.surfaceClear};
+                ${_emotion.selectTokens.buttonBackgroundColorActive}: ${_sdds_finai.surfaceClear};
+
+                ${_emotion.selectTokens.disclosureIconColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.disclosureIconColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.itemBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.itemDisabledOpacity}: 0.4;
+                ${_emotion.selectTokens.itemDisabledColor}: ${_sdds_finai.textPrimary};
+
+                ${_emotion.selectTokens.dividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+
+                ${_emotion.selectTokens.itemIconColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.checkboxFillColor}: ${_sdds_finai.textAccent};
+                ${_emotion.selectTokens.checkboxIconColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
+                ${_emotion.selectTokens.checkboxTriggerBorderColor}: ${_sdds_finai.textSecondary};
+            `,
+            dark: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldDividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+                ${_emotion.selectTokens.textFieldDividerColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldDividerColorFocus}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.buttonColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.buttonColorHover}: ${_sdds_finai.onDarkTextPrimaryHover};
+                ${_emotion.selectTokens.buttonColorActive}: ${_sdds_finai.onDarkTextPrimaryActive};
+                ${_emotion.selectTokens.buttonArrowColor}: ${_sdds_finai.onDarkTextSecondary};
+                ${_emotion.selectTokens.buttonArrowColorHover}: ${_sdds_finai.onDarkTextSecondaryHover};
+                ${_emotion.selectTokens.buttonArrowColorActive}: ${_sdds_finai.onDarkTextSecondaryActive};
+                ${_emotion.selectTokens.buttonBackgroundColor}:${_sdds_finai.onLightSurfaceTransparentDeep};
+                ${_emotion.selectTokens.buttonBackgroundColorHover}:${_sdds_finai.onLightSurfaceTransparentDeepHover};
+                ${_emotion.selectTokens.buttonBackgroundColorActive}:${_sdds_finai.onLightSurfaceTransparentDeepActive};
+
+                ${_emotion.selectTokens.disclosureIconColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.disclosureIconColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.itemBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.itemDisabledOpacity}: 0.4;
+                ${_emotion.selectTokens.itemDisabledColor}: ${_sdds_finai.textPrimary};
+
+                ${_emotion.selectTokens.dividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+
+                ${_emotion.selectTokens.itemIconColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.checkboxFillColor}: ${_sdds_finai.textAccent};
+                ${_emotion.selectTokens.checkboxIconColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
+                ${_emotion.selectTokens.checkboxTriggerBorderColor}: ${_sdds_finai.textSecondary};
+            `,
+            black: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldDividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+                ${_emotion.selectTokens.textFieldDividerColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldDividerColorFocus}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.buttonColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.buttonColorHover}: ${_sdds_finai.onDarkTextPrimaryHover};
+                ${_emotion.selectTokens.buttonColorActive}: ${_sdds_finai.onDarkTextPrimaryActive};
+                ${_emotion.selectTokens.buttonArrowColor}: ${_sdds_finai.onDarkTextSecondary};
+                ${_emotion.selectTokens.buttonArrowColorHover}: ${_sdds_finai.onDarkTextSecondaryHover};
+                ${_emotion.selectTokens.buttonArrowColorActive}: ${_sdds_finai.onDarkTextSecondaryActive};
+                ${_emotion.selectTokens.buttonBackgroundColor}:${_sdds_finai.onLightSurfaceSolidDefault};
+                ${_emotion.selectTokens.buttonBackgroundColorHover}:${_sdds_finai.onLightSurfaceSolidDefaultHover};
+                ${_emotion.selectTokens.buttonBackgroundColorActive}: ${_sdds_finai.onLightSurfaceSolidDefaultActive};
+
+                ${_emotion.selectTokens.disclosureIconColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.disclosureIconColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.itemBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.itemDisabledOpacity}: 0.4;
+                ${_emotion.selectTokens.itemDisabledColor}: ${_sdds_finai.textPrimary};
+
+                ${_emotion.selectTokens.dividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+
+                ${_emotion.selectTokens.itemIconColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.checkboxFillColor}: ${_sdds_finai.textAccent};
+                ${_emotion.selectTokens.checkboxIconColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
+                ${_emotion.selectTokens.checkboxTriggerBorderColor}: ${_sdds_finai.textSecondary};
+            `,
+            white: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldDividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+                ${_emotion.selectTokens.textFieldDividerColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldDividerColorFocus}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldClearPlaceholderColorFocus}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.buttonColor}: ${_sdds_finai.onLightTextPrimary};
+                ${_emotion.selectTokens.buttonColorHover}: ${_sdds_finai.onLightTextPrimaryHover};
+                ${_emotion.selectTokens.buttonColorActive}: ${_sdds_finai.onLightTextPrimaryActive};
+                ${_emotion.selectTokens.buttonArrowColor}: ${_sdds_finai.onLightTextSecondary};
+                ${_emotion.selectTokens.buttonArrowColorHover}: ${_sdds_finai.onLightTextSecondaryHover};
+                ${_emotion.selectTokens.buttonArrowColorActive}: ${_sdds_finai.onLightTextSecondaryActive};
+                ${_emotion.selectTokens.buttonBackgroundColor}:${_sdds_finai.onDarkSurfaceSolidDefault};
+                ${_emotion.selectTokens.buttonBackgroundColorHover}:${_sdds_finai.onDarkSurfaceSolidDefaultHover};
+                ${_emotion.selectTokens.buttonBackgroundColorActive}:${_sdds_finai.onDarkSurfaceSolidDefaultActive};
+
+                ${_emotion.selectTokens.itemBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.disclosureIconColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.disclosureIconColorHover}: ${_sdds_finai.textSecondaryHover};
+                ${_emotion.selectTokens.itemDisabledOpacity}: 0.4;
+                ${_emotion.selectTokens.itemDisabledColor}: ${_sdds_finai.textPrimary};
+
+                ${_emotion.selectTokens.dividerColor}: ${_sdds_finai.surfaceTransparentTertiary};
+
+                ${_emotion.selectTokens.itemIconColor}: ${_sdds_finai.textAccent};
+
+                ${_emotion.selectTokens.checkboxFillColor}: ${_sdds_finai.textAccent};
+                ${_emotion.selectTokens.checkboxIconColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.checkboxTriggerBorderCheckedColor}: transparent;
+                ${_emotion.selectTokens.checkboxTriggerBorderColor}: ${_sdds_finai.textSecondary};
+            `
+        },
+        size: {
+            s: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldHeight}: 2.5rem;
+                ${_emotion.selectTokens.textFieldPadding}: 0.6875rem 0;
+                ${_emotion.selectTokens.textFieldPaddingWithChips}: 0.375rem 0;
+                ${_emotion.selectTokens.textFieldBorderRadius}: 0.5rem;
+
+                ${_emotion.selectTokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem 0;
+                ${_emotion.selectTokens.textFieldRightContentMargin}: -0.1875rem 0 -0.1875rem 0.75rem;
+                ${_emotion.selectTokens.textFieldRightContentWithHintMargin}: -0.1875rem -0.1875rem -0.1875rem 0.75rem;
+
+                ${_emotion.selectTokens.textFieldContentRightWrapperGap}: 0.25rem;
+                ${_emotion.selectTokens.textFieldContentRightWrapperMargin}: -0.438rem -0.438rem -0.438rem 0;
+
+                ${_emotion.selectTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
+                ${_emotion.selectTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
+
+                ${_emotion.selectTokens.textFieldFontFamily}: ${_sdds_finai.bodyS.fontFamily};
+                ${_emotion.selectTokens.textFieldFontSize}: ${_sdds_finai.bodyS.fontSize};
+                ${_emotion.selectTokens.textFieldFontStyle}: ${_sdds_finai.bodyS.fontStyle};
+                ${_emotion.selectTokens.textFieldFontWeight}: ${_sdds_finai.bodyS.fontWeight};
+                ${_emotion.selectTokens.textFieldLetterSpacing}: ${_sdds_finai.bodyS.letterSpacing};
+                ${_emotion.selectTokens.textFieldLineHeight}: ${_sdds_finai.bodyS.lineHeight};
+
+                ${_emotion.selectTokens.textFieldBorderWidth}: 0;
+                ${_emotion.selectTokens.textFieldLabelOffset}: 0.5rem;
+                ${_emotion.selectTokens.textFieldLabelFontFamily}: ${_sdds_finai.bodyS.fontFamily};
+                ${_emotion.selectTokens.textFieldLabelFontSize}: ${_sdds_finai.bodyS.fontSize};
+                ${_emotion.selectTokens.textFieldLabelFontStyle}: ${_sdds_finai.bodyS.fontStyle};
+                ${_emotion.selectTokens.textFieldLabelFontWeight}: ${_sdds_finai.bodyS.fontWeight};
+                ${_emotion.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_finai.bodyS.letterSpacing};
+                ${_emotion.selectTokens.textFieldLabelLineHeight}: ${_sdds_finai.bodyS.lineHeight};
+                ${_emotion.selectTokens.textFieldTitleCaptionMargin}: 0.1875rem;
+                ${_emotion.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
+                ${_emotion.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_finai.bodyXS.fontSize};
+                ${_emotion.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
+                ${_emotion.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_finai.bodyXS.fontWeight};
+                ${_emotion.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
+                ${_emotion.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
+
+                ${_emotion.selectTokens.textFieldHintMargin}: -0.688rem -0.5rem;
+                ${_emotion.selectTokens.textFieldHintTargetSize}: 2.375rem;
+                ${_emotion.selectTokens.textFieldHintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;
+                ${_emotion.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: 0.062rem -2.188rem auto auto;
+
+                ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
+                ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
+                ${_emotion.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
+                ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
+                ${_emotion.selectTokens.textFieldLeftHelperFontWeight}: ${_sdds_finai.bodyXS.fontWeight};
+                ${_emotion.selectTokens.textFieldLeftHelperLetterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
+                ${_emotion.selectTokens.textFieldLeftHelperLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
+
+                ${_emotion.selectTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
+                ${_emotion.selectTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
+
+                ${_emotion.selectTokens.textFieldIndicatorSizeInner}: 0.375rem;
+                ${_emotion.selectTokens.textFieldIndicatorSizeOuter}: 0.375rem;
+                ${_emotion.selectTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
+                ${_emotion.selectTokens.textFieldIndicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;
+                ${_emotion.selectTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
+                ${_emotion.selectTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;
+                ${_emotion.selectTokens.textFieldClearIndicatorLabelPlacementInner}: 1.063rem auto auto -0.75rem;
+                ${_emotion.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 1.063rem -0.75rem auto auto;
+                ${_emotion.selectTokens.textFieldClearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;
+
+                ${_emotion.selectTokens.textFieldChipGap}: 0.25rem;
+                ${_emotion.selectTokens.textFieldChipBorderRadius}: 0.25rem;
+                ${_emotion.selectTokens.textFieldChipWidth}: auto;
+                ${_emotion.selectTokens.textFieldChipHeight}: 1.75rem;
+                ${_emotion.selectTokens.textFieldChipPadding}: 0 0.5rem 0 0.75rem;
+                ${_emotion.selectTokens.textFieldChipClearContentMarginLeft}: 0.375rem;
+                ${_emotion.selectTokens.textFieldChipClearContentMarginRight}: 0rem;
+                ${_emotion.selectTokens.textFieldChipCloseIconSize}: 1rem;
+                ${_emotion.selectTokens.textFieldChipFontFamily}: ${_sdds_finai.bodyS.fontFamily};
+                ${_emotion.selectTokens.textFieldChipFontSize}: ${_sdds_finai.bodyS.fontSize};
+                ${_emotion.selectTokens.textFieldChipFontStyle}: ${_sdds_finai.bodyS.fontStyle};
+                ${_emotion.selectTokens.textFieldChipFontWeight}: ${_sdds_finai.bodyS.fontWeight};
+                ${_emotion.selectTokens.textFieldChipLetterSpacing}: ${_sdds_finai.bodyS.letterSpacing};
+                ${_emotion.selectTokens.textFieldChipLineHeight}: ${_sdds_finai.bodyS.lineHeight};
+
+                ${_emotion.selectTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;
+                ${_emotion.selectTokens.targetHeight}: 2.5rem;
+                ${_emotion.selectTokens.buttonPadding}: 1rem 0 1rem;
+
+                ${_emotion.selectTokens.emptyStatePadding}: 0.625rem 0.875rem 0.625rem 0.875rem;
+                ${_emotion.selectTokens.padding}: 0.125rem;
+                ${_emotion.selectTokens.borderRadius}: 0.625rem;
+
+                ${_emotion.selectTokens.itemHeight}: 1.5rem;
+                ${_emotion.selectTokens.itemPadding}: 0.5rem 0.625rem;
+                ${_emotion.selectTokens.itemPaddingTight}: 0.25rem 0.75rem;
+                ${_emotion.selectTokens.itemBorderRadius}: 0.5rem;
+                ${_emotion.selectTokens.itemIconSize}: 1.5rem;
+                ${_emotion.selectTokens.itemIconSizeTight}: 1rem;
+                ${_emotion.selectTokens.itemIconMargin}: 0 0.375rem 0 0;
+                ${_emotion.selectTokens.itemGap}: 0.375rem;
+                ${_emotion.selectTokens.itemTreeOffsetWidth}: 1.875rem;
+
+                ${_emotion.selectTokens.cellPadding}: 0rem;
+                ${_emotion.selectTokens.cellPaddingLeftContent}: 0rem;
+                ${_emotion.selectTokens.cellPaddingContent}: 0rem;
+                ${_emotion.selectTokens.cellPaddingRightContent}: 0rem;
+                ${_emotion.selectTokens.cellTextboxGap}: 0.125rem;
+                ${_emotion.selectTokens.cellGap}: 0.375rem;
+                ${_emotion.selectTokens.cellTitleFontFamily}: ${_sdds_finai.bodyS.fontFamily};
+                ${_emotion.selectTokens.cellTitleFontSize}: ${_sdds_finai.bodyS.fontSize};
+                ${_emotion.selectTokens.cellTitleFontStyle}: ${_sdds_finai.bodyS.fontStyle};
+                ${_emotion.selectTokens.cellTitleFontWeight}: ${_sdds_finai.bodyS.fontWeight};
+                ${_emotion.selectTokens.cellTitleLetterSpacing}: ${_sdds_finai.bodyS.letterSpacing};
+                ${_emotion.selectTokens.cellTitleLineHeight}: ${_sdds_finai.bodyS.lineHeight};
+
+                ${_emotion.selectTokens.fontFamily}: ${_sdds_finai.bodyS.fontFamily};
+                ${_emotion.selectTokens.fontSize}: ${_sdds_finai.bodyS.fontSize};
+                ${_emotion.selectTokens.fontStyle}: ${_sdds_finai.bodyS.fontStyle};
+                ${_emotion.selectTokens.fontWeight}: ${_sdds_finai.bodyS.fontWeight};
+                ${_emotion.selectTokens.fontLetterSpacing}: ${_sdds_finai.bodyS.letterSpacing};
+                ${_emotion.selectTokens.fontLineHeight}: ${_sdds_finai.bodyS.lineHeight};
+
+                ${_emotion.selectTokens.checkboxTriggerSize}: 1.25rem;
+                ${_emotion.selectTokens.checkboxTriggerSizeTight}: 0.875rem;
+                ${_emotion.selectTokens.checkboxTriggerBorderRadius}: 0.375rem;
+                ${_emotion.selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;
+                ${_emotion.selectTokens.checkboxTriggerBorderWidth}: 0.125rem;
+
+                ${_emotion.selectTokens.indicatorSize}: 0.375rem;
+
+                ${_emotion.selectTokens.dividerMarginTop}: 0.375rem;
+                ${_emotion.selectTokens.dividerMarginRight}: 0.75rem;
+                ${_emotion.selectTokens.dividerMarginBottom}: 0.375rem;
+                ${_emotion.selectTokens.dividerMarginLeft}: 0.75rem;
+                ${_emotion.selectTokens.dividerMarginTopTight}: 0.25rem;
+                ${_emotion.selectTokens.dividerMarginBottomTight}: 0.25rem;
+
+                ${_emotion.selectTokens.disclosureIconMargin}: 0 -0.375rem 0 0;
+            `,
+            xs: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldHeight}: 2rem;
+                ${_emotion.selectTokens.textFieldPadding}: 0.5625rem 0;
+                ${_emotion.selectTokens.textFieldPaddingWithChips}: 0.375rem 0;
+                ${_emotion.selectTokens.textFieldBorderRadius}: 0.375rem;
+
+                ${_emotion.selectTokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem 0;
+                ${_emotion.selectTokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;
+                ${_emotion.selectTokens.textFieldRightContentWithHintMargin}: -0.0625rem -0.438rem -0.0625rem 0.75rem;
+
+                ${_emotion.selectTokens.textFieldContentRightWrapperGap}: 0.25rem;
+                ${_emotion.selectTokens.textFieldContentRightWrapperMargin}: -0.688rem -0.688rem -0.688rem 0;
+
+                ${_emotion.selectTokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;
+                ${_emotion.selectTokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;
+
+                ${_emotion.selectTokens.textFieldFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
+                ${_emotion.selectTokens.textFieldFontSize}: ${_sdds_finai.bodyXS.fontSize};
+                ${_emotion.selectTokens.textFieldFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
+                ${_emotion.selectTokens.textFieldFontWeight}: ${_sdds_finai.bodyXS.fontWeight};
+                ${_emotion.selectTokens.textFieldLetterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
+                ${_emotion.selectTokens.textFieldLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
+
+                ${_emotion.selectTokens.textFieldLabelOffset}: 0.375rem;
+                ${_emotion.selectTokens.textFieldLabelFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
+                ${_emotion.selectTokens.textFieldLabelFontSize}: ${_sdds_finai.bodyXS.fontSize};
+                ${_emotion.selectTokens.textFieldLabelFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
+                ${_emotion.selectTokens.textFieldLabelFontWeight}: ${_sdds_finai.bodyXS.fontWeight};
+                ${_emotion.selectTokens.textFieldLabelLetterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
+                ${_emotion.selectTokens.textFieldLabelLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
+                ${_emotion.selectTokens.textFieldTitleCaptionMargin}: 0;
+                ${_emotion.selectTokens.textFieldTitleCaptionFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
+                ${_emotion.selectTokens.textFieldTitleCaptionFontSize}: ${_sdds_finai.bodyXS.fontSize};
+                ${_emotion.selectTokens.textFieldTitleCaptionFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
+                ${_emotion.selectTokens.textFieldTitleCaptionFontWeight}: ${_sdds_finai.bodyXS.fontWeight};
+                ${_emotion.selectTokens.textFieldTitleCaptionLetterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
+                ${_emotion.selectTokens.textFieldTitleCaptionLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
+
+                ${_emotion.selectTokens.textFieldHintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;
+                ${_emotion.selectTokens.textFieldHintTargetSize}: 2.375rem;
+                ${_emotion.selectTokens.textFieldHintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;
+                ${_emotion.selectTokens.textFieldClearHintInnerLabelPlacementOffset}: -0.188rem -1.938rem auto auto;
+
+                ${_emotion.selectTokens.textFieldBorderWidth}: 0;
+                ${_emotion.selectTokens.textFieldLeftHelperOffset}: 0.25rem 0 0 0;
+                ${_emotion.selectTokens.textFieldLeftHelperFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
+                ${_emotion.selectTokens.textFieldLeftHelperFontSize}: ${_sdds_finai.bodyXS.fontSize};
+                ${_emotion.selectTokens.textFieldLeftHelperFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
+                ${_emotion.selectTokens.textFieldLeftHelperFontWeight}: ${_sdds_finai.bodyXS.fontWeight};
+                ${_emotion.selectTokens.textFieldLeftHelperLetterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
+                ${_emotion.selectTokens.textFieldLeftHelperLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
+
+                ${_emotion.selectTokens.textFieldLabelInnerPadding}: 0.3125rem 0 0 0;
+                ${_emotion.selectTokens.textFieldContentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;
+
+                ${_emotion.selectTokens.textFieldIndicatorSizeInner}: 0.375rem;
+                ${_emotion.selectTokens.textFieldIndicatorSizeOuter}: 0.375rem;
+                ${_emotion.selectTokens.textFieldIndicatorLabelPlacementInner}: 0 0 0 0;
+                ${_emotion.selectTokens.textFieldIndicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;
+                ${_emotion.selectTokens.textFieldIndicatorLabelPlacementInnerRight}: 0 0 auto auto;
+                ${_emotion.selectTokens.textFieldIndicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;
+                ${_emotion.selectTokens.textFieldClearIndicatorLabelPlacementInner}: 0.813rem auto auto -0.625rem;
+                ${_emotion.selectTokens.textFieldClearIndicatorLabelPlacementInnerRight}: 0.813rem -0.625rem auto auto;
+                ${_emotion.selectTokens.textFieldClearIndicatorHintInnerRight}: 0.813rem -1.988rem auto auto;
+
+                ${_emotion.selectTokens.textFieldChipGap}: 0.25rem;
+                ${_emotion.selectTokens.textFieldChipBorderRadius}: 0.125rem;
+                ${_emotion.selectTokens.textFieldChipWidth}: auto;
+                ${_emotion.selectTokens.textFieldChipHeight}: 1.25rem;
+                ${_emotion.selectTokens.textFieldChipPadding}: 0 0.375rem 0 0.625rem;
+                ${_emotion.selectTokens.textFieldChipClearContentMarginLeft}: 0.25rem;
+                ${_emotion.selectTokens.textFieldChipClearContentMarginRight}: 0rem;
+                ${_emotion.selectTokens.textFieldChipCloseIconSize}: 0.75rem;
+                ${_emotion.selectTokens.textFieldChipFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
+                ${_emotion.selectTokens.textFieldChipFontSize}: ${_sdds_finai.bodyXS.fontSize};
+                ${_emotion.selectTokens.textFieldChipFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
+                ${_emotion.selectTokens.textFieldChipFontWeight}: ${_sdds_finai.bodyXS.fontWeight};
+                ${_emotion.selectTokens.textFieldChipLetterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
+                ${_emotion.selectTokens.textFieldChipLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
+
+                ${_emotion.selectTokens.buttonArrowMargin}: 0 -0.125rem 0 0.25rem;
+                ${_emotion.selectTokens.targetHeight}: 2rem;
+                ${_emotion.selectTokens.buttonPadding}: 0.75rem 0 0.75rem;
+
+                ${_emotion.selectTokens.emptyStatePadding}: 0.5rem 0.625rem 0.5rem 0.625rem;
+                ${_emotion.selectTokens.padding}: 0.125rem;
+                ${_emotion.selectTokens.borderRadius}: 0.5rem;
+
+                ${_emotion.selectTokens.itemHeight}: 1rem;
+                ${_emotion.selectTokens.itemPadding}: 0.5rem 0.375rem;
+                ${_emotion.selectTokens.itemPaddingTight}: 0.25rem 0.375rem;
+                ${_emotion.selectTokens.itemBorderRadius}: 0.375rem;
+                ${_emotion.selectTokens.itemIconSize}: 1rem;
+                ${_emotion.selectTokens.itemIconSizeTight}: 1rem;
+                ${_emotion.selectTokens.itemIconMargin}: 0 0.25rem 0 0;
+                ${_emotion.selectTokens.itemGap}: 0.25rem;
+                ${_emotion.selectTokens.itemTreeOffsetWidth}: 1.25rem;
+
+                ${_emotion.selectTokens.cellPadding}: 0rem;
+                ${_emotion.selectTokens.cellPaddingLeftContent}: 0rem;
+                ${_emotion.selectTokens.cellPaddingContent}: 0rem;
+                ${_emotion.selectTokens.cellPaddingRightContent}: 0rem;
+                ${_emotion.selectTokens.cellTextboxGap}: 0.125rem;
+                ${_emotion.selectTokens.cellGap}: 0.25rem;
+                ${_emotion.selectTokens.cellTitleFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
+                ${_emotion.selectTokens.cellTitleFontSize}: ${_sdds_finai.bodyXS.fontSize};
+                ${_emotion.selectTokens.cellTitleFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
+                ${_emotion.selectTokens.cellTitleFontWeight}: ${_sdds_finai.bodyXS.fontWeight};
+                ${_emotion.selectTokens.cellTitleLetterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
+                ${_emotion.selectTokens.cellTitleLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
+
+                ${_emotion.selectTokens.fontFamily}: ${_sdds_finai.bodyXS.fontFamily};
+                ${_emotion.selectTokens.fontSize}: ${_sdds_finai.bodyXS.fontSize};
+                ${_emotion.selectTokens.fontStyle}: ${_sdds_finai.bodyXS.fontStyle};
+                ${_emotion.selectTokens.fontWeight}: ${_sdds_finai.bodyXS.fontWeight};
+                ${_emotion.selectTokens.fontLetterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
+                ${_emotion.selectTokens.fontLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
+
+                ${_emotion.selectTokens.checkboxTriggerSize}: 0.875rem;
+                ${_emotion.selectTokens.checkboxTriggerSizeTight}: 0.875rem;
+                ${_emotion.selectTokens.checkboxTriggerBorderRadius}: 0.25rem;
+                ${_emotion.selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;
+                ${_emotion.selectTokens.checkboxTriggerBorderWidth}: 0.125rem;
+
+                ${_emotion.selectTokens.indicatorSize}: 0.375rem;
+
+                ${_emotion.selectTokens.dividerMarginTop}: 0.25rem;
+                ${_emotion.selectTokens.dividerMarginRight}: 0.5rem;
+                ${_emotion.selectTokens.dividerMarginBottom}: 0.225rem;
+                ${_emotion.selectTokens.dividerMarginLeft}: 0.5rem;
+                ${_emotion.selectTokens.dividerMarginTopTight}: 0.125rem;
+                ${_emotion.selectTokens.dividerMarginBottomTight}: 0.125rem;
+
+                ${_emotion.selectTokens.disclosureIconMargin}: 0 -0.25rem 0 0;
+            `
+        },
+        labelPlacement: {
+            inner: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldPlaceholderColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLabelInnerFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
+                ${_emotion.selectTokens.textFieldLabelInnerFontSize}: ${_sdds_finai.bodyXS.fontSize};
+                ${_emotion.selectTokens.textFieldLabelInnerFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
+                ${_emotion.selectTokens.textFieldLabelInnerFontWeight}: ${_sdds_finai.bodyXS.fontWeight};
+                ${_emotion.selectTokens.textFieldLabelInnerLetterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
+                ${_emotion.selectTokens.textFieldLabelInnerLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
+            `,
+            outer: (0, _emotion.css)``
+        },
+        chipView: {
+            default: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldChipColor}: ${_sdds_finai.inverseTextPrimary};
+                ${_emotion.selectTokens.textFieldChipColorHover}: ${_sdds_finai.inverseTextPrimary};
+                ${_emotion.selectTokens.textFieldChipColorActive}: ${_sdds_finai.inverseTextPrimary};
+                ${_emotion.selectTokens.textFieldChipBackground}: ${_sdds_finai.surfaceSolidDefault};
+                ${_emotion.selectTokens.textFieldChipBackgroundHover}: ${_sdds_finai.surfaceSolidDefaultHover};
+                ${_emotion.selectTokens.textFieldChipBackgroundActive}: ${_sdds_finai.surfaceSolidDefaultActive};
+                ${_emotion.selectTokens.textFieldChipCloseIconColor}: ${_sdds_finai.inverseTextSecondary};
+                ${_emotion.selectTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_finai.inverseTextSecondary};
+                ${_emotion.selectTokens.textFieldChipCloseIconColorHover}: ${_sdds_finai.inverseTextSecondaryHover};
+
+                ${_emotion.selectTokens.textFieldChipBackgroundReadOnly}: ${_sdds_finai.surfaceSolidDefault};
+                ${_emotion.selectTokens.textFieldChipColorReadOnly}: ${_sdds_finai.inverseTextPrimary};
+                ${_emotion.selectTokens.textFieldChipBackgroundReadOnlyHover}: ${_sdds_finai.surfaceSolidDefault};
+                ${_emotion.selectTokens.textFieldChipColorReadOnlyHover}: ${_sdds_finai.inverseTextPrimary};
+                ${_emotion.selectTokens.textFieldChipOpacityReadonly}: 1;
+            `,
+            secondary: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldChipColor}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.textFieldChipColorHover}: ${_sdds_finai.textPrimaryHover};
+                ${_emotion.selectTokens.textFieldChipColorActive}: ${_sdds_finai.textPrimaryActive};
+                ${_emotion.selectTokens.textFieldChipBackground}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.textFieldChipBackgroundHover}: ${_sdds_finai.surfaceTransparentSecondaryHover};
+                ${_emotion.selectTokens.textFieldChipBackgroundActive}: ${_sdds_finai.surfaceTransparentSecondaryActive};
+                ${_emotion.selectTokens.textFieldChipCloseIconColor}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldChipCloseIconColorHover}: ${_sdds_finai.textTertiary};
+                ${_emotion.selectTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_finai.textTertiary};
+
+                ${_emotion.selectTokens.textFieldChipBackgroundReadOnly}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.textFieldChipColorReadOnly}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.textFieldChipBackgroundReadOnlyHover}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.textFieldChipColorReadOnlyHover}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.textFieldChipOpacityReadonly}: 1;
+            `,
+            accent: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldChipColor}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.textFieldChipColorHover}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.textFieldChipColorActive}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.textFieldChipBackground}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldChipBackgroundHover}: ${_sdds_finai.surfaceAccentHover};
+                ${_emotion.selectTokens.textFieldChipBackgroundActive}: ${_sdds_finai.surfaceAccentActive};
+                ${_emotion.selectTokens.textFieldChipCloseIconColor}: ${_sdds_finai.onDarkTextSecondary};
+                ${_emotion.selectTokens.textFieldChipCloseIconColorReadonly}: ${_sdds_finai.onDarkTextSecondary};
+                ${_emotion.selectTokens.textFieldChipCloseIconColorHover}: ${_sdds_finai.onDarkTextSecondaryHover};
+
+                ${_emotion.selectTokens.textFieldChipBackgroundReadOnly}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldChipColorReadOnly}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.textFieldChipBackgroundReadOnlyHover}: ${_sdds_finai.surfaceAccent};
+                ${_emotion.selectTokens.textFieldChipColorReadOnlyHover}: ${_sdds_finai.onDarkTextPrimary};
+                ${_emotion.selectTokens.textFieldChipOpacityReadonly}: 1;
+            `
+        },
+        hintView: {
+            default: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldTooltipBackgroundColor}: ${_sdds_finai.surfaceSolidCard};
+                ${_emotion.selectTokens.textFieldTooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));
+                ${_emotion.selectTokens.textFieldTooltipColor}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.textFieldTooltipArrowBackground}: ${_sdds_finai.surfaceSolidCard};
+            `
+        },
+        hintSize: {
+            m: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldTooltipPaddingTop}: 0.6875rem;
+                ${_emotion.selectTokens.textFieldTooltipPaddingRight}: 0.875rem;
+                ${_emotion.selectTokens.textFieldTooltipPaddingBottom}: 0.6875rem;
+                ${_emotion.selectTokens.textFieldTooltipPaddingLeft}: 0.875rem;
+
+                ${_emotion.selectTokens.textFieldTooltipMinHeight}: 2.5rem;
+                ${_emotion.selectTokens.textFieldTooltipBorderRadius}: 0.625rem;
+
+                ${_emotion.selectTokens.textFieldTooltipTextFontFamily}: ${_sdds_finai.bodyS.fontFamily};
+                ${_emotion.selectTokens.textFieldTooltipTextFontSize}: ${_sdds_finai.bodyS.fontSize};
+                ${_emotion.selectTokens.textFieldTooltipTextFontStyle}: ${_sdds_finai.bodyS.fontStyle};
+                ${_emotion.selectTokens.textFieldTooltipTextFontWeight}: ${_sdds_finai.bodyS.fontWeight};
+                ${_emotion.selectTokens.textFieldTooltipTextFontLetterSpacing}: ${_sdds_finai.bodyS.letterSpacing};
+                ${_emotion.selectTokens.textFieldTooltipTextFontLineHeight}: ${_sdds_finai.bodyS.lineHeight};
+
+                ${_emotion.selectTokens.textFieldTooltipContentLeftMargin}: 0.375rem;
+
+                ${_emotion.selectTokens.textFieldTooltipArrowMaskWidth}: 1.25rem;
+                ${_emotion.selectTokens.textFieldTooltipArrowMaskHeight}: 1.25rem;
+                ${_emotion.selectTokens.textFieldTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");
+                ${_emotion.selectTokens.textFieldTooltipArrowHeight}: 0.5rem;
+                ${_emotion.selectTokens.textFieldTooltipArrowEdgeMargin}: 0.625rem;
+            `,
+            s: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldTooltipPaddingTop}: 0.5rem;
+                ${_emotion.selectTokens.textFieldTooltipPaddingRight}: 0.75rem;
+                ${_emotion.selectTokens.textFieldTooltipPaddingBottom}: 0.5rem;
+                ${_emotion.selectTokens.textFieldTooltipPaddingLeft}: 0.75rem;
+
+                ${_emotion.selectTokens.textFieldTooltipMinHeight}: 2rem;
+                ${_emotion.selectTokens.textFieldTooltipBorderRadius}: 0.5rem;
+
+                ${_emotion.selectTokens.textFieldTooltipTextFontFamily}: ${_sdds_finai.bodyXS.fontFamily};
+                ${_emotion.selectTokens.textFieldTooltipTextFontSize}: ${_sdds_finai.bodyXS.fontSize};
+                ${_emotion.selectTokens.textFieldTooltipTextFontStyle}: ${_sdds_finai.bodyXS.fontStyle};
+                ${_emotion.selectTokens.textFieldTooltipTextFontWeight}: ${_sdds_finai.bodyXS.fontWeight};
+                ${_emotion.selectTokens.textFieldTooltipTextFontLetterSpacing}: ${_sdds_finai.bodyXS.letterSpacing};
+                ${_emotion.selectTokens.textFieldTooltipTextFontLineHeight}: ${_sdds_finai.bodyXS.lineHeight};
+
+                ${_emotion.selectTokens.textFieldTooltipContentLeftMargin}: 0.25rem;
+
+                ${_emotion.selectTokens.textFieldTooltipArrowMaskWidth}: 1rem;
+                ${_emotion.selectTokens.textFieldTooltipArrowMaskHeight}: 1rem;
+                ${_emotion.selectTokens.textFieldTooltipArrowMaskImage}: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");
+                ${_emotion.selectTokens.textFieldTooltipArrowHeight}: 0.375rem;
+                ${_emotion.selectTokens.textFieldTooltipArrowEdgeMargin}: 0.5625rem;
+            `
+        },
+        disabled: {
+            true: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldBackgroundColorHover}: transparent;
+                ${_emotion.selectTokens.textFieldBackgroundColorFocus}: transparent;
+                ${_emotion.selectTokens.textFieldColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldChipColor}: ${_sdds_finai.onDarkTextSecondary};
+                ${_emotion.selectTokens.textFieldDisabledOpacity}: 1;
+                ${_emotion.selectTokens.textFieldBackgroundColor}: transparent;
+                ${_emotion.selectTokens.textFieldBorderColor}: transparent;
+                ${_emotion.selectTokens.textFieldContentSlotRightColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldContentSlotRightColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldContentSlotRightColorActive}: ${_sdds_finai.textSecondary};
+            `
+        },
+        readOnly: {
+            true: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldBorderWidth}: 0;
+                ${_emotion.selectTokens.textFieldDividerColorReadOnly}: ${_sdds_finai.surfaceTransparentTertiary};
+                ${_emotion.selectTokens.disclosureIconOpacityReadOnly}: 1;
+                ${_emotion.selectTokens.textFieldColorReadOnly}: ${_sdds_finai.textPrimary};
+                ${_emotion.selectTokens.textFieldBackgroundColorReadOnly}: ${_sdds_finai.surfaceTransparentSecondary};
+                ${_emotion.selectTokens.textFieldBackgroundColor}: ${_sdds_finai.surfaceTransparentCard};
+                ${_emotion.selectTokens.textFieldPlaceholderColorReadOnly}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLeftHelperColorReadOnly}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldTitleCaptionColorReadOnly}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldLabelColorReadOnly}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldContentSlotRightColor}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldContentSlotRightColorHover}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldContentSlotRightColorActive}: ${_sdds_finai.textSecondary};
+                ${_emotion.selectTokens.textFieldBorderColorReadOnly}: transparent;
+            `
+        }
+    },
+    intersections: [
+        {
+            disabled: true,
+            chipView: 'secondary',
+            style: (0, _emotion.css)`
+                ${_emotion.selectTokens.textFieldChipColor}: ${_sdds_finai.textSecondary};
+            `
+        }
+    ]
+};