@salutejs/plasma-new-hope 0.327.0-canary.1973.15677961605.0 → 0.327.0-canary.1973.15733948288.0

package/es/utils/constants.js

@@ -16,6 +16,12 @@ var screenGroupBreakpoints = {
   medium: '35rem',
   large: '60rem'
 };
+var ONLY_DIGITS_PATTERN = '^\\d+$';
+var ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';
+var ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';
+var FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete', 'Tab'];
+var BACKSPACE_KEY = 'Backspace';
+var ANIMATION_TIMEOUT = 300;
 
-export { keyCodes, screenGroupBreakpoints };
+export { ANIMATION_TIMEOUT, BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_CHARS_PATTERN, ONLY_DIGITS_AND_CHARS_PATTERN, ONLY_DIGITS_PATTERN, keyCodes, screenGroupBreakpoints };
 //# sourceMappingURL=constants.js.map

package/es/utils/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../src/utils/constants.ts"],"sourcesContent":["export const keyCodes = {\n    PageUp: 33,\n    PageDown: 34,\n    Home: 36,\n    End: 35,\n    Left: 37,\n    Right: 39,\n    Up: 38,\n    Down: 40,\n    Enter: 13,\n    Space: 32,\n    Escape: 27,\n};\n\nexport const screenGroupBreakpoints = {\n    small: '0',\n    medium: '35rem',\n    large: '60rem',\n};\n"],"names":["keyCodes","PageUp","PageDown","Home","End","Left","Right","Up","Down","Enter","Space","Escape","screenGroupBreakpoints","small","medium","large"],"mappings":"AAAO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,QAAQ,EAAE,EAAE;AACZC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,GAAG,EAAE,EAAE;AACPC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,EAAE,EAAE,EAAE;AACNC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAA;AACZ,EAAC;AAEM,IAAMC,sBAAsB,GAAG;AAClCC,EAAAA,KAAK,EAAE,GAAG;AACVC,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,OAAA;AACX;;;;"}
+{"version":3,"file":"constants.js","sources":["../../src/utils/constants.ts"],"sourcesContent":["export const keyCodes = {\n    PageUp: 33,\n    PageDown: 34,\n    Home: 36,\n    End: 35,\n    Left: 37,\n    Right: 39,\n    Up: 38,\n    Down: 40,\n    Enter: 13,\n    Space: 32,\n    Escape: 27,\n};\n\nexport const screenGroupBreakpoints = {\n    small: '0',\n    medium: '35rem',\n    large: '60rem',\n};\n\nexport const ONLY_DIGITS_PATTERN = '^\\\\d+$';\nexport const ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';\nexport const ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';\n\nexport const FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete', 'Tab'];\nexport const BACKSPACE_KEY = 'Backspace';\n\nexport const ANIMATION_TIMEOUT = 300;\n"],"names":["keyCodes","PageUp","PageDown","Home","End","Left","Right","Up","Down","Enter","Space","Escape","screenGroupBreakpoints","small","medium","large","ONLY_DIGITS_PATTERN","ONLY_CHARS_PATTERN","ONLY_DIGITS_AND_CHARS_PATTERN","FORBIDDEN_KEYS","BACKSPACE_KEY","ANIMATION_TIMEOUT"],"mappings":"AAAO,IAAMA,QAAQ,GAAG;AACpBC,EAAAA,MAAM,EAAE,EAAE;AACVC,EAAAA,QAAQ,EAAE,EAAE;AACZC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,GAAG,EAAE,EAAE;AACPC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,EAAE,EAAE,EAAE;AACNC,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,KAAK,EAAE,EAAE;AACTC,EAAAA,MAAM,EAAE,EAAA;AACZ,EAAC;AAEM,IAAMC,sBAAsB,GAAG;AAClCC,EAAAA,KAAK,EAAE,GAAG;AACVC,EAAAA,MAAM,EAAE,OAAO;AACfC,EAAAA,KAAK,EAAE,OAAA;AACX,EAAC;AAEM,IAAMC,mBAAmB,GAAG,SAAQ;AACpC,IAAMC,kBAAkB,GAAG,cAAa;AACxC,IAAMC,6BAA6B,GAAG,iBAAgB;AAEhDC,IAAAA,cAAc,GAAG,CAAC,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,WAAW,EAAE,QAAQ,EAAE,KAAK,EAAC;AAC3F,IAAMC,aAAa,GAAG,YAAW;AAEjC,IAAMC,iBAAiB,GAAG;;;;"}

package/es/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAgBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts"],"sourcesContent":["import { CSSProperties } from '@linaria/core';\n\nexport { canUseDOM } from './canUseDOM';\nexport { extractTextFrom } from './extractTextFrom';\nexport { getSizeValueFromProp } from './getSizeValueFromProp';\nexport { IS_REACT_18, safeUseId } from './react';\nexport { isNumber } from './isNumber';\nexport { mergeRefs, setRefList } from './setRefList';\nexport { isEmpty } from './isEmpty';\nexport { createEvent } from './createEvent';\nexport * as constants from './constants';\nexport * from './getPopoverPlacement';\nexport * from './initialValuesHelper';\nexport { noop } from './noop';\nexport { getHeightAsNumber } from './getHeightAsNumber';\nexport { createConditionalComponent } from './createConditionalComponent';\n\nexport const cx = (...classes: (string | boolean | undefined)[]) => classes.filter((classItem) => classItem).join(' ');\n\nexport const composableStyle = (s: TemplateStringsArray, ...expr: Array<string | number | CSSProperties>): string => {\n    let res = '';\n    for (let i = 0; i < Math.max(s.length, expr.length); ++i) {\n        res += s[i] ?? '';\n        res += expr[i] ?? '';\n    }\n\n    return res;\n};\n\nexport { fixedForwardRef } from './fixedForwardRef';\n"],"names":["cx","_len","arguments","length","classes","Array","_key","filter","classItem","join","composableStyle","s","res","i","Math","max","_s$i","_ref","undefined"],"mappings":"AAiBaA,IAAAA,EAAE,GAAG,SAALA,EAAEA,GAAA;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAOC,OAAO,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAPF,IAAAA,OAAO,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAAuCF,OAAO,CAACG,MAAM,CAAC,UAACC,SAAS,EAAA;AAAA,IAAA,OAAKA,SAAS,CAAA;AAAA,GAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAC,CAAA;AAAA,EAAA;IAEzGC,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,CAAuB,EAA8D;EACjH,IAAIC,GAAG,GAAG,EAAE,CAAA;EACZ,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGC,IAAI,CAACC,GAAG,CAACJ,CAAC,CAACR,MAAM,EAAAD,SAAA,CAAAC,MAAA,IAAA,CAAA,GAAA,CAAA,GAAAD,SAAA,CAAAC,MAAA,GAAA,CAAa,CAAC,EAAE,EAAEU,CAAC,EAAE;IAAA,IAAAG,IAAA,EAAAC,IAAA,CAAA;AACtDL,IAAAA,GAAG,IAAAI,CAAAA,IAAA,GAAIL,CAAC,CAACE,CAAC,CAAC,MAAA,IAAA,IAAAG,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAI,EAAE,CAAA;IACjBJ,GAAG,IAAA,CAAAK,IAAA,GAASJ,CAAC,YAAAX,SAAA,CAAAC,MAAA,IAADU,CAAC,OAAAK,SAAA,GAAAhB,SAAA,CAADW,CAAC,mBAAAI,IAAA,KAAA,KAAA,CAAA,GAAAA,IAAA,GAAK,EAAE,CAAA;AACxB,GAAA;AAEA,EAAA,OAAOL,GAAG,CAAA;AACd;;;;"}

package/es/utils/initialValuesHelper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"initialValuesHelper.js","sources":["../../src/utils/initialValuesHelper.ts"],"sourcesContent":["export const getFieldPattern = (allowedSymbols: RegExp | string) => {\n    if (!allowedSymbols) {\n        return null;\n    }\n\n    if (typeof allowedSymbols === 'string') {\n        return new RegExp(allowedSymbols, 'g');\n    }\n\n    return allowedSymbols;\n};\n\nexport const getCodeValue = (codeLength: number, value: string): Array<string> => {\n    if (!value.length) {\n        return new Array(codeLength).fill('');\n    }\n\n    return value.slice(0, codeLength).split('');\n};\n\nexport const getPlaceholderValue = (codeLength: number, placeholder?: string): null | string[] => {\n    if (!placeholder || typeof placeholder !== 'string') {\n        return null;\n    }\n\n    if (placeholder.length === 1) {\n        return Array(codeLength).fill(placeholder);\n    }\n\n    return placeholder.slice(0, codeLength).split('');\n};\n"],"names":["getFieldPattern","allowedSymbols","RegExp","getCodeValue","codeLength","value","length","Array","fill","slice","split","getPlaceholderValue","placeholder"],"mappings":"IAAaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,cAA+B,EAAK;EAChE,IAAI,CAACA,cAAc,EAAE;AACjB,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAI,OAAOA,cAAc,KAAK,QAAQ,EAAE;AACpC,IAAA,OAAO,IAAIC,MAAM,CAACD,cAAc,EAAE,GAAG,CAAC,CAAA;AAC1C,GAAA;AAEA,EAAA,OAAOA,cAAc,CAAA;AACzB,EAAC;AAEM,IAAME,YAAY,GAAG,SAAfA,YAAYA,CAAIC,UAAkB,EAAEC,KAAa,EAAoB;AAC9E,EAAA,IAAI,CAACA,KAAK,CAACC,MAAM,EAAE;IACf,OAAO,IAAIC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAAC,EAAE,CAAC,CAAA;AACzC,GAAA;AAEA,EAAA,OAAOH,KAAK,CAACI,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AAC/C,EAAC;AAEM,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIP,UAAkB,EAAEQ,WAAoB,EAAsB;AAC9F,EAAA,IAAI,CAACA,WAAW,IAAI,OAAOA,WAAW,KAAK,QAAQ,EAAE;AACjD,IAAA,OAAO,IAAI,CAAA;AACf,GAAA;AAEA,EAAA,IAAIA,WAAW,CAACN,MAAM,KAAK,CAAC,EAAE;IAC1B,OAAOC,KAAK,CAACH,UAAU,CAAC,CAACI,IAAI,CAACI,WAAW,CAAC,CAAA;AAC9C,GAAA;AAEA,EAAA,OAAOA,WAAW,CAACH,KAAK,CAAC,CAAC,EAAEL,UAAU,CAAC,CAACM,KAAK,CAAC,EAAE,CAAC,CAAA;AACrD;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.327.0-canary.1973.15677961605.0",
+  "version": "0.327.0-canary.1973.15733948288.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -137,5 +137,5 @@
   "sideEffects": [
     "*.css"
   ],
-  "gitHead": "42c27bd1cc6b727fb6b38a778bed80ceb03c5525"
+  "gitHead": "41fa70f29eab7ea02816d4906dea7e73a0cf5002"
 }

package/styled-components/cjs/components/CodeField/CodeField.js

@@ -202,21 +202,15 @@ var codeFieldRoot = exports.codeFieldRoot = function codeFieldRoot(Root) {
         onFullCodeEnter(fullCode);
       }
     }, []);
-    (0, _react.useEffect)(function () {
-      inputRefs.current = inputRefs.current.slice(0, codeLength);
-    }, [codeLength]);
-    (0, _react.useEffect)(function () {
-      if (autoFocus && !disabled) {
-        var _inputRefs$current$la;
-        var lastActiveIndex = getLastActiveIndex();
-        (_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
-      }
-    }, [autoFocus]);
-    (0, _hooks.useDidMountEffect)(function () {
-      if (handleFullCodeEnter && originalValue.length === codeLength) {
-        handleFullCodeEnter(originalValue);
-      }
-    }, [originalValue, handleFullCodeEnter]);
+    (0, _hooks.useCodeHook)({
+      inputRefs: inputRefs,
+      codeLength: codeLength,
+      disabled: disabled,
+      autoFocus: autoFocus,
+      originalValue: originalValue,
+      getLastActiveIndex: getLastActiveIndex,
+      handleFullCodeEnter: handleFullCodeEnter
+    });
     (0, _hooks.useDidMountEffect)(function () {
       if (isError) {
         (0, _utils2.handleCodeError)({

package/styled-components/cjs/components/CodeInput/CodeInput.js

@@ -9,7 +9,7 @@ var _react = /*#__PURE__*/_interopRequireWildcard(/*#__PURE__*/require("react"))
 var _classnames = /*#__PURE__*/_interopRequireDefault(/*#__PURE__*/require("classnames"));
 var _hooks = /*#__PURE__*/require("../../hooks");
 var _utils = /*#__PURE__*/require("../../utils");
-var _constants = /*#__PURE__*/require("./utils/constants");
+var _constants = /*#__PURE__*/require("../../utils/constants");
 var _utils2 = /*#__PURE__*/require("./utils");
 var _CodeInput = /*#__PURE__*/require("./CodeInput.tokens");
 var _CodeInput2 = /*#__PURE__*/require("./CodeInput.styles");
@@ -17,7 +17,7 @@ var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
 var _Separator;
-var _excluded = ["className", "value", "placeholder", "autoFocus", "codeLength", "caption", "captionAlign", "width", "view", "size", "screen", "hidden", "disabled", "isError", "allowedSymbols", "itemErrorBehavior", "codeErrorBehavior", "autoComplete", "setIsError", "onChange", "onFullCodeEnter"];
+var _excluded = ["className", "value", "placeholder", "autoFocus", "codeLength", "caption", "captionAlign", "width", "view", "size", "hidden", "disabled", "isError", "allowedSymbols", "itemErrorBehavior", "codeErrorBehavior", "autoComplete", "setIsError", "onChange", "onFullCodeEnter"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -51,8 +51,6 @@ var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
       width = _ref.width,
       view = _ref.view,
       size = _ref.size,
-      _ref$screen = _ref.screen,
-      screen = _ref$screen === void 0 ? 'medium' : _ref$screen,
       hidden = _ref.hidden,
       disabled = _ref.disabled,
       isError = _ref.isError,
@@ -210,21 +208,15 @@ var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
         onFullCodeEnter(fullCode);
       }
     }, []);
-    (0, _react.useEffect)(function () {
-      inputRefs.current = inputRefs.current.slice(0, codeLength);
-    }, [codeLength]);
-    (0, _react.useEffect)(function () {
-      if (autoFocus && !disabled) {
-        var _inputRefs$current$la;
-        var lastActiveIndex = getLastActiveIndex();
-        (_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
-      }
-    }, [autoFocus]);
-    (0, _hooks.useDidMountEffect)(function () {
-      if (handleFullCodeEnter && originalValue.length === codeLength) {
-        handleFullCodeEnter(originalValue);
-      }
-    }, [originalValue, handleFullCodeEnter]);
+    (0, _hooks.useCodeHook)({
+      inputRefs: inputRefs,
+      codeLength: codeLength,
+      disabled: disabled,
+      autoFocus: autoFocus,
+      originalValue: originalValue,
+      getLastActiveIndex: getLastActiveIndex,
+      handleFullCodeEnter: handleFullCodeEnter
+    });
     (0, _hooks.useDidMountEffect)(function () {
       if (isError) {
         (0, _utils2.handleCodeError)({
@@ -244,7 +236,6 @@ var codeInputRoot = exports.codeInputRoot = function codeInputRoot(Root) {
       view: view,
       size: size,
       disabled: disabled,
-      screen: screen,
       onClick: handleClick,
       className: (0, _classnames["default"])(className, _defineProperty({}, _CodeInput.classes.captionAlignLeft, captionAlign === 'left'))
     }, rest), /*#__PURE__*/_react["default"].createElement(_CodeInput2.CodeWrapper, {

package/styled-components/cjs/components/CodeInput/utils/handleCodeError.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.handleCodeError = void 0;
 var _CodeInput = /*#__PURE__*/require("../CodeInput.tokens");
-var _constants = /*#__PURE__*/require("./constants");
-var _initialValuesHelper = /*#__PURE__*/require("./initialValuesHelper");
+var _utils = /*#__PURE__*/require("../../../utils");
+var _constants = /*#__PURE__*/require("../../../utils/constants");
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
@@ -50,7 +50,7 @@ var handleCodeError = exports.handleCodeError = function handleCodeError(_ref) {
       (_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(_CodeInput.classes.captionError);
       setTimeout(function () {
         var _inputRefs$current$, _inputContainerRef$cu2;
-        codeSetter((0, _initialValuesHelper.getCodeValue)(codeLength, ''));
+        codeSetter((0, _utils.getCodeValue)(codeLength, ''));
         (_inputRefs$current$ = inputRefs.current[0]) === null || _inputRefs$current$ === void 0 || _inputRefs$current$.focus();
         (_inputContainerRef$cu2 = inputContainerRef.current) === null || _inputContainerRef$cu2 === void 0 || _inputContainerRef$cu2.classList.remove(_CodeInput.classes.codeError, _CodeInput.classes.codeErrorAnimation, _CodeInput.classes.codeErrorFade);
       }, _constants.ANIMATION_TIMEOUT);

package/styled-components/cjs/components/CodeInput/utils/handleItemError.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.handleItemError = void 0;
 var _CodeInput = /*#__PURE__*/require("../CodeInput.tokens");
-var _constants = /*#__PURE__*/require("./constants");
+var _constants = /*#__PURE__*/require("../../../utils/constants");
 var handleItemError = exports.handleItemError = function handleItemError(_ref) {
   var _inputContainerRef$cu;
   var currentSymbol = _ref.currentSymbol,

package/styled-components/cjs/components/CodeInput/utils/index.js

@@ -6,19 +6,19 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "getCodeValue", {
   enumerable: true,
   get: function get() {
-    return _initialValuesHelper.getCodeValue;
+    return _utils.getCodeValue;
   }
 });
 Object.defineProperty(exports, "getFieldPattern", {
   enumerable: true,
   get: function get() {
-    return _initialValuesHelper.getFieldPattern;
+    return _utils.getFieldPattern;
   }
 });
 Object.defineProperty(exports, "getPlaceholderValue", {
   enumerable: true,
   get: function get() {
-    return _initialValuesHelper.getPlaceholderValue;
+    return _utils.getPlaceholderValue;
   }
 });
 Object.defineProperty(exports, "handleCodeError", {
@@ -33,6 +33,6 @@ Object.defineProperty(exports, "handleItemError", {
     return _handleItemError.handleItemError;
   }
 });
-var _initialValuesHelper = /*#__PURE__*/require("./initialValuesHelper");
+var _utils = /*#__PURE__*/require("../../../utils");
 var _handleItemError = /*#__PURE__*/require("./handleItemError");
 var _handleCodeError = /*#__PURE__*/require("./handleCodeError");

package/styled-components/cjs/hooks/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "useCodeHook", {
+  enumerable: true,
+  get: function get() {
+    return _useCodeHook.useCodeHook;
+  }
+});
 Object.defineProperty(exports, "useDidMountEffect", {
   enumerable: true,
   get: function get() {
@@ -58,4 +64,5 @@ var _useForceUpdate = /*#__PURE__*/require("./useForceUpdate");
 var _useDidMountEffect = /*#__PURE__*/require("./useDidMountEffect");
 var _useDidMountLayoutEffect = /*#__PURE__*/require("./useDidMountLayoutEffect");
 var _useOutsideClick = /*#__PURE__*/require("./useOutsideClick");
-var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
+var _useIsomorphicLayoutEffect = /*#__PURE__*/require("./useIsomorphicLayoutEffect");
+var _useCodeHook = /*#__PURE__*/require("./useCodeHook");

package/styled-components/cjs/hooks/useCodeHook.js

@@ -0,0 +1,32 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCodeHook = void 0;
+var _react = /*#__PURE__*/require("react");
+var _ = /*#__PURE__*/require(".");
+var useCodeHook = exports.useCodeHook = function useCodeHook(_ref) {
+  var inputRefs = _ref.inputRefs,
+    codeLength = _ref.codeLength,
+    disabled = _ref.disabled,
+    autoFocus = _ref.autoFocus,
+    originalValue = _ref.originalValue,
+    getLastActiveIndex = _ref.getLastActiveIndex,
+    handleFullCodeEnter = _ref.handleFullCodeEnter;
+  (0, _react.useEffect)(function () {
+    inputRefs.current = inputRefs.current.slice(0, codeLength);
+  }, [codeLength]);
+  (0, _react.useEffect)(function () {
+    if (autoFocus && !disabled) {
+      var _inputRefs$current$la;
+      var lastActiveIndex = getLastActiveIndex();
+      (_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
+    }
+  }, [autoFocus]);
+  (0, _.useDidMountEffect)(function () {
+    if (handleFullCodeEnter && originalValue.length === codeLength) {
+      handleFullCodeEnter(originalValue);
+    }
+  }, [originalValue, handleFullCodeEnter]);
+};

package/styled-components/cjs/utils/constants.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.screenGroupBreakpoints = exports.keyCodes = void 0;
+exports.screenGroupBreakpoints = exports.keyCodes = exports.ONLY_DIGITS_PATTERN = exports.ONLY_DIGITS_AND_CHARS_PATTERN = exports.ONLY_CHARS_PATTERN = exports.FORBIDDEN_KEYS = exports.BACKSPACE_KEY = exports.ANIMATION_TIMEOUT = void 0;
 var keyCodes = exports.keyCodes = {
   PageUp: 33,
   PageDown: 34,
@@ -21,4 +21,10 @@ var screenGroupBreakpoints = exports.screenGroupBreakpoints = {
   small: '0',
   medium: '35rem',
   large: '60rem'
-};
+};
+var ONLY_DIGITS_PATTERN = exports.ONLY_DIGITS_PATTERN = '^\\d+$';
+var ONLY_CHARS_PATTERN = exports.ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';
+var ONLY_DIGITS_AND_CHARS_PATTERN = exports.ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';
+var FORBIDDEN_KEYS = exports.FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete', 'Tab'];
+var BACKSPACE_KEY = exports.BACKSPACE_KEY = 'Backspace';
+var ANIMATION_TIMEOUT = exports.ANIMATION_TIMEOUT = 300;

package/styled-components/cjs/utils/index.js

@@ -131,6 +131,18 @@ Object.keys(_getPopoverPlacement).forEach(function (key) {
     }
   });
 });
+var _initialValuesHelper = /*#__PURE__*/require("./initialValuesHelper");
+Object.keys(_initialValuesHelper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _initialValuesHelper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _initialValuesHelper[key];
+    }
+  });
+});
 var _noop = /*#__PURE__*/require("./noop");
 var _getHeightAsNumber = /*#__PURE__*/require("./getHeightAsNumber");
 var _createConditionalComponent = /*#__PURE__*/require("./createConditionalComponent");

package/styled-components/es/components/CodeField/CodeField.js

@@ -17,10 +17,11 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from 'react';
+import React, { forwardRef, Fragment, useCallback, useRef, useState } from 'react';
 import cls from 'classnames';
 import { useDidMountEffect } from "../../hooks";
 import { getSizeValueFromProp } from "../../utils";
+import { useCodeHook } from "../../hooks";
 import { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from "./utils/constants";
 import { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError } from "./utils";
 import { classes } from "./CodeField.tokens";
@@ -193,21 +194,15 @@ export var codeFieldRoot = function codeFieldRoot(Root) {
         onFullCodeEnter(fullCode);
       }
     }, []);
-    useEffect(function () {
-      inputRefs.current = inputRefs.current.slice(0, codeLength);
-    }, [codeLength]);
-    useEffect(function () {
-      if (autoFocus && !disabled) {
-        var _inputRefs$current$la;
-        var lastActiveIndex = getLastActiveIndex();
-        (_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
-      }
-    }, [autoFocus]);
-    useDidMountEffect(function () {
-      if (handleFullCodeEnter && originalValue.length === codeLength) {
-        handleFullCodeEnter(originalValue);
-      }
-    }, [originalValue, handleFullCodeEnter]);
+    useCodeHook({
+      inputRefs: inputRefs,
+      codeLength: codeLength,
+      disabled: disabled,
+      autoFocus: autoFocus,
+      originalValue: originalValue,
+      getLastActiveIndex: getLastActiveIndex,
+      handleFullCodeEnter: handleFullCodeEnter
+    });
     useDidMountEffect(function () {
       if (isError) {
         handleCodeError({

package/styled-components/es/components/CodeInput/CodeInput.js

@@ -1,6 +1,6 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _Separator;
-var _excluded = ["className", "value", "placeholder", "autoFocus", "codeLength", "caption", "captionAlign", "width", "view", "size", "screen", "hidden", "disabled", "isError", "allowedSymbols", "itemErrorBehavior", "codeErrorBehavior", "autoComplete", "setIsError", "onChange", "onFullCodeEnter"];
+var _excluded = ["className", "value", "placeholder", "autoFocus", "codeLength", "caption", "captionAlign", "width", "view", "size", "hidden", "disabled", "isError", "allowedSymbols", "itemErrorBehavior", "codeErrorBehavior", "autoComplete", "setIsError", "onChange", "onFullCodeEnter"];
 function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
@@ -17,11 +17,12 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { forwardRef, Fragment, useCallback, useEffect, useRef, useState } from 'react';
+import React, { forwardRef, Fragment, useCallback, useRef, useState } from 'react';
 import cls from 'classnames';
 import { useDidMountEffect } from "../../hooks";
 import { getSizeValueFromProp } from "../../utils";
-import { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from "./utils/constants";
+import { BACKSPACE_KEY, FORBIDDEN_KEYS, ONLY_DIGITS_PATTERN } from "../../utils/constants";
+import { useCodeHook } from "../../hooks";
 import { getCodeValue, getFieldPattern, getPlaceholderValue, handleCodeError, handleItemError } from "./utils";
 import { classes } from "./CodeInput.tokens";
 import { base, CaptionWrapper, CodeGroup, CodeWrapper, ItemInput, Separator, ItemWrapper, ItemCircle } from "./CodeInput.styles";
@@ -42,8 +43,6 @@ export var codeInputRoot = function codeInputRoot(Root) {
       width = _ref.width,
       view = _ref.view,
       size = _ref.size,
-      _ref$screen = _ref.screen,
-      screen = _ref$screen === void 0 ? 'medium' : _ref$screen,
       hidden = _ref.hidden,
       disabled = _ref.disabled,
       isError = _ref.isError,
@@ -201,21 +200,15 @@ export var codeInputRoot = function codeInputRoot(Root) {
         onFullCodeEnter(fullCode);
       }
     }, []);
-    useEffect(function () {
-      inputRefs.current = inputRefs.current.slice(0, codeLength);
-    }, [codeLength]);
-    useEffect(function () {
-      if (autoFocus && !disabled) {
-        var _inputRefs$current$la;
-        var lastActiveIndex = getLastActiveIndex();
-        (_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
-      }
-    }, [autoFocus]);
-    useDidMountEffect(function () {
-      if (handleFullCodeEnter && originalValue.length === codeLength) {
-        handleFullCodeEnter(originalValue);
-      }
-    }, [originalValue, handleFullCodeEnter]);
+    useCodeHook({
+      inputRefs: inputRefs,
+      codeLength: codeLength,
+      disabled: disabled,
+      autoFocus: autoFocus,
+      originalValue: originalValue,
+      getLastActiveIndex: getLastActiveIndex,
+      handleFullCodeEnter: handleFullCodeEnter
+    });
     useDidMountEffect(function () {
       if (isError) {
         handleCodeError({
@@ -235,7 +228,6 @@ export var codeInputRoot = function codeInputRoot(Root) {
       view: view,
       size: size,
       disabled: disabled,
-      screen: screen,
       onClick: handleClick,
       className: cls(className, _defineProperty({}, classes.captionAlignLeft, captionAlign === 'left'))
     }, rest), /*#__PURE__*/React.createElement(CodeWrapper, {

package/styled-components/es/components/CodeInput/utils/handleCodeError.js

@@ -5,8 +5,8 @@ function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Sym
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 import { classes } from "../CodeInput.tokens";
-import { ANIMATION_TIMEOUT } from "./constants";
-import { getCodeValue } from "./initialValuesHelper";
+import { getCodeValue } from "../../../utils";
+import { ANIMATION_TIMEOUT } from "../../../utils/constants";
 export var handleCodeError = function handleCodeError(_ref) {
   var _captionRef$current, _captionRef$current2;
   var codeLength = _ref.codeLength,

package/styled-components/es/components/CodeInput/utils/handleItemError.js

@@ -1,5 +1,5 @@
 import { classes } from "../CodeInput.tokens";
-import { ANIMATION_TIMEOUT } from "./constants";
+import { ANIMATION_TIMEOUT } from "../../../utils/constants";
 export var handleItemError = function handleItemError(_ref) {
   var _inputContainerRef$cu;
   var currentSymbol = _ref.currentSymbol,

package/styled-components/es/components/CodeInput/utils/index.js

@@ -1,3 +1,3 @@
-export { getFieldPattern, getPlaceholderValue, getCodeValue } from "./initialValuesHelper";
+export { getFieldPattern, getPlaceholderValue, getCodeValue } from "../../../utils";
 export { handleItemError } from "./handleItemError";
 export { handleCodeError } from "./handleCodeError";

package/styled-components/es/hooks/index.js

@@ -5,4 +5,5 @@ export { useForceUpdate } from "./useForceUpdate";
 export { useDidMountEffect } from "./useDidMountEffect";
 export { useDidMountLayoutEffect } from "./useDidMountLayoutEffect";
 export { useOutsideClick } from "./useOutsideClick";
-export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
+export { useIsomorphicLayoutEffect } from "./useIsomorphicLayoutEffect";
+export { useCodeHook } from "./useCodeHook";

package/styled-components/es/hooks/useCodeHook.js

@@ -0,0 +1,26 @@
+import { useEffect } from 'react';
+import { useDidMountEffect } from '.';
+export var useCodeHook = function useCodeHook(_ref) {
+  var inputRefs = _ref.inputRefs,
+    codeLength = _ref.codeLength,
+    disabled = _ref.disabled,
+    autoFocus = _ref.autoFocus,
+    originalValue = _ref.originalValue,
+    getLastActiveIndex = _ref.getLastActiveIndex,
+    handleFullCodeEnter = _ref.handleFullCodeEnter;
+  useEffect(function () {
+    inputRefs.current = inputRefs.current.slice(0, codeLength);
+  }, [codeLength]);
+  useEffect(function () {
+    if (autoFocus && !disabled) {
+      var _inputRefs$current$la;
+      var lastActiveIndex = getLastActiveIndex();
+      (_inputRefs$current$la = inputRefs.current[lastActiveIndex]) === null || _inputRefs$current$la === void 0 || _inputRefs$current$la.focus();
+    }
+  }, [autoFocus]);
+  useDidMountEffect(function () {
+    if (handleFullCodeEnter && originalValue.length === codeLength) {
+      handleFullCodeEnter(originalValue);
+    }
+  }, [originalValue, handleFullCodeEnter]);
+};

package/styled-components/es/utils/constants.js

@@ -15,4 +15,10 @@ export var screenGroupBreakpoints = {
   small: '0',
   medium: '35rem',
   large: '60rem'
-};
+};
+export var ONLY_DIGITS_PATTERN = '^\\d+$';
+export var ONLY_CHARS_PATTERN = '^[a-zA-Z]+$';
+export var ONLY_DIGITS_AND_CHARS_PATTERN = '^[a-zA-Z0-9]+$';
+export var FORBIDDEN_KEYS = ['ArrowLeft', 'ArrowRight', 'ArrowUp', 'ArrowDown', 'Delete', 'Tab'];
+export var BACKSPACE_KEY = 'Backspace';
+export var ANIMATION_TIMEOUT = 300;

package/styled-components/es/utils/index.js

@@ -9,6 +9,7 @@ export { createEvent } from "./createEvent";
 import * as _constants from "./constants";
 export { _constants as constants };
 export * from "./getPopoverPlacement";
+export * from "./initialValuesHelper";
 export { noop } from "./noop";
 export { getHeightAsNumber } from "./getHeightAsNumber";
 export { createConditionalComponent } from "./createConditionalComponent";

package/types/components/CodeField/CodeField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLA0RxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA5RQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqT5E,CAAC"}
+{"version":3,"file":"CodeField.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAGnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAM7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAUxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAkRxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBApRQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6S5E,CAAC"}

package/types/components/CodeInput/CodeInput.d.ts

@@ -11,7 +11,6 @@ export declare const codeInputRoot: (Root: RootProps<HTMLDivElement, CodeInputPr
     hidden?: boolean;
     view?: string;
     size?: string;
-    screen?: "large" | "medium" | "small";
     disabled?: boolean;
     isError?: boolean;
     width?: string | number;
@@ -35,7 +34,6 @@ export declare const codeInputConfig: {
         hidden?: boolean;
         view?: string;
         size?: string;
-        screen?: "large" | "medium" | "small";
         disabled?: boolean;
         isError?: boolean;
         width?: string | number;

package/types/components/CodeInput/CodeInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyE,MAAM,OAAO,CAAC;AAG9F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAI7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAkBxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;sLAsTxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAxTQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6U5E,CAAC"}
+{"version":3,"file":"CodeInput.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAGnF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAO7C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAiBxD,eAAO,MAAM,aAAa,SAAU,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLA4SxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBA9SQ,SAAS,CAAC,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmU5E,CAAC"}

package/types/components/CodeInput/CodeInput.tokens.d.ts

@@ -68,4 +68,5 @@ export declare const tokens: {
     borderErrorColor: string;
     disabledOpacity: string;
 };
+export type TokensType = keyof typeof tokens;
 //# sourceMappingURL=CodeInput.tokens.d.ts.map

package/types/components/CodeInput/CodeInput.tokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DlB,CAAC"}
+{"version":3,"file":"CodeInput.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;CAqBnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;CAKzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DlB,CAAC;AAEF,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,MAAM,CAAC"}

package/types/components/CodeInput/CodeInput.types.d.ts

@@ -1,5 +1,5 @@
 import type { Dispatch, HTMLAttributes, InputHTMLAttributes, ReactNode, SetStateAction } from 'react';
-export type ItemErrorBehavior = 'remove-symbol' | 'keep' | 'remove-code' | 'forbid-enter';
+export type ItemErrorBehavior = 'remove-symbol' | 'keep' | 'forbid-enter';
 export type CodeErrorBehavior = 'remove-code' | 'keep';
 export type CodeInputProps = {
     /**
@@ -41,10 +41,6 @@ export type CodeInputProps = {
      * Размер компонента
      */
     size?: string;
-    /**
-     * Размер экрана
-     */
-    screen?: 'large' | 'medium' | 'small';
     /**
      * Компонент не активен
      */
@@ -73,7 +69,7 @@ export type CodeInputProps = {
      * Поведение элемента поля ввода, при вводе некорректного значения
      * - `remove-symbol` - проигрывается анимация ошибки, значение элемента очищается
      * - `keep` - проигрывается анимация ошибки, значение остается
-     * - `remove-code` - проигрывается анимация ошибки, значение всего поля очищается
+     * - `forbid-enter` - запрещается ввод некорректного значения
      * @default 'remove-symbol'
      */
     itemErrorBehavior?: ItemErrorBehavior;

package/types/components/CodeInput/CodeInput.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtG,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG,MAAM,GAAG,aAAa,GAAG,cAAc,CAAC;AAC1F,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,MAAM,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,GAAG,cAAc,CAAC,GAC1E,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}
+{"version":3,"file":"CodeInput.types.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,mBAAmB,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEtG,MAAM,MAAM,iBAAiB,GAAG,eAAe,GAAG,MAAM,GAAG,cAAc,CAAC;AAC1E,MAAM,MAAM,iBAAiB,GAAG,aAAa,GAAG,MAAM,CAAC;AAEvD,MAAM,MAAM,cAAc,GAAG;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,GAAG,QAAQ,CAAC;IACjC;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;OAEG;IACH,UAAU,CAAC,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAC/C;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACjC;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;CAC5C,GAAG,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,YAAY,GAAG,cAAc,CAAC,GAC1E,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC,CAAC"}

package/types/components/CodeInput/utils/handleCodeError.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"handleCodeError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeInput/utils/handleCodeError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAM5D,KAAK,mBAAmB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,UAAU,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,mHASzB,mBAAmB,SA8CrB,CAAC"}
+{"version":3,"file":"handleCodeError.d.ts","sourceRoot":"","sources":["../../../../src/components/CodeInput/utils/handleCodeError.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAK5D,KAAK,mBAAmB,GAAG;IACvB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,iBAAiB,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IAC3D,SAAS,EAAE,gBAAgB,CAAC,KAAK,CAAC,gBAAgB,GAAG,IAAI,CAAC,CAAC,CAAC;IAC5D,UAAU,EAAE,gBAAgB,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACpD,OAAO,EAAE,QAAQ,CAAC,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACjD,UAAU,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,IAAI,CAAC;CAChD,CAAC;AAEF,eAAO,MAAM,eAAe,mHASzB,mBAAmB,SA8CrB,CAAC"}