@salutejs/sdds-dfa 0.172.0-canary.1550.11799501370.0 → 0.172.0-dev.0

package/components/TextField/TextField.d.ts

@@ -74,7 +74,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onChangeChips?: undefined;
     enumerationType?: "plain" | undefined;
     onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -113,7 +113,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onSearch?: undefined;
     chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
     onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -152,7 +152,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onChangeChips?: undefined;
     enumerationType?: "plain" | undefined;
     onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -191,7 +191,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onSearch?: undefined;
     chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
     onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -230,7 +230,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onChangeChips?: undefined;
     enumerationType?: "plain" | undefined;
     onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -269,7 +269,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onSearch?: undefined;
     chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
     onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -308,7 +308,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onChangeChips?: undefined;
     enumerationType?: "plain" | undefined;
     onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -347,7 +347,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onSearch?: undefined;
     chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
     onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -386,7 +386,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onChangeChips?: undefined;
     enumerationType?: "plain" | undefined;
     onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -425,7 +425,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onSearch?: undefined;
     chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
     onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -464,7 +464,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onChangeChips?: undefined;
     enumerationType?: "plain" | undefined;
     onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -503,7 +503,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onSearch?: undefined;
     chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
     onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -542,7 +542,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onChangeChips?: undefined;
     enumerationType?: "plain" | undefined;
     onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -581,7 +581,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onSearch?: undefined;
     chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
     onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -620,7 +620,7 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onChangeChips?: undefined;
     enumerationType?: "plain" | undefined;
     onSearch?: ((value: string, event?: import("react").KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -659,4 +659,4 @@ export declare const TextField: import("react").FunctionComponent<import("@salut
     onSearch?: undefined;
     chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
     onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<import("@salutejs/plasma-new-hope/styled-components").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>))>;
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & import("react").RefAttributes<HTMLInputElement>))>;

package/es/components/Combobox/Combobox.js

@@ -1,13 +1,4 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { comboboxNewConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
-import React from 'react';
+import { comboboxNewConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
 import { config } from './Combobox.config';
 var mergedConfig = /*#__PURE__*/mergeConfig(comboboxNewConfig, config);
-var ComboboxNew = /*#__PURE__*/component(mergedConfig);
-var ComboboxComponent = function ComboboxComponent(props, ref) {
-  return /*#__PURE__*/React.createElement(ComboboxNew, _extends({
-    ref: ref
-  }, props));
-};
-var Combobox = /*#__PURE__*/fixedForwardRef(ComboboxComponent);
-export { Combobox };
+export var Combobox = /*#__PURE__*/component(mergedConfig);

package/es/components/Combobox/index.js

@@ -1 +1,3 @@
-export { Combobox } from './Combobox';
+import { Combobox as ComboboxComponent } from './Combobox';
+var Combobox = ComboboxComponent;
+export { Combobox };

package/es/components/Select/Select.config.js

@@ -1,43 +1,35 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-import { css, selectTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+import { css, selectTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
   defaults: {
     view: 'default',
-    size: 'm',
-    labelPlacement: 'outer',
-    chipView: 'default'
+    chipView: 'default',
+    size: 'm'
   },
   variations: {
-    view: {
-      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      positive: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      warning: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      negative: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldLabelColor, tokens.textFieldLeftHelperColor, tokens.textFieldFocusColor, tokens.textFieldContentSlotColor, tokens.textFieldContentSlotColorHover, tokens.textFieldContentSlotColorActive, tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      accent: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      secondary: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      clear: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      dark: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-transparent-deep);\n                ", ":var(--on-light-surface-transparent-deep-hover);\n                ", ":var(--on-light-surface-transparent-deep-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      black: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-solid-default);\n                ", ":var(--on-light-surface-solid-default-hover);\n                ", ": var(--on-light-surface-solid-default-active);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n            "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.disclosureIconColor, tokens.disclosureIconColorHover, tokens.itemBackgroundHover),
-      white: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-text-primary-hover);\n                ", ": var(--on-light-text-primary-active);\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary-hover);\n                ", ": var(--on-light-text-secondary-active);\n                ", ":var(--on-dark-surface-solid-default);\n                ", ":var(--on-dark-surface-solid-default-hover);\n                ", ":var(--on-dark-surface-solid-default-active);\n\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n            "])), tokens.buttonColor, tokens.buttonColorHover, tokens.buttonColorActive, tokens.buttonArrowColor, tokens.buttonArrowColorHover, tokens.buttonArrowColorActive, tokens.buttonBackgroundColor, tokens.buttonBackgroundColorHover, tokens.buttonBackgroundColorActive, tokens.itemBackgroundHover, tokens.disclosureIconColor, tokens.disclosureIconColorHover)
-    },
     size: {
-      l: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem 0 1.5rem;\n\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1.125rem;\n                ", ": 0.75rem 1.125rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
-      m: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3rem;\n                ", ": 0.875rem 1rem 0.875rem 1rem;\n                ", ": 0.375rem;\n                ", ": 0.75rem;\n\n                ", ": -0.125rem 0.375rem -0.125rem -0.125rem;\n                ", ": -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.625rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem 0 0.125rem 0;\n                ", ": 1.375rem 0 0.375rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2.25rem;\n                ", ": 0.625rem;\n                ", ": 0.875rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1.25rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 0 -0.125rem 0 0.375rem;\n                ", ": 3rem;\n                ", ": 1.25rem 0 1.25rem;\n\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.875rem;\n                ", ": 0.5rem 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconMargin, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
-      s: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n\n                ", ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ", ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.5rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": auto;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 1rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem;\n                ", ": 0.25rem 0.75rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize),
-      xs: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.375rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.3125rem 0 0 0;\n                ", ": 1.0625rem 0 0.3125rem 0;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": auto;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 2rem;\n                ", ": 0.75rem 0 0.75rem;\n\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n\n                ", ": 1rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem 0.5rem;\n                ", ": 0.375rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem 0 0;\n\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0rem;\n                ", ": 0.125rem;\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n            "])), tokens.textFieldHeight, tokens.textFieldPadding, tokens.textFieldPaddingWithChips, tokens.textFieldBorderRadius, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.textFieldFontFamily, tokens.textFieldFontSize, tokens.textFieldFontStyle, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLabelOffset, tokens.textFieldLabelFontFamily, tokens.textFieldLabelFontSize, tokens.textFieldLabelFontStyle, tokens.textFieldLabelFontWeight, tokens.textFieldLabelLetterSpacing, tokens.textFieldLabelLineHeight, tokens.textFieldLeftHelperOffset, tokens.textFieldLeftHelperFontFamily, tokens.textFieldLeftHelperFontSize, tokens.textFieldLeftHelperFontStyle, tokens.textFieldLeftHelperFontWeight, tokens.textFieldLeftHelperLetterSpacing, tokens.textFieldLeftHelperLineHeight, tokens.textFieldLabelInnerPadding, tokens.textFieldContentLabelInnerPadding, tokens.textFieldChipGap, tokens.textFieldChipBorderRadius, tokens.textFieldChipWidth, tokens.textFieldChipHeight, tokens.textFieldChipPaddingRight, tokens.textFieldChipPaddingLeft, tokens.textFieldChipClearContentMarginLeft, tokens.textFieldChipClearContentMarginRight, tokens.textFieldChipCloseIconSize, tokens.textFieldChipFontFamily, tokens.textFieldChipFontSize, tokens.textFieldChipFontStyle, tokens.textFieldChipFontWeight, tokens.textFieldChipLetterSpacing, tokens.textFieldChipLineHeight, tokens.buttonArrowMargin, tokens.targetHeight, tokens.buttonPadding, tokens.padding, tokens.borderRadius, tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemBorderRadius, tokens.itemIconSize, tokens.itemIconSizeTight, tokens.itemIconMargin, tokens.cellPadding, tokens.cellPaddingLeftContent, tokens.cellPaddingContent, tokens.cellPaddingRightContent, tokens.cellTextboxGap, tokens.cellGap, tokens.cellTitleFontFamily, tokens.cellTitleFontSize, tokens.cellTitleFontStyle, tokens.cellTitleFontWeight, tokens.cellTitleLetterSpacing, tokens.cellTitleLineHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.fontLetterSpacing, tokens.fontLineHeight, tokens.checkboxTriggerSize, tokens.checkboxTriggerSizeTight, tokens.checkboxTriggerBorderRadius, tokens.checkboxTriggerBorderRadiusTight, tokens.checkboxFillColor, tokens.checkboxIconColor, tokens.checkboxTriggerBorderColor, tokens.indicatorSize)
+      xs: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.5rem;\n                ", ": 0.125rem;\n\n                ", ": 1rem;\n                ", ": 0.5rem 0.5rem 0.5rem 0.375rem;\n                ", ": 0.25rem 0.5rem 0.25rem 0.375rem;\n                ", ": 0.375rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0 0.25rem 0 0;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.125rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.625rem;\n                ", ": 0.25rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.375rem;\n                ", ": 2rem;\n                ", ": 0.75rem 0 0.75rem;\n                ", ": 0.5rem 0 0.625rem;\n                ", ": 0.5rem 0 0.25rem;\n\n                ", ": 0.375rem;\n\n                ", ": 0;\n\n                ", ": 0.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.labelFontFamily, selectTokens.labelFontSize, selectTokens.labelFontStyle, selectTokens.labelFontWeight, selectTokens.labelFontLetterSpacing, selectTokens.labelFontLineHeight, selectTokens.helperTextFontFamily, selectTokens.helperTextFontSize, selectTokens.helperTextFontStyle, selectTokens.helperTextFontWeight, selectTokens.helperTextFontLetterSpacing, selectTokens.helperTextFontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
+      s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.625rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.675rem;\n                ", ": 0.25rem 0.75rem 0.25rem 0.675rem;\n                ", ": 0.5rem;\n                ", ": 1.5rem;\n                ", ": 1rem;\n                ", ": 0 0.375rem 0 0;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1.25rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.25rem;\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.375rem;\n                ", ": 0rem;\n                ", ": 0.75rem;\n\n                ", ": 0 -0.125rem 0 0.25rem;\n                ", ": 0 0 0 0.375rem;\n                ", ": 2.5rem;\n                ", ": 1rem 0 1rem;\n                ", ": 0.75rem 0 0.875rem;\n                ", ": 0.75rem 0 0.25rem;\n\n                ", ": 0.5rem;\n\n                ", ": 0;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.itemIconMargin, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.labelFontFamily, selectTokens.labelFontSize, selectTokens.labelFontStyle, selectTokens.labelFontWeight, selectTokens.labelFontLetterSpacing, selectTokens.labelFontLineHeight, selectTokens.helperTextFontFamily, selectTokens.helperTextFontSize, selectTokens.helperTextFontStyle, selectTokens.helperTextFontWeight, selectTokens.helperTextFontLetterSpacing, selectTokens.helperTextFontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
+      m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 0.75rem 0.75rem 0.75rem 0.75rem;\n                ", ": 0.5rem 0.75rem 0.5rem 0.75rem;\n                ", ": 0.625rem;\n                ", ": 0 0.375rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.375rem;\n                ", ": 2.25rem;\n                ", ": 0.875rem;\n                ", ": 0.625rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 1rem;\n\n                ", ": 0 -0.125rem 0 0.375rem;\n                ", ": 0 0 0 0.625rem;\n                ", ": 3rem;\n                ", ": 1.25rem 0 1.25rem;\n                ", ": 0.875rem 0 1rem;\n                ", ": 0.875rem 0 0.25rem;\n\n                ", ": 0.625rem;\n\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.labelFontFamily, selectTokens.labelFontSize, selectTokens.labelFontStyle, selectTokens.labelFontWeight, selectTokens.labelFontLetterSpacing, selectTokens.labelFontLineHeight, selectTokens.helperTextFontFamily, selectTokens.helperTextFontSize, selectTokens.helperTextFontStyle, selectTokens.helperTextFontWeight, selectTokens.helperTextFontLetterSpacing, selectTokens.helperTextFontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight),
+      l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.125rem;\n                ", ": 0.875rem;\n                ", ": 0.125rem;\n\n                ", ": 1.5rem;\n                ", ": 1rem 1rem 1rem 0.875rem;\n                ", ": 0.75rem 1rem 0.75rem 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0 0.5rem 0 0;\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": var(--text-accent);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": 0.375rem;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1rem;\n\n                ", ": 0 -0.125rem 0 0.5rem;\n                ", ": 0 0 0 0.75rem;\n                ", ": 3.5rem;\n                ", ": 1.5rem 0 1.5rem;\n                ", ": 1rem 0 1.125rem;\n                ", ": 1rem 0 0.25rem;\n\n                ", ": 0.75rem;\n\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 1.5rem;\n                ", ": 1.5rem;\n            "])), selectTokens.padding, selectTokens.borderRadius, selectTokens.focusOffset, selectTokens.itemHeight, selectTokens.itemPadding, selectTokens.itemPaddingTight, selectTokens.itemBorderRadius, selectTokens.itemIconMargin, selectTokens.itemIconSize, selectTokens.itemIconSizeTight, selectTokens.fontFamily, selectTokens.fontSize, selectTokens.fontStyle, selectTokens.fontWeight, selectTokens.fontLetterSpacing, selectTokens.fontLineHeight, selectTokens.labelFontFamily, selectTokens.labelFontSize, selectTokens.labelFontStyle, selectTokens.labelFontWeight, selectTokens.labelFontLetterSpacing, selectTokens.labelFontLineHeight, selectTokens.helperTextFontFamily, selectTokens.helperTextFontSize, selectTokens.helperTextFontStyle, selectTokens.helperTextFontWeight, selectTokens.helperTextFontLetterSpacing, selectTokens.helperTextFontLineHeight, selectTokens.checkboxTriggerSize, selectTokens.checkboxTriggerSizeTight, selectTokens.checkboxTriggerBorderRadius, selectTokens.checkboxTriggerBorderRadiusTight, selectTokens.checkboxFillColor, selectTokens.checkboxIconColor, selectTokens.checkboxTriggerBorderColor, selectTokens.indicatorSize, selectTokens.chipGap, selectTokens.chipBorderRadius, selectTokens.chipHeight, selectTokens.chipPaddingRight, selectTokens.chipPaddingLeft, selectTokens.chipClearContentMarginLeft, selectTokens.chipClearContentMarginRight, selectTokens.chipCloseIconSize, selectTokens.targetButtonArrowMargin, selectTokens.targetTextfieldArrowMargin, selectTokens.targetHeight, selectTokens.targetButtonPadding, selectTokens.targetTextfieldPadding, selectTokens.targetTextfieldChipPadding, selectTokens.labelOffset, selectTokens.innerLabelGap, selectTokens.helperTextOffset, selectTokens.spinnerSize, selectTokens.spinnerSizeTight)
     },
-    labelPlacement: {
-      inner: /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--plasma-colors-secondary)));\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), tokens.textFieldPlaceholderColor, tokens.textFieldLabelInnerFontFamily, tokens.textFieldLabelInnerFontSize, tokens.textFieldLabelInnerFontStyle, tokens.textFieldLabelInnerFontWeight, tokens.textFieldLabelInnerLetterSpacing, tokens.textFieldLabelInnerLineHeight),
-      outer: /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    view: {
+      "default": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--inverse-text-primary-hover);\n                ", ": var(--inverse-text-primary-active);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--inverse-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-transparent-secondary);\n            "])), selectTokens.helperTextColor, selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
+      positive: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-positive);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-positive);\n                ", ":var(--surface-positive-hover);\n                ", ":var(--surface-positive-active);\n                ", ": var(--surface-transparent-positive);\n                ", ": var(--surface-transparent-positive-active);\n            "])), selectTokens.helperTextColor, selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
+      warning: /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-warning);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-warning);\n                ", ":var(--surface-warning-hover);\n                ", ":var(--surface-warning-active);\n                ", ": var(--surface-transparent-warning);\n                ", ": var(--surface-transparent-warning-active);\n            "])), selectTokens.helperTextColor, selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
+      negative: /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ":var(--surface-negative);\n                ", ": var(--surface-negative-hover);\n                ", ":var(--surface-negative-active);\n                ", ": var(--surface-transparent-negative);\n                ", ": var(--surface-transparent-negative-active);\n            "])), selectTokens.helperTextColor, selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetTextfieldArrowColor, selectTokens.targetTextfieldArrowColorHover, selectTokens.targetTextfieldArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive, selectTokens.targetTextfieldBackgroundColor, selectTokens.targetTextfieldBackgroundColorOpened),
+      accent: /*#__PURE__*/css(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      secondary: /*#__PURE__*/css(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      clear: /*#__PURE__*/css(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary-hover);\n                ", ": var(--text-primary-active);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n                ", ": var(--surface-clear);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      dark: /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-transparent-deep);\n                ", ":var(--on-light-surface-transparent-deep-hover);\n                ", ":var(--on-light-surface-transparent-deep-active);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      black: /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-text-primary-hover);\n                ", ": var(--on-dark-text-primary-active);\n                ", ": var(--on-dark-text-secondary);\n                ", ": var(--on-dark-text-secondary-hover);\n                ", ": var(--on-dark-text-secondary-active);\n                ", ":var(--on-light-surface-solid-default);\n                ", ":var(--on-light-surface-solid-default-hover);\n                ", ": var(--on-light-surface-solid-default-active);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive),
+      white: /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-light-text-primary-hover);\n                ", ": var(--on-light-text-primary-active);\n                ", ": var(--on-light-text-secondary);\n                ", ": var(--on-light-text-secondary-hover);\n                ", ": var(--on-light-text-secondary-active);\n                ", ":var(--on-dark-surface-solid-default);\n                ", ":var(--on-dark-surface-solid-default-hover);\n                ", ":var(--on-dark-surface-solid-default-active);\n            "])), selectTokens.itemBackgroundHover, selectTokens.disclosureIconColor, selectTokens.disclosureIconColorHover, selectTokens.targetButtonColor, selectTokens.targetButtonColorHover, selectTokens.targetButtonColorActive, selectTokens.targetButtonArrowColor, selectTokens.targetButtonArrowColorHover, selectTokens.targetButtonArrowColorActive, selectTokens.targetButtonBackgroundColor, selectTokens.targetButtonBackgroundColorHover, selectTokens.targetButtonBackgroundColorActive)
     },
     chipView: {
-      "default": /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--inverse-text-primary);\n            "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor),
-      secondary: /*#__PURE__*/css(_templateObject18 || (_templateObject18 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n            "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor),
-      accent: /*#__PURE__*/css(_templateObject19 || (_templateObject19 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--on-dark-text-primary);\n            "])), tokens.textFieldChipColor, tokens.textFieldChipBackground, tokens.textFieldChipBackgroundHover, tokens.textFieldChipCloseIconColor)
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(_templateObject20 || (_templateObject20 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), tokens.textFieldDisabledOpacity)
+      "default": /*#__PURE__*/css(_templateObject15 || (_templateObject15 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-active);\n            "])), selectTokens.chipColor, selectTokens.chipBackground, selectTokens.chipBackgroundHover, selectTokens.chipBackgroundActive),
+      secondary: /*#__PURE__*/css(_templateObject16 || (_templateObject16 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--surface-transparent-secondary-active);\n            "])), selectTokens.chipColor, selectTokens.chipBackground, selectTokens.chipBackgroundHover, selectTokens.chipBackgroundActive),
+      accent: /*#__PURE__*/css(_templateObject17 || (_templateObject17 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-accent-active);\n            "])), selectTokens.chipColor, selectTokens.chipBackground, selectTokens.chipBackgroundHover, selectTokens.chipBackgroundActive)
     }
   }
 };

package/es/components/Select/Select.js

@@ -1,13 +1,12 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-import { selectConfig, component, mergeConfig, fixedForwardRef } from '@salutejs/plasma-new-hope/styled-components';
-import React from 'react';
+import { selectConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import React, { forwardRef } from 'react';
 import { config } from './Select.config';
 var mergedConfig = /*#__PURE__*/mergeConfig(selectConfig, config);
 var SelectNewHope = /*#__PURE__*/component(mergedConfig);
-var SelectComponent = function SelectComponent(props, ref) {
+var Select = /*#__PURE__*/forwardRef(function (props, ref) {
   return /*#__PURE__*/React.createElement(SelectNewHope, _extends({
     ref: ref
   }, props));
-};
-var Select = /*#__PURE__*/fixedForwardRef(SelectComponent);
+});
 export { Select };

package/es/components/Switch/Switch.config.js

@@ -1,25 +1,32 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 import { css, switchTokens } from '@salutejs/plasma-new-hope/styled-components';
 export var config = {
   defaults: {
     view: 'default',
     size: 'm',
+    toggleSize: 'l',
     labelPosition: 'before',
     focused: 'true'
   },
   variations: {
     size: {
-      m: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body1-font-family);\n                ", ": var(--plasma-typo-body1-font-style);\n                ", ": var(--plasma-typo-body1-font-weight);\n                ", ": var(--plasma-typo-body1-font-weight);\n                ", ": var(--plasma-typo-body1-line-height);\n                ", ": var(--plasma-typo-body1-font-size);\n                ", ": var(--plasma-typo-body1-letter-spacing);\n                ", ": 2.75rem;\n                ", ": 1.75rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 1.5rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 0.125rem;\n                ", ": 1.25;\n                ", ": 0.75rem;\n            "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale, switchTokens.labelOffset)
+      s: /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-line-height);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": 0.25rem;\n                ", ": 0.75rem;\n            "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
+      m: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": 0.25rem;\n                ", ": 0.75rem;\n            "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
+      l: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-line-height);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": 0.25rem;\n                ", ": 0.75rem;\n            "])), switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset)
+    },
+    toggleSize: {
+      l: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.75rem;\n                ", ": 1.75rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 1.5rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 0.125rem;\n                ", ": 1.25;\n            "])), switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale),
+      s: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 1.25rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 1rem;\n                ", ": calc(var(", ") / 2);\n                ", ": 0.125rem;\n                ", ": 1.25;\n            "])), switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
     },
     view: {
-      "default": /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n            "])), switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
+      "default": /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-accent-hover);\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--surface-transparent-tertiary-hover);\n                ", ": var(--on-dark-surface-solid-default);\n                ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n            "])), switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
     },
     disabled: {
-      "true": /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), switchTokens.disabledOpacity)
+      "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), switchTokens.disabledOpacity)
     },
     focused: {
-      "true": /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n            "])), switchTokens.trackFocusColor)
+      "true": /*#__PURE__*/css(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n            "])), switchTokens.trackFocusColor)
     }
   }
 };

package/es/components/Tabs/horizontal/HorizontalTabs.config.js

@@ -26,7 +26,7 @@ export var config = {
       "true": /*#__PURE__*/css(_templateObject12 || (_templateObject12 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n            "])), tabsTokens.containerWidth)
     },
     disabled: {
-      "true": /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1;\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(---text-secondary-active);\n            "])), tabsTokens.disabledOpacity, tabsTokens.arrowColor, tabsTokens.arrowColorHover, tabsTokens.arrowColorActive)
+      "true": /*#__PURE__*/css(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), tabsTokens.disabledOpacity)
     },
     pilled: {
       "true": /*#__PURE__*/css(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.625rem;\n            "])), tabsTokens.tabsPilledBorderRadius)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/sdds-dfa",
-  "version": "0.172.0-canary.1550.11799501370.0",
+  "version": "0.172.0-dev.0",
   "description": "Salute Design System / React UI kit for SDDS DFA web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -19,7 +19,7 @@
     "directory": "packages/sdds-dfa"
   },
   "dependencies": {
-    "@salutejs/plasma-new-hope": "0.192.0-canary.1550.11799501370.0",
+    "@salutejs/plasma-new-hope": "0.192.0-dev.0",
     "@salutejs/sdds-themes": "0.27.0-dev.0"
   },
   "peerDependencies": {
@@ -95,5 +95,5 @@
     "Anton Vinogradov"
   ],
   "sideEffects": false,
-  "gitHead": "20208234397b8d0079716a18ac38dc0322f631f5"
+  "gitHead": "42190af7e2f181cff7670890871293beb710f627"
 }