@salutejs/plasma-new-hope 0.325.0-canary.1941.15208820474.0 → 0.325.0-canary.1954.15208821137.0

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

@@ -1,52 +0,0 @@
-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; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-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 "../CodeField.tokens";
-import { ANIMATION_TIMEOUT } from "./constants";
-import { getCodeValue } from "./initialValuesHelper";
-export var handleCodeError = function handleCodeError(_ref) {
-  var _captionRef$current, _captionRef$current2;
-  var codeLength = _ref.codeLength,
-    codeErrorBehavior = _ref.codeErrorBehavior,
-    currentCode = _ref.currentCode,
-    inputRefs = _ref.inputRefs,
-    inputContainerRef = _ref.inputContainerRef,
-    captionRef = _ref.captionRef,
-    setCode = _ref.setCode,
-    codeSetter = _ref.codeSetter;
-  if (!inputContainerRef.current) {
-    return;
-  }
-  switch (codeErrorBehavior) {
-    case 'keep':
-      inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation);
-      (_captionRef$current = captionRef.current) === null || _captionRef$current === void 0 || _captionRef$current.classList.add(classes.captionError);
-      setTimeout(function () {
-        var _inputContainerRef$cu;
-        var newCode = _toConsumableArray(currentCode);
-        newCode.pop();
-        codeSetter(newCode);
-        setCode(currentCode);
-        (_inputContainerRef$cu = inputContainerRef.current) === null || _inputContainerRef$cu === void 0 || _inputContainerRef$cu.classList.remove(classes.codeErrorAnimation);
-        setTimeout(function () {
-          var _inputRefs$current, _inputRefs$current2;
-          (_inputRefs$current = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current === void 0 || _inputRefs$current.setSelectionRange(0, 1);
-          (_inputRefs$current2 = inputRefs.current[inputRefs.current.length - 1]) === null || _inputRefs$current2 === void 0 || _inputRefs$current2.focus();
-        }, 0);
-      }, ANIMATION_TIMEOUT);
-      break;
-    case 'remove-code':
-    default:
-      inputContainerRef.current.classList.add(classes.codeError, classes.codeErrorAnimation, classes.codeErrorFade);
-      (_captionRef$current2 = captionRef.current) === null || _captionRef$current2 === void 0 || _captionRef$current2.classList.add(classes.captionError);
-      setTimeout(function () {
-        var _inputRefs$current$, _inputContainerRef$cu2;
-        codeSetter(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(classes.codeError, classes.codeErrorAnimation, classes.codeErrorFade);
-      }, ANIMATION_TIMEOUT);
-  }
-};

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

@@ -1,50 +0,0 @@
-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; } }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-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 "../CodeField.tokens";
-import { ANIMATION_TIMEOUT } from "./constants";
-export var handleItemError = function handleItemError(_ref) {
-  var _inputRefs$current$in, _inputRefs$current$in4;
-  var currentSymbol = _ref.currentSymbol,
-    itemErrorBehavior = _ref.itemErrorBehavior,
-    index = _ref.index,
-    newCode = _ref.newCode,
-    inputRefs = _ref.inputRefs,
-    setCode = _ref.setCode,
-    codeSetter = _ref.codeSetter;
-  if (!inputRefs.current[index] || currentSymbol === ' ') {
-    return;
-  }
-  switch (itemErrorBehavior) {
-    case 'keep':
-      setCode(newCode);
-      (_inputRefs$current$in = inputRefs.current[index]) === null || _inputRefs$current$in === void 0 || _inputRefs$current$in.classList.add(classes.itemError, classes.itemErrorAnimation);
-      setTimeout(function () {
-        var _inputRefs$current$in2;
-        (_inputRefs$current$in2 = inputRefs.current[index]) === null || _inputRefs$current$in2 === void 0 || _inputRefs$current$in2.classList.remove(classes.itemErrorAnimation);
-        setTimeout(function () {
-          var _inputRefs$current$in3;
-          return (_inputRefs$current$in3 = inputRefs.current[index]) === null || _inputRefs$current$in3 === void 0 ? void 0 : _inputRefs$current$in3.setSelectionRange(0, 1);
-        }, 0);
-      }, ANIMATION_TIMEOUT);
-      break;
-    case 'forbid-enter':
-      newCode[index] = '';
-      codeSetter(newCode);
-      break;
-    case 'remove-symbol':
-    default:
-      setCode(newCode);
-      (_inputRefs$current$in4 = inputRefs.current[index]) === null || _inputRefs$current$in4 === void 0 || _inputRefs$current$in4.classList.add(classes.itemError, classes.itemErrorFade, classes.itemErrorAnimation);
-      setTimeout(function () {
-        var _inputRefs$current$in5;
-        var updatedCode = _toConsumableArray(newCode);
-        updatedCode[index] = '';
-        codeSetter(updatedCode);
-        (_inputRefs$current$in5 = inputRefs.current[index]) === null || _inputRefs$current$in5 === void 0 || _inputRefs$current$in5.classList.remove(classes.itemError, classes.itemErrorFade, classes.itemErrorAnimation);
-      }, ANIMATION_TIMEOUT);
-  }
-};

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

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

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

@@ -1,24 +0,0 @@
-export var getFieldPattern = function getFieldPattern(allowedSymbols) {
-  if (!allowedSymbols) {
-    return null;
-  }
-  if (typeof allowedSymbols === 'string') {
-    return new RegExp(allowedSymbols, 'g');
-  }
-  return allowedSymbols;
-};
-export var getCodeValue = function getCodeValue(codeLength, value) {
-  if (!value.length) {
-    return new Array(codeLength).fill('');
-  }
-  return value.slice(0, codeLength).split('');
-};
-export var getPlaceholderValue = function getPlaceholderValue(codeLength, placeholder) {
-  if (!placeholder || typeof placeholder !== 'string') {
-    return null;
-  }
-  if (placeholder.length === 1) {
-    return Array(codeLength).fill(placeholder);
-  }
-  return placeholder.slice(0, codeLength).split('');
-};

package/styled-components/es/components/CodeField/variations/_disabled/base.js

@@ -1,3 +0,0 @@
-import { css } from 'styled-components';
-import { tokens } from "../../CodeField.tokens";
-export var base = /*#__PURE__*/css(["&&[disabled]{opacity:var(", ");cursor:not-allowed;& > *{pointer-events:none;}}"], tokens.disabledOpacity);

package/styled-components/es/components/CodeField/variations/_disabled/tokens.json

@@ -1,4 +0,0 @@
-{
-    "type": "boolean",
-    "tokens": ["--plasma-codefield-disabled-opacity"]
-}

package/styled-components/es/components/CodeField/variations/_shape/base.js

@@ -1,4 +0,0 @@
-import { css } from 'styled-components';
-import { tokens, classes } from "../../CodeField.tokens";
-import { ItemInput } from "../../CodeField.styles";
-export var base = /*#__PURE__*/css(["", "{border-radius:var(", ");&.", "{border-radius:var(", ");&:first-child{border-top-left-radius:var(", ");border-bottom-left-radius:var(", ");}&:last-child{border-top-right-radius:var(", ");border-bottom-right-radius:var(", ");}}}"], ItemInput, tokens.borderRadius, classes.segmented, tokens.borderRadiusSegmented, tokens.segmentedSideBorderRadius, tokens.segmentedSideBorderRadius, tokens.segmentedSideBorderRadius, tokens.segmentedSideBorderRadius);

package/styled-components/es/components/CodeField/variations/_shape/tokens.json

@@ -1 +0,0 @@
-["--plasma-codefield-code-item-border-radius", "--plasma-codefield-code-item-segmented-side-border-radius"]

package/styled-components/es/components/CodeField/variations/_size/base.js

@@ -1,4 +0,0 @@
-import { css } from 'styled-components';
-import { CaptionWrapper, CodeGroup, CodeWrapper, ItemInput } from "../../CodeField.styles";
-import { tokens } from "../../CodeField.tokens";
-export var base = /*#__PURE__*/css(["gap:var(", ");", ",", "{gap:var(", ");}", "{width:var(", ");height:var(", ");font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}", "{font-family:var(", ");font-size:var(", ");font-style:var(", ");font-weight:var(", ");letter-spacing:var(", ");line-height:var(", ");}"], tokens.captionGap, CodeWrapper, CodeGroup, tokens.codeItemsGap, ItemInput, tokens.codeItemWidth, tokens.codeItemHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, CaptionWrapper, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight);

package/styled-components/es/components/CodeField/variations/_size/tokens.json

@@ -1,19 +0,0 @@
-[
-    "--plasma-codefield-caption-gap",
-    "--plasma-codefield-code-item-gap",
-    "--plasma-codefield-separator-width",
-    "--plasma-codefield-item-width",
-    "--plasma-codefield-item-height",
-    "--plasma-codefield-font-family",
-    "--plasma-codefield-font-style",
-    "--plasma-codefield-font-size",
-    "--plasma-codefield-font-weight",
-    "--plasma-codefield-letter-spacing",
-    "--plasma-codefield-line-height",
-    "--plasma-codefield-caption-font-family",
-    "--plasma-codefield-caption-font-style",
-    "--plasma-codefield-caption-font-size",
-    "--plasma-codefield-caption-font-weight",
-    "--plasma-codefield-caption-letter-spacing",
-    "--plasma-codefield-caption-line-height"
-]

package/styled-components/es/components/CodeField/variations/_view/base.js

@@ -1,4 +0,0 @@
-import { css } from 'styled-components';
-import { CaptionWrapper, ItemInput } from "../../CodeField.styles";
-import { classes, tokens } from "../../CodeField.tokens";
-export var base = /*#__PURE__*/css(["", "{color:var(", ");&.", "{color:var(", ");}}", "{color:var(", ");caret-color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&:hover{.", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}&:focus-within{", ":focus-within{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}&& .", "{animation:shakingError 0.3s forwards;}&& .", "{", "{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}&:focus-within{", "{background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");}}&.", "{", "{animation:fadeError 0.3s forwards;}}}&& .", "{animation:shakingError 0.3s forwards;}&& .", ",&& .", ":focus-within{color:var(", ");background-color:var(", ");box-shadow:inset 0 0 0 var(", ") var(", ");&.", "{animation:shakingError 0.3s forwards fadeError 0.3s forwards;}}@keyframes shakingError{14%{transform:translateX(-0.125rem);}28%{transform:translateX(0.125rem);}42%{transform:translateX(-0.125rem);}57%{transform:translateX(0.125rem);}71%{transform:translateX(-0.125rem);}85%{transform:translateX(0.125rem);}100%{transform:translateX(-0.125rem);}}@keyframes fadeError{50%{color:var(", ");}100%{color:transparent;}}"], CaptionWrapper, tokens.captionColor, classes.captionError, tokens.captionColorError, ItemInput, tokens.codeColor, tokens.caretColor, tokens.backgroundColor, tokens.borderWidth, tokens.borderColor, classes.hoverEnabled, tokens.backgroundColorHover, tokens.borderWidth, tokens.borderColorHover, ItemInput, tokens.backgroundColorFocus, tokens.borderWidth, tokens.borderColorFocus, classes.codeErrorAnimation, classes.codeError, ItemInput, tokens.codeColorError, tokens.backgroundErrorColor, tokens.borderWidth, tokens.borderErrorColor, ItemInput, tokens.backgroundErrorColor, tokens.borderWidth, tokens.borderErrorColor, classes.codeErrorFade, ItemInput, classes.itemErrorAnimation, classes.itemError, classes.itemError, tokens.codeColorError, tokens.backgroundErrorColor, tokens.borderWidth, tokens.borderErrorColor, classes.codeErrorFade, tokens.codeColorError);

package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.config.js

@@ -1,25 +0,0 @@
-import { css } from 'styled-components';
-import { codeFieldTokens as tokens } from "../../../../components/CodeField";
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'l',
-    shape: 'default'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--surface-transparent-primary);", ":var(--surface-transparent-primary-hover);", ":var(--surface-transparent-secondary);", ":var(--surface-transparent-negative);"], tokens.caretColor, tokens.captionColor, tokens.captionColorError, tokens.codeColor, tokens.codeColorError, tokens.backgroundColor, tokens.backgroundColorHover, tokens.backgroundColorFocus, tokens.backgroundErrorColor)
-    },
-    size: {
-      l: /*#__PURE__*/css(["", ":0.875rem;", ":0.125rem;", ":0.25rem;", ":2.75rem;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.875rem;", ":0.375rem;", ":0.875rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.codeItemWidth, tokens.codeItemHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.borderRadius, tokens.borderRadiusSegmented, tokens.segmentedSideBorderRadius),
-      m: /*#__PURE__*/css(["", ":0.75rem;", ":0.125rem;", ":0.25rem;", ":2.375rem;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.75rem;", ":0.25rem;", ":0.75rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.codeItemWidth, tokens.codeItemHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.borderRadius, tokens.borderRadiusSegmented, tokens.segmentedSideBorderRadius)
-    },
-    shape: {
-      "default": /*#__PURE__*/css([""]),
-      segmented: /*#__PURE__*/css([""])
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
-    }
-  }
-};

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

@@ -1,5 +0,0 @@
-import { codeFieldConfig } from "../../../../components/CodeField";
-import { component, mergeConfig } from "../../../../engines";
-import { config } from "./CodeField.config";
-var mergedConfig = /*#__PURE__*/mergeConfig(codeFieldConfig, config);
-export var CodeField = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/examples/plasma_b2c/components/CodeField/CodeField.stories.tsx

@@ -1,107 +0,0 @@
-import React, { ComponentProps, useState } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import { getConfigVariations } from '@salutejs/plasma-sb-utils';
-
-import { WithTheme } from '../../../_helpers';
-
-import { CodeField } from './CodeField';
-import { config } from './CodeField.config';
-
-const onChange = action('onChange');
-const onFullCodeEnter = action('onFullCodeEnter');
-
-const { views, sizes } = getConfigVariations(config);
-const codeLengths = [4, 5, 6];
-const shapes = ['default', 'segmented'];
-const captionAlignVariants = ['left', 'center'];
-const itemErrorBehaviorVariants = ['remove-symbol', 'keep', 'forbid-enter'];
-const codeErrorBehaviorVariants = ['remove-code', 'keep'];
-
-const meta: Meta<typeof CodeField> = {
-    title: 'b2c/Data Entry/CodeField',
-    component: CodeField,
-    decorators: [WithTheme],
-    argTypes: {
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        shape: {
-            options: shapes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        captionAlign: {
-            options: captionAlignVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        codeLength: {
-            options: codeLengths,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        itemErrorBehavior: {
-            options: itemErrorBehaviorVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        codeErrorBehavior: {
-            options: codeErrorBehaviorVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-    },
-    parameters: {
-        controls: {
-            exclude: ['view'],
-        },
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = ComponentProps<typeof CodeField>;
-
-const StoryDefault = (args: StoryPropsDefault) => {
-    const [value, setValue] = useState('');
-
-    const handleChange = (newValue: string) => {
-        setValue(newValue);
-        onChange(newValue);
-    };
-
-    return <CodeField {...args} value={value} onChange={handleChange} onFullCodeEnter={onFullCodeEnter} />;
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        view: 'default',
-        size: 'm',
-        shape: 'default',
-        codeLength: 6,
-        caption: 'Caption',
-        captionAlign: 'center',
-        width: '',
-        isError: false,
-        itemErrorBehavior: 'remove-symbol',
-        codeErrorBehavior: 'keep',
-        autoFocus: true,
-        disabled: false,
-    },
-    render: StoryDefault,
-};

package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.config.js

@@ -1,25 +0,0 @@
-import { css } from 'styled-components';
-import { codeFieldTokens as tokens } from "../../../../components/CodeField";
-export var config = {
-  defaults: {
-    view: 'default',
-    size: 'l',
-    shape: 'default'
-  },
-  variations: {
-    view: {
-      "default": /*#__PURE__*/css(["", ":var(--surface-accent);", ":var(--text-secondary);", ":var(--text-negative);", ":var(--text-primary);", ":var(--text-negative);", ":var(--surface-transparent-tertiary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--surface-negative);"], tokens.caretColor, tokens.captionColor, tokens.captionColorError, tokens.codeColor, tokens.codeColorError, tokens.borderColor, tokens.borderColorHover, tokens.borderColorFocus, tokens.borderErrorColor)
-    },
-    size: {
-      l: /*#__PURE__*/css(["", ":0.875rem;", ":0.125rem;", ":0.25rem;", ":2.75rem;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":0.063rem;", ":0.875rem;", ":0.375rem;", ":0.875rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.codeItemWidth, tokens.codeItemHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.borderWidth, tokens.borderRadius, tokens.borderRadiusSegmented, tokens.segmentedSideBorderRadius),
-      m: /*#__PURE__*/css(["", ":0.75rem;", ":0.125rem;", ":0.25rem;", ":2.375rem;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":0.063rem;", ":0.75rem;", ":0.25rem;", ":0.75rem;"], tokens.captionGap, tokens.codeItemsGap, tokens.separatorWidth, tokens.codeItemWidth, tokens.codeItemHeight, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.captionFontFamily, tokens.captionFontSize, tokens.captionFontStyle, tokens.captionFontWeight, tokens.captionLetterSpacing, tokens.captionLineHeight, tokens.borderWidth, tokens.borderRadius, tokens.borderRadiusSegmented, tokens.segmentedSideBorderRadius)
-    },
-    shape: {
-      "default": /*#__PURE__*/css([""]),
-      segmented: /*#__PURE__*/css([""])
-    },
-    disabled: {
-      "true": /*#__PURE__*/css(["", ":0.4;"], tokens.disabledOpacity)
-    }
-  }
-};

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

@@ -1,5 +0,0 @@
-import { codeFieldConfig } from "../../../../components/CodeField";
-import { component, mergeConfig } from "../../../../engines";
-import { config } from "./CodeField.config";
-var mergedConfig = /*#__PURE__*/mergeConfig(codeFieldConfig, config);
-export var CodeField = /*#__PURE__*/component(mergedConfig);

package/styled-components/es/examples/plasma_web/components/CodeField/CodeField.stories.tsx

@@ -1,107 +0,0 @@
-import React, { ComponentProps, useState } from 'react';
-import type { StoryObj, Meta } from '@storybook/react';
-import { action } from '@storybook/addon-actions';
-import { getConfigVariations } from '@salutejs/plasma-sb-utils';
-
-import { WithTheme } from '../../../_helpers';
-
-import { CodeField } from './CodeField';
-import { config } from './CodeField.config';
-
-const onChange = action('onChange');
-const onFullCodeEnter = action('onFullCodeEnter');
-
-const { views, sizes } = getConfigVariations(config);
-const codeLengths = [4, 5, 6];
-const shapes = ['default', 'segmented'];
-const captionAlignVariants = ['left', 'center'];
-const itemErrorBehaviorVariants = ['remove-symbol', 'keep', 'forbid-enter'];
-const codeErrorBehaviorVariants = ['remove-code', 'keep'];
-
-const meta: Meta<typeof CodeField> = {
-    title: 'web/Data Entry/CodeField',
-    component: CodeField,
-    decorators: [WithTheme],
-    argTypes: {
-        view: {
-            options: views,
-            control: {
-                type: 'select',
-            },
-        },
-        size: {
-            options: sizes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        shape: {
-            options: shapes,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        captionAlign: {
-            options: captionAlignVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        codeLength: {
-            options: codeLengths,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        itemErrorBehavior: {
-            options: itemErrorBehaviorVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-        codeErrorBehavior: {
-            options: codeErrorBehaviorVariants,
-            control: {
-                type: 'inline-radio',
-            },
-        },
-    },
-    parameters: {
-        controls: {
-            exclude: ['view'],
-        },
-    },
-};
-
-export default meta;
-
-type StoryPropsDefault = ComponentProps<typeof CodeField>;
-
-const StoryDefault = (args: StoryPropsDefault) => {
-    const [value, setValue] = useState('');
-
-    const handleChange = (newValue: string) => {
-        setValue(newValue);
-        onChange(newValue);
-    };
-
-    return <CodeField {...args} value={value} onChange={handleChange} onFullCodeEnter={onFullCodeEnter} />;
-};
-
-export const Default: StoryObj<StoryPropsDefault> = {
-    args: {
-        view: 'default',
-        size: 'm',
-        shape: 'default',
-        codeLength: 6,
-        caption: 'Caption',
-        captionAlign: 'center',
-        width: '',
-        isError: false,
-        itemErrorBehavior: 'remove-symbol',
-        codeErrorBehavior: 'keep',
-        autoFocus: true,
-        disabled: false,
-    },
-    render: StoryDefault,
-};

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

@@ -1,69 +0,0 @@
-import React from 'react';
-import type { RootProps } from '../../../src/engines';
-import type { CodeFieldProps } from './CodeField.types';
-export declare const codeFieldRoot: (Root: RootProps<HTMLDivElement, CodeFieldProps>) => React.ForwardRefExoticComponent<{
-    value?: string | undefined;
-    placeholder?: string | undefined;
-    autoFocus?: boolean | undefined;
-    codeLength?: 4 | 6 | 5 | undefined;
-    caption?: React.ReactNode;
-    captionAlign?: "center" | "left" | undefined;
-    width?: string | number | undefined;
-    shape?: "default" | "segmented" | undefined;
-    view?: string | undefined;
-    size?: string | undefined;
-    disabled?: boolean | undefined;
-    isError?: boolean | undefined;
-    setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
-    allowedSymbols?: string | RegExp | undefined;
-    itemErrorBehavior?: import("./CodeField.types").ItemErrorBehavior | undefined;
-    codeErrorBehavior?: import("./CodeField.types").CodeErrorBehavior | undefined;
-    onChange?: ((value: string) => void) | undefined;
-    onFullCodeEnter?: ((code: string) => void) | undefined;
-} & Pick<React.InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
-export declare const codeFieldConfig: {
-    name: string;
-    tag: string;
-    layout: (Root: RootProps<HTMLDivElement, CodeFieldProps>) => React.ForwardRefExoticComponent<{
-        value?: string | undefined;
-        placeholder?: string | undefined;
-        autoFocus?: boolean | undefined;
-        codeLength?: 4 | 6 | 5 | undefined;
-        caption?: React.ReactNode;
-        captionAlign?: "center" | "left" | undefined;
-        width?: string | number | undefined;
-        shape?: "default" | "segmented" | undefined;
-        view?: string | undefined;
-        size?: string | undefined;
-        disabled?: boolean | undefined;
-        isError?: boolean | undefined;
-        setIsError?: React.Dispatch<React.SetStateAction<boolean>> | undefined;
-        allowedSymbols?: string | RegExp | undefined;
-        itemErrorBehavior?: import("./CodeField.types").ItemErrorBehavior | undefined;
-        codeErrorBehavior?: import("./CodeField.types").CodeErrorBehavior | undefined;
-        onChange?: ((value: string) => void) | undefined;
-        onFullCodeEnter?: ((code: string) => void) | undefined;
-    } & Pick<React.InputHTMLAttributes<HTMLInputElement>, "aria-label" | "autoComplete"> & Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> & React.RefAttributes<HTMLInputElement>>;
-    base: import("@linaria/core").LinariaClassName;
-    variations: {
-        view: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        size: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        shape: {
-            css: import("@linaria/core").LinariaClassName;
-        };
-        disabled: {
-            css: import("@linaria/core").LinariaClassName;
-            attrs: boolean;
-        };
-    };
-    defaults: {
-        size: string;
-        view: string;
-        shape: string;
-    };
-};
-//# sourceMappingURL=CodeField.d.ts.map

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

@@ -1 +0,0 @@
-{"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,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;sLAiRxE,CAAC;AAEN,eAAO,MAAM,eAAe;;;mBAnRQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4S5E,CAAC"}

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

@@ -1,11 +0,0 @@
-/// <reference types="react" />
-export declare const base: import("@linaria/core").LinariaClassName;
-export declare const CodeWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const CodeGroup: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Separator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const ItemInput: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLInputElement> & import("react").InputHTMLAttributes<HTMLInputElement> & Record<never, unknown>>;
-export declare const CaptionWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
-    captionAlign: 'left' | 'center';
-    widthValue?: string | undefined;
-}>;
-//# sourceMappingURL=CodeField.styles.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.styles.ts"],"names":[],"mappings":";AAKA,eAAO,MAAM,IAAI,0CAUhB,CAAC;AAEF,eAAO,MAAM,WAAW,qKAGvB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAGrB,CAAC;AAEF,eAAO,MAAM,SAAS,qKAErB,CAAC;AAEF,eAAO,MAAM,SAAS,8KAQrB,CAAC;AAEF,eAAO,MAAM,cAAc;kBAA8B,MAAM,GAAG,QAAQ;;EAKzE,CAAC"}

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

@@ -1,52 +0,0 @@
-export declare const classes: {
-    itemError: string;
-    itemErrorAnimation: string;
-    itemErrorFade: string;
-    captionError: string;
-    codeError: string;
-    codeErrorAnimation: string;
-    codeErrorFade: string;
-    captionAlignLeft: string;
-    hoverEnabled: string;
-    segmented: string;
-    default: string;
-    disabled: string;
-};
-export declare const tokens: {
-    captionGap: string;
-    codeItemsGap: string;
-    separatorWidth: string;
-    codeItemWidth: string;
-    codeItemHeight: string;
-    fontFamily: string;
-    fontStyle: string;
-    fontSize: string;
-    fontWeight: string;
-    letterSpacing: string;
-    lineHeight: string;
-    captionFontFamily: string;
-    captionFontSize: string;
-    captionFontStyle: string;
-    captionFontWeight: string;
-    captionLetterSpacing: string;
-    captionLineHeight: string;
-    borderRadius: string;
-    borderRadiusSegmented: string;
-    segmentedSideBorderRadius: string;
-    captionColor: string;
-    captionColorError: string;
-    codeColor: string;
-    codeColorError: string;
-    backgroundColor: string;
-    backgroundColorHover: string;
-    backgroundColorFocus: string;
-    backgroundErrorColor: string;
-    borderWidth: string;
-    borderColor: string;
-    borderColorHover: string;
-    borderColorFocus: string;
-    borderErrorColor: string;
-    caretColor: string;
-    disabledOpacity: string;
-};
-//# sourceMappingURL=CodeField.tokens.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CodeField.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/CodeField/CodeField.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAiBnB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+ClB,CAAC"}