@salutejs/plasma-web 1.583.0 → 1.584.0-canary.1973.15343275842.0

package/components/CodeInput/CodeInput.config.d.ts

@@ -0,0 +1,19 @@
+export declare const config: {
+    defaults: {
+        view: string;
+        size: 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;
+            s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+        disabled: {
+            true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
+        };
+    };
+};

package/components/CodeInput/CodeInput.config.js

@@ -0,0 +1,28 @@
+"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;
+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'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-negative);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n            "])), _styledComponents.codeInputTokens.captionColor, _styledComponents.codeInputTokens.captionColorError, _styledComponents.codeInputTokens.codeColor, _styledComponents.codeInputTokens.codeColorError)
+    },
+    size: {
+      l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.75rem;\n\n                ", ": 1rem;\n\n                ", ": var(--plasma-typo-dspl-l-font-family);\n                ", ": var(--plasma-typo-dspl-l-font-style);\n                ", ": var(--plasma-typo-dspl-l-bold-font-weight);\n                ", ": var(--plasma-typo-dspl-l-letter-spacing);\n\n                ", ": 8rem;\n                ", ": 8rem;\n\n                ", ": 7rem;\n                ", ": 7rem;\n\n                ", ": 5.5rem;\n                ", ": 5.75rem;\n\n                ", ": var(--plasma-typo-h3-font-family);\n                ", ": var(--plasma-typo-h3-font-size);\n                ", ": var(--plasma-typo-h3-font-style);\n                ", ": var(--plasma-typo-h3-font-weight);\n                ", ": var(--plasma-typo-h3-letter-spacing);\n                ", ": var(--plasma-typo-h3-line-height);\n\n                ", ": 5rem;\n                ", ": 8rem;\n\n                ", ": 4.5rem;\n                ", ": 7rem;\n\n                ", ": 3.5rem;\n                ", ": 5.75rem;\n\n                ", ": 0.125rem;\n                ", ": 1.5rem;\n            "])), _styledComponents.codeInputTokens.captionGap, _styledComponents.codeInputTokens.codeItemsGap, _styledComponents.codeInputTokens.separatorWidth, _styledComponents.codeInputTokens.fontFamily, _styledComponents.codeInputTokens.fontStyle, _styledComponents.codeInputTokens.fontWeight, _styledComponents.codeInputTokens.letterSpacing, _styledComponents.codeInputTokens.largeScreenFontSize, _styledComponents.codeInputTokens.largeScreenLineHeight, _styledComponents.codeInputTokens.mediumScreenFontSize, _styledComponents.codeInputTokens.mediumScreenLineHeight, _styledComponents.codeInputTokens.smallScreenFontSize, _styledComponents.codeInputTokens.smallScreenLineHeight, _styledComponents.codeInputTokens.captionFontFamily, _styledComponents.codeInputTokens.captionFontSize, _styledComponents.codeInputTokens.captionFontStyle, _styledComponents.codeInputTokens.captionFontWeight, _styledComponents.codeInputTokens.captionLetterSpacing, _styledComponents.codeInputTokens.captionLineHeight, _styledComponents.codeInputTokens.codeItemLargeWidth, _styledComponents.codeInputTokens.codeItemLargeHeight, _styledComponents.codeInputTokens.codeItemMediumWidth, _styledComponents.codeInputTokens.codeItemMediumHeight, _styledComponents.codeInputTokens.codeItemSmallWidth, _styledComponents.codeInputTokens.codeItemSmallHeight, _styledComponents.codeInputTokens.codeItemCircleBorderWidth, _styledComponents.codeInputTokens.codeItemCircleSize),
+      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n\n                ", ": 1rem;\n\n                ", ": var(--plasma-typo-dspl-m-font-family);\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\n                ", ": 5.5rem;\n                ", ": 5.75rem;\n\n                ", ": 4.5rem;\n                ", ": 4.75rem;\n\n                ", ": 3.5rem;\n                ", ": 3.75rem;\n\n                ", ": var(--plasma-typo-h4-font-family);\n                ", ": var(--plasma-typo-h4-font-size);\n                ", ": var(--plasma-typo-h4-font-style);\n                ", ": var(--plasma-typo-h4-font-weight);\n                ", ": var(--plasma-typo-h4-letter-spacing);\n                ", ": var(--plasma-typo-h4-line-height);\n\n                ", ": 3.5rem;\n                ", ": 5.75rem;\n\n                ", ": 3rem;\n                ", ": 4.75rem;\n\n                ", ": 2.25rem;\n                ", ": 3.75rem;\n\n                ", ": 0.094rem;\n                ", ": 1rem;\n            "])), _styledComponents.codeInputTokens.captionGap, _styledComponents.codeInputTokens.codeItemsGap, _styledComponents.codeInputTokens.separatorWidth, _styledComponents.codeInputTokens.fontFamily, _styledComponents.codeInputTokens.fontStyle, _styledComponents.codeInputTokens.fontWeight, _styledComponents.codeInputTokens.letterSpacing, _styledComponents.codeInputTokens.largeScreenFontSize, _styledComponents.codeInputTokens.largeScreenLineHeight, _styledComponents.codeInputTokens.mediumScreenFontSize, _styledComponents.codeInputTokens.mediumScreenLineHeight, _styledComponents.codeInputTokens.smallScreenFontSize, _styledComponents.codeInputTokens.smallScreenLineHeight, _styledComponents.codeInputTokens.captionFontFamily, _styledComponents.codeInputTokens.captionFontSize, _styledComponents.codeInputTokens.captionFontStyle, _styledComponents.codeInputTokens.captionFontWeight, _styledComponents.codeInputTokens.captionLetterSpacing, _styledComponents.codeInputTokens.captionLineHeight, _styledComponents.codeInputTokens.codeItemLargeWidth, _styledComponents.codeInputTokens.codeItemLargeHeight, _styledComponents.codeInputTokens.codeItemMediumWidth, _styledComponents.codeInputTokens.codeItemMediumHeight, _styledComponents.codeInputTokens.codeItemSmallWidth, _styledComponents.codeInputTokens.codeItemSmallHeight, _styledComponents.codeInputTokens.codeItemCircleBorderWidth, _styledComponents.codeInputTokens.codeItemCircleSize),
+      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.25rem;\n\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-dspl-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n\n                ", ": 4rem;\n                ", ": 4.25rem;\n\n                ", ": 3rem;\n                ", ": 3.25rem;\n\n                ", ": 2.5rem;\n                ", ": 2.75rem;\n\n                ", ": var(--plasma-typo-h5-font-family);\n                ", ": var(--plasma-typo-h5-font-size);\n                ", ": var(--plasma-typo-h5-font-style);\n                ", ": var(--plasma-typo-h5-font-weight);\n                ", ": var(--plasma-typo-h5-letter-spacing);\n                ", ": var(--plasma-typo-h5-line-height);\n\n                ", ": 2.5rem;\n                ", ": 4.25rem;\n\n                ", ": 2rem;\n                ", ": 3.25rem;\n\n                ", ": 1.625rem;\n                ", ": 2.75rem;\n\n                ", ": 0.063rem;\n                ", ": 0.75rem;\n            "])), _styledComponents.codeInputTokens.captionGap, _styledComponents.codeInputTokens.codeItemsGap, _styledComponents.codeInputTokens.separatorWidth, _styledComponents.codeInputTokens.fontFamily, _styledComponents.codeInputTokens.fontStyle, _styledComponents.codeInputTokens.fontWeight, _styledComponents.codeInputTokens.letterSpacing, _styledComponents.codeInputTokens.largeScreenFontSize, _styledComponents.codeInputTokens.largeScreenLineHeight, _styledComponents.codeInputTokens.mediumScreenFontSize, _styledComponents.codeInputTokens.mediumScreenLineHeight, _styledComponents.codeInputTokens.smallScreenFontSize, _styledComponents.codeInputTokens.smallScreenLineHeight, _styledComponents.codeInputTokens.captionFontFamily, _styledComponents.codeInputTokens.captionFontSize, _styledComponents.codeInputTokens.captionFontStyle, _styledComponents.codeInputTokens.captionFontWeight, _styledComponents.codeInputTokens.captionLetterSpacing, _styledComponents.codeInputTokens.captionLineHeight, _styledComponents.codeInputTokens.codeItemLargeWidth, _styledComponents.codeInputTokens.codeItemLargeHeight, _styledComponents.codeInputTokens.codeItemMediumWidth, _styledComponents.codeInputTokens.codeItemMediumHeight, _styledComponents.codeInputTokens.codeItemSmallWidth, _styledComponents.codeInputTokens.codeItemSmallHeight, _styledComponents.codeInputTokens.codeItemCircleBorderWidth, _styledComponents.codeInputTokens.codeItemCircleSize)
+    },
+    disabled: {
+      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), _styledComponents.codeInputTokens.disabledOpacity)
+    }
+  }
+};

package/components/CodeInput/CodeInput.d.ts

@@ -0,0 +1,37 @@
+/// <reference types="react" />
+/**
+ * CodeInput
+ */
+export declare const CodeInput: 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;
+        s: 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;
+    hidden?: boolean | undefined;
+    view?: string | undefined;
+    size?: string | undefined;
+    screen?: "small" | "medium" | "large" | undefined;
+    disabled?: boolean | undefined;
+    isError?: boolean | undefined;
+    width?: string | number | undefined;
+    setIsError?: import("react").Dispatch<import("react").SetStateAction<boolean>> | undefined;
+    allowedSymbols?: string | RegExp | undefined;
+    itemErrorBehavior?: import("@salutejs/plasma-new-hope/types/components/CodeInput/CodeInput.types").ItemErrorBehavior | undefined;
+    codeErrorBehavior?: import("@salutejs/plasma-new-hope/types/components/CodeInput/CodeInput.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/CodeInput/CodeInput.js

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

package/components/CodeInput/index.d.ts

@@ -0,0 +1 @@
+export { CodeInput } from './CodeInput';

package/components/CodeInput/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "CodeInput", {
+  enumerable: true,
+  get: function get() {
+    return _CodeInput.CodeInput;
+  }
+});
+var _CodeInput = /*#__PURE__*/require("./CodeInput");

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

@@ -0,0 +1,27 @@
+require('./CodeInput.config_1an7au3.css');
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var config = {
+  defaults: {
+    view: 'default',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      "default": "d1bd11l2"
+    },
+    size: {
+      l: "l3q7trr",
+      m: "mthn074",
+      s: "s1dk91qy"
+    },
+    disabled: {
+      "true": "t1gsvi3c"
+    }
+  }
+};
+
+exports.config = config;
+//# sourceMappingURL=CodeInput.config.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.config.js","sources":["../../../../src-css/components/CodeInput/CodeInput.config.tsx"],"sourcesContent":["import { css, codeInputTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.captionColor}: var(--text-secondary);\n                ${tokens.captionColorError}: var(--text-negative);\n\n                ${tokens.codeColor}: var(--text-primary);\n                ${tokens.codeColorError}: var(--text-negative);\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.captionGap}: 2.5rem;\n                ${tokens.codeItemsGap}: 0.75rem;\n\n                ${tokens.separatorWidth}: 1rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-dspl-l-font-family);\n                ${tokens.fontStyle}: var(--plasma-typo-dspl-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-dspl-l-bold-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);\n\n                ${tokens.largeScreenFontSize}: 8rem;\n                ${tokens.largeScreenLineHeight}: 8rem;\n\n                ${tokens.mediumScreenFontSize}: 7rem;\n                ${tokens.mediumScreenLineHeight}: 7rem;\n\n                ${tokens.smallScreenFontSize}: 5.5rem;\n                ${tokens.smallScreenLineHeight}: 5.75rem;\n\n                ${tokens.captionFontFamily}: var(--plasma-typo-h3-font-family);\n                ${tokens.captionFontSize}: var(--plasma-typo-h3-font-size);\n                ${tokens.captionFontStyle}: var(--plasma-typo-h3-font-style);\n                ${tokens.captionFontWeight}: var(--plasma-typo-h3-font-weight);\n                ${tokens.captionLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${tokens.captionLineHeight}: var(--plasma-typo-h3-line-height);\n\n                ${tokens.codeItemLargeWidth}: 5rem;\n                ${tokens.codeItemLargeHeight}: 8rem;\n\n                ${tokens.codeItemMediumWidth}: 4.5rem;\n                ${tokens.codeItemMediumHeight}: 7rem;\n\n                ${tokens.codeItemSmallWidth}: 3.5rem;\n                ${tokens.codeItemSmallHeight}: 5.75rem;\n\n                ${tokens.codeItemCircleBorderWidth}: 0.125rem;\n                ${tokens.codeItemCircleSize}: 1.5rem;\n            `,\n            m: css`\n                ${tokens.captionGap}: 1.75rem;\n                ${tokens.codeItemsGap}: 0.5rem;\n\n                ${tokens.separatorWidth}: 1rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-dspl-m-font-family);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n\n                ${tokens.largeScreenFontSize}: 5.5rem;\n                ${tokens.largeScreenLineHeight}: 5.75rem;\n\n                ${tokens.mediumScreenFontSize}: 4.5rem;\n                ${tokens.mediumScreenLineHeight}: 4.75rem;\n\n                ${tokens.smallScreenFontSize}: 3.5rem;\n                ${tokens.smallScreenLineHeight}: 3.75rem;\n\n                ${tokens.captionFontFamily}: var(--plasma-typo-h4-font-family);\n                ${tokens.captionFontSize}: var(--plasma-typo-h4-font-size);\n                ${tokens.captionFontStyle}: var(--plasma-typo-h4-font-style);\n                ${tokens.captionFontWeight}: var(--plasma-typo-h4-font-weight);\n                ${tokens.captionLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${tokens.captionLineHeight}: var(--plasma-typo-h4-line-height);\n\n                ${tokens.codeItemLargeWidth}: 3.5rem;\n                ${tokens.codeItemLargeHeight}: 5.75rem;\n\n                ${tokens.codeItemMediumWidth}: 3rem;\n                ${tokens.codeItemMediumHeight}: 4.75rem;\n\n                ${tokens.codeItemSmallWidth}: 2.25rem;\n                ${tokens.codeItemSmallHeight}: 3.75rem;\n\n                ${tokens.codeItemCircleBorderWidth}: 0.094rem;\n                ${tokens.codeItemCircleSize}: 1rem;\n            `,\n            s: css`\n                ${tokens.captionGap}: 1.5rem;\n                ${tokens.codeItemsGap}: 0.25rem;\n\n                ${tokens.separatorWidth}: 0.5rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-dspl-s-font-family);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n\n                ${tokens.largeScreenFontSize}: 4rem;\n                ${tokens.largeScreenLineHeight}: 4.25rem;\n\n                ${tokens.mediumScreenFontSize}: 3rem;\n                ${tokens.mediumScreenLineHeight}: 3.25rem;\n\n                ${tokens.smallScreenFontSize}: 2.5rem;\n                ${tokens.smallScreenLineHeight}: 2.75rem;\n\n                ${tokens.captionFontFamily}: var(--plasma-typo-h5-font-family);\n                ${tokens.captionFontSize}: var(--plasma-typo-h5-font-size);\n                ${tokens.captionFontStyle}: var(--plasma-typo-h5-font-style);\n                ${tokens.captionFontWeight}: var(--plasma-typo-h5-font-weight);\n                ${tokens.captionLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${tokens.captionLineHeight}: var(--plasma-typo-h5-line-height);\n\n                ${tokens.codeItemLargeWidth}: 2.5rem;\n                ${tokens.codeItemLargeHeight}: 4.25rem;\n\n                ${tokens.codeItemMediumWidth}: 2rem;\n                ${tokens.codeItemMediumHeight}: 3.25rem;\n\n                ${tokens.codeItemSmallWidth}: 1.625rem;\n                ${tokens.codeItemSmallHeight}: 2.75rem;\n\n                ${tokens.codeItemCircleBorderWidth}: 0.063rem;\n                ${tokens.codeItemCircleSize}: 0.75rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","disabled","true"],"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;MACFG,SAAO,EAAA,UAAA;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAuCJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/cjs/components/CodeInput/CodeInput.config_1an7au3.css

@@ -0,0 +1,5 @@
+.d1bd11l2{--plasma-codeinput-caption-color:var(--text-secondary);--plasma-codeinput-caption-color-error:var(--text-negative);--plasma-codeinput-code-color:var(--text-primary);--plasma-codeinput-code-color-error:var(--text-negative);}
+.l3q7trr{--plasma-codeinput-caption-gap:2.5rem;--plasma-codeinput-code-item-gap:0.75rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-l-font-family);--plasma-codeinput-font-style:var(--plasma-typo-dspl-l-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-dspl-l-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-dspl-l-letter-spacing);--plasma-codeinput-large-screen-font-size:8rem;--plasma-codeinput-large-screen-line-height:8rem;--plasma-codeinput-medium-screen-font-size:7rem;--plasma-codeinput-medium-screen-line-height:7rem;--plasma-codeinput-small-screen-font-size:5.5rem;--plasma-codeinput-small-screen-line-height:5.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h3-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h3-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h3-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h3-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h3-line-height);--plasma-codeinput-item-large-width:5rem;--plasma-codeinput-item-large-height:8rem;--plasma-codeinput-item-medium-width:4.5rem;--plasma-codeinput-item-medium-height:7rem;--plasma-codeinput-item-small-width:3.5rem;--plasma-codeinput-item-small-height:5.75rem;--plasma-codeinput-item-circle-border-width:0.125rem;--plasma-codeinput-item-circle-size:1.5rem;}
+.mthn074{--plasma-codeinput-caption-gap:1.75rem;--plasma-codeinput-code-item-gap:0.5rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-m-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-m-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-codeinput-large-screen-font-size:5.5rem;--plasma-codeinput-large-screen-line-height:5.75rem;--plasma-codeinput-medium-screen-font-size:4.5rem;--plasma-codeinput-medium-screen-line-height:4.75rem;--plasma-codeinput-small-screen-font-size:3.5rem;--plasma-codeinput-small-screen-line-height:3.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h4-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h4-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h4-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h4-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h4-line-height);--plasma-codeinput-item-large-width:3.5rem;--plasma-codeinput-item-large-height:5.75rem;--plasma-codeinput-item-medium-width:3rem;--plasma-codeinput-item-medium-height:4.75rem;--plasma-codeinput-item-small-width:2.25rem;--plasma-codeinput-item-small-height:3.75rem;--plasma-codeinput-item-circle-border-width:0.094rem;--plasma-codeinput-item-circle-size:1rem;}
+.s1dk91qy{--plasma-codeinput-caption-gap:1.5rem;--plasma-codeinput-code-item-gap:0.25rem;--plasma-codeinput-separator-width:0.5rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-s-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-s-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-codeinput-large-screen-font-size:4rem;--plasma-codeinput-large-screen-line-height:4.25rem;--plasma-codeinput-medium-screen-font-size:3rem;--plasma-codeinput-medium-screen-line-height:3.25rem;--plasma-codeinput-small-screen-font-size:2.5rem;--plasma-codeinput-small-screen-line-height:2.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h5-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h5-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h5-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h5-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h5-line-height);--plasma-codeinput-item-large-width:2.5rem;--plasma-codeinput-item-large-height:4.25rem;--plasma-codeinput-item-medium-width:2rem;--plasma-codeinput-item-medium-height:3.25rem;--plasma-codeinput-item-small-width:1.625rem;--plasma-codeinput-item-small-height:2.75rem;--plasma-codeinput-item-circle-border-width:0.063rem;--plasma-codeinput-item-circle-size:0.75rem;}
+.t1gsvi3c{--plasma-codeinput-disabled-opacity:0.4;}

package/css/cjs/components/CodeInput/CodeInput.css

@@ -0,0 +1,5 @@
+.CodeInput_config_1an7au3_d1bd11l2__552eff94{--plasma-codeinput-caption-color:var(--text-secondary);--plasma-codeinput-caption-color-error:var(--text-negative);--plasma-codeinput-code-color:var(--text-primary);--plasma-codeinput-code-color-error:var(--text-negative);}
+.CodeInput_config_1an7au3_l3q7trr__552eff94{--plasma-codeinput-caption-gap:2.5rem;--plasma-codeinput-code-item-gap:0.75rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-l-font-family);--plasma-codeinput-font-style:var(--plasma-typo-dspl-l-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-dspl-l-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-dspl-l-letter-spacing);--plasma-codeinput-large-screen-font-size:8rem;--plasma-codeinput-large-screen-line-height:8rem;--plasma-codeinput-medium-screen-font-size:7rem;--plasma-codeinput-medium-screen-line-height:7rem;--plasma-codeinput-small-screen-font-size:5.5rem;--plasma-codeinput-small-screen-line-height:5.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h3-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h3-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h3-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h3-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h3-line-height);--plasma-codeinput-item-large-width:5rem;--plasma-codeinput-item-large-height:8rem;--plasma-codeinput-item-medium-width:4.5rem;--plasma-codeinput-item-medium-height:7rem;--plasma-codeinput-item-small-width:3.5rem;--plasma-codeinput-item-small-height:5.75rem;--plasma-codeinput-item-circle-border-width:0.125rem;--plasma-codeinput-item-circle-size:1.5rem;}
+.CodeInput_config_1an7au3_mthn074__552eff94{--plasma-codeinput-caption-gap:1.75rem;--plasma-codeinput-code-item-gap:0.5rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-m-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-m-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-codeinput-large-screen-font-size:5.5rem;--plasma-codeinput-large-screen-line-height:5.75rem;--plasma-codeinput-medium-screen-font-size:4.5rem;--plasma-codeinput-medium-screen-line-height:4.75rem;--plasma-codeinput-small-screen-font-size:3.5rem;--plasma-codeinput-small-screen-line-height:3.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h4-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h4-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h4-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h4-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h4-line-height);--plasma-codeinput-item-large-width:3.5rem;--plasma-codeinput-item-large-height:5.75rem;--plasma-codeinput-item-medium-width:3rem;--plasma-codeinput-item-medium-height:4.75rem;--plasma-codeinput-item-small-width:2.25rem;--plasma-codeinput-item-small-height:3.75rem;--plasma-codeinput-item-circle-border-width:0.094rem;--plasma-codeinput-item-circle-size:1rem;}
+.CodeInput_config_1an7au3_s1dk91qy__552eff94{--plasma-codeinput-caption-gap:1.5rem;--plasma-codeinput-code-item-gap:0.25rem;--plasma-codeinput-separator-width:0.5rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-s-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-s-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-codeinput-large-screen-font-size:4rem;--plasma-codeinput-large-screen-line-height:4.25rem;--plasma-codeinput-medium-screen-font-size:3rem;--plasma-codeinput-medium-screen-line-height:3.25rem;--plasma-codeinput-small-screen-font-size:2.5rem;--plasma-codeinput-small-screen-line-height:2.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h5-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h5-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h5-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h5-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h5-line-height);--plasma-codeinput-item-large-width:2.5rem;--plasma-codeinput-item-large-height:4.25rem;--plasma-codeinput-item-medium-width:2rem;--plasma-codeinput-item-medium-height:3.25rem;--plasma-codeinput-item-small-width:1.625rem;--plasma-codeinput-item-small-height:2.75rem;--plasma-codeinput-item-circle-border-width:0.063rem;--plasma-codeinput-item-circle-size:0.75rem;}
+.CodeInput_config_1an7au3_t1gsvi3c__552eff94{--plasma-codeinput-disabled-opacity:0.4;}

package/css/cjs/components/CodeInput/CodeInput.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var plasmaNewHope = require('@salutejs/plasma-new-hope');
+var CodeInput_config = require('./CodeInput.config.js');
+
+var mergedConfig = /*#__PURE__*/plasmaNewHope.mergeConfig(plasmaNewHope.codeInputConfig, CodeInput_config.config);
+var CodeInputComponent = /*#__PURE__*/plasmaNewHope.component(mergedConfig);
+
+/**
+ * CodeInput
+ */
+var CodeInput = CodeInputComponent;
+
+exports.CodeInput = CodeInput;
+//# sourceMappingURL=CodeInput.js.map

package/css/cjs/components/CodeInput/CodeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.js","sources":["../../../../src-css/components/CodeInput/CodeInput.tsx"],"sourcesContent":["import { codeInputConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './CodeInput.config';\n\nconst mergedConfig = mergeConfig(codeInputConfig, config);\nconst CodeInputComponent = component(mergedConfig);\n\n/**\n * CodeInput\n */\nexport const CodeInput = CodeInputComponent;\n"],"names":["mergedConfig","mergeConfig","codeInputConfig","config","CodeInputComponent","component","CodeInput"],"mappings":";;;;;;;AAIA,IAAMA,YAAY,gBAAGC,yBAAW,CAACC,6BAAe,EAAEC,uBAAM,CAAC,CAAA;AACzD,IAAMC,kBAAkB,gBAAGC,uBAAS,CAACL,YAAY,CAAC,CAAA;;AAElD;AACA;AACA;AACO,IAAMM,SAAS,GAAGF;;;;"}

package/css/cjs/index.css

@@ -215,6 +215,12 @@
 
 .CodeField_config_7779xg_tck0g5r__358f1b2e{--plasma-codefield-disabled-opacity:0.4;}
 
+.CodeInput_config_1an7au3_d1bd11l2__552eff94{--plasma-codeinput-caption-color:var(--text-secondary);--plasma-codeinput-caption-color-error:var(--text-negative);--plasma-codeinput-code-color:var(--text-primary);--plasma-codeinput-code-color-error:var(--text-negative);}
+.CodeInput_config_1an7au3_l3q7trr__552eff94{--plasma-codeinput-caption-gap:2.5rem;--plasma-codeinput-code-item-gap:0.75rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-l-font-family);--plasma-codeinput-font-style:var(--plasma-typo-dspl-l-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-dspl-l-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-dspl-l-letter-spacing);--plasma-codeinput-large-screen-font-size:8rem;--plasma-codeinput-large-screen-line-height:8rem;--plasma-codeinput-medium-screen-font-size:7rem;--plasma-codeinput-medium-screen-line-height:7rem;--plasma-codeinput-small-screen-font-size:5.5rem;--plasma-codeinput-small-screen-line-height:5.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h3-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h3-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h3-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h3-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h3-line-height);--plasma-codeinput-item-large-width:5rem;--plasma-codeinput-item-large-height:8rem;--plasma-codeinput-item-medium-width:4.5rem;--plasma-codeinput-item-medium-height:7rem;--plasma-codeinput-item-small-width:3.5rem;--plasma-codeinput-item-small-height:5.75rem;--plasma-codeinput-item-circle-border-width:0.125rem;--plasma-codeinput-item-circle-size:1.5rem;}
+.CodeInput_config_1an7au3_mthn074__552eff94{--plasma-codeinput-caption-gap:1.75rem;--plasma-codeinput-code-item-gap:0.5rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-m-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-m-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-codeinput-large-screen-font-size:5.5rem;--plasma-codeinput-large-screen-line-height:5.75rem;--plasma-codeinput-medium-screen-font-size:4.5rem;--plasma-codeinput-medium-screen-line-height:4.75rem;--plasma-codeinput-small-screen-font-size:3.5rem;--plasma-codeinput-small-screen-line-height:3.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h4-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h4-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h4-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h4-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h4-line-height);--plasma-codeinput-item-large-width:3.5rem;--plasma-codeinput-item-large-height:5.75rem;--plasma-codeinput-item-medium-width:3rem;--plasma-codeinput-item-medium-height:4.75rem;--plasma-codeinput-item-small-width:2.25rem;--plasma-codeinput-item-small-height:3.75rem;--plasma-codeinput-item-circle-border-width:0.094rem;--plasma-codeinput-item-circle-size:1rem;}
+.CodeInput_config_1an7au3_s1dk91qy__552eff94{--plasma-codeinput-caption-gap:1.5rem;--plasma-codeinput-code-item-gap:0.25rem;--plasma-codeinput-separator-width:0.5rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-s-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-s-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-codeinput-large-screen-font-size:4rem;--plasma-codeinput-large-screen-line-height:4.25rem;--plasma-codeinput-medium-screen-font-size:3rem;--plasma-codeinput-medium-screen-line-height:3.25rem;--plasma-codeinput-small-screen-font-size:2.5rem;--plasma-codeinput-small-screen-line-height:2.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h5-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h5-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h5-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h5-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h5-line-height);--plasma-codeinput-item-large-width:2.5rem;--plasma-codeinput-item-large-height:4.25rem;--plasma-codeinput-item-medium-width:2rem;--plasma-codeinput-item-medium-height:3.25rem;--plasma-codeinput-item-small-width:1.625rem;--plasma-codeinput-item-small-height:2.75rem;--plasma-codeinput-item-circle-border-width:0.063rem;--plasma-codeinput-item-circle-size:0.75rem;}
+.CodeInput_config_1an7au3_t1gsvi3c__552eff94{--plasma-codeinput-disabled-opacity:0.4;}
+
 .Combobox_config_g6rh1c_x1m2v3ds__76a3a875{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.5rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.5rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.375rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1rem;--plasma-combobox-old-item-padding-top:0.5rem;--plasma-combobox-old-item-padding-right:0.5rem;--plasma-combobox-old-item-padding-bottom:0.5rem;--plasma-combobox-old-item-padding-left:0.375rem;--plasma-combobox-old-item-border-radius:0.375rem;--plasma-combobox-old-item-content-left-width:1.25rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.125rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:1.25rem;--plasma-combobox-old-chip-padding:0 0.375rem 0 0.625rem;--plasma-combobox-old-chip-clear-content-margin-left:0.25rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:0.75rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-target-arrow-right:0.5rem;--plasma-combobox-old-target-height:2rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.5rem;--plasma-combobox-old-target-padding:0 2.5rem 0 0.75rem;--plasma-combobox-old-target-padding-has-chips:0 2.625rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 2.625rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
 .Combobox_config_g6rh1c_snjir4d__76a3a875{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.625rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.75rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.75rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1.5rem;--plasma-combobox-old-item-padding-top:0.5rem;--plasma-combobox-old-item-padding-right:0.75rem;--plasma-combobox-old-item-padding-bottom:0.5rem;--plasma-combobox-old-item-padding-left:0.75rem;--plasma-combobox-old-item-border-radius:0.5rem;--plasma-combobox-old-item-content-left-width:1.75rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.25rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:1.75rem;--plasma-combobox-old-chip-padding:0 0.5rem 0 0.75rem;--plasma-combobox-old-chip-clear-content-margin-left:0.375rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:0.75rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-target-arrow-right:0.75rem;--plasma-combobox-old-target-height:2.5rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.625rem;--plasma-combobox-old-target-padding:0 3rem 0 1rem;--plasma-combobox-old-target-padding-has-chips:0 3.125rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 3.125rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);}
 .Combobox_config_g6rh1c_m8yng6k__76a3a875{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.75rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.875rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.875rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1.5rem;--plasma-combobox-old-item-padding-top:0.75rem;--plasma-combobox-old-item-padding-right:0.875rem;--plasma-combobox-old-item-padding-bottom:0.75rem;--plasma-combobox-old-item-padding-left:0.875rem;--plasma-combobox-old-item-border-radius:0.625rem;--plasma-combobox-old-item-content-left-width:1.75rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.375rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:2.25rem;--plasma-combobox-old-chip-padding:0 0.875rem 0 0.625rem;--plasma-combobox-old-chip-clear-content-margin-left:0.5rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:1rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-target-arrow-right:0.875rem;--plasma-combobox-old-target-height:3rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.75rem;--plasma-combobox-old-target-padding:0 3.25rem 0 1.25rem;--plasma-combobox-old-target-padding-has-chips:0 3.375rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 3.375rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}

package/css/cjs/index.js

@@ -19,6 +19,7 @@ var Checkbox = require('./components/Checkbox/Checkbox.js');
 var Chip = require('./components/Chip/Chip.js');
 var ChipGroup = require('./components/ChipGroup/ChipGroup.js');
 var CodeField = require('./components/CodeField/CodeField.js');
+var CodeInput = require('./components/CodeInput/CodeInput.js');
 var Combobox = require('./components/Combobox/Legacy/Combobox.js');
 var Combobox$1 = require('./components/Combobox/Combobox.js');
 var Counter = require('./components/Counter/Counter.js');
@@ -303,6 +304,7 @@ exports.Checkbox = Checkbox.Checkbox;
 exports.Chip = Chip.Chip;
 exports.ChipGroup = ChipGroup.ChipGroup;
 exports.CodeField = CodeField.CodeField;
+exports.CodeInput = CodeInput.CodeInput;
 exports.ComboboxDivider = Combobox.ComboboxDivider;
 exports.ComboboxFooter = Combobox.ComboboxFooter;
 exports.ComboboxGroup = Combobox.ComboboxGroup;

package/css/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/css/es/components/CodeInput/CodeInput.config.js

@@ -0,0 +1,23 @@
+import './CodeInput.config_1an7au3.css';
+var config = {
+  defaults: {
+    view: 'default',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      "default": "d1bd11l2"
+    },
+    size: {
+      l: "l3q7trr",
+      m: "mthn074",
+      s: "s1dk91qy"
+    },
+    disabled: {
+      "true": "t1gsvi3c"
+    }
+  }
+};
+
+export { config };
+//# sourceMappingURL=CodeInput.config.js.map

package/css/es/components/CodeInput/CodeInput.config.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.config.js","sources":["../../../../src-css/components/CodeInput/CodeInput.config.tsx"],"sourcesContent":["import { css, codeInputTokens as tokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n    defaults: {\n        view: 'default',\n        size: 'l',\n    },\n    variations: {\n        view: {\n            default: css`\n                ${tokens.captionColor}: var(--text-secondary);\n                ${tokens.captionColorError}: var(--text-negative);\n\n                ${tokens.codeColor}: var(--text-primary);\n                ${tokens.codeColorError}: var(--text-negative);\n            `,\n        },\n        size: {\n            l: css`\n                ${tokens.captionGap}: 2.5rem;\n                ${tokens.codeItemsGap}: 0.75rem;\n\n                ${tokens.separatorWidth}: 1rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-dspl-l-font-family);\n                ${tokens.fontStyle}: var(--plasma-typo-dspl-l-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-dspl-l-bold-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-dspl-l-letter-spacing);\n\n                ${tokens.largeScreenFontSize}: 8rem;\n                ${tokens.largeScreenLineHeight}: 8rem;\n\n                ${tokens.mediumScreenFontSize}: 7rem;\n                ${tokens.mediumScreenLineHeight}: 7rem;\n\n                ${tokens.smallScreenFontSize}: 5.5rem;\n                ${tokens.smallScreenLineHeight}: 5.75rem;\n\n                ${tokens.captionFontFamily}: var(--plasma-typo-h3-font-family);\n                ${tokens.captionFontSize}: var(--plasma-typo-h3-font-size);\n                ${tokens.captionFontStyle}: var(--plasma-typo-h3-font-style);\n                ${tokens.captionFontWeight}: var(--plasma-typo-h3-font-weight);\n                ${tokens.captionLetterSpacing}: var(--plasma-typo-h3-letter-spacing);\n                ${tokens.captionLineHeight}: var(--plasma-typo-h3-line-height);\n\n                ${tokens.codeItemLargeWidth}: 5rem;\n                ${tokens.codeItemLargeHeight}: 8rem;\n\n                ${tokens.codeItemMediumWidth}: 4.5rem;\n                ${tokens.codeItemMediumHeight}: 7rem;\n\n                ${tokens.codeItemSmallWidth}: 3.5rem;\n                ${tokens.codeItemSmallHeight}: 5.75rem;\n\n                ${tokens.codeItemCircleBorderWidth}: 0.125rem;\n                ${tokens.codeItemCircleSize}: 1.5rem;\n            `,\n            m: css`\n                ${tokens.captionGap}: 1.75rem;\n                ${tokens.codeItemsGap}: 0.5rem;\n\n                ${tokens.separatorWidth}: 1rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-dspl-m-font-family);\n                ${tokens.fontStyle}: var(--plasma-typo-body-m-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n\n                ${tokens.largeScreenFontSize}: 5.5rem;\n                ${tokens.largeScreenLineHeight}: 5.75rem;\n\n                ${tokens.mediumScreenFontSize}: 4.5rem;\n                ${tokens.mediumScreenLineHeight}: 4.75rem;\n\n                ${tokens.smallScreenFontSize}: 3.5rem;\n                ${tokens.smallScreenLineHeight}: 3.75rem;\n\n                ${tokens.captionFontFamily}: var(--plasma-typo-h4-font-family);\n                ${tokens.captionFontSize}: var(--plasma-typo-h4-font-size);\n                ${tokens.captionFontStyle}: var(--plasma-typo-h4-font-style);\n                ${tokens.captionFontWeight}: var(--plasma-typo-h4-font-weight);\n                ${tokens.captionLetterSpacing}: var(--plasma-typo-h4-letter-spacing);\n                ${tokens.captionLineHeight}: var(--plasma-typo-h4-line-height);\n\n                ${tokens.codeItemLargeWidth}: 3.5rem;\n                ${tokens.codeItemLargeHeight}: 5.75rem;\n\n                ${tokens.codeItemMediumWidth}: 3rem;\n                ${tokens.codeItemMediumHeight}: 4.75rem;\n\n                ${tokens.codeItemSmallWidth}: 2.25rem;\n                ${tokens.codeItemSmallHeight}: 3.75rem;\n\n                ${tokens.codeItemCircleBorderWidth}: 0.094rem;\n                ${tokens.codeItemCircleSize}: 1rem;\n            `,\n            s: css`\n                ${tokens.captionGap}: 1.5rem;\n                ${tokens.codeItemsGap}: 0.25rem;\n\n                ${tokens.separatorWidth}: 0.5rem;\n\n                ${tokens.fontFamily}: var(--plasma-typo-dspl-s-font-family);\n                ${tokens.fontStyle}: var(--plasma-typo-body-s-font-style);\n                ${tokens.fontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n                ${tokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n\n                ${tokens.largeScreenFontSize}: 4rem;\n                ${tokens.largeScreenLineHeight}: 4.25rem;\n\n                ${tokens.mediumScreenFontSize}: 3rem;\n                ${tokens.mediumScreenLineHeight}: 3.25rem;\n\n                ${tokens.smallScreenFontSize}: 2.5rem;\n                ${tokens.smallScreenLineHeight}: 2.75rem;\n\n                ${tokens.captionFontFamily}: var(--plasma-typo-h5-font-family);\n                ${tokens.captionFontSize}: var(--plasma-typo-h5-font-size);\n                ${tokens.captionFontStyle}: var(--plasma-typo-h5-font-style);\n                ${tokens.captionFontWeight}: var(--plasma-typo-h5-font-weight);\n                ${tokens.captionLetterSpacing}: var(--plasma-typo-h5-letter-spacing);\n                ${tokens.captionLineHeight}: var(--plasma-typo-h5-line-height);\n\n                ${tokens.codeItemLargeWidth}: 2.5rem;\n                ${tokens.codeItemLargeHeight}: 4.25rem;\n\n                ${tokens.codeItemMediumWidth}: 2rem;\n                ${tokens.codeItemMediumHeight}: 3.25rem;\n\n                ${tokens.codeItemSmallWidth}: 1.625rem;\n                ${tokens.codeItemSmallHeight}: 2.75rem;\n\n                ${tokens.codeItemCircleBorderWidth}: 0.063rem;\n                ${tokens.codeItemCircleSize}: 0.75rem;\n            `,\n        },\n        disabled: {\n            true: css`\n                ${tokens.disabledOpacity}: 0.4;\n            `,\n        },\n    },\n};\n"],"names":["config","defaults","view","size","variations","default","l","m","s","disabled","true"],"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;MACFG,SAAO,EAAA,UAAA;KAOV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,CAAC,EAAA,UAAA;KAuCJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}

package/css/es/components/CodeInput/CodeInput.config_1an7au3.css

@@ -0,0 +1,5 @@
+.d1bd11l2{--plasma-codeinput-caption-color:var(--text-secondary);--plasma-codeinput-caption-color-error:var(--text-negative);--plasma-codeinput-code-color:var(--text-primary);--plasma-codeinput-code-color-error:var(--text-negative);}
+.l3q7trr{--plasma-codeinput-caption-gap:2.5rem;--plasma-codeinput-code-item-gap:0.75rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-l-font-family);--plasma-codeinput-font-style:var(--plasma-typo-dspl-l-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-dspl-l-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-dspl-l-letter-spacing);--plasma-codeinput-large-screen-font-size:8rem;--plasma-codeinput-large-screen-line-height:8rem;--plasma-codeinput-medium-screen-font-size:7rem;--plasma-codeinput-medium-screen-line-height:7rem;--plasma-codeinput-small-screen-font-size:5.5rem;--plasma-codeinput-small-screen-line-height:5.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h3-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h3-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h3-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h3-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h3-line-height);--plasma-codeinput-item-large-width:5rem;--plasma-codeinput-item-large-height:8rem;--plasma-codeinput-item-medium-width:4.5rem;--plasma-codeinput-item-medium-height:7rem;--plasma-codeinput-item-small-width:3.5rem;--plasma-codeinput-item-small-height:5.75rem;--plasma-codeinput-item-circle-border-width:0.125rem;--plasma-codeinput-item-circle-size:1.5rem;}
+.mthn074{--plasma-codeinput-caption-gap:1.75rem;--plasma-codeinput-code-item-gap:0.5rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-m-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-m-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-codeinput-large-screen-font-size:5.5rem;--plasma-codeinput-large-screen-line-height:5.75rem;--plasma-codeinput-medium-screen-font-size:4.5rem;--plasma-codeinput-medium-screen-line-height:4.75rem;--plasma-codeinput-small-screen-font-size:3.5rem;--plasma-codeinput-small-screen-line-height:3.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h4-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h4-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h4-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h4-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h4-line-height);--plasma-codeinput-item-large-width:3.5rem;--plasma-codeinput-item-large-height:5.75rem;--plasma-codeinput-item-medium-width:3rem;--plasma-codeinput-item-medium-height:4.75rem;--plasma-codeinput-item-small-width:2.25rem;--plasma-codeinput-item-small-height:3.75rem;--plasma-codeinput-item-circle-border-width:0.094rem;--plasma-codeinput-item-circle-size:1rem;}
+.s1dk91qy{--plasma-codeinput-caption-gap:1.5rem;--plasma-codeinput-code-item-gap:0.25rem;--plasma-codeinput-separator-width:0.5rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-s-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-s-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-codeinput-large-screen-font-size:4rem;--plasma-codeinput-large-screen-line-height:4.25rem;--plasma-codeinput-medium-screen-font-size:3rem;--plasma-codeinput-medium-screen-line-height:3.25rem;--plasma-codeinput-small-screen-font-size:2.5rem;--plasma-codeinput-small-screen-line-height:2.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h5-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h5-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h5-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h5-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h5-line-height);--plasma-codeinput-item-large-width:2.5rem;--plasma-codeinput-item-large-height:4.25rem;--plasma-codeinput-item-medium-width:2rem;--plasma-codeinput-item-medium-height:3.25rem;--plasma-codeinput-item-small-width:1.625rem;--plasma-codeinput-item-small-height:2.75rem;--plasma-codeinput-item-circle-border-width:0.063rem;--plasma-codeinput-item-circle-size:0.75rem;}
+.t1gsvi3c{--plasma-codeinput-disabled-opacity:0.4;}

package/css/es/components/CodeInput/CodeInput.css

@@ -0,0 +1,5 @@
+.CodeInput_config_1an7au3_d1bd11l2__552eff94{--plasma-codeinput-caption-color:var(--text-secondary);--plasma-codeinput-caption-color-error:var(--text-negative);--plasma-codeinput-code-color:var(--text-primary);--plasma-codeinput-code-color-error:var(--text-negative);}
+.CodeInput_config_1an7au3_l3q7trr__552eff94{--plasma-codeinput-caption-gap:2.5rem;--plasma-codeinput-code-item-gap:0.75rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-l-font-family);--plasma-codeinput-font-style:var(--plasma-typo-dspl-l-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-dspl-l-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-dspl-l-letter-spacing);--plasma-codeinput-large-screen-font-size:8rem;--plasma-codeinput-large-screen-line-height:8rem;--plasma-codeinput-medium-screen-font-size:7rem;--plasma-codeinput-medium-screen-line-height:7rem;--plasma-codeinput-small-screen-font-size:5.5rem;--plasma-codeinput-small-screen-line-height:5.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h3-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h3-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h3-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h3-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h3-line-height);--plasma-codeinput-item-large-width:5rem;--plasma-codeinput-item-large-height:8rem;--plasma-codeinput-item-medium-width:4.5rem;--plasma-codeinput-item-medium-height:7rem;--plasma-codeinput-item-small-width:3.5rem;--plasma-codeinput-item-small-height:5.75rem;--plasma-codeinput-item-circle-border-width:0.125rem;--plasma-codeinput-item-circle-size:1.5rem;}
+.CodeInput_config_1an7au3_mthn074__552eff94{--plasma-codeinput-caption-gap:1.75rem;--plasma-codeinput-code-item-gap:0.5rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-m-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-m-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-codeinput-large-screen-font-size:5.5rem;--plasma-codeinput-large-screen-line-height:5.75rem;--plasma-codeinput-medium-screen-font-size:4.5rem;--plasma-codeinput-medium-screen-line-height:4.75rem;--plasma-codeinput-small-screen-font-size:3.5rem;--plasma-codeinput-small-screen-line-height:3.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h4-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h4-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h4-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h4-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h4-line-height);--plasma-codeinput-item-large-width:3.5rem;--plasma-codeinput-item-large-height:5.75rem;--plasma-codeinput-item-medium-width:3rem;--plasma-codeinput-item-medium-height:4.75rem;--plasma-codeinput-item-small-width:2.25rem;--plasma-codeinput-item-small-height:3.75rem;--plasma-codeinput-item-circle-border-width:0.094rem;--plasma-codeinput-item-circle-size:1rem;}
+.CodeInput_config_1an7au3_s1dk91qy__552eff94{--plasma-codeinput-caption-gap:1.5rem;--plasma-codeinput-code-item-gap:0.25rem;--plasma-codeinput-separator-width:0.5rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-s-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-s-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-codeinput-large-screen-font-size:4rem;--plasma-codeinput-large-screen-line-height:4.25rem;--plasma-codeinput-medium-screen-font-size:3rem;--plasma-codeinput-medium-screen-line-height:3.25rem;--plasma-codeinput-small-screen-font-size:2.5rem;--plasma-codeinput-small-screen-line-height:2.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h5-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h5-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h5-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h5-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h5-line-height);--plasma-codeinput-item-large-width:2.5rem;--plasma-codeinput-item-large-height:4.25rem;--plasma-codeinput-item-medium-width:2rem;--plasma-codeinput-item-medium-height:3.25rem;--plasma-codeinput-item-small-width:1.625rem;--plasma-codeinput-item-small-height:2.75rem;--plasma-codeinput-item-circle-border-width:0.063rem;--plasma-codeinput-item-circle-size:0.75rem;}
+.CodeInput_config_1an7au3_t1gsvi3c__552eff94{--plasma-codeinput-disabled-opacity:0.4;}

package/css/es/components/CodeInput/CodeInput.js

@@ -0,0 +1,13 @@
+import { component, mergeConfig, codeInputConfig } from '@salutejs/plasma-new-hope';
+import { config } from './CodeInput.config.js';
+
+var mergedConfig = /*#__PURE__*/mergeConfig(codeInputConfig, config);
+var CodeInputComponent = /*#__PURE__*/component(mergedConfig);
+
+/**
+ * CodeInput
+ */
+var CodeInput = CodeInputComponent;
+
+export { CodeInput };
+//# sourceMappingURL=CodeInput.js.map

package/css/es/components/CodeInput/CodeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeInput.js","sources":["../../../../src-css/components/CodeInput/CodeInput.tsx"],"sourcesContent":["import { codeInputConfig, component, mergeConfig } from '@salutejs/plasma-new-hope';\n\nimport { config } from './CodeInput.config';\n\nconst mergedConfig = mergeConfig(codeInputConfig, config);\nconst CodeInputComponent = component(mergedConfig);\n\n/**\n * CodeInput\n */\nexport const CodeInput = CodeInputComponent;\n"],"names":["mergedConfig","mergeConfig","codeInputConfig","config","CodeInputComponent","component","CodeInput"],"mappings":";;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,EAAEC,MAAM,CAAC,CAAA;AACzD,IAAMC,kBAAkB,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAElD;AACA;AACA;AACO,IAAMM,SAAS,GAAGF;;;;"}

package/css/es/index.css

@@ -215,6 +215,12 @@
 
 .CodeField_config_7779xg_tck0g5r__358f1b2e{--plasma-codefield-disabled-opacity:0.4;}
 
+.CodeInput_config_1an7au3_d1bd11l2__552eff94{--plasma-codeinput-caption-color:var(--text-secondary);--plasma-codeinput-caption-color-error:var(--text-negative);--plasma-codeinput-code-color:var(--text-primary);--plasma-codeinput-code-color-error:var(--text-negative);}
+.CodeInput_config_1an7au3_l3q7trr__552eff94{--plasma-codeinput-caption-gap:2.5rem;--plasma-codeinput-code-item-gap:0.75rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-l-font-family);--plasma-codeinput-font-style:var(--plasma-typo-dspl-l-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-dspl-l-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-dspl-l-letter-spacing);--plasma-codeinput-large-screen-font-size:8rem;--plasma-codeinput-large-screen-line-height:8rem;--plasma-codeinput-medium-screen-font-size:7rem;--plasma-codeinput-medium-screen-line-height:7rem;--plasma-codeinput-small-screen-font-size:5.5rem;--plasma-codeinput-small-screen-line-height:5.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h3-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h3-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h3-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h3-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h3-line-height);--plasma-codeinput-item-large-width:5rem;--plasma-codeinput-item-large-height:8rem;--plasma-codeinput-item-medium-width:4.5rem;--plasma-codeinput-item-medium-height:7rem;--plasma-codeinput-item-small-width:3.5rem;--plasma-codeinput-item-small-height:5.75rem;--plasma-codeinput-item-circle-border-width:0.125rem;--plasma-codeinput-item-circle-size:1.5rem;}
+.CodeInput_config_1an7au3_mthn074__552eff94{--plasma-codeinput-caption-gap:1.75rem;--plasma-codeinput-code-item-gap:0.5rem;--plasma-codeinput-separator-width:1rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-m-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-m-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-codeinput-large-screen-font-size:5.5rem;--plasma-codeinput-large-screen-line-height:5.75rem;--plasma-codeinput-medium-screen-font-size:4.5rem;--plasma-codeinput-medium-screen-line-height:4.75rem;--plasma-codeinput-small-screen-font-size:3.5rem;--plasma-codeinput-small-screen-line-height:3.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h4-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h4-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h4-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h4-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h4-line-height);--plasma-codeinput-item-large-width:3.5rem;--plasma-codeinput-item-large-height:5.75rem;--plasma-codeinput-item-medium-width:3rem;--plasma-codeinput-item-medium-height:4.75rem;--plasma-codeinput-item-small-width:2.25rem;--plasma-codeinput-item-small-height:3.75rem;--plasma-codeinput-item-circle-border-width:0.094rem;--plasma-codeinput-item-circle-size:1rem;}
+.CodeInput_config_1an7au3_s1dk91qy__552eff94{--plasma-codeinput-caption-gap:1.5rem;--plasma-codeinput-code-item-gap:0.25rem;--plasma-codeinput-separator-width:0.5rem;--plasma-codeinput-font-family:var(--plasma-typo-dspl-s-font-family);--plasma-codeinput-font-style:var(--plasma-typo-body-s-font-style);--plasma-codeinput-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-codeinput-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-codeinput-large-screen-font-size:4rem;--plasma-codeinput-large-screen-line-height:4.25rem;--plasma-codeinput-medium-screen-font-size:3rem;--plasma-codeinput-medium-screen-line-height:3.25rem;--plasma-codeinput-small-screen-font-size:2.5rem;--plasma-codeinput-small-screen-line-height:2.75rem;--plasma-codeinput-caption-font-family:var(--plasma-typo-h5-font-family);--plasma-codeinput-caption-font-style:var(--plasma-typo-h5-font-size);--plasma-codeinput-caption-font-size:var(--plasma-typo-h5-font-style);--plasma-codeinput-caption-font-weight:var(--plasma-typo-h5-font-weight);--plasma-codeinput-caption-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-codeinput-caption-line-height:var(--plasma-typo-h5-line-height);--plasma-codeinput-item-large-width:2.5rem;--plasma-codeinput-item-large-height:4.25rem;--plasma-codeinput-item-medium-width:2rem;--plasma-codeinput-item-medium-height:3.25rem;--plasma-codeinput-item-small-width:1.625rem;--plasma-codeinput-item-small-height:2.75rem;--plasma-codeinput-item-circle-border-width:0.063rem;--plasma-codeinput-item-circle-size:0.75rem;}
+.CodeInput_config_1an7au3_t1gsvi3c__552eff94{--plasma-codeinput-disabled-opacity:0.4;}
+
 .Combobox_config_g6rh1c_x1m2v3ds__76a3a875{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.5rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.5rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.375rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1rem;--plasma-combobox-old-item-padding-top:0.5rem;--plasma-combobox-old-item-padding-right:0.5rem;--plasma-combobox-old-item-padding-bottom:0.5rem;--plasma-combobox-old-item-padding-left:0.375rem;--plasma-combobox-old-item-border-radius:0.375rem;--plasma-combobox-old-item-content-left-width:1.25rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.125rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:1.25rem;--plasma-combobox-old-chip-padding:0 0.375rem 0 0.625rem;--plasma-combobox-old-chip-clear-content-margin-left:0.25rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:0.75rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-target-arrow-right:0.5rem;--plasma-combobox-old-target-height:2rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.5rem;--plasma-combobox-old-target-padding:0 2.5rem 0 0.75rem;--plasma-combobox-old-target-padding-has-chips:0 2.625rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 2.625rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-xs-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}
 .Combobox_config_g6rh1c_snjir4d__76a3a875{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.625rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.75rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.75rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1.5rem;--plasma-combobox-old-item-padding-top:0.5rem;--plasma-combobox-old-item-padding-right:0.75rem;--plasma-combobox-old-item-padding-bottom:0.5rem;--plasma-combobox-old-item-padding-left:0.75rem;--plasma-combobox-old-item-border-radius:0.5rem;--plasma-combobox-old-item-content-left-width:1.75rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.25rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:1.75rem;--plasma-combobox-old-chip-padding:0 0.5rem 0 0.75rem;--plasma-combobox-old-chip-clear-content-margin-left:0.375rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:0.75rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-target-arrow-right:0.75rem;--plasma-combobox-old-target-height:2.5rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.625rem;--plasma-combobox-old-target-padding:0 3rem 0 1rem;--plasma-combobox-old-target-padding-has-chips:0 3.125rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 3.125rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-s-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-s-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-s-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-s-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xxs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xxs-line-height);}
 .Combobox_config_g6rh1c_m8yng6k__76a3a875{--plasma-combobox-old-width:100%;--plasma-combobox-old-height:auto;--plasma-combobox-old-border-radius:0.75rem;--plasma-combobox-old-padding-top:0.125rem;--plasma-combobox-old-padding-right:0.125rem;--plasma-combobox-old-padding-bottom:0.125rem;--plasma-combobox-old-padding-left:0.125rem;--plasma-combobox-old-divider-color:var(--surface-transparent-tertiary);--plasma-combobox-old-divider-height:0.063rem;--plasma-combobox-old-divider-margin-top:0;--plasma-combobox-old-divider-margin-right:0.875rem;--plasma-combobox-old-divider-margin-bottom:0;--plasma-combobox-old-divider-margin-left:0.875rem;--plasma-combobox-old-item-width:auto;--plasma-combobox-old-item-height:1.5rem;--plasma-combobox-old-item-padding-top:0.75rem;--plasma-combobox-old-item-padding-right:0.875rem;--plasma-combobox-old-item-padding-bottom:0.75rem;--plasma-combobox-old-item-padding-left:0.875rem;--plasma-combobox-old-item-border-radius:0.625rem;--plasma-combobox-old-item-content-left-width:1.75rem;--plasma-combobox-old-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-item-letter-spacing:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-item-line-height:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-item-font-weight:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-chip-gap:0.25rem;--plasma-combobox-old-chip-border-radius:0.375rem;--plasma-combobox-old-chip-width:auto;--plasma-combobox-old-chip-height:2.25rem;--plasma-combobox-old-chip-padding:0 0.875rem 0 0.625rem;--plasma-combobox-old-chip-clear-content-margin-left:0.5rem;--plasma-combobox-old-chip-clear-content-margin-right:0rem;--plasma-combobox-old-chip-close-icon-size:1rem;--plasma-combobox-old-chip-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-chip-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-chip-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-chip-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-chip-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-chip-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-target-arrow-right:0.875rem;--plasma-combobox-old-target-height:3rem;--plasma-combobox-old-target-width:100%;--plasma-combobox-old-target-radius:0.75rem;--plasma-combobox-old-target-padding:0 3.25rem 0 1.25rem;--plasma-combobox-old-target-padding-has-chips:0 3.375rem 0 0.375rem;--plasma-combobox-old-target-with-input:0 3.375rem 0 0.625rem;--plasma-combobox-old-target-inner-top:0.5rem;--plasma-combobox-old-target-label-inner-top:0.375rem;--plasma-combobox-old-target-font-family:var(--plasma-typo-body-m-font-family);--plasma-combobox-old-target-font-size:var(--plasma-typo-body-m-font-size);--plasma-combobox-old-target-font-style:var(--plasma-typo-body-m-font-style);--plasma-combobox-old-target-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-combobox-old-target-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-combobox-old-target-line-height:var(--plasma-typo-body-m-line-height);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-family);--plasma-combobox-old-target-label-inner-font-family:var(--plasma-typo-body-xs-font-size);--plasma-combobox-old-target-label-inner-font-style:var(--plasma-typo-body-xs-font-style);--plasma-combobox-old-target-label-inner-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-combobox-old-target-label-inner-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-combobox-old-target-label-inner-line-height:var(--plasma-typo-body-xs-line-height);}

package/css/es/index.js

@@ -15,6 +15,7 @@ export { Checkbox } from './components/Checkbox/Checkbox.js';
 export { Chip } from './components/Chip/Chip.js';
 export { ChipGroup } from './components/ChipGroup/ChipGroup.js';
 export { CodeField } from './components/CodeField/CodeField.js';
+export { CodeInput } from './components/CodeInput/CodeInput.js';
 export { ComboboxDivider, ComboboxFooter, ComboboxGroup, ComboboxHeader, ComboboxItem } from './components/Combobox/Legacy/Combobox.js';
 export { Combobox } from './components/Combobox/Combobox.js';
 export { Counter } from './components/Counter/Counter.js';

package/css/es/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/css/index.d.ts

@@ -15,6 +15,7 @@ export * from '../components/Checkbox';
 export * from '../components/Chip';
 export * from '../components/ChipGroup';
 export * from '../components/CodeField';
+export * from '../components/CodeInput';
 export * from '../components/Combobox';
 export * from '../components/Counter';
 export * from '../components/DatePicker';
@@ -86,6 +87,7 @@ export * from '../components/Checkbox';
 export * from '../components/Chip';
 export * from '../components/ChipGroup';
 export * from '../components/CodeField';
+export * from '../components/CodeInput';
 export * from '../components/Combobox';
 export * from '../components/Counter';
 export * from '../components/DatePicker';

package/es/components/CodeInput/CodeInput.config.js

@@ -0,0 +1,22 @@
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
+import { css, codeInputTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'l'
+  },
+  variations: {
+    view: {
+      "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-negative);\n\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n            "])), tokens.captionColor, tokens.captionColorError, tokens.codeColor, tokens.codeColorError)
+    },
+    size: {
+      l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 2.5rem;\n                ", ": 0.75rem;\n\n                ", ": 1rem;\n\n                ", ": var(--plasma-typo-dspl-l-font-family);\n                ", ": var(--plasma-typo-dspl-l-font-style);\n                ", ": var(--plasma-typo-dspl-l-bold-font-weight);\n                ", ": var(--plasma-typo-dspl-l-letter-spacing);\n\n                ", ": 8rem;\n                ", ": 8rem;\n\n                ", ": 7rem;\n                ", ": 7rem;\n\n                ", ": 5.5rem;\n                ", ": 5.75rem;\n\n                ", ": var(--plasma-typo-h3-font-family);\n                ", ": var(--plasma-typo-h3-font-size);\n                ", ": var(--plasma-typo-h3-font-style);\n                ", ": var(--plasma-typo-h3-font-weight);\n                ", ": var(--plasma-typo-h3-letter-spacing);\n                ", ": var(--plasma-typo-h3-line-height);\n\n                ", ": 5rem;\n                ", ": 8rem;\n\n                ", ": 4.5rem;\n                ", ": 7rem;\n\n                ", ": 3.5rem;\n                ", ": 5.75rem;\n\n                ", ": 0.125rem;\n                ", ": 1.5rem;\n            "])), tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeScreenFontSize, tokens.largeScreenLineHeight, tokens.mediumScreenFontSize, tokens.mediumScreenLineHeight, tokens.smallScreenFontSize, tokens.smallScreenLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.codeItemLargeWidth, tokens.codeItemLargeHeight, tokens.codeItemMediumWidth, tokens.codeItemMediumHeight, tokens.codeItemSmallWidth, tokens.codeItemSmallHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
+      m: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.75rem;\n                ", ": 0.5rem;\n\n                ", ": 1rem;\n\n                ", ": var(--plasma-typo-dspl-m-font-family);\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\n                ", ": 5.5rem;\n                ", ": 5.75rem;\n\n                ", ": 4.5rem;\n                ", ": 4.75rem;\n\n                ", ": 3.5rem;\n                ", ": 3.75rem;\n\n                ", ": var(--plasma-typo-h4-font-family);\n                ", ": var(--plasma-typo-h4-font-size);\n                ", ": var(--plasma-typo-h4-font-style);\n                ", ": var(--plasma-typo-h4-font-weight);\n                ", ": var(--plasma-typo-h4-letter-spacing);\n                ", ": var(--plasma-typo-h4-line-height);\n\n                ", ": 3.5rem;\n                ", ": 5.75rem;\n\n                ", ": 3rem;\n                ", ": 4.75rem;\n\n                ", ": 2.25rem;\n                ", ": 3.75rem;\n\n                ", ": 0.094rem;\n                ", ": 1rem;\n            "])), tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeScreenFontSize, tokens.largeScreenLineHeight, tokens.mediumScreenFontSize, tokens.mediumScreenLineHeight, tokens.smallScreenFontSize, tokens.smallScreenLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.codeItemLargeWidth, tokens.codeItemLargeHeight, tokens.codeItemMediumWidth, tokens.codeItemMediumHeight, tokens.codeItemSmallWidth, tokens.codeItemSmallHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize),
+      s: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1.5rem;\n                ", ": 0.25rem;\n\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-dspl-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-bold-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n\n                ", ": 4rem;\n                ", ": 4.25rem;\n\n                ", ": 3rem;\n                ", ": 3.25rem;\n\n                ", ": 2.5rem;\n                ", ": 2.75rem;\n\n                ", ": var(--plasma-typo-h5-font-family);\n                ", ": var(--plasma-typo-h5-font-size);\n                ", ": var(--plasma-typo-h5-font-style);\n                ", ": var(--plasma-typo-h5-font-weight);\n                ", ": var(--plasma-typo-h5-letter-spacing);\n                ", ": var(--plasma-typo-h5-line-height);\n\n                ", ": 2.5rem;\n                ", ": 4.25rem;\n\n                ", ": 2rem;\n                ", ": 3.25rem;\n\n                ", ": 1.625rem;\n                ", ": 2.75rem;\n\n                ", ": 0.063rem;\n                ", ": 0.75rem;\n            "])), tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.fontFamily, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.largeScreenFontSize, tokens.largeScreenLineHeight, tokens.mediumScreenFontSize, tokens.mediumScreenLineHeight, tokens.smallScreenFontSize, tokens.smallScreenLineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.codeItemLargeWidth, tokens.codeItemLargeHeight, tokens.codeItemMediumWidth, tokens.codeItemMediumHeight, tokens.codeItemSmallWidth, tokens.codeItemSmallHeight, tokens.codeItemCircleBorderWidth, tokens.codeItemCircleSize)
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.4;\n            "])), tokens.disabledOpacity)
+    }
+  }
+};

package/es/components/CodeInput/CodeInput.js

@@ -0,0 +1,9 @@
+import { codeInputConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
+import { config } from './CodeInput.config';
+var mergedConfig = /*#__PURE__*/mergeConfig(codeInputConfig, config);
+var CodeInputComponent = /*#__PURE__*/component(mergedConfig);
+
+/**
+ * CodeInput
+ */
+export var CodeInput = CodeInputComponent;

package/es/components/CodeInput/index.js

@@ -0,0 +1 @@
+export { CodeInput } from './CodeInput';

package/es/index.js

@@ -81,4 +81,5 @@ export * from './components/Note';
 export * from './components/LinkButton';
 export * from './components/NumberFormat';
 export * from './components/Table';
-export * from './components/CodeField';
+export * from './components/CodeField';
+export * from './components/CodeInput';

package/index.d.ts

@@ -82,3 +82,4 @@ export * from './components/LinkButton';
 export * from './components/NumberFormat';
 export * from './components/Table';
 export * from './components/CodeField';
+export * from './components/CodeInput';

package/index.js

@@ -926,4 +926,15 @@ Object.keys(_CodeField).forEach(function (key) {
       return _CodeField[key];
     }
   });
+});
+var _CodeInput = /*#__PURE__*/require("./components/CodeInput");
+Object.keys(_CodeInput).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CodeInput[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _CodeInput[key];
+    }
+  });
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-web",
-  "version": "1.583.0",
+  "version": "1.584.0-canary.1973.15343275842.0",
   "description": "Salute Design System / React UI kit for web applications",
   "author": "Salute Frontend Team <salute.developers@gmail.com>",
   "license": "MIT",
@@ -21,7 +21,7 @@
   "dependencies": {
     "@salutejs/plasma-core": "1.197.0",
     "@salutejs/plasma-hope": "1.342.0",
-    "@salutejs/plasma-new-hope": "0.325.0",
+    "@salutejs/plasma-new-hope": "0.326.0-canary.1973.15343275842.0",
     "@salutejs/plasma-themes": "0.33.0",
     "@salutejs/plasma-tokens-b2b": "1.49.0",
     "@salutejs/plasma-tokens-b2c": "0.60.0",
@@ -111,5 +111,5 @@
     "Fanil Zubairov"
   ],
   "sideEffects": false,
-  "gitHead": "df43327c88ac79f0e62802a0ce4d7066a7664b55"
+  "gitHead": "b5b0e63b1544066f4a385deaa7b921e1b4850e92"
 }