@salutejs/plasma-new-hope 0.194.0-canary.1565.11870784206.0 → 0.194.0-dev.0

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

@@ -1,7 +1,7 @@
 import React, { ComponentProps, useState } from 'react';
 import type { StoryObj, Meta } from '@storybook/react';
 import { action } from '@storybook/addon-actions';
-import { disableProps, IconPlaceholder } from '@salutejs/plasma-sb-utils';
+import { IconPlaceholder } from '@salutejs/plasma-sb-utils';
 
 import { WithTheme } from '../../../_helpers';
 import { IconCross } from '../../../../components/_Icon';
@@ -291,255 +291,3 @@ export const Chips: StoryObj<StoryPropsChips> = {
     },
     render: (args) => <StoryChips {...args} />,
 };
-
-type StoryEmailValidationProps = StoryPropsDefault & {
-    minLengthValue?: number;
-    minLengthErrorMessage?: string;
-    maxLengthValue?: number;
-    maxLengthErrorMessage?: string;
-    minHostLengthValue?: number;
-    minHostLengthErrorMessage?: string;
-    maxHostLengthValue?: number;
-    maxHostLengthErrorMessage?: string;
-    minDomainLengthValue?: number;
-    minDomainLengthErrorMessage?: string;
-    maxDomainLengthValue?: number;
-    maxDomainLengthErrorMessage?: string;
-    minZoneLengthValue?: number;
-    minZoneLengthErrorMessage?: string;
-    maxZoneLengthValue?: number;
-    maxZoneLengthErrorMessage?: string;
-    whitelistDomainsValue?: string;
-    whitelistDomainsErrorMessage?: string;
-    blacklistDomainsValue?: string;
-    blacklistDomainsErrorMessage?: string;
-};
-
-const StoryEmailValidation = ({
-    minLengthValue,
-    minLengthErrorMessage,
-    maxLengthValue,
-    maxLengthErrorMessage,
-    minHostLengthValue,
-    minHostLengthErrorMessage,
-    maxHostLengthValue,
-    maxHostLengthErrorMessage,
-    minDomainLengthValue,
-    minDomainLengthErrorMessage,
-    maxDomainLengthValue,
-    maxDomainLengthErrorMessage,
-    minZoneLengthValue,
-    minZoneLengthErrorMessage,
-    maxZoneLengthValue,
-    maxZoneLengthErrorMessage,
-    whitelistDomainsValue,
-    whitelistDomainsErrorMessage,
-    blacklistDomainsValue,
-    blacklistDomainsErrorMessage,
-    ...rest
-}: StoryEmailValidationProps) => {
-    const [error, setError] = useState('');
-
-    const validationOptions = {
-        minLength: {
-            value: minLengthValue || undefined,
-            errorMessage: minLengthErrorMessage || 'Почта слишком короткая',
-        },
-        maxLength: {
-            value: maxLengthValue || undefined,
-            errorMessage: maxLengthErrorMessage || 'Почта слишком длинная',
-        },
-        minHostLength: {
-            value: minHostLengthValue || undefined,
-            errorMessage: minHostLengthErrorMessage || 'Хост слишком короткий',
-        },
-        maxHostLength: {
-            value: maxHostLengthValue || undefined,
-            errorMessage: maxHostLengthErrorMessage || 'Хост слишком длинный',
-        },
-        minDomainLength: {
-            value: minDomainLengthValue || undefined,
-            errorMessage: minDomainLengthErrorMessage || 'Домен слишком короткий',
-        },
-        maxDomainLength: {
-            value: maxDomainLengthValue || undefined,
-            errorMessage: maxDomainLengthErrorMessage || 'Домен слишком длинный',
-        },
-        minZoneLength: {
-            value: minZoneLengthValue || undefined,
-            errorMessage: minZoneLengthErrorMessage || 'Доменная зона слишком короткая',
-        },
-        maxZoneLength: {
-            value: maxZoneLengthValue || undefined,
-            errorMessage: maxZoneLengthErrorMessage || 'Доменная зона слишком длинная',
-        },
-        whitelistDomains: {
-            value: whitelistDomainsValue?.split(',') || undefined,
-            errorMessage: whitelistDomainsErrorMessage || 'Домен не разрешен',
-        },
-        blacklistDomains: {
-            value: blacklistDomainsValue?.split(',') || undefined,
-            errorMessage: blacklistDomainsErrorMessage || 'Домен запрещен',
-        },
-    };
-
-    const handleOnChange = () => {
-        setError('');
-    };
-
-    const handleOnValidate = ({ errorMessage }: { errorMessage?: string }) => {
-        setError(errorMessage || '');
-    };
-
-    return (
-        <TextField
-            label="Валидация почты"
-            validationType="email"
-            options={validationOptions}
-            size="l"
-            view={error ? 'negative' : 'default'}
-            leftHelper={error || 'Валидация почты'}
-            onChange={handleOnChange}
-            onValidate={handleOnValidate}
-            {...rest}
-        />
-    );
-};
-
-export const EmailValidation: StoryObj<StoryEmailValidationProps> = {
-    argTypes: {
-        ...disableProps(['view', 'size', 'maxLength', 'required', 'requiredPlacement', 'optional']),
-    },
-    args: {
-        labelPlacement: 'outer',
-        placeholder: 'Заполните поле',
-        minLengthValue: 5,
-        minLengthErrorMessage: 'Почта слишком короткая',
-        maxLengthValue: 25,
-        maxLengthErrorMessage: 'Почта слишком длинная',
-        minHostLengthValue: 1,
-        minHostLengthErrorMessage: 'Хост слишком короткий',
-        maxHostLengthValue: 12,
-        maxHostLengthErrorMessage: 'Хост слишком длинный',
-        minDomainLengthValue: 1,
-        minDomainLengthErrorMessage: 'Домен слишком короткий',
-        maxDomainLengthValue: 6,
-        maxDomainLengthErrorMessage: 'Домен слишком длинный',
-        minZoneLengthValue: 1,
-        minZoneLengthErrorMessage: 'Доменная зона слишком короткая',
-        maxZoneLengthValue: 5,
-        maxZoneLengthErrorMessage: 'Доменная зона слишком длинная',
-        whitelistDomainsValue: 'gmail.com,yandex.ru,mail.ru,mail.com',
-        whitelistDomainsErrorMessage: 'Домен не разрешен',
-        blacklistDomainsValue: 'heh.org,hah.ha',
-        blacklistDomainsErrorMessage: 'Домен запрещен',
-    },
-    render: (args) => <StoryEmailValidation {...args} />,
-};
-
-type StoryPasswordValidationProps = StoryPropsDefault & {
-    minLengthValue?: number;
-    minLengthErrorMessage?: string;
-    maxLengthValue?: number;
-    maxLengthErrorMessage?: string;
-    includeUppercase?: boolean;
-    includeUppercaseErrorMessage?: string;
-    includeLowercase?: boolean;
-    includeLowercaseErrorMessage?: string;
-    includeDigits?: boolean;
-    includeDigitsErrorMessage?: string;
-    includeSpecialSymbols?: boolean;
-    includeSpecialSymbolsErrorMessage?: string;
-};
-
-const StoryPasswordValidation = ({
-    minLengthValue,
-    minLengthErrorMessage,
-    maxLengthValue,
-    maxLengthErrorMessage,
-    includeUppercase,
-    includeUppercaseErrorMessage,
-    includeLowercase,
-    includeLowercaseErrorMessage,
-    includeDigits,
-    includeDigitsErrorMessage,
-    includeSpecialSymbols,
-    includeSpecialSymbolsErrorMessage,
-    ...rest
-}: StoryPasswordValidationProps) => {
-    const [error, setError] = useState('');
-
-    const validationOptions = {
-        minLength: {
-            value: minLengthValue || undefined,
-            errorMessage: minLengthErrorMessage || 'Пароль слишком короткий',
-        },
-        maxLength: {
-            value: maxLengthValue || undefined,
-            errorMessage: maxLengthErrorMessage || 'Пароль слишком длинный',
-        },
-        includeUppercase: {
-            value: includeUppercase,
-            errorMessage: includeUppercaseErrorMessage || 'Пароль должен содержать хотя бы одну заглавную букву',
-        },
-        includeLowercase: {
-            value: includeLowercase,
-            errorMessage: includeLowercaseErrorMessage || 'Пароль должен содержать хотя бы одну строчную букву',
-        },
-        includeDigits: {
-            value: includeDigits,
-            errorMessage: includeDigitsErrorMessage || 'Пароль должен содержать хотя бы одну цифру',
-        },
-        includeSpecialSymbols: {
-            value: includeSpecialSymbols,
-            errorMessage:
-                includeSpecialSymbolsErrorMessage || 'Пароль должен содержать хотя бы один специальный символ',
-        },
-    };
-
-    const handleOnChange = () => {
-        setError('');
-    };
-
-    const handleOnValidate = ({ errorMessage }: { errorMessage?: string }) => {
-        setError(errorMessage || '');
-    };
-
-    return (
-        <TextField
-            label="Валидация пароля"
-            validationType="password"
-            options={validationOptions}
-            size="l"
-            view={error ? 'negative' : 'default'}
-            leftHelper={error || 'Валидация пароля'}
-            onChange={handleOnChange}
-            onValidate={handleOnValidate}
-            {...rest}
-        />
-    );
-};
-
-export const PasswordValidation: StoryObj<StoryPasswordValidationProps> = {
-    argTypes: {
-        ...disableProps(['view', 'size', 'maxLength', 'required', 'requiredPlacement', 'optional']),
-    },
-    args: {
-        labelPlacement: 'outer',
-        placeholder: 'Заполните поле',
-        passwordHidden: false,
-        minLengthValue: 5,
-        minLengthErrorMessage: 'Пароль слишком короткий',
-        maxLengthValue: 25,
-        maxLengthErrorMessage: 'Пароль слишком длинный',
-        includeUppercase: true,
-        includeUppercaseErrorMessage: 'Пароль должен содержать хотя бы одну заглавную букву',
-        includeLowercase: true,
-        includeLowercaseErrorMessage: 'Пароль должен содержать хотя бы одну строчную букву',
-        includeDigits: true,
-        includeDigitsErrorMessage: 'Пароль должен содержать хотя бы одну цифру',
-        includeSpecialSymbols: true,
-        includeSpecialSymbolsErrorMessage: 'Пароль должен содержать хотя бы один специальный символ',
-    },
-    render: (args) => <StoryPasswordValidation {...args} />,
-};

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

@@ -19,7 +19,7 @@ export var config = {
       s: /*#__PURE__*/css(["", ":2rem;", ":1.25rem;", ":calc(var(", ") / 2);", ":1rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
     },
     view: {
-      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.thumbBackgroundColor, switchTokens.thumbBoxShadow)
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":var(--surface-accent);", ":var(--surface-accent-hover);", ":var(--surface-transparent-tertiary);", ":var(--surface-transparent-tertiary-hover);", ":0rem;", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-surface-solid-default);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBackgroundColorOn, switchTokens.trackBackgroundColorOnHover, switchTokens.trackBackgroundColorOff, switchTokens.trackBackgroundColorOffHover, switchTokens.trackBorderWidth, switchTokens.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
     },
     disabled: {
       "true": /*#__PURE__*/css(["", ":0.4;"], switchTokens.disabledOpacity)

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

@@ -1,5 +1,8 @@
 import { switchConfig } from '../../../../components/Switch';
 import { component, mergeConfig } from '../../../../engines';
 import { config } from './Switch.config';
+import { config as outlineConfig } from './Switch.outline.config';
 var mergedConfig = /*#__PURE__*/mergeConfig(switchConfig, config);
-export var Switch = /*#__PURE__*/component(mergedConfig);
+export var Switch = /*#__PURE__*/component(mergedConfig);
+var mergedOutlineConfig = /*#__PURE__*/mergeConfig(switchConfig, outlineConfig);
+export var SwitchOutline = /*#__PURE__*/component(mergedOutlineConfig);

package/styled-components/es/examples/plasma_web/components/Switch/Switch.outline.config.js

@@ -0,0 +1,31 @@
+import { css } from 'styled-components';
+import { switchTokens } from '../../../../components/Switch';
+export var config = {
+  defaults: {
+    view: 'default',
+    size: 'm',
+    toggleSize: 'l',
+    labelPosition: 'before',
+    focused: 'true'
+  },
+  variations: {
+    size: {
+      s: /*#__PURE__*/css(["", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-font-weight);", ":var(--plasma-typo-body-xs-line-height);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
+      m: /*#__PURE__*/css(["", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-font-weight);", ":var(--plasma-typo-body-s-line-height);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset),
+      l: /*#__PURE__*/css(["", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-font-weight);", ":var(--plasma-typo-body-l-line-height);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-font-weight);", ":var(--plasma-typo-body-m-line-height);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-xs-letter-spacing);", ":0.25rem;", ":0.75rem;"], switchTokens.fontFamily, switchTokens.fontStyle, switchTokens.fontWeight, switchTokens.lineHeight, switchTokens.fontSize, switchTokens.letterSpacing, switchTokens.descriptionFontFamily, switchTokens.descriptionFontStyle, switchTokens.descriptionFontWeight, switchTokens.descriptionLineHeight, switchTokens.descriptionFontSize, switchTokens.descriptionLetterSpacing, switchTokens.verticalGap, switchTokens.labelOffset)
+    },
+    toggleSize: {
+      l: /*#__PURE__*/css(["", ":2.75rem;", ":1.75rem;", ":calc(var(", ") / 2);", ":1.375rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale),
+      s: /*#__PURE__*/css(["", ":2rem;", ":1.25rem;", ":calc(var(", ") / 2);", ":0.875rem;", ":calc(var(", ") / 2);", ":0.125rem;", ":1.25;"], switchTokens.trackWidth, switchTokens.trackHeight, switchTokens.trackBorderRadius, switchTokens.trackHeight, switchTokens.thumbSize, switchTokens.thumbBorderRadius, switchTokens.thumbSize, switchTokens.thumbOffset, switchTokens.thumbPressScale)
+    },
+    view: {
+      "default": /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--text-secondary);", ":0.0625rem;", ":var(--outline-secondary);", ":var(--outline-secondary-hover);", ":var(--outline-accent);", ":var(--outline-accent-hover);", ":var(--text-tertiary);", ":var(--text-accent);", ":0 1px 1px rgba(0,0,0,0.11);"], switchTokens.labelColor, switchTokens.descriptionColor, switchTokens.trackBorderWidth, switchTokens.trackBorderColorOff, switchTokens.trackBorderColorOffHover, switchTokens.trackBorderColorOn, switchTokens.trackBorderColorOnHover, switchTokens.thumbBackgroundColorOff, switchTokens.thumbBackgroundColorOn, switchTokens.thumbBoxShadow)
+    },
+    disabled: {
+      "true": /*#__PURE__*/css(["", ":0.4;"], switchTokens.disabledOpacity)
+    },
+    focused: {
+      "true": /*#__PURE__*/css(["", ":var(--surface-accent);"], switchTokens.trackFocusColor)
+    }
+  }
+};

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

@@ -9,7 +9,7 @@ import { mergeConfig } from '../../../../engines';
 import { WithTheme, argTypesFromConfig } from '../../../_helpers';
 
 import { config } from './Switch.config';
-import { Switch } from './Switch';
+import { Switch, SwitchOutline } from './Switch';
 
 type SwitchProps = ComponentProps<typeof Switch>;
 
@@ -72,3 +72,35 @@ export const Default: StoryObj<SwitchProps> = {
     },
     render: (args) => <StoryDefault {...args} />,
 };
+
+const StoryOutline = (args: SwitchProps) => {
+    const value = 'yes';
+    const name = 'agree';
+    const [checked, setChecked] = useState(true);
+
+    return (
+        <StyledWrapper>
+            <SwitchOutline
+                value={value}
+                name={name}
+                checked={checked}
+                onChange={(event) => {
+                    setChecked(event.target.checked);
+                    onChange(event);
+                }}
+                onFocus={onFocus}
+                onBlur={onBlur}
+                {...args}
+            />
+        </StyledWrapper>
+    );
+};
+
+export const Outline: StoryObj<SwitchProps> = {
+    args: {
+        size: 'm',
+        toggleSize: 'l',
+        disabled: false,
+    },
+    render: (args) => <StoryOutline {...args} />,
+};

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

@@ -291,255 +291,3 @@ export const Chips: StoryObj<StoryPropsChips> = {
     },
     render: (args) => <StoryChips {...args} />,
 };
-
-type StoryEmailValidationProps = StoryPropsDefault & {
-    minLengthValue?: number;
-    minLengthErrorMessage?: string;
-    maxLengthValue?: number;
-    maxLengthErrorMessage?: string;
-    minHostLengthValue?: number;
-    minHostLengthErrorMessage?: string;
-    maxHostLengthValue?: number;
-    maxHostLengthErrorMessage?: string;
-    minDomainLengthValue?: number;
-    minDomainLengthErrorMessage?: string;
-    maxDomainLengthValue?: number;
-    maxDomainLengthErrorMessage?: string;
-    minZoneLengthValue?: number;
-    minZoneLengthErrorMessage?: string;
-    maxZoneLengthValue?: number;
-    maxZoneLengthErrorMessage?: string;
-    whitelistDomainsValue?: string;
-    whitelistDomainsErrorMessage?: string;
-    blacklistDomainsValue?: string;
-    blacklistDomainsErrorMessage?: string;
-};
-
-const StoryEmailValidation = ({
-    minLengthValue,
-    minLengthErrorMessage,
-    maxLengthValue,
-    maxLengthErrorMessage,
-    minHostLengthValue,
-    minHostLengthErrorMessage,
-    maxHostLengthValue,
-    maxHostLengthErrorMessage,
-    minDomainLengthValue,
-    minDomainLengthErrorMessage,
-    maxDomainLengthValue,
-    maxDomainLengthErrorMessage,
-    minZoneLengthValue,
-    minZoneLengthErrorMessage,
-    maxZoneLengthValue,
-    maxZoneLengthErrorMessage,
-    whitelistDomainsValue,
-    whitelistDomainsErrorMessage,
-    blacklistDomainsValue,
-    blacklistDomainsErrorMessage,
-    ...rest
-}: StoryEmailValidationProps) => {
-    const [error, setError] = useState('');
-
-    const validationOptions = {
-        minLength: {
-            value: minLengthValue || undefined,
-            errorMessage: minLengthErrorMessage || 'Почта слишком короткая',
-        },
-        maxLength: {
-            value: maxLengthValue || undefined,
-            errorMessage: maxLengthErrorMessage || 'Почта слишком длинная',
-        },
-        minHostLength: {
-            value: minHostLengthValue || undefined,
-            errorMessage: minHostLengthErrorMessage || 'Хост слишком короткий',
-        },
-        maxHostLength: {
-            value: maxHostLengthValue || undefined,
-            errorMessage: maxHostLengthErrorMessage || 'Хост слишком длинный',
-        },
-        minDomainLength: {
-            value: minDomainLengthValue || undefined,
-            errorMessage: minDomainLengthErrorMessage || 'Домен слишком короткий',
-        },
-        maxDomainLength: {
-            value: maxDomainLengthValue || undefined,
-            errorMessage: maxDomainLengthErrorMessage || 'Домен слишком длинный',
-        },
-        minZoneLength: {
-            value: minZoneLengthValue || undefined,
-            errorMessage: minZoneLengthErrorMessage || 'Доменная зона слишком короткая',
-        },
-        maxZoneLength: {
-            value: maxZoneLengthValue || undefined,
-            errorMessage: maxZoneLengthErrorMessage || 'Доменная зона слишком длинная',
-        },
-        whitelistDomains: {
-            value: whitelistDomainsValue?.split(',') || undefined,
-            errorMessage: whitelistDomainsErrorMessage || 'Домен не разрешен',
-        },
-        blacklistDomains: {
-            value: blacklistDomainsValue?.split(',') || undefined,
-            errorMessage: blacklistDomainsErrorMessage || 'Домен запрещен',
-        },
-    };
-
-    const handleOnChange = () => {
-        setError('');
-    };
-
-    const handleOnValidate = ({ errorMessage }: { errorMessage?: string }) => {
-        setError(errorMessage || '');
-    };
-
-    return (
-        <TextField
-            label="Валидация почты"
-            validationType="email"
-            options={validationOptions}
-            size="l"
-            view={error ? 'negative' : 'default'}
-            leftHelper={error || 'Валидация почты'}
-            onChange={handleOnChange}
-            onValidate={handleOnValidate}
-            {...rest}
-        />
-    );
-};
-
-export const EmailValidation: StoryObj<StoryEmailValidationProps> = {
-    argTypes: {
-        ...disableProps(['view', 'size', 'maxLength', 'required', 'requiredPlacement', 'optional']),
-    },
-    args: {
-        labelPlacement: 'outer',
-        placeholder: 'Заполните поле',
-        minLengthValue: 5,
-        minLengthErrorMessage: 'Почта слишком короткая',
-        maxLengthValue: 25,
-        maxLengthErrorMessage: 'Почта слишком длинная',
-        minHostLengthValue: 1,
-        minHostLengthErrorMessage: 'Хост слишком короткий',
-        maxHostLengthValue: 12,
-        maxHostLengthErrorMessage: 'Хост слишком длинный',
-        minDomainLengthValue: 1,
-        minDomainLengthErrorMessage: 'Домен слишком короткий',
-        maxDomainLengthValue: 6,
-        maxDomainLengthErrorMessage: 'Домен слишком длинный',
-        minZoneLengthValue: 1,
-        minZoneLengthErrorMessage: 'Доменная зона слишком короткая',
-        maxZoneLengthValue: 5,
-        maxZoneLengthErrorMessage: 'Доменная зона слишком длинная',
-        whitelistDomainsValue: 'gmail.com,yandex.ru,mail.ru,mail.com',
-        whitelistDomainsErrorMessage: 'Домен не разрешен',
-        blacklistDomainsValue: 'heh.org,hah.ha',
-        blacklistDomainsErrorMessage: 'Домен запрещен',
-    },
-    render: (args) => <StoryEmailValidation {...args} />,
-};
-
-type StoryPasswordValidationProps = StoryPropsDefault & {
-    minLengthValue?: number;
-    minLengthErrorMessage?: string;
-    maxLengthValue?: number;
-    maxLengthErrorMessage?: string;
-    includeUppercase?: boolean;
-    includeUppercaseErrorMessage?: string;
-    includeLowercase?: boolean;
-    includeLowercaseErrorMessage?: string;
-    includeDigits?: boolean;
-    includeDigitsErrorMessage?: string;
-    includeSpecialSymbols?: boolean;
-    includeSpecialSymbolsErrorMessage?: string;
-};
-
-const StoryPasswordValidation = ({
-    minLengthValue,
-    minLengthErrorMessage,
-    maxLengthValue,
-    maxLengthErrorMessage,
-    includeUppercase,
-    includeUppercaseErrorMessage,
-    includeLowercase,
-    includeLowercaseErrorMessage,
-    includeDigits,
-    includeDigitsErrorMessage,
-    includeSpecialSymbols,
-    includeSpecialSymbolsErrorMessage,
-    ...rest
-}: StoryPasswordValidationProps) => {
-    const [error, setError] = useState('');
-
-    const validationOptions = {
-        minLength: {
-            value: minLengthValue || undefined,
-            errorMessage: minLengthErrorMessage || 'Пароль слишком короткий',
-        },
-        maxLength: {
-            value: maxLengthValue || undefined,
-            errorMessage: maxLengthErrorMessage || 'Пароль слишком длинный',
-        },
-        includeUppercase: {
-            value: includeUppercase,
-            errorMessage: includeUppercaseErrorMessage || 'Пароль должен содержать хотя бы одну заглавную букву',
-        },
-        includeLowercase: {
-            value: includeLowercase,
-            errorMessage: includeLowercaseErrorMessage || 'Пароль должен содержать хотя бы одну строчную букву',
-        },
-        includeDigits: {
-            value: includeDigits,
-            errorMessage: includeDigitsErrorMessage || 'Пароль должен содержать хотя бы одну цифру',
-        },
-        includeSpecialSymbols: {
-            value: includeSpecialSymbols,
-            errorMessage:
-                includeSpecialSymbolsErrorMessage || 'Пароль должен содержать хотя бы один специальный символ',
-        },
-    };
-
-    const handleOnChange = () => {
-        setError('');
-    };
-
-    const handleOnValidate = ({ errorMessage }: { errorMessage?: string }) => {
-        setError(errorMessage || '');
-    };
-
-    return (
-        <TextField
-            label="Валидация пароля"
-            validationType="password"
-            options={validationOptions}
-            size="l"
-            view={error ? 'negative' : 'default'}
-            leftHelper={error || 'Валидация пароля'}
-            onChange={handleOnChange}
-            onValidate={handleOnValidate}
-            {...rest}
-        />
-    );
-};
-
-export const PasswordValidation: StoryObj<StoryPasswordValidationProps> = {
-    argTypes: {
-        ...disableProps(['view', 'size', 'maxLength', 'required', 'requiredPlacement', 'optional']),
-    },
-    args: {
-        labelPlacement: 'outer',
-        placeholder: 'Заполните поле',
-        passwordHidden: false,
-        minLengthValue: 5,
-        minLengthErrorMessage: 'Пароль слишком короткий',
-        maxLengthValue: 25,
-        maxLengthErrorMessage: 'Пароль слишком длинный',
-        includeUppercase: true,
-        includeUppercaseErrorMessage: 'Пароль должен содержать хотя бы одну заглавную букву',
-        includeLowercase: true,
-        includeLowercaseErrorMessage: 'Пароль должен содержать хотя бы одну строчную букву',
-        includeDigits: true,
-        includeDigitsErrorMessage: 'Пароль должен содержать хотя бы одну цифру',
-        includeSpecialSymbols: true,
-        includeSpecialSymbolsErrorMessage: 'Пароль должен содержать хотя бы один специальный символ',
-    },
-    render: (args) => <StoryPasswordValidation {...args} />,
-};

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

@@ -10,6 +10,4 @@ export var keyCodes = {
   Enter: 13,
   Space: 32,
   Escape: 27
-};
-export var emailPattern = /^[^\s@]+@([^\s@.,]+\.)+[^\s@.,]{2,}$/;
-export var specialCharacters = /[!@#$%^&*(),.?":{}|<>]/;
+};

package/types/components/Autocomplete/Autocomplete.types.d.ts

@@ -1,5 +1,5 @@
 import type { InputHTMLAttributes, ReactNode } from 'react';
-import { TextFieldPropsBase, RequiredProps, ValidationProps } from '../TextField/TextField.types';
+import { TextFieldPropsBase, RequiredProps } from '../TextField/TextField.types';
 export declare type SuggestionItemType = {
     /**
      * Метка-подпись к подсказке
@@ -84,5 +84,5 @@ export declare type BaseProps = {
      */
     renderListEnd?: () => ReactNode;
 };
-export declare type AutocompleteProps = BaseProps & RequiredProps & ValidationProps & Omit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'required' | 'optional' | 'requiredPlacement' | 'validationType' | 'options' | 'passwordHidden' | 'onValidate'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'>;
+export declare type AutocompleteProps = BaseProps & RequiredProps & Omit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'required' | 'optional' | 'requiredPlacement'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'>;
 //# sourceMappingURL=Autocomplete.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAElG,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,kBAAkB,EAAE,KAAK,SAAS,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;CACnC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,SAAS,GACrC,aAAa,GACb,eAAe,GACf,IAAI,CACA,kBAAkB,EAChB,OAAO,GACP,eAAe,GACf,iBAAiB,GACjB,UAAU,GACV,UAAU,GACV,mBAAmB,GACnB,gBAAgB,GAChB,SAAS,GACT,gBAAgB,GAChB,YAAY,CACjB,GACD,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC"}
+{"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEjF,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,kBAAkB,EAAE,KAAK,SAAS,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;CACnC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,SAAS,GACrC,aAAa,GACb,IAAI,CACA,kBAAkB,EAClB,OAAO,GAAG,eAAe,GAAG,iBAAiB,GAAG,UAAU,GAAG,UAAU,GAAG,mBAAmB,CAChG,GACD,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC"}