@salutejs/plasma-web 1.393.0-canary.1428.10806066547.0 → 1.393.1-canary.1429.10825691560.0

package/api/plasma-web.api.md

@@ -478,17 +478,46 @@ true: PolymorphicClassName;
 transparent: {
 true: PolymorphicClassName;
 };
-}> & HTMLAttributes<HTMLDivElement> & {
+clear: {
+true: PolymorphicClassName;
+};
+}> & ((HTMLAttributes<HTMLDivElement> & {
 text?: string | undefined;
 contentLeft?: ReactNode;
 contentRight?: ReactNode;
-pilled?: boolean | undefined;
+size?: string | undefined;
+view?: string | undefined;
+} & {
+children?: ReactNode;
+} & {
+clear?: true | undefined;
+pilled?: false | undefined;
+transparent?: false | undefined;
+} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+text?: string | undefined;
+contentLeft?: ReactNode;
+contentRight?: ReactNode;
+size?: string | undefined;
+view?: string | undefined;
+} & {
+children?: ReactNode;
+} & {
+pilled?: true | undefined;
 transparent?: boolean | undefined;
+clear?: false | undefined;
+} & RefAttributes<HTMLDivElement>) | (HTMLAttributes<HTMLDivElement> & {
+text?: string | undefined;
+contentLeft?: ReactNode;
+contentRight?: ReactNode;
 size?: string | undefined;
 view?: string | undefined;
 } & {
 children?: ReactNode;
-} & RefAttributes<HTMLDivElement>>;
+} & {
+pilled?: boolean | undefined;
+transparent?: true | undefined;
+clear?: false | undefined;
+} & RefAttributes<HTMLDivElement>))>;
 
 export { BadgeProps }
 

package/components/Badge/Badge.config.d.ts

@@ -29,5 +29,8 @@ export declare const config: {
         transparent: {
             true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
+        clear: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
     };
 };

package/components/Badge/Badge.config.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.config = void 0;
 var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14;
 function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
 var config = exports.config = {
   defaults: {
@@ -14,18 +14,18 @@ var config = exports.config = {
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent),
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
       /**
        * @deprecated
        * использовать `default`
        */
-      primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent),
-      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-transparent-accent);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent),
-      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-positive);\n\n                ", ": var(--text-positive);\n                ", ": var(--surface-transparent-positive);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent),
-      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-warning);\n\n                ", ": var(--text-warning);\n                ", ": var(--surface-transparent-warning);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-negative);\n\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-negative);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent),
-      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-transparent-deep);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent),
-      light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-dark-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-transparent-card);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent)
+      primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--inverse-text-primary);\n                ", ": var(--surface-solid-default);\n\n                ", ": var(--text-primary);\n                ", ": var(--surface-transparent-secondary);\n\n                ", ": var(--text-primary);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
+      accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-accent);\n                ", ": var(--surface-transparent-accent);\n\n                ", ": var(--text-accent);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
+      positive: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-positive);\n\n                ", ": var(--text-positive);\n                ", ": var(--surface-transparent-positive);\n\n                ", ": var(--text-positive);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
+      warning: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-warning);\n\n                ", ": var(--text-warning);\n                ", ": var(--surface-transparent-warning);\n\n                ", ": var(--text-warning);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
+      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--surface-negative);\n\n                ", ": var(--text-negative);\n                ", ": var(--surface-transparent-negative);\n\n                ", ": var(--text-negative);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
+      dark: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-light-surface-transparent-deep);\n\n                ", ": var(--on-light-text-primary);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear),
+      light: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--on-light-text-primary);\n                ", ": var(--on-dark-surface-solid-default);\n\n                ", ": var(--on-dark-text-primary);\n                ", ": var(--on-dark-surface-transparent-card);\n\n                ", ": var(--on-dark-text-primary);\n            "])), _styledComponents.badgeTokens.color, _styledComponents.badgeTokens.background, _styledComponents.badgeTokens.colorTransparent, _styledComponents.badgeTokens.backgroundTransparent, _styledComponents.badgeTokens.colorClear)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 1.75rem;\n                ", ": 0.6875rem;\n                ", ": 0.6875rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": -0.0625rem;\n                ", ": 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": -0.0625rem;\n            "])), _styledComponents.badgeTokens.borderRadius, _styledComponents.badgeTokens.height, _styledComponents.badgeTokens.paddingRight, _styledComponents.badgeTokens.paddingLeft, _styledComponents.badgeTokens.fontFamily, _styledComponents.badgeTokens.fontSize, _styledComponents.badgeTokens.fontStyle, _styledComponents.badgeTokens.fontWeight, _styledComponents.badgeTokens.letterSpacing, _styledComponents.badgeTokens.lineHeight, _styledComponents.badgeTokens.leftContentMarginLeft, _styledComponents.badgeTokens.leftContentMarginRight, _styledComponents.badgeTokens.rightContentMarginLeft, _styledComponents.badgeTokens.rightContentMarginRight),
@@ -37,6 +37,9 @@ var config = exports.config = {
     },
     transparent: {
       "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject13 || (_templateObject13 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    },
+    clear: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject14 || (_templateObject14 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     }
   }
 };

package/components/Badge/Badge.d.ts

@@ -24,14 +24,43 @@ export declare const Badge: import("react").FunctionComponent<import("@salutejs/
     transparent: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & import("react").HTMLAttributes<HTMLDivElement> & {
+    clear: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
     text?: string | undefined;
     contentLeft?: import("react").ReactNode;
     contentRight?: import("react").ReactNode;
-    pilled?: boolean | undefined;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    clear?: true | undefined;
+    pilled?: false | undefined;
+    transparent?: false | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
+    size?: string | undefined;
+    view?: string | undefined;
+} & {
+    children?: import("react").ReactNode;
+} & {
+    pilled?: true | undefined;
     transparent?: boolean | undefined;
+    clear?: false | undefined;
+} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
+    text?: string | undefined;
+    contentLeft?: import("react").ReactNode;
+    contentRight?: import("react").ReactNode;
     size?: string | undefined;
     view?: string | undefined;
 } & {
     children?: import("react").ReactNode;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & {
+    pilled?: boolean | undefined;
+    transparent?: true | undefined;
+    clear?: false | undefined;
+} & import("react").RefAttributes<HTMLDivElement>))>;

package/components/TextField/TextField.config.js

@@ -15,10 +15,10 @@ 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(--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                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\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, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
-      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                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\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, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
-      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                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\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, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
-      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                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\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, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor)
+      "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(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\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                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _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, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
+      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(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\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                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _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, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
+      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(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\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                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _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, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor),
+      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(--text-secondary);\n                ", ": var(--text-secondary-hover);\n                ", ": var(--text-secondary-active);\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                ", ": var(--surface-negative);\n                ", ": var(--text-tertiary);\n            "])), _styledComponents.textFieldTokens.color, _styledComponents.textFieldTokens.backgroundColor, _styledComponents.textFieldTokens.caretColor, _styledComponents.textFieldTokens.placeholderColor, _styledComponents.textFieldTokens.labelColor, _styledComponents.textFieldTokens.leftHelperColor, _styledComponents.textFieldTokens.contentSlotColor, _styledComponents.textFieldTokens.contentSlotColorHover, _styledComponents.textFieldTokens.contentSlotColorActive, _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, _styledComponents.textFieldTokens.indicatorColor, _styledComponents.textFieldTokens.optionalColor)
     },
     size: {
       l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 3.5rem;\n                ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n                ", ": 0.0625rem;\n\n                ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.75rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.5625rem 0 0.125rem 0;\n                ", ": 1.5625rem 0 0.5625rem 0;\n                ", ": 0 0.25rem 0 0;\n                ", ": 0 0 0 0.25rem;\n\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": auto;\n                ", ": 2.75rem;\n                ", ": 0.75rem;\n                ", ": 1rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 1.5rem;\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": 0.5rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                ", ": 0.5rem auto auto -0.75rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\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, _styledComponents.textFieldTokens.indicatorSizeInner, _styledComponents.textFieldTokens.indicatorSizeOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInner, _styledComponents.textFieldTokens.indicatorLabelPlacementOuter, _styledComponents.textFieldTokens.indicatorLabelPlacementInnerRight, _styledComponents.textFieldTokens.indicatorLabelPlacementOuterRight),

package/components/TextField/TextField.d.ts

@@ -45,11 +45,11 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
 } & {
     chips?: undefined;
     onChangeChips?: undefined;
-    enumerationType?: "plain" | undefined;
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined; /**
-     * Флаг необязательности поля
+    enumerationType?: "plain" | undefined; /**
+     * Флаг обязательности поля
      */
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
+    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -69,13 +69,11 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
     required: true;
     optional?: false | undefined;
 } & {
-    enumerationType: "chip"; /**
-     * Флаг необязательности поля
-     */
+    enumerationType: "chip";
     onSearch?: undefined;
     chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
     onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -97,11 +95,11 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
 } & {
     chips?: undefined;
     onChangeChips?: undefined;
-    enumerationType?: "plain" | undefined;
-    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined; /**
-     * Флаг необязательности поля
+    enumerationType?: "plain" | undefined; /**
+     * Флаг обязательности поля
      */
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
+    onSearch?: ((value: string, event?: React.KeyboardEvent<HTMLInputElement> | undefined) => void) | undefined;
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>) | ({
     size?: string | undefined;
     view?: string | undefined;
     readOnly?: boolean | undefined;
@@ -121,13 +119,11 @@ declare const TextFieldComponent: React.FunctionComponent<import("@salutejs/plas
     optional?: true | undefined;
     required?: false | undefined;
 } & {
-    enumerationType: "chip"; /**
-     * Флаг необязательности поля
-     */
+    enumerationType: "chip";
     onSearch?: undefined;
     chips?: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[] | undefined;
     onChangeChips?: ((value: import("@salutejs/plasma-new-hope/types/components/TextField/TextField.types").TextFieldPrimitiveValue[]) => void) | undefined;
-} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>))>;
+} & Omit<import("@salutejs/plasma-new-hope/types/types").InputHTMLAttributes<HTMLInputElement>, "size" | "required"> & React.RefAttributes<HTMLInputElement>))>;
 declare type newHopeTextFieldProps = React.ComponentProps<typeof TextFieldComponent>;
 declare type RequiredProps = {
     /**

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

@@ -1,4 +1,4 @@
-import './Badge.config_yk9rw3.css';
+import './Badge.config_sqaxlk.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -33,6 +33,9 @@ var config = {
     },
     transparent: {
       "true": "tli1wjs"
+    },
+    clear: {
+      "true": "teil9wv"
     }
   }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.config.js","sources":["../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${badgeTokens.color}: var(--inverse-text-primary);\n                ${badgeTokens.background}: var(--surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n            `,\n            /**\n             * @deprecated\n             * использовать `default`\n             */\n            primary: css`\n                ${badgeTokens.color}: var(--inverse-text-primary);\n                ${badgeTokens.background}: var(--surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n            `,\n            accent: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-accent);\n\n                ${badgeTokens.colorTransparent}: var(--text-accent);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n            `,\n            positive: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-positive);\n\n                ${badgeTokens.colorTransparent}: var(--text-positive);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n            `,\n            warning: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-warning);\n\n                ${badgeTokens.colorTransparent}: var(--text-warning);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n            `,\n            negative: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-negative);\n\n                ${badgeTokens.colorTransparent}: var(--text-negative);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n            `,\n            dark: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n            `,\n            light: css`\n                ${badgeTokens.color}: var(--on-light-text-primary);\n                ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n            `,\n        },\n        size: {\n            l: css`\n                ${badgeTokens.borderRadius}: 0.5rem;\n                ${badgeTokens.height}: 1.75rem;\n                ${badgeTokens.paddingRight}: 0.6875rem;\n                ${badgeTokens.paddingLeft}: 0.6875rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            m: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.5rem;\n                ${badgeTokens.paddingRight}: 0.5625rem;\n                ${badgeTokens.paddingLeft}: 0.5625rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            s: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.25rem;\n                ${badgeTokens.paddingRight}: 0.4375rem;\n                ${badgeTokens.paddingLeft}: 0.4375rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${badgeTokens.pilledBorderRadius}: 1.25rem;\n            `,\n        },\n        transparent: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","primary","accent","positive","warning","negative","dark","light","l","m","s","pilled","true","transparent"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAMC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAMN,UAAA;AACDC,MAAAA,MAAM,EAML,SAAA;AACDC,MAAAA,QAAQ,EAMP,SAAA;AACDC,MAAAA,OAAO,EAMN,UAAA;AACDC,MAAAA,QAAQ,EAMP,UAAA;AACDC,MAAAA,IAAI,EAMH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAOR;AACDT,IAAAA,IAAI,EAAE;AACFU,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAmBJ;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"Badge.config.js","sources":["../../../../src-css/components/Badge/Badge.config.ts"],"sourcesContent":["import { css, badgeTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${badgeTokens.color}: var(--inverse-text-primary);\n                ${badgeTokens.background}: var(--surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n                ${badgeTokens.colorClear}: var(--text-primary);\n            `,\n            /**\n             * @deprecated\n             * использовать `default`\n             */\n            primary: css`\n                ${badgeTokens.color}: var(--inverse-text-primary);\n                ${badgeTokens.background}: var(--surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);\n\n                ${badgeTokens.colorClear}: var(--text-primary);\n            `,\n            accent: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-accent);\n\n                ${badgeTokens.colorTransparent}: var(--text-accent);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);\n\n                ${badgeTokens.colorClear}: var(--text-accent);\n            `,\n            positive: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-positive);\n\n                ${badgeTokens.colorTransparent}: var(--text-positive);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);\n\n                ${badgeTokens.colorClear}: var(--text-positive);\n            `,\n            warning: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-warning);\n\n                ${badgeTokens.colorTransparent}: var(--text-warning);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);\n\n                ${badgeTokens.colorClear}: var(--text-warning);\n            `,\n            negative: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--surface-negative);\n\n                ${badgeTokens.colorTransparent}: var(--text-negative);\n                ${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);\n\n                ${badgeTokens.colorClear}: var(--text-negative);\n            `,\n            dark: css`\n                ${badgeTokens.color}: var(--on-dark-text-primary);\n                ${badgeTokens.background}: var(--on-light-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n                ${badgeTokens.colorClear}: var(--on-light-text-primary);\n            `,\n            light: css`\n                ${badgeTokens.color}: var(--on-light-text-primary);\n                ${badgeTokens.background}: var(--on-dark-surface-solid-default);\n\n                ${badgeTokens.colorTransparent}: var(--on-dark-text-primary);\n                ${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n                ${badgeTokens.colorClear}: var(--on-dark-text-primary);\n            `,\n        },\n        size: {\n            l: css`\n                ${badgeTokens.borderRadius}: 0.5rem;\n                ${badgeTokens.height}: 1.75rem;\n                ${badgeTokens.paddingRight}: 0.6875rem;\n                ${badgeTokens.paddingLeft}: 0.6875rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.25rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.25rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            m: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.5rem;\n                ${badgeTokens.paddingRight}: 0.5625rem;\n                ${badgeTokens.paddingLeft}: 0.5625rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.1875rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.1875rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n            s: css`\n                ${badgeTokens.borderRadius}: 0.375rem;\n                ${badgeTokens.height}: 1.25rem;\n                ${badgeTokens.paddingRight}: 0.4375rem;\n                ${badgeTokens.paddingLeft}: 0.4375rem;\n\n                ${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);\n                ${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);\n                ${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);\n                ${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);\n                ${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n                ${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n                ${badgeTokens.leftContentMarginLeft}: -0.0625rem;\n                ${badgeTokens.leftContentMarginRight}: 0.125rem;\n\n                ${badgeTokens.rightContentMarginLeft}: 0.125rem;\n                ${badgeTokens.rightContentMarginRight}: -0.0625rem;\n            `,\n        },\n        pilled: {\n            true: css`\n                ${badgeTokens.pilledBorderRadius}: 1.25rem;\n            `,\n        },\n        transparent: {\n            true: css``,\n        },\n        clear: {\n            true: css``,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","primary","accent","positive","warning","negative","dark","light","l","m","s","pilled","true","transparent","clear"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAQC,UAAA;AACD;AACZ;AACA;AACA;AACYC,MAAAA,OAAO,EAQN,UAAA;AACDC,MAAAA,MAAM,EAQL,SAAA;AACDC,MAAAA,QAAQ,EAQP,SAAA;AACDC,MAAAA,OAAO,EAQN,UAAA;AACDC,MAAAA,QAAQ,EAQP,UAAA;AACDC,MAAAA,IAAI,EAQH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KASR;AACDT,IAAAA,IAAI,EAAE;AACFU,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAmBJ;AACDC,IAAAA,MAAM,EAAE;MACJC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,WAAW,EAAE;MACTD,MAAI,EAAA,SAAA;KACP;AACDE,IAAAA,KAAK,EAAE;MACHF,MAAI,EAAA,SAAA;AACR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/cjs/components/Badge/{Badge.config_yk9rw3.css → Badge.config_sqaxlk.css}

@@ -1,13 +1,14 @@
-.d1jjv431{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);}
-.p19urrnd{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);}
-.ayyyj31{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);}
-.puooskw{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);}
-.w15m2vr9{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);}
-.n18um2tl{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);}
-.d1ax9ooi{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);}
-.l120gqtu{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);}
+.d1jjv431{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
+.p19urrnd{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
+.ayyyj31{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
+.puooskw{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive);}
+.w15m2vr9{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning);}
+.n18um2tl{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);--plasma-badge-color-clear:var(--text-negative);}
+.d1ax9ooi{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
+.l120gqtu{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
 .l1axkt51{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
 .m1nq2efa{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
 .s1nw4jlc{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
 .ttdupg3{--plasma-badge-pilled-border-radius:1.25rem;}
 
+

package/css/cjs/components/Badge/Badge.css

@@ -1,13 +1,14 @@
-.Badge_config_yk9rw3_d1jjv431__4b9a0d40{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);}
-.Badge_config_yk9rw3_p19urrnd__4b9a0d40{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);}
-.Badge_config_yk9rw3_ayyyj31__4b9a0d40{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);}
-.Badge_config_yk9rw3_puooskw__4b9a0d40{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);}
-.Badge_config_yk9rw3_w15m2vr9__4b9a0d40{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);}
-.Badge_config_yk9rw3_n18um2tl__4b9a0d40{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);}
-.Badge_config_yk9rw3_d1ax9ooi__4b9a0d40{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);}
-.Badge_config_yk9rw3_l120gqtu__4b9a0d40{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);}
-.Badge_config_yk9rw3_l1axkt51__4b9a0d40{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
-.Badge_config_yk9rw3_m1nq2efa__4b9a0d40{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
-.Badge_config_yk9rw3_s1nw4jlc__4b9a0d40{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
-.Badge_config_yk9rw3_ttdupg3__4b9a0d40{--plasma-badge-pilled-border-radius:1.25rem;}
+.Badge_config_sqaxlk_d1jjv431__4461e71c{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
+.Badge_config_sqaxlk_p19urrnd__4461e71c{--plasma-badge-color:var(--inverse-text-primary);--plasma-badge-background:var(--surface-solid-default);--plasma-badge-color-transparent:var(--text-primary);--plasma-badge-background-transparent:var(--surface-transparent-secondary);--plasma-badge-color-clear:var(--text-primary);}
+.Badge_config_sqaxlk_ayyyj31__4461e71c{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-accent);--plasma-badge-color-transparent:var(--text-accent);--plasma-badge-background-transparent:var(--surface-transparent-accent);--plasma-badge-color-clear:var(--text-accent);}
+.Badge_config_sqaxlk_puooskw__4461e71c{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-positive);--plasma-badge-color-transparent:var(--text-positive);--plasma-badge-background-transparent:var(--surface-transparent-positive);--plasma-badge-color-clear:var(--text-positive);}
+.Badge_config_sqaxlk_w15m2vr9__4461e71c{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-warning);--plasma-badge-color-transparent:var(--text-warning);--plasma-badge-background-transparent:var(--surface-transparent-warning);--plasma-badge-color-clear:var(--text-warning);}
+.Badge_config_sqaxlk_n18um2tl__4461e71c{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--surface-negative);--plasma-badge-color-transparent:var(--text-negative);--plasma-badge-background-transparent:var(--surface-transparent-negative);--plasma-badge-color-clear:var(--text-negative);}
+.Badge_config_sqaxlk_d1ax9ooi__4461e71c{--plasma-badge-color:var(--on-dark-text-primary);--plasma-badge-background:var(--on-light-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-badge-color-clear:var(--on-light-text-primary);}
+.Badge_config_sqaxlk_l120gqtu__4461e71c{--plasma-badge-color:var(--on-light-text-primary);--plasma-badge-background:var(--on-dark-surface-solid-default);--plasma-badge-color-transparent:var(--on-dark-text-primary);--plasma-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-badge-color-clear:var(--on-dark-text-primary);}
+.Badge_config_sqaxlk_l1axkt51__4461e71c{--plasma-badge-border-radius:0.5rem;--plasma-badge-height:1.75rem;--plasma-badge-padding-right:0.6875rem;--plasma-badge-padding-left:0.6875rem;--plasma-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.25rem;--plasma-badge-right-content-margin-left:0.25rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.Badge_config_sqaxlk_m1nq2efa__4461e71c{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.5rem;--plasma-badge-padding-right:0.5625rem;--plasma-badge-padding-left:0.5625rem;--plasma-badge-font-family:var(--plasma-typo-body-xs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.1875rem;--plasma-badge-right-content-margin-left:0.1875rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.Badge_config_sqaxlk_s1nw4jlc__4461e71c{--plasma-badge-border-radius:0.375rem;--plasma-badge-height:1.25rem;--plasma-badge-padding-right:0.4375rem;--plasma-badge-padding-left:0.4375rem;--plasma-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-badge-left-content-margin-left:-0.0625rem;--plasma-badge-left-content-margin-right:0.125rem;--plasma-badge-right-content-margin-left:0.125rem;--plasma-badge-right-content-margin-right:-0.0625rem;}
+.Badge_config_sqaxlk_ttdupg3__4461e71c{--plasma-badge-pilled-border-radius:1.25rem;}
+
 

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.config.js","sources":["../../../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-secondary);\n\n                ${tokens.borderColor}: var(--surface-transparent-tertiary);\n                ${tokens.borderColorHover}: var(--text-secondary);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n                ${tokens.chipOpacityReadonly}: 0.72;\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            positive: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-positive);\n\n                ${tokens.borderColor}: var(--surface-positive);\n                ${tokens.borderColorHover}: var(--surface-positive);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n                ${tokens.chipOpacityReadonly}: 0.72;\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            warning: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-warning);\n\n                ${tokens.borderColor}: var(--surface-warning);\n                ${tokens.borderColorHover}: var(--surface-warning);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n                ${tokens.chipOpacityReadonly}: 0.72;\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            negative: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-negative);\n\n                ${tokens.borderColor}: var(--surface-negative);\n                ${tokens.borderColorHover}: var(--surface-negative);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n                ${tokens.chipOpacityReadonly}: 0.72;\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.height}: 3.5rem;\n                ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.875rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.5rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.75rem;\n                ${tokens.chipPaddingRight}: 0.75rem;\n                ${tokens.chipPaddingLeft}: 1rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.5rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n            `,\n            m: css`\n                ${tokens.height}: 3rem;\n                ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.75rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.labelOffset}: 0.625rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.375rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.25rem;\n                ${tokens.chipPaddingRight}: 0.625rem;\n                ${tokens.chipPaddingLeft}: 0.875rem;\n                ${tokens.chipClearContentMarginLeft}: 0.5rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.25rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n            `,\n            s: css`\n                ${tokens.height}: 2.5rem;\n                ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.625rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.labelOffset}: 0.5rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.25rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.75rem;\n                ${tokens.chipPaddingRight}: 0.5rem;\n                ${tokens.chipPaddingLeft}: 0.75rem;\n                ${tokens.chipClearContentMarginLeft}: 0.375rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n            `,\n            xs: css`\n                ${tokens.height}: 2rem;\n                ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.5rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelOffset}: 0.375rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.125rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.25rem;\n                ${tokens.chipPaddingRight}: 0.375rem;\n                ${tokens.chipPaddingLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginLeft}: 0.25rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 0.75rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n            `,\n        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--text-secondary)));\n                ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            outer: css``,\n        },\n        disabled: {\n            true: css`\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.colorReadOnly}: var(--text-primary);\n                ${tokens.backgroundColorReadOnly}: var(--surface-clear);\n                ${tokens.borderColorReadOnly}: var(--surface-transparent-tertiary);\n                ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n                ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n                ${tokens.labelColorReadOnly}: var(--text-secondary);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","l","m","s","xs","inner","outer","disabled","true","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAA;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EA+BC,SAAA;AACDC,MAAAA,QAAQ,EA+BP,SAAA;AACDC,MAAAA,OAAO,EA+BN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAgCX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EA4DA,SAAA;AACDC,MAAAA,CAAC,EA4DA,SAAA;AACDC,MAAAA,CAAC,EA4DA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KA6DL;AACDT,IAAAA,cAAc,EAAE;AACZU,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAQR,KAAA;AACJ,GAAA;AACJ;;;;"}
+{"version":3,"file":"TextField.config.js","sources":["../../../../src-css/components/TextField/TextField.config.ts"],"sourcesContent":["import { css, textFieldTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'l',\n        labelPlacement: 'outer',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-secondary);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--surface-transparent-tertiary);\n                ${tokens.borderColorHover}: var(--text-secondary);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n                ${tokens.chipOpacityReadonly}: 0.72;\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            positive: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-positive);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--surface-positive);\n                ${tokens.borderColorHover}: var(--surface-positive);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n                ${tokens.chipOpacityReadonly}: 0.72;\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            warning: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-warning);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--surface-warning);\n                ${tokens.borderColorHover}: var(--surface-warning);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n                ${tokens.chipOpacityReadonly}: 0.72;\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n            negative: css`\n                ${tokens.color}: var(--text-primary);\n                ${tokens.backgroundColor}: var(--surface-clear);\n                ${tokens.caretColor}: var(--text-accent);\n                ${tokens.placeholderColor}: var(--text-secondary);\n                ${tokens.labelColor}: var(--text-primary);\n                ${tokens.leftHelperColor}: var(--text-negative);\n\n                ${tokens.contentSlotColor}: var(--text-secondary);\n                ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n                ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n                ${tokens.borderColor}: var(--surface-negative);\n                ${tokens.borderColorHover}: var(--surface-negative);\n                ${tokens.borderColorFocus}: var(--surface-accent);\n\n                ${tokens.chipCloseIconColor}: var(--text-secondary);\n                ${tokens.chipColor}: var(--text-primary);\n                ${tokens.chipBackground}: var(--surface-transparent-secondary);\n                ${tokens.chipColorHover}: var(--text-primary);\n                ${tokens.chipBackgroundHover}: var(--surface-transparent-secondary-hover);\n                ${tokens.chipColorActive}: var(--text-primary);\n                ${tokens.chipBackgroundActive}: var(--surface-transparent-secondary-active);\n                ${tokens.chipBackgroundReadOnly}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnly}: var(--text-primary);\n                ${tokens.chipBackgroundReadOnlyHover}: var(--surface-transparent-secondary);\n                ${tokens.chipColorReadOnlyHover}: var(--text-primary);\n                ${tokens.chipOpacityReadonly}: 0.72;\n\n                ${tokens.textBeforeColor}: var(--text-tertiary);\n                ${tokens.textAfterColor}: var(--text-tertiary);\n\n                ${tokens.focusColor}: var(--text-accent);\n                ${tokens.indicatorColor}: var(--surface-negative);\n                ${tokens.optionalColor}: var(--text-tertiary);\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.height}: 3.5rem;\n                ${tokens.padding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.875rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.labelOffset}: 0.75rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.5625rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.5625rem 0 0.5625rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.5rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.75rem;\n                ${tokens.chipPaddingRight}: 0.75rem;\n                ${tokens.chipPaddingLeft}: 1rem;\n                ${tokens.chipClearContentMarginLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.5rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-l-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-l-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-l-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-l-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-l-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.5rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n            `,\n            m: css`\n                ${tokens.height}: 3rem;\n                ${tokens.padding}: 0.875rem 1rem 0.875rem 1rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.75rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.labelOffset}: 0.625rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.375rem 0 0.125rem 0;\n                ${tokens.contentLabelInnerPadding}: 1.375rem 0 0.375rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.375rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 2.25rem;\n                ${tokens.chipPaddingRight}: 0.625rem;\n                ${tokens.chipPaddingLeft}: 0.875rem;\n                ${tokens.chipClearContentMarginLeft}: 0.5rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1.25rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-m-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-m-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-m-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-m-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.5rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.75rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.6875rem auto auto;\n            `,\n            s: css`\n                ${tokens.height}: 2.5rem;\n                ${tokens.padding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.625rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.labelOffset}: 0.5rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.25rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.75rem;\n                ${tokens.chipPaddingRight}: 0.5rem;\n                ${tokens.chipPaddingLeft}: 0.75rem;\n                ${tokens.chipClearContentMarginLeft}: 0.375rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 1rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-s-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-s-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-s-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-s-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.3125rem auto auto -0.6875rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n            `,\n            xs: css`\n                ${tokens.height}: 2rem;\n                ${tokens.padding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n                ${tokens.paddingWithChips}: 0.375rem;\n                ${tokens.borderRadius}: 0.5rem;\n                ${tokens.borderWidth}: 0.0625rem;\n\n                ${tokens.leftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n                ${tokens.rightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.fontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.fontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelOffset}: 0.375rem;\n                ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.leftHelperOffset}: 0.25rem;\n                ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.labelInnerPadding}: 0.3125rem 0 0 0;\n                ${tokens.contentLabelInnerPadding}: 1.0625rem 0 0.3125rem 0;\n                ${tokens.textBeforeMargin}: 0 0.25rem 0 0;\n                ${tokens.textAfterMargin}: 0 0 0 0.25rem;\n\n                ${tokens.chipGap}: 0.25rem;\n                ${tokens.chipBorderRadius}: 0.125rem;\n                ${tokens.chipWidth}: auto;\n                ${tokens.chipHeight}: 1.25rem;\n                ${tokens.chipPaddingRight}: 0.375rem;\n                ${tokens.chipPaddingLeft}: 0.625rem;\n                ${tokens.chipClearContentMarginLeft}: 0.25rem;\n                ${tokens.chipClearContentMarginRight}: 0rem;\n                ${tokens.chipCloseIconSize}: 0.75rem;\n                ${tokens.chipFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.chipFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.chipFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.chipFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.chipLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.chipLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n                ${tokens.indicatorSizeInner}: 0.375rem;\n                ${tokens.indicatorSizeOuter}: 0.375rem;\n                ${tokens.indicatorLabelPlacementInner}: 0 0 0 0;\n                ${tokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n                ${tokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n                ${tokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.6875rem auto auto;\n            `,\n        },\n        labelPlacement: {\n            inner: css`\n                ${tokens.placeholderColor}: var(--plasma-input-label-color, var(--plasma-input-placeholder-color, var(--text-secondary)));\n                ${tokens.labelInnerFontFamily}: var(--plasma-typo-body-xs-font-family);\n                ${tokens.labelInnerFontSize}: var(--plasma-typo-body-xs-font-size);\n                ${tokens.labelInnerFontStyle}: var(--plasma-typo-body-xs-font-style);\n                ${tokens.labelInnerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n                ${tokens.labelInnerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n                ${tokens.labelInnerLineHeight}: var(--plasma-typo-body-xs-line-height);\n            `,\n            outer: css``,\n        },\n        disabled: {\n            true: css`\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n        readOnly: {\n            true: css`\n                ${tokens.colorReadOnly}: var(--text-primary);\n                ${tokens.backgroundColorReadOnly}: var(--surface-clear);\n                ${tokens.borderColorReadOnly}: var(--surface-transparent-tertiary);\n                ${tokens.placeholderColorReadOnly}: var(--text-secondary);\n                ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n                ${tokens.labelColorReadOnly}: var(--text-secondary);\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","labelPlacement","variations","default","positive","warning","negative","l","m","s","xs","inner","outer","disabled","true","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,cAAc,EAAE,OAAA;GACnB;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAmCC,SAAA;AACDC,MAAAA,QAAQ,EAmCP,SAAA;AACDC,MAAAA,OAAO,EAmCN,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAoCX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EA4DA,SAAA;AACDC,MAAAA,CAAC,EA4DA,SAAA;AACDC,MAAAA,CAAC,EA4DA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KA6DL;AACDT,IAAAA,cAAc,EAAE;AACZU,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KACR;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAQR,KAAA;AACJ,GAAA;AACJ;;;;"}