@salutejs/plasma-web 1.368.0-canary.1349.10357757918.0 → 1.368.0-canary.1350.10404075071.0

package/components/SelectNew/Select.d.ts

@@ -0,0 +1,79 @@
+/// <reference types="react" />
+declare const Select: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    size: {
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        black: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        white: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    chipView: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & ((import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
+    multiselect?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
+} & {
+    target?: "textfield-like" | undefined;
+    view?: "default" | "positive" | "warning" | "negative" | undefined;
+    contentLeft?: import("react").ReactNode;
+    labelPlacement?: "outer" | "inner" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
+    multiselect?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
+} & {
+    target?: "button-like" | undefined;
+    view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
+    contentLeft?: undefined;
+    labelPlacement?: undefined;
+    placeholder?: undefined;
+    helperText?: undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
+    multiselect: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
+} & {
+    target?: "textfield-like" | undefined;
+    view?: "default" | "positive" | "warning" | "negative" | undefined;
+    contentLeft?: import("react").ReactNode;
+    labelPlacement?: "outer" | "inner" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
+    multiselect: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
+} & {
+    target?: "button-like" | undefined;
+    view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
+    contentLeft?: undefined;
+    labelPlacement?: undefined;
+    placeholder?: undefined;
+    helperText?: undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;
+export { Select };

package/components/SelectNew/Select.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Select = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _Select = /*#__PURE__*/require("./Select.config");
+var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledComponents.selectConfig, _Select.config);
+var Select = exports.Select = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);

package/components/SelectNew/index.d.ts

@@ -0,0 +1,81 @@
+/// <reference types="react" />
+/**
+ * Выпадающий список. Поддерживает выбор одного или нескольких значений.
+ */
+export declare const SelectNew: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    size: {
+        xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        positive: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        warning: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        clear: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        dark: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        black: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        white: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    chipView: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        secondary: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        accent: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & ((import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
+    multiselect?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
+} & {
+    target?: "textfield-like" | undefined;
+    view?: "default" | "positive" | "warning" | "negative" | undefined;
+    contentLeft?: import("react").ReactNode;
+    labelPlacement?: "outer" | "inner" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
+    multiselect?: false | undefined;
+    value?: string | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    isTargetAmount?: false | undefined;
+    renderTarget?: ((value: string) => import("react").ReactNode) | undefined;
+} & {
+    target?: "button-like" | undefined;
+    view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
+    contentLeft?: undefined;
+    labelPlacement?: undefined;
+    placeholder?: undefined;
+    helperText?: undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
+    multiselect: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
+} & {
+    target?: "textfield-like" | undefined;
+    view?: "default" | "positive" | "warning" | "negative" | undefined;
+    contentLeft?: import("react").ReactNode;
+    labelPlacement?: "outer" | "inner" | undefined;
+    placeholder?: string | undefined;
+    helperText?: string | undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>) | (import("@salutejs/plasma-new-hope/types/components/Select/Select.types").BasicProps & {
+    multiselect: true;
+    value?: string[] | undefined;
+    onChange?: ((value: string[]) => void) | undefined;
+    isTargetAmount?: boolean | undefined;
+    renderTarget?: ((value: string[]) => import("react").ReactNode) | undefined;
+} & {
+    target?: "button-like" | undefined;
+    view?: "default" | "accent" | "secondary" | "positive" | "warning" | "negative" | "black" | "white" | "dark" | "clear" | undefined;
+    contentLeft?: undefined;
+    labelPlacement?: undefined;
+    placeholder?: undefined;
+    helperText?: undefined;
+} & Omit<import("react").ButtonHTMLAttributes<HTMLButtonElement>, "onChange" | "nonce" | "onResize" | "onResizeCapture" | "value"> & import("react").RefAttributes<HTMLButtonElement>))>;

package/components/SelectNew/index.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectNew = void 0;
+var _Select = /*#__PURE__*/require("./Select");
+/**
+ * Выпадающий список. Поддерживает выбор одного или нескольких значений.
+ */
+var SelectNew = exports.SelectNew = _Select.Select;

package/components/Switch/Switch.config.js

@@ -19,7 +19,7 @@ var config = exports.config = {
       m: /*#__PURE__*/(0, _styledComponents.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            "])), _styledComponents.switchTokens.fontFamily, _styledComponents.switchTokens.fontStyle, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.fontWeight, _styledComponents.switchTokens.lineHeight, _styledComponents.switchTokens.fontSize, _styledComponents.switchTokens.letterSpacing, _styledComponents.switchTokens.trackWidth, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.trackBorderRadius, _styledComponents.switchTokens.trackHeight, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbBorderRadius, _styledComponents.switchTokens.thumbSize, _styledComponents.switchTokens.thumbOffset, _styledComponents.switchTokens.thumbPressScale, _styledComponents.switchTokens.labelOffset)
     },
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-accent);\n                ", ": var(--plasma-colors-tertiary);\n                ", ": var(--plasma-colors-white);\n                ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n            "])), _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.thumbBackgroundColor, _styledComponents.switchTokens.thumbBoxShadow)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--on-dark-text-primary);\n                ", ": 0 1px 1px rgba(0, 0, 0, 0.11);\n            "])), _styledComponents.switchTokens.trackBackgroundColorOn, _styledComponents.switchTokens.trackBackgroundColorOff, _styledComponents.switchTokens.thumbBackgroundColor, _styledComponents.switchTokens.thumbBoxShadow)
     },
     // TODO: could we not css into css ???
     labelPosition: {
@@ -30,7 +30,7 @@ var config = exports.config = {
       "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.switchTokens.disabledOpacity)
     },
     focused: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-button-focused);\n            "])), _styledComponents.switchTokens.trackFocusColor)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n            "])), _styledComponents.switchTokens.trackFocusColor)
     }
   }
 };

package/components/Tabs/TabItem.config.js

@@ -14,10 +14,10 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--plasma-colors-primary);\n                ", ": transparent;\n                ", ": var(--plasma-colors-primary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--plasma-colors-button-focused);\n\n                ", ": 0rem;\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--plasma-colors-primary);\n\n                ", ": var(--plasma-colors-tertiary);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--plasma-colors-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor),
-      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--plasma-colors-surface-card);\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--plasma-colors-surface-card);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--plasma-colors-button-focused);\n\n                ", ": 0rem;\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--plasma-colors-primary);\n\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--plasma-colors-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor),
-      divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--plasma-colors-primary);\n                ", ": transparent;\n                ", ": var(--plasma-colors-primary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--plasma-colors-button-focused);\n\n                ", ": 0.125rem;\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--plasma-colors-primary);\n\n                ", ": var(--plasma-colors-tertiary);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--plasma-colors-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor),
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-primary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--plasma-colors-inverse);\n                ", ": var(--surface-solid-default);\n                ", ": var(--plasma-colors-inverse);\n                ", ": var(--surface-solid-default);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--plasma-colors-button-focused);\n\n                ", ": 0rem;\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--plasma-colors-primary);\n                ", ": var(--plasma-colors-primary);\n\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--plasma-colors-white-secondary);\n                ", ": var(--plasma-colors-white-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor)
+      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor),
+      secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor),
+      divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0;\n                ", ": 0;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0.125rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemPaddingClear, _styledComponents.tabsTokens.itemContentPaddingClear, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor),
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\n                ", ": transparent;\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n                ", ": background-color 0.3s ease-in-out;\n\n                ", ": 0.125rem;\n\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--inverse-text-secondary);\n                ", ": var(--inverse-text-secondary);\n            "])), _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemBackgroundColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemBackgroundColorHover, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedBackgroundColor, _styledComponents.tabsTokens.itemSelectedColorHover, _styledComponents.tabsTokens.itemSelectedBackgroundColorHover, _styledComponents.tabsTokens.itemBackgroundTransition, _styledComponents.tabsTokens.itemMarginLeftFilled, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.itemSelectedDividerHeight, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.additionalContentColor, _styledComponents.tabsTokens.additionalContentHoverColor, _styledComponents.tabsTokens.additionalContentSelectedColor, _styledComponents.tabsTokens.additionalContentSelectedHoverColor)
     },
     size: {
       xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.375rem;\n                ", ": auto;\n                ", ": 2rem;\n                ", ": 0 0.5rem;\n                ", ": 0 0.375rem;\n                ", ": 1.75rem;\n                ", ": 0.25rem;\n                ", ": 0.125rem;\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            "])), _styledComponents.tabsTokens.itemBorderRadius, _styledComponents.tabsTokens.itemWidth, _styledComponents.tabsTokens.itemHeight, _styledComponents.tabsTokens.itemPadding, _styledComponents.tabsTokens.itemPaddingPilled, _styledComponents.tabsTokens.itemMarginLeft, _styledComponents.tabsTokens.itemContentGap, _styledComponents.tabsTokens.itemContentPadding, _styledComponents.tabsTokens.fontFamily, _styledComponents.tabsTokens.fontSize, _styledComponents.tabsTokens.fontStyle, _styledComponents.tabsTokens.fontWeight, _styledComponents.tabsTokens.letterSpacing, _styledComponents.tabsTokens.lineHeight),

package/components/Tabs/Tabs.config.js

@@ -14,15 +14,15 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-secondary);\n                ", ": transparent;\n                ", ": var(--plasma-colors-button-focused);\n\n                ", ": 0rem;\n                ", ": transparent;\n                ", ": 0rem;\n            "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius),
-      filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--plasma-colors-button-focused);\n\n                ", ": 0rem;\n                ", ": transparent;\n                ", ": 0rem;\n            "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius),
-      divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-colors-secondary);\n                ", ": transparent;\n                ", ": var(--plasma-colors-button-focused);\n\n                ", ": 0.0625rem;\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.0625rem;\n            "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
+      clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": transparent;\n                ", ": 0rem;\n            "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius),
+      filled: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--surface-transparent-primary);\n                ", ": var(--surface-accent);\n\n                ", ": 0rem;\n                ", ": transparent;\n                ", ": 0rem;\n            "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius),
+      divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": transparent;\n                ", ": var(--surface-accent);\n\n                ", ": 0.0625rem;\n                ", ": var(--surface-transparent-tertiary);\n                ", ": 0.0625rem;\n            "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
     },
     size: {
       xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.125rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
       s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.25rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
       m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.625rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.875rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.75rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.75rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
       h5: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0.25rem;\n                ", ": 0rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
       h4: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0.25rem;\n                ", ": 0rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),
       h3: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0.375rem;\n                ", ": 0rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding),

package/components/TextField/TextField.config.js

@@ -15,7 +15,7 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--plasma-colors-secondary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor),
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor),
       positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-positive);\n\n                ", ": var(--surface-positive);\n                ", ": var(--surface-positive);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor),
       warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-warning);\n\n                ", ": var(--surface-warning);\n                ", ": var(--surface-warning);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor),
       negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--surface-clear);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n\n                ", ": var(--surface-negative);\n                ", ": var(--surface-negative);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-hover);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary-active);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n                ", ": var(--text-primary);\n                ", ": 0.72;\n\n                ", ": var(--text-tertiary);\n                ", ": var(--text-tertiary);\n\n                ", ": var(--text-accent);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.borderColor, _styledComponents.textFieldTokens.borderColorHover, _styledComponents.textFieldTokens.borderColorFocus, _styledComponents.textFieldTokens.chipCloseIconColor, _styledComponents.textFieldTokens.chipColor, _styledComponents.textFieldTokens.chipBackground, _styledComponents.textFieldTokens.chipColorHover, _styledComponents.textFieldTokens.chipBackgroundHover, _styledComponents.textFieldTokens.chipColorActive, _styledComponents.textFieldTokens.chipBackgroundActive, _styledComponents.textFieldTokens.chipBackgroundReadOnly, _styledComponents.textFieldTokens.chipColorReadOnly, _styledComponents.textFieldTokens.chipBackgroundReadOnlyHover, _styledComponents.textFieldTokens.chipColorReadOnlyHover, _styledComponents.textFieldTokens.chipOpacityReadonly, _styledComponents.textFieldTokens.textBeforeColor, _styledComponents.textFieldTokens.textAfterColor, _styledComponents.textFieldTokens.focusColor)
@@ -27,7 +27,7 @@ var config = exports.config = {
       xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2rem;\n                ", ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ", ": 0.375rem;\n                ", ": 0.5rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\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                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\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            "])), _styledComponents.textFieldTokens.height, _styledComponents.textFieldTokens.padding, _styledComponents.textFieldTokens.paddingWithChips, _styledComponents.textFieldTokens.borderRadius, _styledComponents.textFieldTokens.borderWidth, _styledComponents.textFieldTokens.leftContentMargin, _styledComponents.textFieldTokens.rightContentMargin, _styledComponents.textFieldTokens.fontFamily, _styledComponents.textFieldTokens.fontSize, _styledComponents.textFieldTokens.fontStyle, _styledComponents.textFieldTokens.fontWeight, _styledComponents.textFieldTokens.letterSpacing, _styledComponents.textFieldTokens.lineHeight, _styledComponents.textFieldTokens.labelOffset, _styledComponents.textFieldTokens.labelFontFamily, _styledComponents.textFieldTokens.labelFontSize, _styledComponents.textFieldTokens.labelFontStyle, _styledComponents.textFieldTokens.labelFontWeight, _styledComponents.textFieldTokens.labelLetterSpacing, _styledComponents.textFieldTokens.labelLineHeight, _styledComponents.textFieldTokens.leftHelperOffset, _styledComponents.textFieldTokens.leftHelperFontFamily, _styledComponents.textFieldTokens.leftHelperFontSize, _styledComponents.textFieldTokens.leftHelperFontStyle, _styledComponents.textFieldTokens.leftHelperFontWeight, _styledComponents.textFieldTokens.leftHelperLetterSpacing, _styledComponents.textFieldTokens.leftHelperLineHeight, _styledComponents.textFieldTokens.labelInnerPadding, _styledComponents.textFieldTokens.contentLabelInnerPadding, _styledComponents.textFieldTokens.textBeforeMargin, _styledComponents.textFieldTokens.textAfterMargin, _styledComponents.textFieldTokens.chipGap, _styledComponents.textFieldTokens.chipBorderRadius, _styledComponents.textFieldTokens.chipWidth, _styledComponents.textFieldTokens.chipHeight, _styledComponents.textFieldTokens.chipPaddingRight, _styledComponents.textFieldTokens.chipPaddingLeft, _styledComponents.textFieldTokens.chipClearContentMarginLeft, _styledComponents.textFieldTokens.chipClearContentMarginRight, _styledComponents.textFieldTokens.chipCloseIconSize, _styledComponents.textFieldTokens.chipFontFamily, _styledComponents.textFieldTokens.chipFontSize, _styledComponents.textFieldTokens.chipFontStyle, _styledComponents.textFieldTokens.chipFontWeight, _styledComponents.textFieldTokens.chipLetterSpacing, _styledComponents.textFieldTokens.chipLineHeight)
     },
     labelPlacement: {
-      inner: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__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            "])), _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelInnerFontFamily, _styledComponents.textFieldTokens.labelInnerFontSize, _styledComponents.textFieldTokens.labelInnerFontStyle, _styledComponents.textFieldTokens.labelInnerFontWeight, _styledComponents.textFieldTokens.labelInnerLetterSpacing, _styledComponents.textFieldTokens.labelInnerLineHeight),
+      inner: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--text-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            "])), _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelInnerFontFamily, _styledComponents.textFieldTokens.labelInnerFontSize, _styledComponents.textFieldTokens.labelInnerFontStyle, _styledComponents.textFieldTokens.labelInnerFontWeight, _styledComponents.textFieldTokens.labelInnerLetterSpacing, _styledComponents.textFieldTokens.labelInnerLineHeight),
       outer: /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     },
     disabled: {

package/css/cjs/components/Dropdown/Dropdown.config.js

@@ -1,4 +1,4 @@
-import './Dropdown.config_169uaoi.css';
+import './Dropdown.config_kvz7m2.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Dropdown/Dropdown.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        size: {\n            xs: css`\n                ${dropdownTokens.padding}: 0.125rem;\n                ${dropdownTokens.width}: 10rem;\n                ${dropdownTokens.borderRadius}: 0.5rem;\n\n                ${dropdownTokens.itemPaddingTop}: 0.5625rem;\n                ${dropdownTokens.itemPaddingRight}: 0.5rem;\n                ${dropdownTokens.itemPaddingBottom}: 0.5625rem;\n                ${dropdownTokens.itemPaddingLeft}: 0.5rem;\n                ${dropdownTokens.itemBorderRadius}: 0.375rem;\n                ${dropdownTokens.itemPaddingTopTight}: 0.3125rem;\n                ${dropdownTokens.itemPaddingBottomTight}: 0.3125rem;\n\n                ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n                ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            s: css`\n                ${dropdownTokens.padding}: 0.125rem;\n                ${dropdownTokens.width}: 12.5rem;\n                ${dropdownTokens.borderRadius}: 0.625rem;\n\n                ${dropdownTokens.itemPaddingTop}: 0.6875rem;\n                ${dropdownTokens.itemPaddingRight}: 0.75rem;\n                ${dropdownTokens.itemPaddingBottom}: 0.6875rem;\n                ${dropdownTokens.itemPaddingLeft}: 0.75rem;\n                ${dropdownTokens.itemBorderRadius}: 0.5rem;\n                ${dropdownTokens.itemPaddingTopTight}: 0.4375rem;\n                ${dropdownTokens.itemPaddingBottomTight}: 0.4375rem;\n\n                ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n                ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n                ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            m: css`\n                ${dropdownTokens.padding}: 0.125rem;\n                ${dropdownTokens.width}: 15rem;\n                ${dropdownTokens.borderRadius}: 0.75rem;\n\n                ${dropdownTokens.itemPaddingTop}: 0.875rem;\n                ${dropdownTokens.itemPaddingRight}: 0.875rem;\n                ${dropdownTokens.itemPaddingBottom}: 0.875rem;\n                ${dropdownTokens.itemPaddingLeft}: 0.875rem;\n                ${dropdownTokens.itemBorderRadius}: 0.625rem;\n                ${dropdownTokens.itemPaddingTopTight}: 0.625rem;\n                ${dropdownTokens.itemPaddingBottomTight}: 0.625rem;\n\n                ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n                ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n                ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            l: css`\n                ${dropdownTokens.padding}: 0.125rem;\n                ${dropdownTokens.width}: 17.5rem;\n                ${dropdownTokens.borderRadius}: 0.875rem;\n\n                ${dropdownTokens.itemPaddingTop}: 1.0625rem;\n                ${dropdownTokens.itemPaddingRight}: 1rem;\n                ${dropdownTokens.itemPaddingBottom}: 1.0625rem;\n                ${dropdownTokens.itemPaddingLeft}: 1rem;\n                ${dropdownTokens.itemBorderRadius}: 0.75rem;\n                ${dropdownTokens.itemPaddingTopTight}: 0.8125rem;\n                ${dropdownTokens.itemPaddingBottomTight}: 0.8125rem;\n\n                ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n                ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n                ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n        },\n        view: {\n            default: css`\n                ${dropdownTokens.disabledOpacity}: 0.4;\n                ${dropdownTokens.focusColor}: var(--surface-accent);\n                ${dropdownTokens.background}: var(--surface-solid-card);\n                ${dropdownTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ${dropdownTokens.disclosureIconColor}: var(--text-secondary);\n                ${dropdownTokens.itemBackground}: var(--plasma-colors-transparent);\n                ${dropdownTokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n                ${dropdownTokens.itemColor}: var(--text-primary);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","xs","s","m","l","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAmBD,SAAA;AACDC,MAAAA,CAAC,EAmBA,SAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAoBJ;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,SAAA;AAUX,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"Dropdown.config.js","sources":["../../../../src-css/components/Dropdown/Dropdown.config.ts"],"sourcesContent":["import { css, dropdownTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        size: {\n            xs: css`\n                ${dropdownTokens.padding}: 0.125rem;\n                ${dropdownTokens.width}: 10rem;\n                ${dropdownTokens.borderRadius}: 0.5rem;\n\n                ${dropdownTokens.itemPaddingTop}: 0.5625rem;\n                ${dropdownTokens.itemPaddingRight}: 0.5rem;\n                ${dropdownTokens.itemPaddingBottom}: 0.5625rem;\n                ${dropdownTokens.itemPaddingLeft}: 0.5rem;\n                ${dropdownTokens.itemBorderRadius}: 0.375rem;\n                ${dropdownTokens.itemPaddingTopTight}: 0.3125rem;\n                ${dropdownTokens.itemPaddingBottomTight}: 0.3125rem;\n\n                ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-xs-font-weight);\n                ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            s: css`\n                ${dropdownTokens.padding}: 0.125rem;\n                ${dropdownTokens.width}: 12.5rem;\n                ${dropdownTokens.borderRadius}: 0.625rem;\n\n                ${dropdownTokens.itemPaddingTop}: 0.6875rem;\n                ${dropdownTokens.itemPaddingRight}: 0.75rem;\n                ${dropdownTokens.itemPaddingBottom}: 0.6875rem;\n                ${dropdownTokens.itemPaddingLeft}: 0.75rem;\n                ${dropdownTokens.itemBorderRadius}: 0.5rem;\n                ${dropdownTokens.itemPaddingTopTight}: 0.4375rem;\n                ${dropdownTokens.itemPaddingBottomTight}: 0.4375rem;\n\n                ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-s-font-size);\n                ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-s-font-weight);\n                ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-s-line-height);\n            `,\n            m: css`\n                ${dropdownTokens.padding}: 0.125rem;\n                ${dropdownTokens.width}: 15rem;\n                ${dropdownTokens.borderRadius}: 0.75rem;\n\n                ${dropdownTokens.itemPaddingTop}: 0.875rem;\n                ${dropdownTokens.itemPaddingRight}: 0.875rem;\n                ${dropdownTokens.itemPaddingBottom}: 0.875rem;\n                ${dropdownTokens.itemPaddingLeft}: 0.875rem;\n                ${dropdownTokens.itemBorderRadius}: 0.625rem;\n                ${dropdownTokens.itemPaddingTopTight}: 0.625rem;\n                ${dropdownTokens.itemPaddingBottomTight}: 0.625rem;\n\n                ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-m-font-size);\n                ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-m-font-weight);\n                ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-m-line-height);\n            `,\n            l: css`\n                ${dropdownTokens.padding}: 0.125rem;\n                ${dropdownTokens.width}: 17.5rem;\n                ${dropdownTokens.borderRadius}: 0.875rem;\n\n                ${dropdownTokens.itemPaddingTop}: 1.0625rem;\n                ${dropdownTokens.itemPaddingRight}: 1rem;\n                ${dropdownTokens.itemPaddingBottom}: 1.0625rem;\n                ${dropdownTokens.itemPaddingLeft}: 1rem;\n                ${dropdownTokens.itemBorderRadius}: 0.75rem;\n                ${dropdownTokens.itemPaddingTopTight}: 0.8125rem;\n                ${dropdownTokens.itemPaddingBottomTight}: 0.8125rem;\n\n                ${dropdownTokens.itemFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${dropdownTokens.itemFontSize}: var(--plasma-typo-body-l-font-size);\n                ${dropdownTokens.itemFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${dropdownTokens.itemFontWeightBold}: var(--plasma-typo-body-l-font-weight);\n                ${dropdownTokens.itemFontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${dropdownTokens.itemFontLineHeight}: var(--plasma-typo-body-l-line-height);\n            `,\n        },\n        view: {\n            default: css`\n                ${dropdownTokens.disabledOpacity}: 0.4;\n                ${dropdownTokens.focusColor}: var(--surface-accent);\n                ${dropdownTokens.background}: var(--surface-solid-card);\n                ${dropdownTokens.boxShadow}: 0px 4px 14px -4px rgba(8, 8, 8, 0.08), 0px 1px 4px -1px rgba(0, 0, 0, 0.04);\n                ${dropdownTokens.disclosureIconColor}: var(--text-secondary);\n                ${dropdownTokens.itemBackground}: var(--surface-clear);\n                ${dropdownTokens.itemBackgroundHover}: var(--surface-transparent-secondary);\n                ${dropdownTokens.itemColor}: var(--text-primary);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","xs","s","m","l","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAmBD,SAAA;AACDC,MAAAA,CAAC,EAmBA,SAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAoBJ;AACDN,IAAAA,IAAI,EAAE;MACFO,SAAO,EAAA,SAAA;AAUX,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/{es/components/Dropdown/Dropdown.config_169uaoi.css → cjs/components/Dropdown/Dropdown.config_kvz7m2.css}

@@ -2,4 +2,4 @@
 .sxwpid0{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
 .m12u1ccx{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
 .lj8enjv{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
-.da0vaum{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--plasma-colors-transparent);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);}
+.da0vaum{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);}

package/css/cjs/components/Dropdown/Dropdown.css

@@ -1,5 +1,5 @@
-.Dropdown_config_169uaoi_xuajbqv__d22c0e3b{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-padding-top-tight:0.3125rem;--plasma-dropdown-item-padding-bottom-tight:0.3125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
-.Dropdown_config_169uaoi_sxwpid0__d22c0e3b{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
-.Dropdown_config_169uaoi_m12u1ccx__d22c0e3b{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
-.Dropdown_config_169uaoi_lj8enjv__d22c0e3b{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
-.Dropdown_config_169uaoi_da0vaum__d22c0e3b{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--plasma-colors-transparent);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);}
+.Dropdown_config_kvz7m2_xuajbqv__bbff8456{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:10rem;--plasma-dropdown-border-radius:0.5rem;--plasma-dropdown-item-padding-top:0.5625rem;--plasma-dropdown-item-padding-right:0.5rem;--plasma-dropdown-item-padding-bottom:0.5625rem;--plasma-dropdown-item-padding-left:0.5rem;--plasma-dropdown-item-border-radius:0.375rem;--plasma-dropdown-item-padding-top-tight:0.3125rem;--plasma-dropdown-item-padding-bottom-tight:0.3125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-xs-line-height);}
+.Dropdown_config_kvz7m2_sxwpid0__bbff8456{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:12.5rem;--plasma-dropdown-border-radius:0.625rem;--plasma-dropdown-item-padding-top:0.6875rem;--plasma-dropdown-item-padding-right:0.75rem;--plasma-dropdown-item-padding-bottom:0.6875rem;--plasma-dropdown-item-padding-left:0.75rem;--plasma-dropdown-item-border-radius:0.5rem;--plasma-dropdown-item-padding-top-tight:0.4375rem;--plasma-dropdown-item-padding-bottom-tight:0.4375rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-s-line-height);}
+.Dropdown_config_kvz7m2_m12u1ccx__bbff8456{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:15rem;--plasma-dropdown-border-radius:0.75rem;--plasma-dropdown-item-padding-top:0.875rem;--plasma-dropdown-item-padding-right:0.875rem;--plasma-dropdown-item-padding-bottom:0.875rem;--plasma-dropdown-item-padding-left:0.875rem;--plasma-dropdown-item-border-radius:0.625rem;--plasma-dropdown-item-padding-top-tight:0.625rem;--plasma-dropdown-item-padding-bottom-tight:0.625rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-m-line-height);}
+.Dropdown_config_kvz7m2_lj8enjv__bbff8456{--plasma-dropdown-padding:0.125rem;--plasma-dropdown-width:17.5rem;--plasma-dropdown-border-radius:0.875rem;--plasma-dropdown-item-padding-top:1.0625rem;--plasma-dropdown-item-padding-right:1rem;--plasma-dropdown-item-padding-bottom:1.0625rem;--plasma-dropdown-item-padding-left:1rem;--plasma-dropdown-item-border-radius:0.75rem;--plasma-dropdown-item-padding-top-tight:0.8125rem;--plasma-dropdown-item-padding-bottom-tight:0.8125rem;--plasma-dropdown-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-dropdown-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-dropdown-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-dropdown-item-letter-spacing:var(--plasma-typo-body-l-font-weight);--plasma-dropdown-item-line-height:var(--plasma-typo-body-l-letter-spacing);--plasma-dropdown-item-font-weight:var(--plasma-typo-body-l-line-height);}
+.Dropdown_config_kvz7m2_da0vaum__bbff8456{--plasma-dropdown-disabled-opacity:0.4;--plasma-dropdown-focus-color:var(--surface-accent);--plasma-dropdown-background:var(--surface-solid-card);--plasma-dropdown-box-shadow:0px 4px 14px -4px rgba(8,8,8,0.08),0px 1px 4px -1px rgba(0,0,0,0.04);--plasma-dropdown-disclosure-icon-color:var(--text-secondary);--plasma-dropdown-item-background:var(--surface-clear);--plasma-dropdown-item-background-hover:var(--surface-transparent-secondary);--plasma-dropdown-item-color:var(--text-primary);}

package/css/cjs/components/Popover/Popover.config.js

@@ -1,4 +1,4 @@
-import './Popover.config_1l18nlm.css';
+import './Popover.config_14o0rv7.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });

package/css/cjs/components/Popover/Popover.config.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.config.js","sources":["../../../../src-css/components/Popover/Popover.config.ts"],"sourcesContent":["import { css, popoverTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${popoverTokens.arrowMaskWidth}: 1rem;\n                ${popoverTokens.arrowMaskHeight}: 1rem;\n                ${popoverTokens.arrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${popoverTokens.arrowHeight}: 0.375rem;\n                ${popoverTokens.arrowEdgeMargin}: 0.5625rem;\n                ${popoverTokens.arrowBackground}: var(--plasma-colors-surface-solid03);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","variations","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAO,EAAA,UAAA;AAQX,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"Popover.config.js","sources":["../../../../src-css/components/Popover/Popover.config.ts"],"sourcesContent":["import { css, popoverTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${popoverTokens.arrowMaskWidth}: 1rem;\n                ${popoverTokens.arrowMaskHeight}: 1rem;\n                ${popoverTokens.arrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ${popoverTokens.arrowHeight}: 0.375rem;\n                ${popoverTokens.arrowEdgeMargin}: 0.5625rem;\n                ${popoverTokens.arrowBackground}: var(--surface-solid-tertiary);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","variations","default"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAO,EAAA,UAAA;AAQX,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/{es/components/Popover/Popover.config_1l18nlm.css → cjs/components/Popover/Popover.config_14o0rv7.css}

@@ -1 +1 @@
-.d1h7sli2{--plasma-popover-arrow-mask-width:1rem;--plasma-popover-arrow-mask-height:1rem;--plasma-popover-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-popover-arrow-height:0.375rem;--plasma-popover-arrow-edge-margin:0.5625rem;--plasma-popover-arrow-background:var(--plasma-colors-surface-solid03);}
+.d1h7sli2{--plasma-popover-arrow-mask-width:1rem;--plasma-popover-arrow-mask-height:1rem;--plasma-popover-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-popover-arrow-height:0.375rem;--plasma-popover-arrow-edge-margin:0.5625rem;--plasma-popover-arrow-background:var(--surface-solid-tertiary);}

package/css/cjs/components/Popover/Popover.css

@@ -1 +1 @@
-.Popover_config_1l18nlm_d1h7sli2__7e6cbce5{--plasma-popover-arrow-mask-width:1rem;--plasma-popover-arrow-mask-height:1rem;--plasma-popover-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-popover-arrow-height:0.375rem;--plasma-popover-arrow-edge-margin:0.5625rem;--plasma-popover-arrow-background:var(--plasma-colors-surface-solid03);}
+.Popover_config_14o0rv7_d1h7sli2__8fba847c{--plasma-popover-arrow-mask-width:1rem;--plasma-popover-arrow-mask-height:1rem;--plasma-popover-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-popover-arrow-height:0.375rem;--plasma-popover-arrow-edge-margin:0.5625rem;--plasma-popover-arrow-background:var(--surface-solid-tertiary);}

package/css/cjs/components/SelectNew/Select.config.js

@@ -0,0 +1,40 @@
+import './Select.config_o7l3zz.css';
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = {
+  defaults: {
+    view: 'default',
+    chipView: 'default',
+    size: 'm'
+  },
+  variations: {
+    size: {
+      xs: "x1kg4zfv",
+      s: "s8ayzvi",
+      m: "mwn6ija",
+      l: "ll2700s"
+    },
+    view: {
+      "default": "d10f744h",
+      positive: "ppldmag",
+      warning: "w19ze6kr",
+      negative: "n1wxh97u",
+      accent: "a14jw2h2",
+      secondary: "sha4l8y",
+      clear: "c1oyqeq0",
+      dark: "d2c1so1",
+      black: "b1jeurdb",
+      white: "w5a6ng6"
+    },
+    chipView: {
+      "default": "dtzpg6f",
+      secondary: "s1icms6a",
+      accent: "a3rcam1"
+    }
+  }
+};
+
+exports.config = config;
+//# sourceMappingURL=Select.config.js.map

package/css/cjs/components/SelectNew/Select.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.config.js","sources":["../../../../src-css/components/SelectNew/Select.config.ts"],"sourcesContent":["import { css, selectTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        chipView: 'default',\n        size: 'm',\n    },\n    variations: {\n        size: {\n            xs: css`\n                ${selectTokens.padding}: 0.125rem;\n                ${selectTokens.borderRadius}: 0.5rem;\n                ${selectTokens.focusOffset}: 0.125rem;\n\n                ${selectTokens.itemHeight}: 1rem;\n                ${selectTokens.itemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n                ${selectTokens.itemPaddingTight}: 0.25rem 0.5rem 0.25rem 0.375rem;\n                ${selectTokens.itemBorderRadius}: 0.375rem;\n                ${selectTokens.itemIconSize}: 1rem;\n                ${selectTokens.itemIconSizeTight}: 1rem;\n                ${selectTokens.itemIconMargin}: 0 0.25rem 0 0;\n\n                ${selectTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${selectTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${selectTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${selectTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${selectTokens.fontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${selectTokens.checkboxTriggerSize}: 0.875rem;\n                ${selectTokens.checkboxTriggerSizeTight}: 0.875rem;\n                ${selectTokens.checkboxTriggerBorderRadius}: 0.25rem;\n                ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n                ${selectTokens.checkboxFillColor}: var(--text-accent);\n                ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n                ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n                ${selectTokens.indicatorSize}: 0.375rem;\n\n                ${selectTokens.chipGap}: 0.25rem;\n                ${selectTokens.chipBorderRadius}: 0.125rem;\n                ${selectTokens.chipHeight}: 1.25rem;\n                ${selectTokens.chipPaddingRight}: 0.375rem;\n                ${selectTokens.chipPaddingLeft}: 0.625rem;\n                ${selectTokens.chipClearContentMarginLeft}: 0.25rem;\n                ${selectTokens.chipClearContentMarginRight}: 0rem;\n                ${selectTokens.chipCloseIconSize}: 0.75rem;\n\n                ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.25rem;\n                ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.375rem;\n                ${selectTokens.targetHeight}: 2rem;\n                ${selectTokens.targetButtonPadding}: 0.75rem 0 0.75rem;\n                ${selectTokens.targetTextfieldPadding}: 0.5rem 0 0.625rem;\n                ${selectTokens.targetTextfieldChipPadding}: 0.5rem 0 0.25rem;\n\n                ${selectTokens.labelOffset}: 0.375rem;\n\n                ${selectTokens.innerLabelGap}: 0;\n\n                ${selectTokens.helperTextOffset}: 0.25rem;\n\n                ${selectTokens.spinnerSize}: 1rem;\n                ${selectTokens.spinnerSizeTight}: 1rem;\n            `,\n            s: css`\n                ${selectTokens.padding}: 0.125rem;\n                ${selectTokens.borderRadius}: 0.625rem;\n                ${selectTokens.focusOffset}: 0.125rem;\n\n                ${selectTokens.itemHeight}: 1.5rem;\n                ${selectTokens.itemPadding}: 0.5rem 0.75rem 0.5rem 0.675rem;\n                ${selectTokens.itemPaddingTight}: 0.25rem 0.75rem 0.25rem 0.675rem;\n                ${selectTokens.itemBorderRadius}: 0.5rem;\n                ${selectTokens.itemIconSize}: 1.5rem;\n                ${selectTokens.itemIconSizeTight}: 1rem;\n                ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n\n                ${selectTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${selectTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${selectTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${selectTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${selectTokens.fontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${selectTokens.checkboxTriggerSize}: 1.25rem;\n                ${selectTokens.checkboxTriggerSizeTight}: 0.875rem;\n                ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.25rem;\n                ${selectTokens.checkboxFillColor}: var(--text-accent);\n                ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n                ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n                ${selectTokens.indicatorSize}: 0.375rem;\n\n                ${selectTokens.chipGap}: 0.25rem;\n                ${selectTokens.chipBorderRadius}: 0.25rem;\n                ${selectTokens.chipHeight}: 1.75rem;\n                ${selectTokens.chipPaddingRight}: 0.5rem;\n                ${selectTokens.chipPaddingLeft}: 0.75rem;\n                ${selectTokens.chipClearContentMarginLeft}: 0.375rem;\n                ${selectTokens.chipClearContentMarginRight}: 0rem;\n                ${selectTokens.chipCloseIconSize}: 0.75rem;\n\n                ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.25rem;\n                ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.375rem;\n                ${selectTokens.targetHeight}: 2.5rem;\n                ${selectTokens.targetButtonPadding}: 1rem 0 1rem;\n                ${selectTokens.targetTextfieldPadding}: 0.75rem 0 0.875rem;\n                ${selectTokens.targetTextfieldChipPadding}: 0.75rem 0 0.25rem;\n\n                ${selectTokens.labelOffset}: 0.5rem;\n\n                ${selectTokens.innerLabelGap}: 0;\n\n                ${selectTokens.helperTextOffset}: 0.25rem;\n\n                ${selectTokens.spinnerSize}: 1.5rem;\n                ${selectTokens.spinnerSizeTight}: 1rem;\n            `,\n            m: css`\n                ${selectTokens.padding}: 0.125rem;\n                ${selectTokens.borderRadius}: 0.75rem;\n                ${selectTokens.focusOffset}: 0.125rem;\n\n                ${selectTokens.itemHeight}: 1.5rem;\n                ${selectTokens.itemPadding}: 0.75rem 0.75rem 0.75rem 0.75rem;\n                ${selectTokens.itemPaddingTight}: 0.5rem 0.75rem 0.5rem 0.75rem;\n                ${selectTokens.itemBorderRadius}: 0.625rem;\n                ${selectTokens.itemIconMargin}: 0 0.375rem 0 0;\n                ${selectTokens.itemIconSize}: 1.5rem;\n                ${selectTokens.itemIconSizeTight}: 1.5rem;\n\n                ${selectTokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${selectTokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${selectTokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${selectTokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${selectTokens.fontLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${selectTokens.checkboxTriggerSize}: 1.25rem;\n                ${selectTokens.checkboxTriggerSizeTight}: 1.25rem;\n                ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n                ${selectTokens.checkboxFillColor}: var(--text-accent);\n                ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n                ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n                ${selectTokens.indicatorSize}: 0.375rem;\n\n                ${selectTokens.chipGap}: 0.25rem;\n                ${selectTokens.chipBorderRadius}: 0.375rem;\n                ${selectTokens.chipHeight}: 2.25rem;\n                ${selectTokens.chipPaddingRight}: 0.875rem;\n                ${selectTokens.chipPaddingLeft}: 0.625rem;\n                ${selectTokens.chipClearContentMarginLeft}: 0.5rem;\n                ${selectTokens.chipClearContentMarginRight}: 0rem;\n                ${selectTokens.chipCloseIconSize}: 1rem;\n\n                ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.375rem;\n                ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.625rem;\n                ${selectTokens.targetHeight}: 3rem;\n                ${selectTokens.targetButtonPadding}: 1.25rem 0 1.25rem;\n                ${selectTokens.targetTextfieldPadding}: 0.875rem 0 1rem;\n                ${selectTokens.targetTextfieldChipPadding}: 0.875rem 0 0.25rem;\n\n                ${selectTokens.labelOffset}: 0.625rem;\n\n                ${selectTokens.innerLabelGap}: 0.125rem;\n\n                ${selectTokens.helperTextOffset}: 0.25rem;\n\n                ${selectTokens.spinnerSize}: 1.5rem;\n                ${selectTokens.spinnerSizeTight}: 1.5rem;\n            `,\n            l: css`\n                ${selectTokens.padding}: 0.125rem;\n                ${selectTokens.borderRadius}: 0.875rem;\n                ${selectTokens.focusOffset}: 0.125rem;\n\n                ${selectTokens.itemHeight}: 1.5rem;\n                ${selectTokens.itemPadding}: 1rem 1rem 1rem 0.875rem;\n                ${selectTokens.itemPaddingTight}: 0.75rem 1rem 0.75rem 0.875rem;\n                ${selectTokens.itemBorderRadius}: 0.75rem;\n                ${selectTokens.itemIconMargin}: 0 0.5rem 0 0;\n                ${selectTokens.itemIconSize}: 1.5rem;\n                ${selectTokens.itemIconSizeTight}: 1.5rem;\n\n                ${selectTokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${selectTokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${selectTokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${selectTokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${selectTokens.fontLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${selectTokens.fontLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${selectTokens.checkboxTriggerSize}: 1.25rem;\n                ${selectTokens.checkboxTriggerSizeTight}: 1.25rem;\n                ${selectTokens.checkboxTriggerBorderRadius}: 0.375rem;\n                ${selectTokens.checkboxTriggerBorderRadiusTight}: 0.375rem;\n                ${selectTokens.checkboxFillColor}: var(--text-accent);\n                ${selectTokens.checkboxIconColor}: var(--on-dark-text-primary);\n                ${selectTokens.checkboxTriggerBorderColor}: var(--text-secondary);\n\n                ${selectTokens.indicatorSize}: 0.375rem;\n\n                ${selectTokens.chipGap}: 0.25rem;\n                ${selectTokens.chipBorderRadius}: 0.5rem;\n                ${selectTokens.chipHeight}: 2.75rem;\n                ${selectTokens.chipPaddingRight}: 0.75rem;\n                ${selectTokens.chipPaddingLeft}: 1rem;\n                ${selectTokens.chipClearContentMarginLeft}: 0.625rem;\n                ${selectTokens.chipClearContentMarginRight}: 0rem;\n                ${selectTokens.chipCloseIconSize}: 1rem;\n\n                ${selectTokens.targetButtonArrowMargin}: 0 -0.125rem 0 0.5rem;\n                ${selectTokens.targetTextfieldArrowMargin}: 0 0 0 0.75rem;\n                ${selectTokens.targetHeight}: 3.5rem;\n                ${selectTokens.targetButtonPadding}: 1.5rem 0 1.5rem;\n                ${selectTokens.targetTextfieldPadding}: 1rem 0 1.125rem;\n                ${selectTokens.targetTextfieldChipPadding}: 1rem 0 0.25rem;\n\n                ${selectTokens.labelOffset}: 0.75rem;\n\n                ${selectTokens.innerLabelGap}: 0.125rem;\n\n                ${selectTokens.helperTextOffset}: 0.25rem;\n\n                ${selectTokens.spinnerSize}: 1.5rem;\n                ${selectTokens.spinnerSizeTight}: 1.5rem;\n            `,\n        },\n        view: {\n            default: css`\n                ${selectTokens.helperTextColor}: var(--text-secondary);\n                ${selectTokens.targetButtonColor}: var(--inverse-text-primary);\n                ${selectTokens.targetButtonColorHover}: var(--inverse-text-primary-hover);\n                ${selectTokens.targetButtonColorActive}: var(--inverse-text-primary-active);\n                ${selectTokens.targetButtonArrowColor}: var(--inverse-text-secondary);\n                ${selectTokens.targetButtonArrowColorHover}: var(--inverse-text-secondary-hover);\n                ${selectTokens.targetButtonArrowColorActive}: var(--inverse-text-secondary-hover);\n                ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n                ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n                ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n                ${selectTokens.targetButtonBackgroundColor}: var(--surface-solid-default);\n                ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-solid-default-hover);\n                ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-solid-default-hover);\n                ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n                ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n                ${selectTokens.targetTextfieldBorderColor}: var(--surface-transparent-tertiary);\n            `,\n            positive: css`\n                ${selectTokens.helperTextColor}: var(--text-positive);\n                ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n                ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n                ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n                ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n                ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n                ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n                ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n                ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n                ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n                ${selectTokens.targetButtonBackgroundColor}:var(--surface-positive);\n                ${selectTokens.targetButtonBackgroundColorHover}:var(--surface-positive-hover);\n                ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-positive-active);\n                ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n                ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n                ${selectTokens.targetTextfieldBorderColor}: var(--surface-positive);\n            `,\n            warning: css`\n                ${selectTokens.helperTextColor}: var(--text-warning);\n                ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n                ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n                ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n                ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n                ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n                ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n                ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n                ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n                ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n                ${selectTokens.targetButtonBackgroundColor}:var(--surface-warning);\n                ${selectTokens.targetButtonBackgroundColorHover}:var(--surface-warning-hover);\n                ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-warning-active);\n                ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n                ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n                ${selectTokens.targetTextfieldBorderColor}: var(--surface-warning);\n            `,\n            negative: css`\n                ${selectTokens.helperTextColor}: var(--text-negative);\n                ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n                ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n                ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n                ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n                ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n                ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n                ${selectTokens.targetTextfieldArrowColor}: var(--text-secondary);\n                ${selectTokens.targetTextfieldArrowColorHover}: var(--text-secondary-hover);\n                ${selectTokens.targetTextfieldArrowColorActive}: var(--text-secondary-hover);\n                ${selectTokens.targetButtonBackgroundColor}:var(--surface-negative);\n                ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-negative-hover);\n                ${selectTokens.targetButtonBackgroundColorActive}:var(--surface-negative-active);\n                ${selectTokens.targetTextfieldBackgroundColor}: var(--surface-clear);\n                ${selectTokens.targetTextfieldBackgroundColorOpened}: var(--surface-clear);\n                ${selectTokens.targetTextfieldBorderColor}: var(--surface-negative);\n            `,\n            accent: css`\n                ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n                ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n                ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n                ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n                ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n                ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-hover);\n                ${selectTokens.targetButtonBackgroundColor}: var(--surface-accent);\n                ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-accent-hover);\n                ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-accent-active);\n            `,\n            secondary: css`\n                ${selectTokens.targetButtonColor}: var(--text-primary);\n                ${selectTokens.targetButtonColorHover}: var(--text-primary-hover);\n                ${selectTokens.targetButtonColorActive}: var(--text-primary-active);\n                ${selectTokens.targetButtonArrowColor}: var(--text-secondary);\n                ${selectTokens.targetButtonArrowColorHover}: var(--text-secondary-hover);\n                ${selectTokens.targetButtonArrowColorActive}: var(--text-secondary-hover);\n                ${selectTokens.targetButtonBackgroundColor}: var(--surface-transparent-secondary);\n                ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n                ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n            `,\n            clear: css`\n                ${selectTokens.targetButtonColor}: var(--text-primary);\n                ${selectTokens.targetButtonColorHover}: var(--text-primary-hover);\n                ${selectTokens.targetButtonColorActive}: var(--text-primary-active);\n                ${selectTokens.targetButtonArrowColor}: var(--text-secondary);\n                ${selectTokens.targetButtonArrowColorHover}: var(--text-secondary-hover);\n                ${selectTokens.targetButtonArrowColorActive}: var(--text-secondary-active);\n                ${selectTokens.targetButtonBackgroundColor}: var(--surface-clear);\n                ${selectTokens.targetButtonBackgroundColorHover}: var(--surface-clear);\n                ${selectTokens.targetButtonBackgroundColorActive}: var(--surface-clear);\n            `,\n            dark: css`\n                ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n                ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n                ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n                ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n                ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n                ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-active);\n                ${selectTokens.targetButtonBackgroundColor}:var(--on-light-surface-transparent-deep);\n                ${selectTokens.targetButtonBackgroundColorHover}:var(--on-light-surface-transparent-deep-hover);\n                ${selectTokens.targetButtonBackgroundColorActive}:var(--on-light-surface-transparent-deep-active);\n            `,\n            black: css`\n                ${selectTokens.targetButtonColor}: var(--on-dark-text-primary);\n                ${selectTokens.targetButtonColorHover}: var(--on-dark-text-primary-hover);\n                ${selectTokens.targetButtonColorActive}: var(--on-dark-text-primary-active);\n                ${selectTokens.targetButtonArrowColor}: var(--on-dark-text-secondary);\n                ${selectTokens.targetButtonArrowColorHover}: var(--on-dark-text-secondary-hover);\n                ${selectTokens.targetButtonArrowColorActive}: var(--on-dark-text-secondary-active);\n                ${selectTokens.targetButtonBackgroundColor}:var(--on-light-surface-solid-default);\n                ${selectTokens.targetButtonBackgroundColorHover}:var(--on-light-surface-solid-default-hover);\n                ${selectTokens.targetButtonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n            `,\n            white: css`\n                ${selectTokens.targetButtonColor}: var(--on-light-text-primary);\n                ${selectTokens.targetButtonColorHover}: var(--on-light-text-primary-hover);\n                ${selectTokens.targetButtonColorActive}: var(--on-light-text-primary-active);\n                ${selectTokens.targetButtonArrowColor}: var(--on-light-text-secondary);\n                ${selectTokens.targetButtonArrowColorHover}: var(--on-light-text-secondary-hover);\n                ${selectTokens.targetButtonArrowColorActive}: var(--on-light-text-secondary-active);\n                ${selectTokens.targetButtonBackgroundColor}:var(--on-dark-surface-solid-default);\n                ${selectTokens.targetButtonBackgroundColorHover}:var(--on-dark-surface-solid-default-hover);\n                ${selectTokens.targetButtonBackgroundColorActive}:var(--on-dark-surface-solid-default-active);\n            `,\n        },\n        chipView: {\n            default: css`\n                ${selectTokens.chipColor}: var(--inverse-text-primary);\n                ${selectTokens.chipBackground}: var(--surface-solid-default);\n                ${selectTokens.chipBackgroundHover}: var(--surface-solid-default-hover);\n                ${selectTokens.chipBackgroundActive}: var(--surface-solid-default-active);\n            `,\n            secondary: css`\n                ${selectTokens.chipColor}: var(--text-primary);\n                ${selectTokens.chipBackground}: var(--surface-transparent-secondary);\n                ${selectTokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${selectTokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n            `,\n            accent: css`\n                ${selectTokens.chipColor}: var(--on-dark-text-primary);\n                ${selectTokens.chipBackground}: var(--surface-accent);\n                ${selectTokens.chipBackgroundHover}: var(--surface-accent-hover);\n                ${selectTokens.chipBackgroundActive}: var(--surface-accent-active);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","chipView","size","variations","xs","s","m","l","default","positive","warning","negative","accent","secondary","clear","dark","black","white"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,EAAE,EAsDD,UAAA;AACDC,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAsDA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAuDJ;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,SAAAA,EAiBC,UAAA;AACDC,MAAAA,QAAQ,EAiBP,SAAA;AACDC,MAAAA,OAAO,EAiBN,UAAA;AACDC,MAAAA,QAAQ,EAiBP,UAAA;AACDC,MAAAA,MAAM,EAUL,UAAA;AACDC,MAAAA,SAAS,EAUR,SAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,IAAI,EAUH,SAAA;AACDC,MAAAA,KAAK,EAUJ,UAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAWR;AACDhB,IAAAA,QAAQ,EAAE;AACNO,MAAAA,SAAAA,EAKC,SAAA;AACDK,MAAAA,SAAS,EAKR,UAAA;AACDD,MAAAA,MAAM,EAAA,SAAA;AAMV,KAAA;AACJ,GAAA;AACJ;;;;"}