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

package/emotion/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/emotion/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/emotion/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/es/components/Switch/Switch.css

@@ -1,8 +1,8 @@
 .base_1tcl212_bm1v11h__e2c572a3 .base_1tcl212_s10fscgc__e2c572a3{font-family:var(--plasma-switch-font-family);font-style:var(--plasma-switch-font-style);font-weight:var(--plasma-switch-font-weight);-webkit-letter-spacing:var(--plasma-switch-letter-spacing);-moz-letter-spacing:var(--plasma-switch-letter-spacing);-ms-letter-spacing:var(--plasma-switch-letter-spacing);letter-spacing:var(--plasma-switch-letter-spacing);line-height:var(--plasma-switch-line-height);font-size:var(--plasma-switch-font-size);}.base_1tcl212_bm1v11h__e2c572a3 .base_1tcl212_sdjnckq__e2c572a3{font-family:var(--plasma-switch-description-font-family);font-style:var(--plasma-switch-description-font-style);font-weight:var(--plasma-switch-description-font-weight);-webkit-letter-spacing:var(--plasma-switch-description-letter-spacing);-moz-letter-spacing:var(--plasma-switch-description-letter-spacing);-ms-letter-spacing:var(--plasma-switch-description-letter-spacing);letter-spacing:var(--plasma-switch-description-letter-spacing);line-height:var(--plasma-switch-description-line-height);font-size:var(--plasma-switch-description-font-size);}.base_1tcl212_bm1v11h__e2c572a3 .base_1tcl212_s1ilr5eq__e2c572a3{margin:var(--plasma_private-switch__label-offset,0);}
 
-.base_6i0904_b1wld3h3__fa866566 .base_6i0904_s2cs3kf__fa866566{-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);border-radius:var(--plasma-switch__track-border-radius);}.base_6i0904_b1wld3h3__fa866566 .base_6i0904_s2cs3kf__fa866566::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.base_6i0904_b1wld3h3__fa866566:active:not([disabled]) .base_6i0904_s2cs3kf__fa866566::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
+.base_1d0b3t4_b1wld3h3__ac2a0bcf .base_1d0b3t4_s2cs3kf__ac2a0bcf{box-sizing:border-box;-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);border-style:solid;border-width:var(--plasma-switch__track-border);border-radius:var(--plasma-switch__track-border-radius);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);}.base_1d0b3t4_b1wld3h3__ac2a0bcf .base_1d0b3t4_s2cs3kf__ac2a0bcf::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.base_1d0b3t4_b1wld3h3__ac2a0bcf:active:not([disabled]) .base_1d0b3t4_s2cs3kf__ac2a0bcf::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}
 
-.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_s2cs3kf__d59e59a0{background-color:var(--plasma-switch__track_checked_false-bg-color);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:not([disabled]) ~ .base_yxkf3s_s2cs3kf__d59e59a0:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:checked ~ .base_yxkf3s_s2cs3kf__d59e59a0{background-color:var(--plasma-switch__track_checked_true-bg-color);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:checked:not([disabled]) ~ .base_yxkf3s_s2cs3kf__d59e59a0:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_s2cs3kf__d59e59a0::after{background-color:var(--plasma-switch__thumb-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_ssthlx1__d59e59a0:checked ~ .base_yxkf3s_s2cs3kf__d59e59a0::after{box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_s1ilr5eq__d59e59a0{color:var(--plasma-switch__label-color);}.base_yxkf3s_b1g0jmh3__d59e59a0 .base_yxkf3s_sdjnckq__d59e59a0{color:var(--plasma-switch__description-color);}
+.base_15atbyp_b1g0jmh3__64acd499 .base_15atbyp_s2cs3kf__64acd499{background-color:var(--plasma-switch__track_checked_false-bg-color);border-color:var(--plasma-switch__track-checked_false-border-color);}.base_15atbyp_b1g0jmh3__64acd499 .base_15atbyp_ssthlx1__64acd499:not([disabled]) ~ .base_15atbyp_s2cs3kf__64acd499:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));border-color:var(--plasma-switch__track-checked_false_hovered_true-border-color,var(--plasma-switch__track-checked_false-border-color));}.base_15atbyp_b1g0jmh3__64acd499 .base_15atbyp_ssthlx1__64acd499:checked ~ .base_15atbyp_s2cs3kf__64acd499{background-color:var(--plasma-switch__track_checked_true-bg-color);border-color:var(--plasma-switch__track-checked_true-border-color);}.base_15atbyp_b1g0jmh3__64acd499 .base_15atbyp_ssthlx1__64acd499:checked:not([disabled]) ~ .base_15atbyp_s2cs3kf__64acd499:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));border-color:var(--plasma-switch__track-checked_true_hovered_true-border-color,var(--plasma-switch__track-checked_true-border-color));}.base_15atbyp_b1g0jmh3__64acd499 .base_15atbyp_s2cs3kf__64acd499::after{background-color:var(--plasma-switch__thumb-checked_false-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.base_15atbyp_b1g0jmh3__64acd499 .base_15atbyp_ssthlx1__64acd499:checked ~ .base_15atbyp_s2cs3kf__64acd499::after{background-color:var(--plasma-switch__thumb_checked_true-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}.base_15atbyp_b1g0jmh3__64acd499 .base_15atbyp_s1ilr5eq__64acd499{color:var(--plasma-switch__label-color);}.base_15atbyp_b1g0jmh3__64acd499 .base_15atbyp_sdjnckq__64acd499{color:var(--plasma-switch__description-color);}
 
 .base_sz3n0x_bvwxj2r__a36bed54 .base_sz3n0x_s2cs3kf__a36bed54::before{content:'';position:absolute;inset:-0.125rem;display:block;box-sizing:content-box;border-radius:calc(0.125rem + var(--plasma-switch__track-border-radius));border:0.125rem solid transparent;pointer-events:none;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;}.base_sz3n0x_bvwxj2r__a36bed54 .base_sz3n0x_ssthlx1__a36bed54.base_sz3n0x_focusVisible__a36bed54 ~ .base_sz3n0x_s2cs3kf__a36bed54::before{box-shadow:0 0 0 0.125rem var(--plasma-switch__track-focus-color);}
 

package/es/components/Switch/Switch.tokens.js

@@ -23,6 +23,11 @@ var tokens = {
   verticalGap: '--plasma-switch-vertical-gap',
   trackWidth: '--plasma-switch__track-width',
   trackHeight: '--plasma-switch__track-height',
+  trackBorderWidth: '--plasma-switch__track-border',
+  trackBorderColorOn: '--plasma-switch__track-checked_true-border-color',
+  trackBorderColorOnHover: '--plasma-switch__track-checked_true_hovered_true-border-color',
+  trackBorderColorOff: '--plasma-switch__track-checked_false-border-color',
+  trackBorderColorOffHover: '--plasma-switch__track-checked_false_hovered_true-border-color',
   trackBorderRadius: '--plasma-switch__track-border-radius',
   // NOTE: could be intersection with checked
   trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',
@@ -34,7 +39,8 @@ var tokens = {
   thumbOffset: '--plasma-switch__thumb-offset',
   thumbBorderRadius: '--plasma-switch__thumb-border-radius',
   thumbPressScale: '--plasma-switch__thumb-scale',
-  thumbBackgroundColor: '--plasma-switch__thumb-bg-color',
+  thumbBackgroundColorOn: '--plasma-switch__thumb_checked_true-bg-color',
+  thumbBackgroundColorOff: '--plasma-switch__thumb-checked_false-bg-color',
   thumbBoxShadow: '--plasma-switch__thumb-box-shadow',
   thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',
   labelOffsetPrivate: '--plasma_private-switch__label-offset'

package/es/components/Switch/Switch.tokens.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n    fontFamily: '--plasma-switch-font-family',\n    fontStyle: '--plasma-switch-font-style',\n    fontSize: '--plasma-switch-font-size',\n    fontWeight: '--plasma-switch-font-weight',\n    letterSpacing: '--plasma-switch-letter-spacing',\n    lineHeight: '--plasma-switch-line-height',\n\n    /* Токены description */\n    descriptionFontFamily: '--plasma-switch-description-font-family',\n    descriptionFontStyle: '--plasma-switch-description-font-style',\n    descriptionFontSize: '--plasma-switch-description-font-size',\n    descriptionFontWeight: '--plasma-switch-description-font-weight',\n    descriptionLetterSpacing: '--plasma-switch-description-letter-spacing',\n    descriptionLineHeight: '--plasma-switch-description-line-height',\n\n    /* Цвет подписи */\n    labelColor: '--plasma-switch__label-color',\n    labelOffset: '--plasma-switch__label-offset',\n\n    /* Цвет описания */\n    descriptionColor: '--plasma-switch__description-color',\n    descriptionOffset: '--plasma-switch__description-offset',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-switch-disabled-opacity',\n\n    verticalGap: '--plasma-switch-vertical-gap',\n    trackWidth: '--plasma-switch__track-width',\n    trackHeight: '--plasma-switch__track-height',\n    trackBorderRadius: '--plasma-switch__track-border-radius',\n    // NOTE: could be intersection with checked\n    trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n    trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n    trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n    trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n    trackFocusColor: '--plasma-switch__track-focus-color',\n\n    thumbSize: '--plasma-switch__thumb-size',\n    thumbOffset: '--plasma-switch__thumb-offset',\n    thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n    thumbPressScale: '--plasma-switch__thumb-scale',\n\n    thumbBackgroundColor: '--plasma-switch__thumb-bg-color',\n    thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n    thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n\n    labelOffsetPrivate: '--plasma_private-switch__label-offset',\n};\n\nexport const classes = {\n    beforeSwitchLabelPosition: 'switch-label-position-before',\n    afterSwitchLabelPosition: 'switch-label-position-after',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","descriptionFontFamily","descriptionFontStyle","descriptionFontSize","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","labelColor","labelOffset","descriptionColor","descriptionOffset","disabledOpacity","verticalGap","trackWidth","trackHeight","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffset","thumbBorderRadius","thumbPressScale","thumbBackgroundColor","thumbBoxShadow","thumbBoxShadowOn","labelOffsetPrivate","classes","beforeSwitchLabelPosition","afterSwitchLabelPosition"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhE;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,iBAAiB,EAAE,qCAAqC;AAExD;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,oBAAoB,EAAE,iCAAiC;AACvDC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,gDAAgD;AAElEC,EAAAA,kBAAkB,EAAE,uCAAA;AACxB,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,wBAAwB,EAAE,6BAAA;AAC9B;;;;"}
+{"version":3,"file":"Switch.tokens.js","sources":["../../../src/components/Switch/Switch.tokens.ts"],"sourcesContent":["export const tokens = {\n    fontFamily: '--plasma-switch-font-family',\n    fontStyle: '--plasma-switch-font-style',\n    fontSize: '--plasma-switch-font-size',\n    fontWeight: '--plasma-switch-font-weight',\n    letterSpacing: '--plasma-switch-letter-spacing',\n    lineHeight: '--plasma-switch-line-height',\n\n    /* Токены description */\n    descriptionFontFamily: '--plasma-switch-description-font-family',\n    descriptionFontStyle: '--plasma-switch-description-font-style',\n    descriptionFontSize: '--plasma-switch-description-font-size',\n    descriptionFontWeight: '--plasma-switch-description-font-weight',\n    descriptionLetterSpacing: '--plasma-switch-description-letter-spacing',\n    descriptionLineHeight: '--plasma-switch-description-line-height',\n\n    /* Цвет подписи */\n    labelColor: '--plasma-switch__label-color',\n    labelOffset: '--plasma-switch__label-offset',\n\n    /* Цвет описания */\n    descriptionColor: '--plasma-switch__description-color',\n    descriptionOffset: '--plasma-switch__description-offset',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-switch-disabled-opacity',\n\n    verticalGap: '--plasma-switch-vertical-gap',\n    trackWidth: '--plasma-switch__track-width',\n    trackHeight: '--plasma-switch__track-height',\n    trackBorderWidth: '--plasma-switch__track-border',\n    trackBorderColorOn: '--plasma-switch__track-checked_true-border-color',\n    trackBorderColorOnHover: '--plasma-switch__track-checked_true_hovered_true-border-color',\n    trackBorderColorOff: '--plasma-switch__track-checked_false-border-color',\n    trackBorderColorOffHover: '--plasma-switch__track-checked_false_hovered_true-border-color',\n\n    trackBorderRadius: '--plasma-switch__track-border-radius',\n    // NOTE: could be intersection with checked\n    trackBackgroundColorOn: '--plasma-switch__track_checked_true-bg-color',\n    trackBackgroundColorOnHover: '--plasma-switch__track_checked_true_hovered_true-bg-color',\n    trackBackgroundColorOff: '--plasma-switch__track_checked_false-bg-color',\n    trackBackgroundColorOffHover: '--plasma-switch__track_checked_false_hovered_true-bg-color',\n\n    trackFocusColor: '--plasma-switch__track-focus-color',\n\n    thumbSize: '--plasma-switch__thumb-size',\n    thumbOffset: '--plasma-switch__thumb-offset',\n    thumbBorderRadius: '--plasma-switch__thumb-border-radius',\n\n    thumbPressScale: '--plasma-switch__thumb-scale',\n\n    thumbBackgroundColorOn: '--plasma-switch__thumb_checked_true-bg-color',\n    thumbBackgroundColorOff: '--plasma-switch__thumb-checked_false-bg-color',\n    thumbBoxShadow: '--plasma-switch__thumb-box-shadow',\n    thumbBoxShadowOn: '--plasma-switch__thumb-box-shadow_checked_true',\n\n    labelOffsetPrivate: '--plasma_private-switch__label-offset',\n};\n\nexport const classes = {\n    beforeSwitchLabelPosition: 'switch-label-position-before',\n    afterSwitchLabelPosition: 'switch-label-position-after',\n};\n"],"names":["tokens","fontFamily","fontStyle","fontSize","fontWeight","letterSpacing","lineHeight","descriptionFontFamily","descriptionFontStyle","descriptionFontSize","descriptionFontWeight","descriptionLetterSpacing","descriptionLineHeight","labelColor","labelOffset","descriptionColor","descriptionOffset","disabledOpacity","verticalGap","trackWidth","trackHeight","trackBorderWidth","trackBorderColorOn","trackBorderColorOnHover","trackBorderColorOff","trackBorderColorOffHover","trackBorderRadius","trackBackgroundColorOn","trackBackgroundColorOnHover","trackBackgroundColorOff","trackBackgroundColorOffHover","trackFocusColor","thumbSize","thumbOffset","thumbBorderRadius","thumbPressScale","thumbBackgroundColorOn","thumbBackgroundColorOff","thumbBoxShadow","thumbBoxShadowOn","labelOffsetPrivate","classes","beforeSwitchLabelPosition","afterSwitchLabelPosition"],"mappings":"AAAO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,SAAS,EAAE,4BAA4B;AACvCC,EAAAA,QAAQ,EAAE,2BAA2B;AACrCC,EAAAA,UAAU,EAAE,6BAA6B;AACzCC,EAAAA,aAAa,EAAE,gCAAgC;AAC/CC,EAAAA,UAAU,EAAE,6BAA6B;AAEzC;AACAC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,oBAAoB,EAAE,wCAAwC;AAC9DC,EAAAA,mBAAmB,EAAE,uCAAuC;AAC5DC,EAAAA,qBAAqB,EAAE,yCAAyC;AAChEC,EAAAA,wBAAwB,EAAE,4CAA4C;AACtEC,EAAAA,qBAAqB,EAAE,yCAAyC;AAEhE;AACAC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAE5C;AACAC,EAAAA,gBAAgB,EAAE,oCAAoC;AACtDC,EAAAA,iBAAiB,EAAE,qCAAqC;AAExD;AACAC,EAAAA,eAAe,EAAE,kCAAkC;AAEnDC,EAAAA,WAAW,EAAE,8BAA8B;AAC3CC,EAAAA,UAAU,EAAE,8BAA8B;AAC1CC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,gBAAgB,EAAE,+BAA+B;AACjDC,EAAAA,kBAAkB,EAAE,kDAAkD;AACtEC,EAAAA,uBAAuB,EAAE,+DAA+D;AACxFC,EAAAA,mBAAmB,EAAE,mDAAmD;AACxEC,EAAAA,wBAAwB,EAAE,gEAAgE;AAE1FC,EAAAA,iBAAiB,EAAE,sCAAsC;AACzD;AACAC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,2BAA2B,EAAE,2DAA2D;AACxFC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,4BAA4B,EAAE,4DAA4D;AAE1FC,EAAAA,eAAe,EAAE,oCAAoC;AAErDC,EAAAA,SAAS,EAAE,6BAA6B;AACxCC,EAAAA,WAAW,EAAE,+BAA+B;AAC5CC,EAAAA,iBAAiB,EAAE,sCAAsC;AAEzDC,EAAAA,eAAe,EAAE,8BAA8B;AAE/CC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,uBAAuB,EAAE,+CAA+C;AACxEC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,gBAAgB,EAAE,gDAAgD;AAElEC,EAAAA,kBAAkB,EAAE,uCAAA;AACxB,EAAC;AAEM,IAAMC,OAAO,GAAG;AACnBC,EAAAA,yBAAyB,EAAE,8BAA8B;AACzDC,EAAAA,wBAAwB,EAAE,6BAAA;AAC9B;;;;"}

package/es/components/Switch/_toggleSize/base.js

@@ -1,4 +1,4 @@
-import './base_6i0904.css';
+import './base_1d0b3t4.css';
 var base = "b1wld3h3";
 
 export { base };

package/es/components/Switch/_toggleSize/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../src/components/Switch/_toggleSize/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Switch.tokens';\nimport { StyledTrigger } from '../Switch.styles';\n\nexport const base = css`\n    ${StyledTrigger} {\n        flex: 0 0 var(${tokens.trackWidth});\n        width: var(${tokens.trackWidth});\n        height: var(${tokens.trackHeight});\n        border-radius: var(${tokens.trackBorderRadius});\n\n        &::after {\n            width: var(${tokens.thumbSize});\n            height: var(${tokens.thumbSize});\n            border-radius: var(${tokens.thumbBorderRadius});\n            margin: auto var(${tokens.thumbOffset});\n        }\n    }\n\n    :active:not([disabled]) ${StyledTrigger}::after {\n        width: calc(var(${tokens.thumbSize}) * var(${tokens.thumbPressScale}, 1));\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAkBhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../src/components/Switch/_toggleSize/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Switch.tokens';\nimport { StyledTrigger } from '../Switch.styles';\n\nexport const base = css`\n    ${StyledTrigger} {\n        box-sizing: border-box;\n        flex: 0 0 var(${tokens.trackWidth});\n\n        border-style: solid;\n        border-width: var(${tokens.trackBorderWidth});\n        border-radius: var(${tokens.trackBorderRadius});\n\n        width: var(${tokens.trackWidth});\n        height: var(${tokens.trackHeight});\n\n        &::after {\n            width: var(${tokens.thumbSize});\n            height: var(${tokens.thumbSize});\n            border-radius: var(${tokens.thumbBorderRadius});\n            margin: auto var(${tokens.thumbOffset});\n        }\n    }\n\n    :active:not([disabled]) ${StyledTrigger}::after {\n        width: calc(var(${tokens.thumbSize}) * var(${tokens.thumbPressScale}, 1));\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAuBhB;;;;"}

package/es/components/Switch/_toggleSize/base_1d0b3t4.css

@@ -0,0 +1 @@
+.b1wld3h3 .s2cs3kf{box-sizing:border-box;-webkit-flex:0 0 var(--plasma-switch__track-width);-ms-flex:0 0 var(--plasma-switch__track-width);flex:0 0 var(--plasma-switch__track-width);border-style:solid;border-width:var(--plasma-switch__track-border);border-radius:var(--plasma-switch__track-border-radius);width:var(--plasma-switch__track-width);height:var(--plasma-switch__track-height);}.b1wld3h3 .s2cs3kf::after{width:var(--plasma-switch__thumb-size);height:var(--plasma-switch__thumb-size);border-radius:var(--plasma-switch__thumb-border-radius);margin:auto var(--plasma-switch__thumb-offset);}.b1wld3h3:active:not([disabled]) .s2cs3kf::after{width:calc(var(--plasma-switch__thumb-size) * var(--plasma-switch__thumb-scale,1));}

package/es/components/Switch/_view/base.js

@@ -1,4 +1,4 @@
-import './base_yxkf3s.css';
+import './base_15atbyp.css';
 var base = "b1g0jmh3";
 
 export { base };

package/es/components/Switch/_view/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../src/components/Switch/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Switch.tokens';\nimport { StyledTrigger, StyledInput, StyledLabel, StyledDescription } from '../Switch.styles';\n\nexport const base = css`\n    ${StyledTrigger} {\n        background-color: var(${tokens.trackBackgroundColorOff});\n    }\n\n    ${StyledInput}:not([disabled]) ~ ${StyledTrigger}:hover {\n        background-color: var(${tokens.trackBackgroundColorOffHover}, var(${tokens.trackBackgroundColorOff}));\n    }\n\n    ${StyledInput}:checked ~ ${StyledTrigger} {\n        background-color: var(${tokens.trackBackgroundColorOn});\n    }\n\n    ${StyledInput}:checked:not([disabled]) ~ ${StyledTrigger}:hover  {\n        background-color: var(${tokens.trackBackgroundColorOnHover}, var(${tokens.trackBackgroundColorOn}));\n    }\n\n    ${StyledTrigger}::after {\n        background-color: var(${tokens.thumbBackgroundColor});\n        box-shadow: var(${tokens.thumbBoxShadow});\n    }\n\n    ${StyledInput}:checked ~ ${StyledTrigger}::after {\n        box-shadow: var(${tokens.thumbBoxShadowOn}, var(${tokens.thumbBoxShadow}));\n    }\n\n    ${StyledLabel} {\n        color: var(${tokens.labelColor});\n    }\n\n    ${StyledDescription} {\n        color: var(${tokens.descriptionColor});\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAiChB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../src/components/Switch/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens } from '../Switch.tokens';\nimport { StyledTrigger, StyledInput, StyledLabel, StyledDescription } from '../Switch.styles';\n\nexport const base = css`\n    ${StyledTrigger} {\n        background-color: var(${tokens.trackBackgroundColorOff});\n        border-color: var(${tokens.trackBorderColorOff});\n    }\n\n    ${StyledInput}:not([disabled]) ~ ${StyledTrigger}:hover {\n        background-color: var(${tokens.trackBackgroundColorOffHover}, var(${tokens.trackBackgroundColorOff}));\n        border-color: var(${tokens.trackBorderColorOffHover}, var(${tokens.trackBorderColorOff}));\n    }\n\n    ${StyledInput}:checked ~ ${StyledTrigger} {\n        background-color: var(${tokens.trackBackgroundColorOn});\n        border-color: var(${tokens.trackBorderColorOn});\n    }\n\n    ${StyledInput}:checked:not([disabled]) ~ ${StyledTrigger}:hover  {\n        background-color: var(${tokens.trackBackgroundColorOnHover}, var(${tokens.trackBackgroundColorOn}));\n        border-color: var(${tokens.trackBorderColorOnHover}, var(${tokens.trackBorderColorOn}));\n    }\n\n    ${StyledTrigger}::after {\n        background-color: var(${tokens.thumbBackgroundColorOff});\n        box-shadow: var(${tokens.thumbBoxShadow});\n    }\n\n    ${StyledInput}:checked ~ ${StyledTrigger}::after {\n        background-color: var(${tokens.thumbBackgroundColorOn});\n        box-shadow: var(${tokens.thumbBoxShadowOn}, var(${tokens.thumbBoxShadow}));\n    }\n\n    ${StyledLabel} {\n        color: var(${tokens.labelColor});\n    }\n\n    ${StyledDescription} {\n        color: var(${tokens.descriptionColor});\n    }\n`;\n"],"names":["base"],"mappings":"AAKO,IAAMA,IAAI,GAsChB;;;;"}

package/es/components/Switch/_view/base_15atbyp.css

@@ -0,0 +1 @@
+.b1g0jmh3 .s2cs3kf{background-color:var(--plasma-switch__track_checked_false-bg-color);border-color:var(--plasma-switch__track-checked_false-border-color);}.b1g0jmh3 .ssthlx1:not([disabled]) ~ .s2cs3kf:hover{background-color:var(--plasma-switch__track_checked_false_hovered_true-bg-color,var(--plasma-switch__track_checked_false-bg-color));border-color:var(--plasma-switch__track-checked_false_hovered_true-border-color,var(--plasma-switch__track-checked_false-border-color));}.b1g0jmh3 .ssthlx1:checked ~ .s2cs3kf{background-color:var(--plasma-switch__track_checked_true-bg-color);border-color:var(--plasma-switch__track-checked_true-border-color);}.b1g0jmh3 .ssthlx1:checked:not([disabled]) ~ .s2cs3kf:hover{background-color:var(--plasma-switch__track_checked_true_hovered_true-bg-color,var(--plasma-switch__track_checked_true-bg-color));border-color:var(--plasma-switch__track-checked_true_hovered_true-border-color,var(--plasma-switch__track-checked_true-border-color));}.b1g0jmh3 .s2cs3kf::after{background-color:var(--plasma-switch__thumb-checked_false-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow);}.b1g0jmh3 .ssthlx1:checked ~ .s2cs3kf::after{background-color:var(--plasma-switch__thumb_checked_true-bg-color);box-shadow:var(--plasma-switch__thumb-box-shadow_checked_true,var(--plasma-switch__thumb-box-shadow));}.b1g0jmh3 .s1ilr5eq{color:var(--plasma-switch__label-color);}.b1g0jmh3 .sdjnckq{color:var(--plasma-switch__description-color);}

package/es/components/TextField/TextField.js

@@ -15,11 +15,10 @@ import { OuterLabelWrapper, StyledIndicatorWrapper, Label, StyledHintWrapper, St
 import { classes } from './TextField.tokens.js';
 import { HintComponent } from './ui/Hint/Hint.js';
 import { useOutsideClick } from '../../hooks/useOutsideClick.js';
-import { useValidation } from './hooks/useValidation.js';
 import { useKeyNavigation } from './hooks/useKeyNavigation.js';
 import { TextFieldChip } from './ui/TextFieldChip/TextFieldChip.js';
 
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "validationType", "options", "passwordHidden", "onValidate", "onChange", "onBlur", "onChangeChips", "onSearch", "onKeyDown"];
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 var optionalText = 'optional';
 var base = "bpunezx";
 var HINT_DEFAULT_OFFSET = [0, 0];
@@ -71,12 +70,7 @@ var textFieldRoot = function textFieldRoot(Root) {
       hasDivider = _ref.hasDivider,
       outerValue = _ref.value,
       values = _ref.chips,
-      validationType = _ref.validationType,
-      options = _ref.options,
-      passwordHidden = _ref.passwordHidden,
-      onValidate = _ref.onValidate,
       onChange = _ref.onChange,
-      onBlur = _ref.onBlur,
       onChangeChips = _ref.onChangeChips,
       onSearch = _ref.onSearch,
       onKeyDown = _ref.onKeyDown,
@@ -126,7 +120,6 @@ var textFieldRoot = function textFieldRoot(Root) {
     var hasValueClass = hasValue ? classes.hasValue : undefined;
     var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
     var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
-    var isPasswordHidden = validationType === 'password' && passwordHidden;
     var hintRef = useOutsideClick(function () {
       setIsHintVisible(false);
     });
@@ -169,13 +162,6 @@ var textFieldRoot = function textFieldRoot(Root) {
       setChips(newChips);
       onChangeChips === null || onChangeChips === void 0 || onChangeChips(newValues);
     };
-    var _useValidation = useValidation({
-        validationType: validationType,
-        options: options,
-        onValidate: onValidate
-      }),
-      handleValidationBlur = _useValidation.handleValidationBlur,
-      handleValidationKeyDown = _useValidation.handleValidationKeyDown;
     var _useKeyNavigation = useKeyNavigation({
         controlledRefs: controlledRefs,
         disabled: disabled,
@@ -205,12 +191,6 @@ var textFieldRoot = function textFieldRoot(Root) {
       });
       inputRef.current.focus();
     };
-    var handleInputBlur = function handleInputBlur(event) {
-      if (onBlur) {
-        onBlur(event);
-      }
-      handleValidationBlur(event);
-    };
     var getRef = function getRef(element, index) {
       if (element && chipsRefs !== null && chipsRefs !== void 0 && chipsRefs.current) {
         chipsRefs.current[index] = element;
@@ -218,7 +198,6 @@ var textFieldRoot = function textFieldRoot(Root) {
     };
     var handleOnKeyDown = function handleOnKeyDown(event) {
       handleInputKeydown(event);
-      handleValidationKeyDown(event);
       if (onKeyDown) {
         onKeyDown(event);
       }
@@ -352,11 +331,8 @@ var textFieldRoot = function textFieldRoot(Root) {
       readOnly: !disabled && readOnly,
       onInput: handleInput,
       onChange: handleChange,
-      onKeyDown: handleOnKeyDown,
-      onBlur: handleInputBlur
-    }, rest, isPasswordHidden && {
-      type: 'password'
-    })), hasInnerLabel && /*#__PURE__*/React.createElement(Label, {
+      onKeyDown: handleOnKeyDown
+    }, rest)), hasInnerLabel && /*#__PURE__*/React.createElement(Label, {
       id: labelId,
       htmlFor: innerId
     }, innerLabelValue, optionalTextNode), placeholderShown && !hasValue && /*#__PURE__*/React.createElement(InputPlaceholder, null, innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode)), textAfter && /*#__PURE__*/React.createElement(StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(LeftHelper, {