@salutejs/plasma-web 1.583.0-canary.1954.15277675821.0 → 1.583.0-canary.1954.15296930381.0

package/components/CodeField/CodeField.config.d.ts

@@ -0,0 +1,23 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: string;
+        shape: string;
+    };
+    variations: {
+        view: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        size: {
+            l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        shape: {
+            default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+            segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/CodeField/CodeField.config.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.config = void 0;
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
+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: {
+    view: 'default',
+    size: 'l',
+    shape: 'default'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-accent);\n\n                ", ": var(--text-secondary);\n                ", ": var(--text-negative);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n\n                ", ": var(--surface-transparent-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--surface-negative);\n            "])), _styledComponents.codeFieldTokens.caretColor, _styledComponents.codeFieldTokens.captionColor, _styledComponents.codeFieldTokens.captionColorError, _styledComponents.codeFieldTokens.codeColor, _styledComponents.codeFieldTokens.codeColorError, _styledComponents.codeFieldTokens.borderColor, _styledComponents.codeFieldTokens.borderColorHover, _styledComponents.codeFieldTokens.borderColorFocus, _styledComponents.codeFieldTokens.borderErrorColor)
+    },
+    size: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.875rem;\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 2.75rem;\n                ", ": 3.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-bold-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.063rem;\n                ", ": 0.875rem;\n                ", ": 0.375rem;\n                ", ": 0.875rem;\n            "])), _styledComponents.codeFieldTokens.captionGap, _styledComponents.codeFieldTokens.codeItemsGap, _styledComponents.codeFieldTokens.separatorWidth, _styledComponents.codeFieldTokens.codeItemWidth, _styledComponents.codeFieldTokens.codeItemHeight, _styledComponents.codeFieldTokens.fontFamily, _styledComponents.codeFieldTokens.fontSize, _styledComponents.codeFieldTokens.fontStyle, _styledComponents.codeFieldTokens.fontWeight, _styledComponents.codeFieldTokens.letterSpacing, _styledComponents.codeFieldTokens.lineHeight, _styledComponents.codeFieldTokens.captionFontFamily, _styledComponents.codeFieldTokens.captionFontSize, _styledComponents.codeFieldTokens.captionFontStyle, _styledComponents.codeFieldTokens.captionFontWeight, _styledComponents.codeFieldTokens.captionLetterSpacing, _styledComponents.codeFieldTokens.captionLineHeight, _styledComponents.codeFieldTokens.borderWidth, _styledComponents.codeFieldTokens.borderRadius, _styledComponents.codeFieldTokens.borderRadiusSegmented, _styledComponents.codeFieldTokens.segmentedSideBorderRadius),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n\n                ", ": 0.25rem;\n\n                ", ": 2.375rem;\n                ", ": 3rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-bold-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.063rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 0.75rem;\n            "])), _styledComponents.codeFieldTokens.captionGap, _styledComponents.codeFieldTokens.codeItemsGap, _styledComponents.codeFieldTokens.separatorWidth, _styledComponents.codeFieldTokens.codeItemWidth, _styledComponents.codeFieldTokens.codeItemHeight, _styledComponents.codeFieldTokens.fontFamily, _styledComponents.codeFieldTokens.fontSize, _styledComponents.codeFieldTokens.fontStyle, _styledComponents.codeFieldTokens.fontWeight, _styledComponents.codeFieldTokens.letterSpacing, _styledComponents.codeFieldTokens.lineHeight, _styledComponents.codeFieldTokens.captionFontFamily, _styledComponents.codeFieldTokens.captionFontSize, _styledComponents.codeFieldTokens.captionFontStyle, _styledComponents.codeFieldTokens.captionFontWeight, _styledComponents.codeFieldTokens.captionLetterSpacing, _styledComponents.codeFieldTokens.captionLineHeight, _styledComponents.codeFieldTokens.borderWidth, _styledComponents.codeFieldTokens.borderRadius, _styledComponents.codeFieldTokens.borderRadiusSegmented, _styledComponents.codeFieldTokens.segmentedSideBorderRadius)
+    },
+    shape: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
+      segmented: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral([""])))
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.codeFieldTokens.disabledOpacity)
+    }
+  }
+};

package/components/CodeField/CodeField.d.ts

@@ -0,0 +1,36 @@
+/// <reference types="react" />
+export declare const CodeField: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
+    view: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    size: {
+        l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    shape: {
+        default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        segmented: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+    disabled: {
+        true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+    };
+}> & {
+    value?: string | undefined;
+    placeholder?: string | undefined;
+    autoFocus?: boolean | undefined;
+    codeLength?: 4 | 5 | 6 | undefined;
+    caption?: import("react").ReactNode;
+    captionAlign?: "center" | "left" | undefined;
+    width?: string | number | undefined;
+    shape?: "default" | "segmented" | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    disabled?: boolean | undefined;
+    isError?: boolean | undefined;
+    setIsError?: import("react").Dispatch<import("react").SetStateAction<boolean>> | undefined;
+    allowedSymbols?: string | RegExp | undefined;
+    itemErrorBehavior?: import("@salutejs/plasma-new-hope/types/components/CodeField/CodeField.types").ItemErrorBehavior | undefined;
+    codeErrorBehavior?: import("@salutejs/plasma-new-hope/types/components/CodeField/CodeField.types").CodeErrorBehavior | undefined;
+    onChange?: ((value: string) => void) | undefined;
+    onFullCodeEnter?: ((code: string) => void) | undefined;
+} & Pick<import("react").InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<import("react").HTMLAttributes<HTMLDivElement>, "onChange"> & import("react").RefAttributes<HTMLInputElement>>;

package/components/CodeField/CodeField.js

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

package/components/CodeField/index.d.ts

@@ -0,0 +1,2 @@
+export { CodeField } from './CodeField';
+export { codeFieldTokens, codeFieldClasses, ONLY_DIGITS_PATTERN, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, } from '@salutejs/plasma-new-hope/styled-components';

package/components/CodeField/index.js

@@ -0,0 +1,43 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CodeField", {
+  enumerable: true,
+  get: function get() {
+    return _CodeField.CodeField;
+  }
+});
+Object.defineProperty(exports, "ONLY_CHARS_PATTERN", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.ONLY_CHARS_PATTERN;
+  }
+});
+Object.defineProperty(exports, "ONLY_DIGITS_AND_CHARS_PATTERN", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.ONLY_DIGITS_AND_CHARS_PATTERN;
+  }
+});
+Object.defineProperty(exports, "ONLY_DIGITS_PATTERN", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.ONLY_DIGITS_PATTERN;
+  }
+});
+Object.defineProperty(exports, "codeFieldClasses", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.codeFieldClasses;
+  }
+});
+Object.defineProperty(exports, "codeFieldTokens", {
+  enumerable: true,
+  get: function get() {
+    return _styledComponents.codeFieldTokens;
+  }
+});
+var _CodeField = /*#__PURE__*/require("./CodeField");
+var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");

package/components/List/List.config.d.ts

@@ -2,7 +2,6 @@ export declare const config: {
     defaults: {
         view: string;
         size: string;
-        variant: string;
     };
     variations: {
         view: {
@@ -15,10 +14,6 @@ export declare const config: {
             l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
-        variant: {
-            normal: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-            tight: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        };
         disabled: {
             true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };

package/components/List/List.config.js

@@ -5,31 +5,26 @@ 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;
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
 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: {
     view: 'default',
-    size: 's',
-    variant: 'normal'
+    size: 's'
   },
   variations: {
     view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--surface-transparent-secondary);\n                ", ": transparent;\n                ", ": transparent;\n            "])), _styledComponents.listTokens.listItemColor, _styledComponents.listTokens.listItemColorHover, _styledComponents.listTokens.listItemBackground, _styledComponents.listTokens.listItemBackgroundHover, _styledComponents.listTokens.listItemBorderColor, _styledComponents.listTokens.listItemBorderColorHover)
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": transparent;\n                ", ": var(--surface-transparent-secondary);\n                ", ": transparent;\n                ", ": transparent;\n                ", ": 0.4;\n            "])), _styledComponents.listTokens.listItemColor, _styledComponents.listTokens.listItemColorHover, _styledComponents.listTokens.listItemBackground, _styledComponents.listTokens.listItemBackgroundHover, _styledComponents.listTokens.listItemBorderColor, _styledComponents.listTokens.listItemBorderColorHover, _styledComponents.listTokens.listDisabledOpacity)
     },
     size: {
-      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.689rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.689rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\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            "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
-      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0.875rem;\n                ", ": 0rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
-      xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.3125rem;\n                ", ": 1.125rem;\n                ", ": 1.125rem;\n                ", ": 1.3125rem;\n                ", ": 1rem;\n                ", ": 0rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight)
-    },
-    variant: {
-      normal: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n                ", ": 0rem;\n            "])), _styledComponents.listTokens.listDisabledOpacity, _styledComponents.listTokens.listItemVariantDifference),
-      tight: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.25rem;\n                ", ": 0.4;\n            "])), _styledComponents.listTokens.listItemVariantDifference, _styledComponents.listTokens.listDisabledOpacity)
+      xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0.5rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemTightDifference, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.689rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0.689rem;\n                ", ": 0.625rem;\n                ", ": 0rem;\n                ", ": 0.375rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n            "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemTightDifference, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0.75rem;\n                ", ": 0rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n            "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemTightDifference, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 1rem;\n                ", ": 0.875rem;\n                ", ": 0rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemTightDifference, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight),
+      xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.3125rem;\n                ", ": 1.125rem;\n                ", ": 1.125rem;\n                ", ": 1.3125rem;\n                ", ": 1rem;\n                ", ": 0rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem;\n\n                ", ": var(--plasma-typo-body-l-font-family);\n                ", ": var(--plasma-typo-body-l-font-size);\n                ", ": var(--plasma-typo-body-l-font-style);\n                ", ": var(--plasma-typo-body-l-font-weight);\n                ", ": var(--plasma-typo-body-l-letter-spacing);\n                ", ": var(--plasma-typo-body-l-line-height);\n            "])), _styledComponents.listTokens.listItemPaddingTop, _styledComponents.listTokens.listItemPaddingLeft, _styledComponents.listTokens.listItemPaddingRight, _styledComponents.listTokens.listItemPaddingBottom, _styledComponents.listTokens.listItemBorderRadius, _styledComponents.listTokens.listItemBorderWidth, _styledComponents.listTokens.listItemGap, _styledComponents.listTokens.listItemTightDifference, _styledComponents.listTokens.listItemFontFamily, _styledComponents.listTokens.listItemFontSize, _styledComponents.listTokens.listItemFontStyle, _styledComponents.listTokens.listItemFontWeight, _styledComponents.listTokens.listItemLetterSpacing, _styledComponents.listTokens.listItemLineHeight)
     },
     disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": red;\n            "])), _styledComponents.listTokens.listItemBackground)
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral([""])))
     }
   }
 };

package/components/List/List.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 /**
- * Лист.
+ * Список.
  */
 export declare const List: import("react").FunctionComponent<import("@salutejs/plasma-new-hope/types/engines/types").PropsType<{
     view: {
@@ -13,18 +13,12 @@ export declare const List: import("react").FunctionComponent<import("@salutejs/p
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-    variant: {
-        normal: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-        tight: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
-    };
     disabled: {
         true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
-}> & {
+}> & import("react").HTMLAttributes<HTMLUListElement> & {
     view?: string | undefined;
     size?: string | undefined;
-    variant?: string | undefined;
-    disabled?: string | undefined;
-    children?: import("react").ReactNode;
-    className?: string | undefined;
-} & import("react").RefAttributes<HTMLDivElement>>;
+    variant?: "normal" | "tight" | undefined;
+    disabled?: boolean | undefined;
+} & import("react").RefAttributes<HTMLUListElement>>;

package/components/List/List.js

@@ -10,6 +10,6 @@ var mergedConfig = /*#__PURE__*/(0, _styledComponents.mergeConfig)(_styledCompon
 var ListComponent = /*#__PURE__*/(0, _styledComponents.component)(mergedConfig);
 
 /**
- * Лист.
+ * Список.
  */
 var List = exports.List = ListComponent;

package/components/Mask/Mask.d.ts

@@ -7,6 +7,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -84,6 +85,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -163,6 +165,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -240,6 +243,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -319,6 +323,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -396,6 +401,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -475,6 +481,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -552,6 +559,7 @@ export declare const Mask: import("react").ForwardRefExoticComponent<(Omit<impor
         negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
     };
     size: {
+        xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;

package/components/TextField/TextField.config.d.ts

@@ -12,6 +12,7 @@ export declare const config: {
             negative: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
         };
         size: {
+            xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
             s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;