@salutejs/plasma-new-hope 0.156.0-canary.1421.11096434145.0 → 0.156.0-canary.1421.11105922905.0

package/es/components/TextField/TextField.styles.js

@@ -1,4 +1,4 @@
-import './TextField.styles_uponva.css';
+import './TextField.styles_b1zmrz.css';
 import { styled } from '@linaria/react';
 
 var InputWrapper = /*#__PURE__*/styled('div')({
@@ -82,6 +82,11 @@ var StyledIndicator = /*#__PURE__*/styled('div')({
   "class": "s7hnwwb",
   propsAsIs: false
 });
+var InputHidden = /*#__PURE__*/styled('input')({
+  name: "InputHidden",
+  "class": "imqgwd8",
+  propsAsIs: false
+});
 
-export { Input, InputContainer, InputLabelWrapper, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledChips, StyledContentLeft, StyledContentRight, StyledIndicator, StyledOptionalText, StyledTextAfter, StyledTextBefore };
+export { Input, InputContainer, InputHidden, InputLabelWrapper, InputPlaceholder, InputWrapper, Label, LeftHelper, StyledChips, StyledContentLeft, StyledContentRight, StyledIndicator, StyledOptionalText, StyledTextAfter, StyledTextBefore };
 //# sourceMappingURL=TextField.styles.js.map

package/es/components/TextField/TextField.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from './TextField.tokens';\n\nexport const InputWrapper = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n    flex: 1;\n    overflow: scroll;\n    position: relative;\n    width: 100%;\n    display: inline-flex;\n    align-items: center;\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n\n    &.${String(classes.hasChips)} {\n        height: var(${tokens.chipHeight});\n        border-radius: var(${tokens.chipBorderRadius});\n    }\n`;\n\nexport const StyledChips = styled.div`\n    display: flex;\n    gap: var(${tokens.chipGap});\n    margin-right: var(${tokens.chipGap});\n    user-select: none;\n`;\n\nexport const Input = styled.input`\n    box-sizing: border-box;\n    appearance: none;\n    border: 0;\n    padding: 0;\n    background-color: transparent;\n    outline: none;\n    width: 100%;\n    z-index: 1;\n\n    &::placeholder {\n        opacity: 0;\n    }\n`;\n\nexport const InputContainer = styled.div`\n    position: relative;\n    flex: 1;\n    min-width: 60%;\n`;\n\nexport const InputPlaceholder = styled.div`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 0;\n    white-space: nowrap;\n\n    pointer-events: none;\n    user-select: none;\n    font: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    color: var(${tokens.placeholderColor});\n`;\n\nexport const Label = styled.label`\n    position: relative;\n    display: inline-flex;\n`;\n\nconst StyledContentSlot = styled.div`\n    color: var(${tokens.contentSlotColor});\n    line-height: 0;\n`;\n\nexport const StyledContentLeft = styled(StyledContentSlot)`\n    margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled(StyledContentSlot)`\n    margin: var(${tokens.rightContentMargin});\n    color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n    &:hover {\n        color: var(${tokens.contentSlotColorHover});\n        color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n        cursor: pointer;\n    }\n\n    &:active {\n        color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n    }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n    color: var(${tokens.optionalColor});\n`;\n\nexport const StyledIndicator = styled.div`\n    position: absolute;\n    border-radius: 50%;\n\n    background-color: var(${tokens.indicatorColor});\n\n    &.${classes.outerLabelPlacement} {\n        width: var(${tokens.indicatorSizeOuter});\n        height: var(${tokens.indicatorSizeOuter});\n        inset: var(${tokens.indicatorLabelPlacementOuter});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementOuterRight});\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        width: var(${tokens.indicatorSizeInner});\n        height: var(${tokens.indicatorSizeInner});\n        inset: var(${tokens.indicatorLabelPlacementInner});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementInnerRight});\n        }\n    }\n`;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","InputContainer","InputPlaceholder","Label","StyledContentSlot","_exp8","StyledContentLeft","_exp10","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledIndicator"],"mappings":"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"}
+{"version":3,"file":"TextField.styles.js","sources":["../../../src/components/TextField/TextField.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from './TextField.tokens';\n\nexport const InputWrapper = styled.div`\n    position: relative;\n    display: flex;\n    align-items: center;\n    box-sizing: border-box;\n`;\n\nexport const InputLabelWrapper = styled.div`\n    flex: 1;\n    overflow: scroll;\n    position: relative;\n    width: 100%;\n    display: inline-flex;\n    align-items: center;\n\n    ::-webkit-scrollbar {\n        display: none;\n    }\n\n    scrollbar-width: none;\n\n    overscroll-behavior: contain;\n\n    &.${String(classes.hasChips)} {\n        height: var(${tokens.chipHeight});\n        border-radius: var(${tokens.chipBorderRadius});\n    }\n`;\n\nexport const StyledChips = styled.div`\n    display: flex;\n    gap: var(${tokens.chipGap});\n    margin-right: var(${tokens.chipGap});\n    user-select: none;\n`;\n\nexport const Input = styled.input`\n    box-sizing: border-box;\n    appearance: none;\n    border: 0;\n    padding: 0;\n    background-color: transparent;\n    outline: none;\n    width: 100%;\n    z-index: 1;\n\n    &::placeholder {\n        opacity: 0;\n    }\n`;\n\nexport const InputContainer = styled.div`\n    position: relative;\n    flex: 1;\n    min-width: 60%;\n`;\n\nexport const InputPlaceholder = styled.div`\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 0;\n    white-space: nowrap;\n\n    pointer-events: none;\n    user-select: none;\n    font: inherit;\n    letter-spacing: inherit;\n    line-height: inherit;\n\n    color: var(${tokens.placeholderColor});\n`;\n\nexport const Label = styled.label`\n    position: relative;\n    display: inline-flex;\n`;\n\nconst StyledContentSlot = styled.div`\n    color: var(${tokens.contentSlotColor});\n    line-height: 0;\n`;\n\nexport const StyledContentLeft = styled(StyledContentSlot)`\n    margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled(StyledContentSlot)`\n    margin: var(${tokens.rightContentMargin});\n    color: var(${tokens.contentSlotRightColor}, var(${tokens.contentSlotColor}));\n\n    &:hover {\n        color: var(${tokens.contentSlotColorHover});\n        color: var(${tokens.contentSlotRightColorHover}, var(${tokens.contentSlotColorHover}));\n        cursor: pointer;\n    }\n\n    &:active {\n        color: var(${tokens.contentSlotRightColorActive}, var(${tokens.contentSlotColorActive}));\n    }\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n\nexport const StyledOptionalText = styled.span`\n    color: var(${tokens.optionalColor});\n`;\n\nexport const StyledIndicator = styled.div`\n    position: absolute;\n    border-radius: 50%;\n\n    background-color: var(${tokens.indicatorColor});\n\n    &.${classes.outerLabelPlacement} {\n        width: var(${tokens.indicatorSizeOuter});\n        height: var(${tokens.indicatorSizeOuter});\n        inset: var(${tokens.indicatorLabelPlacementOuter});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementOuterRight});\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        width: var(${tokens.indicatorSizeInner});\n        height: var(${tokens.indicatorSizeInner});\n        inset: var(${tokens.indicatorLabelPlacementInner});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementInnerRight});\n        }\n    }\n`;\n\nexport const InputHidden = styled.input`\n    visibility: hidden;\n    width: 0;\n    height: 0;\n    opacity: 0;\n    margin: 0;\n    padding: 0;\n    border: none;\n`;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","InputContainer","InputPlaceholder","Label","StyledContentSlot","_exp8","StyledContentLeft","_exp10","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter","StyledOptionalText","StyledIndicator","InputHidden"],"mappings":"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"}

package/es/components/TextField/{TextField.styles_uponva.css → TextField.styles_b1zmrz.css}

@@ -13,3 +13,4 @@
 
 .sb3k3v1{color:var(--plasma-textfield__optional-color);}
 .s7hnwwb{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.s7hnwwb.label-placement-outer{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.s7hnwwb.label-placement-outer.align-right{inset:var(--plasma-textfield__indicator-placement-outer-right);}.s7hnwwb.label-placement-inner{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.s7hnwwb.label-placement-inner.align-right{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.imqgwd8{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}

package/es/hooks/{useFormState.js → useForm.js}

@@ -14,6 +14,9 @@ var initData = function initData(ref, defaultValues) {
       type = item.type;
     if ((type === 'text' || type === 'textarea') && defaultValues[_name]) {
       item.value = String(defaultValues[_name]);
+      item.setAttribute('defaultValue', String(defaultValues[_name]));
+      var event = new Event('setInitialValue');
+      item.dispatchEvent(event);
     }
     if (type === 'checkbox' && defaultValues[_name]) {
       item.checked = Boolean(defaultValues[_name]);
@@ -25,30 +28,30 @@ var initData = function initData(ref, defaultValues) {
       var sliderType = item.getAttribute('datatype');
       if (sliderType === 'slider-single') {
         item.setAttribute('defaultValue', String(defaultValues[_name]));
-        var event = new Event('setInitialValue');
-        item.dispatchEvent(event);
+        var _event = new Event('setInitialValue');
+        item.dispatchEvent(_event);
       }
       if (sliderType === 'slider-double') {
         var isMax = item.getAttribute('data-slidertype') === 'max' ? 1 : 0;
         var _data = defaultValues[_name];
         item.setAttribute('defaultValue', String(_data[isMax]));
-        var _event = new Event('setInitialValue');
-        item.dispatchEvent(_event);
+        var _event2 = new Event('setInitialValue');
+        item.dispatchEvent(_event2);
       }
     }
     if (type === 'hidden') {
       var datepickerType = item.getAttribute('datatype');
       if (datepickerType === 'datepicker-single') {
         item.setAttribute('defaultValue', String(defaultValues[_name]));
-        var _event2 = new Event('setInitialValue');
-        item.dispatchEvent(_event2);
+        var _event3 = new Event('setInitialValue');
+        item.dispatchEvent(_event3);
       }
       if (datepickerType === 'datepicker-double') {
         var isTo = item.getAttribute('data-datepicker') === 'to' ? 1 : 0;
         var _data2 = defaultValues[_name];
         item.setAttribute('defaultValue', String(_data2[isTo]));
-        var _event3 = new Event('setInitialValue');
-        item.dispatchEvent(_event3);
+        var _event4 = new Event('setInitialValue');
+        item.dispatchEvent(_event4);
       }
     }
   }
@@ -56,7 +59,7 @@ var initData = function initData(ref, defaultValues) {
 var valideParams = function valideParams(name) {
   return name && name !== '';
 };
-var useFormState = function useFormState(onSubmit, defaultValues) {
+var useForm = function useForm(onSubmit, defaultValues) {
   var formRef = /*#__PURE__*/React.createRef();
   useEffect(function () {
     initData(formRef, defaultValues);
@@ -123,5 +126,5 @@ var useFormState = function useFormState(onSubmit, defaultValues) {
   };
 };
 
-export { useFormState };
-//# sourceMappingURL=useFormState.js.map
+export { useForm };
+//# sourceMappingURL=useForm.js.map

package/es/hooks/useForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForm.js","sources":["../../src/hooks/useForm.ts"],"sourcesContent":["import React, { RefObject, useEffect } from 'react';\n\ntype DataType = { [name: string]: string | boolean | null | number | number[] | Date | string[] };\n\nconst initData = (ref: RefObject<HTMLFormElement>, defaultValues: DataType) => {\n    if (!ref.current) {\n        return;\n    }\n\n    const form = ref.current as HTMLFormElement;\n    const items = form.elements;\n\n    for (let i = 0; i < items.length; i++) {\n        const item = items[i] as HTMLInputElement;\n        const { name, value, type } = item;\n\n        if ((type === 'text' || type === 'textarea') && defaultValues[name]) {\n            item.value = String(defaultValues[name]);\n            item.setAttribute('defaultValue', String(defaultValues[name]));\n            const event = new Event('setInitialValue');\n            item.dispatchEvent(event);\n        }\n\n        if (type === 'checkbox' && defaultValues[name]) {\n            item.checked = Boolean(defaultValues[name]);\n        }\n\n        if (type === 'radio' && defaultValues[name]) {\n            item.checked = defaultValues[name] === value;\n        }\n\n        if (type === 'number' && defaultValues[name]) {\n            const sliderType = item.getAttribute('datatype');\n\n            if (sliderType === 'slider-single') {\n                item.setAttribute('defaultValue', String(defaultValues[name]));\n                const event = new Event('setInitialValue');\n                item.dispatchEvent(event);\n            }\n\n            if (sliderType === 'slider-double') {\n                const isMax = item.getAttribute('data-slidertype') === 'max' ? 1 : 0;\n                const data = defaultValues[name] as number[];\n\n                item.setAttribute('defaultValue', String(data[isMax]));\n                const event = new Event('setInitialValue');\n                item.dispatchEvent(event);\n            }\n        }\n\n        if (type === 'hidden') {\n            const datepickerType = item.getAttribute('datatype');\n\n            if (datepickerType === 'datepicker-single') {\n                item.setAttribute('defaultValue', String(defaultValues[name]));\n                const event = new Event('setInitialValue');\n                item.dispatchEvent(event);\n            }\n\n            if (datepickerType === 'datepicker-double') {\n                const isTo = item.getAttribute('data-datepicker') === 'to' ? 1 : 0;\n                const data = defaultValues[name] as number[];\n\n                item.setAttribute('defaultValue', String(data[isTo]));\n                const event = new Event('setInitialValue');\n                item.dispatchEvent(event);\n            }\n        }\n    }\n};\n\nconst valideParams = (name: string) => {\n    return name && name !== '';\n};\n\nexport const useForm = (onSubmit: (data: DataType) => void, defaultValues: DataType) => {\n    const formRef = React.createRef<HTMLFormElement>();\n\n    useEffect(() => {\n        initData(formRef, defaultValues);\n    }, []);\n\n    const formData = (event: React.FormEvent<HTMLFormElement>) => {\n        event.preventDefault();\n\n        const result: DataType = {};\n\n        const form = event.target as HTMLFormElement;\n        const items = form.elements;\n\n        for (let i = 0; i < items.length; i++) {\n            const item = items[i] as HTMLInputElement;\n            const { name, value, type } = item;\n\n            if ((type === 'text' || type === 'textarea') && valideParams(name)) {\n                result[name] = value;\n            }\n\n            if (type === 'checkbox' && valideParams(name)) {\n                result[name] = item.checked;\n            }\n\n            if (type === 'radio' && valideParams(name)) {\n                if (item.checked) {\n                    result[name] = value;\n                } else if (!(name in result)) {\n                    result[name] = null;\n                }\n            }\n\n            if (type === 'number' && valideParams(name)) {\n                const sliderType = item.getAttribute('datatype');\n\n                if (sliderType === 'slider-single') {\n                    result[name] = value;\n                }\n\n                if (sliderType === 'slider-double') {\n                    const isMin = item.getAttribute('data-slidertype') === 'min';\n                    if (isMin) {\n                        result[name] = [Number(value)];\n                    }\n\n                    if (!isMin && Array.isArray(result[name])) {\n                        result[name] = [...(result[name] as number[]), Number(value)];\n                    }\n                }\n            }\n\n            if (type === 'hidden' && valideParams(name)) {\n                const sliderType = item.getAttribute('datatype');\n\n                if (sliderType === 'datepicker-single') {\n                    result[name] = value;\n                }\n\n                if (sliderType === 'datepicker-double') {\n                    const isMin = item.getAttribute('data-datepicker') === 'from';\n                    if (isMin) {\n                        result[name] = [String(value)];\n                    }\n\n                    if (!isMin && Array.isArray(result[name])) {\n                        result[name] = [...(result[name] as string[]), String(value)];\n                    }\n                }\n            }\n        }\n\n        onSubmit(result);\n    };\n\n    return { formRef, formData };\n};\n"],"names":["initData","ref","defaultValues","current","form","items","elements","i","length","item","name","value","type","String","setAttribute","event","Event","dispatchEvent","checked","Boolean","sliderType","getAttribute","isMax","data","datepickerType","isTo","valideParams","useForm","onSubmit","formRef","React","createRef","useEffect","formData","preventDefault","result","target","isMin","Number","Array","isArray","concat","_toConsumableArray"],"mappings":"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"}

package/es/index.css

@@ -140,21 +140,22 @@
 
 .base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementOuter__2804036a .base_6k17xp_lbt1ohz__2804036a{position:relative;display:inline-block;margin-bottom:var(--plasma-textfield__label-offset);color:var(--plasma-textfield__label-color);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_i13qvwoy__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_s190z894__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_ssv2kwg__2804036a{padding:var(--plasma-textfield-placement_inner__content-padding);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a:focus ~ .base_6k17xp_lbt1ohz__2804036a,.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_io4bpie__2804036a.base_6k17xp_hasValue__2804036a ~ .base_6k17xp_lbt1ohz__2804036a{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;padding:var(--plasma-textfield-placement_inner__label-padding);font-family:var(--plasma-textfield-placement_inner__label-font-family);font-size:var(--plasma-textfield-placement_inner__label-font-size);font-style:var(--plasma-textfield-placement_inner__label-font-style);font-weight:var(--plasma-textfield-placement_inner__label-font-weight);-webkit-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-moz-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);-ms-letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);letter-spacing:var(--plasma-textfield-placement_inner__label-letter-spacing);line-height:var(--plasma-textfield-placement_inner__label-line-height);}.base_6k17xp_b15d3bnf__2804036a.base_6k17xp_labelPlacementInner__2804036a .base_6k17xp_lbt1ohz__2804036a{color:var(--plasma-textfield__placeholder-color);pointer-events:none;position:absolute;top:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;height:var(--plasma-textfield-height);padding-top:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);padding-bottom:calc(calc(var(--plasma-textfield-height) - var(--plasma-textfield__label-line-height)) / 2);}
 
-.TextField_styles_uponva_iq39zt5__bdbe6f89{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
-.TextField_styles_uponva_i1j28rg8__bdbe6f89{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_uponva_i1j28rg8__bdbe6f89::-webkit-scrollbar{display:none;}.TextField_styles_uponva_i1j28rg8__bdbe6f89.TextField_styles_uponva_hasChips__bdbe6f89{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_uponva_s13zudoe__bdbe6f89{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
-.TextField_styles_uponva_io4bpie__bdbe6f89{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_uponva_io4bpie__bdbe6f89::-webkit-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::-moz-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89:-ms-input-placeholder{opacity:0;}.TextField_styles_uponva_io4bpie__bdbe6f89::placeholder{opacity:0;}
-.TextField_styles_uponva_i13qvwoy__bdbe6f89{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
-.TextField_styles_uponva_i19ry60d__bdbe6f89{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
-.TextField_styles_uponva_lbt1ohz__bdbe6f89{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
-.TextField_styles_uponva_slv9av6__bdbe6f89{color:var(--plasma-textfield-content-slot-color);line-height:0;}
-.TextField_styles_uponva_s600610__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__left-content-margin);}
-.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_uponva_suk2zst__bdbe6f89.TextField_styles_uponva_slv9av6__bdbe6f89:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
-
-
-
-.TextField_styles_uponva_sb3k3v1__bdbe6f89{color:var(--plasma-textfield__optional-color);}
-.TextField_styles_uponva_s7hnwwb__bdbe6f89{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementOuter__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_uponva_s7hnwwb__bdbe6f89.TextField_styles_uponva_labelPlacementInner__bdbe6f89.TextField_styles_uponva_alignRight__bdbe6f89{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_b1zmrz_iq39zt5__d2ef7e59{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;}
+.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59{-webkit-flex:1;-ms-flex:1;flex:1;overflow:scroll;position:relative;width:100%;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;overscroll-behavior:contain;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59::-webkit-scrollbar{display:none;}.TextField_styles_b1zmrz_i1j28rg8__d2ef7e59.TextField_styles_b1zmrz_hasChips__d2ef7e59{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_b1zmrz_s13zudoe__d2ef7e59{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;gap:var(--plasma-textfield__chip-gap);margin-right:var(--plasma-textfield__chip-gap);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
+.TextField_styles_b1zmrz_io4bpie__d2ef7e59{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;width:100%;z-index:1;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-webkit-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::-moz-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59:-ms-input-placeholder{opacity:0;}.TextField_styles_b1zmrz_io4bpie__d2ef7e59::placeholder{opacity:0;}
+.TextField_styles_b1zmrz_i13qvwoy__d2ef7e59{position:relative;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_b1zmrz_i19ry60d__d2ef7e59{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;white-space:nowrap;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font:inherit;-webkit-letter-spacing:inherit;-moz-letter-spacing:inherit;-ms-letter-spacing:inherit;letter-spacing:inherit;line-height:inherit;color:var(--plasma-textfield__placeholder-color);}
+.TextField_styles_b1zmrz_lbt1ohz__d2ef7e59{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
+.TextField_styles_b1zmrz_slv9av6__d2ef7e59{color:var(--plasma-textfield-content-slot-color);line-height:0;}
+.TextField_styles_b1zmrz_s600610__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__left-content-margin);}
+.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59{margin:var(--plasma-textfield__right-content-margin);color:var(--plasma-textfield-content-right-slot-color,var(--plasma-textfield-content-slot-color));}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:hover{color:var(--plasma-textfield-content-slot-color-hover);color:var(--plasma-textfield-content-right-slot-color-hover,var(--plasma-textfield-content-slot-color-hover));cursor:pointer;}.TextField_styles_b1zmrz_suk2zst__d2ef7e59.TextField_styles_b1zmrz_slv9av6__d2ef7e59:active{color:var(--plasma-textfield-content-right-slot-color-active,var(--plasma-textfield-content-slot-color-active));}
+
+
+
+.TextField_styles_b1zmrz_sb3k3v1__d2ef7e59{color:var(--plasma-textfield__optional-color);}
+.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59{position:absolute;border-radius:50%;background-color:var(--plasma-textfield__indicator-color);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59{width:var(--plasma-textfield__indicator-size-outer);height:var(--plasma-textfield__indicator-size-outer);inset:var(--plasma-textfield__indicator-placement-outer);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementOuter__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-outer-right);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59{width:var(--plasma-textfield__indicator-size-inner);height:var(--plasma-textfield__indicator-size-inner);inset:var(--plasma-textfield__indicator-placement-inner);}.TextField_styles_b1zmrz_s7hnwwb__d2ef7e59.TextField_styles_b1zmrz_labelPlacementInner__d2ef7e59.TextField_styles_b1zmrz_alignRight__d2ef7e59{inset:var(--plasma-textfield__indicator-placement-inner-right);}
+.TextField_styles_b1zmrz_imqgwd8__d2ef7e59{visibility:hidden;width:0;height:0;opacity:0;margin:0;padding:0;border:none;}
 
 .TextFieldChip_styles_1y8n7la_s32p7ut__8f291676{--plasma-chip-color:var(--plasma-textfield__chip-color);--plasma-chip-background:var(--plasma-textfield__chip-background);--plasma-chip-color-hover:var(--plasma-textfield__chip-color-hover);--plasma-chip-background-hover:var(--plasma-textfield__chip-background-hover);--plasma-chip-color-active:var(--plasma-textfield__chip-color-active);--plasma-chip-background-active:var(--plasma-textfield__chip-background-active);--plasma-chip-background-readonly:var(--plasma-textfield__chip-background-readonly);--plasma-chip-color-readonly:var(--plasma-textfield__chip-color-readonly);--plasma-chip-background-readonly-hover:var(--plasma-textfield__chip-background-readonly-hover);--plasma-chip-color-readonly-hover:var(--plasma-textfield__chip-color-readonly-hover);--plasma-chip-border-radius:var(--plasma-textfield__chip-border-radius);--plasma-chip-width:var(--plasma-textfield__chip-width);--plasma-chip-height:var(--plasma-textfield__chip-height);--plasma-chip-padding-right:var(--plasma-textfield__chip-padding-right);--plasma-chip-padding-left:var(--plasma-textfield__chip-padding-left);--plasma-chip-font-family:var(--plasma-textfield__chip-font-family);--plasma-chip-font-size:var(--plasma-textfield__chip-font-size);--plasma-chip-font-style:var(--plasma-textfield__chip-font-style);--plasma-chip-font-weight:var(--plasma-textfield__chip-font-weight);--plasma-chip-letter-spacing:var(--plasma-textfield__chip-letter-spacing);--plasma-chip-lineheight:var(--plasma-textfield__chip-line-height);--plasma-chip-clear-content-margin-left:var(--plasma-textfield__chip-clear-content-margin-left);--plasma-chip-clear-content-margin-right:var(--plasma-textfield__chip-clear-content-margin-right);--plasma-chip-scale-hover:var(--plasma-textfield__chip-scale-hover);--plasma-chip-scale-active:var(--plasma-textfield__chip-scale-active);--plasma-chip-close-icon-size:var(--plasma-textfield__chip-close-icon-size);--plasma-chip-close-icon-color:var(--plasma-textfield__chip-close-icon-color);--plasma-chip-focus-color:var(--plasma-textfield-focus-color);-webkit-scroll-snap-align:center;-moz-scroll-snap-align:center;-ms-scroll-snap-align:center;scroll-snap-align:center;-webkit-scroll-snap-stop:normal;-moz-scroll-snap-stop:normal;-ms-scroll-snap-stop:normal;scroll-snap-stop:normal;position:relative;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676::before{content:'';position:absolute;top:0.0625rem;left:0.0625rem;right:0.0625rem;bottom:0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:calc(var(--plasma-textfield__chip-border-radius) - 0.1rem);-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676.TextFieldChip_styles_1y8n7la_focusVisible__8f291676:focus::before,.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-textfield-focus-color);}.TextFieldChip_styles_1y8n7la_s32p7ut__8f291676[readonly]{opacity:var(--plasma-textfield__chip-opacity-readonly);}
 

package/es/index.js

@@ -17,7 +17,7 @@ export { useForceUpdate } from './hooks/useForceUpdate.js';
 export { useDidMountEffect } from './hooks/useDidMountEffect.js';
 export { useOutsideClick } from './hooks/useOutsideClick.js';
 export { useIsomorphicLayoutEffect } from './hooks/useIsomorphicLayoutEffect.js';
-export { useFormState } from './hooks/useFormState.js';
+export { useForm } from './hooks/useForm.js';
 export { composableStyle, cx } from './utils/index.js';
 export { buttonConfig, buttonRoot } from './components/Button/Button.js';
 export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';

package/es/utils/setRefList.js

@@ -13,7 +13,8 @@ function setRefList(val) {
   refs.forEach(function (ref) {
     if (typeof ref === 'function') {
       ref(val);
-    } else if (ref != null) {
+    }
+    if (ref != null && typeof ref !== 'function') {
       ref.current = val;
     }
   });

package/es/utils/setRefList.js.map

@@ -1 +1 @@
-{"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n    return (val: T) => {\n        setRefList(val, ...refs);\n    };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n    refs.forEach((ref) => {\n        if (typeof ref === 'function') {\n            ref(val);\n        } else if (ref != null) {\n            ref.current = val;\n        }\n    });\n}\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","val","setRefList","apply","concat","_len2","_key2","forEach","ref","current"],"mappings":"AAIO,SAASA,SAASA,GAAgD;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAzCC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;EAChC,OAAO,UAACC,GAAM,EAAK;IACfC,UAAU,CAAAC,KAAA,CAACF,KAAAA,CAAAA,EAAAA,CAAAA,GAAG,EAAAG,MAAA,CAAKN,IAAI,CAAC,CAAA,CAAA;GAC3B,CAAA;AACL,CAAA;AAEO,SAASI,UAAUA,CAAID,GAAM,EAAoC;EAAA,KAAAI,IAAAA,KAAA,GAAAT,SAAA,CAAAC,MAAA,EAA/BC,IAAI,OAAAC,KAAA,CAAAM,KAAA,GAAAA,CAAAA,GAAAA,KAAA,WAAAC,KAAA,GAAA,CAAA,EAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,EAAA,EAAA;AAAJR,IAAAA,IAAI,CAAAQ,KAAA,GAAAV,CAAAA,CAAAA,GAAAA,SAAA,CAAAU,KAAA,CAAA,CAAA;AAAA,GAAA;AACzCR,EAAAA,IAAI,CAACS,OAAO,CAAC,UAACC,GAAG,EAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACP,GAAG,CAAC,CAAA;AACZ,KAAC,MAAM,IAAIO,GAAG,IAAI,IAAI,EAAE;MACpBA,GAAG,CAACC,OAAO,GAAGR,GAAG,CAAA;AACrB,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}
+{"version":3,"file":"setRefList.js","sources":["../../src/utils/setRefList.ts"],"sourcesContent":["import type { MutableRefObject, RefCallback } from 'react';\n\ntype MutableRefList<T> = Array<RefCallback<T> | MutableRefObject<T> | undefined | null>;\n\nexport function mergeRefs<T>(...refs: MutableRefList<T>): RefCallback<T> {\n    return (val: T) => {\n        setRefList(val, ...refs);\n    };\n}\n\nexport function setRefList<T>(val: T, ...refs: MutableRefList<T>): void {\n    refs.forEach((ref) => {\n        if (typeof ref === 'function') {\n            ref(val);\n        }\n\n        if (ref != null && typeof ref !== 'function') {\n            ref.current = val;\n        }\n    });\n}\n"],"names":["mergeRefs","_len","arguments","length","refs","Array","_key","val","setRefList","apply","concat","_len2","_key2","forEach","ref","current"],"mappings":"AAIO,SAASA,SAASA,GAAgD;AAAA,EAAA,KAAA,IAAAC,IAAA,GAAAC,SAAA,CAAAC,MAAA,EAAzCC,IAAI,GAAAC,IAAAA,KAAA,CAAAJ,IAAA,GAAAK,IAAA,GAAA,CAAA,EAAAA,IAAA,GAAAL,IAAA,EAAAK,IAAA,EAAA,EAAA;AAAJF,IAAAA,IAAI,CAAAE,IAAA,CAAAJ,GAAAA,SAAA,CAAAI,IAAA,CAAA,CAAA;AAAA,GAAA;EAChC,OAAO,UAACC,GAAM,EAAK;IACfC,UAAU,CAAAC,KAAA,CAACF,KAAAA,CAAAA,EAAAA,CAAAA,GAAG,EAAAG,MAAA,CAAKN,IAAI,CAAC,CAAA,CAAA;GAC3B,CAAA;AACL,CAAA;AAEO,SAASI,UAAUA,CAAID,GAAM,EAAoC;EAAA,KAAAI,IAAAA,KAAA,GAAAT,SAAA,CAAAC,MAAA,EAA/BC,IAAI,OAAAC,KAAA,CAAAM,KAAA,GAAAA,CAAAA,GAAAA,KAAA,WAAAC,KAAA,GAAA,CAAA,EAAAA,KAAA,GAAAD,KAAA,EAAAC,KAAA,EAAA,EAAA;AAAJR,IAAAA,IAAI,CAAAQ,KAAA,GAAAV,CAAAA,CAAAA,GAAAA,SAAA,CAAAU,KAAA,CAAA,CAAA;AAAA,GAAA;AACzCR,EAAAA,IAAI,CAACS,OAAO,CAAC,UAACC,GAAG,EAAK;AAClB,IAAA,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC3BA,GAAG,CAACP,GAAG,CAAC,CAAA;AACZ,KAAA;IAEA,IAAIO,GAAG,IAAI,IAAI,IAAI,OAAOA,GAAG,KAAK,UAAU,EAAE;MAC1CA,GAAG,CAACC,OAAO,GAAGR,GAAG,CAAA;AACrB,KAAA;AACJ,GAAC,CAAC,CAAA;AACN;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.156.0-canary.1421.11096434145.0",
+  "version": "0.156.0-canary.1421.11105922905.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -123,5 +123,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "48007d993781dd702d963e3ecdb510dd26517309"
+  "gitHead": "136a2361fa3e3e19fa4d7c95e7ea0593fd2316ea"
 }

package/styled-components/cjs/components/DatePicker/RangeDate/RangeDate.js

@@ -12,7 +12,7 @@ var _useDatePicker3 = /*#__PURE__*/require("../hooks/useDatePicker");
 var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
 var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
 var _setInitialValue = /*#__PURE__*/require("../utils/setInitialValue");
-var _inputHidden = /*#__PURE__*/require("../../../utils/inputHidden");
+var _TextField = /*#__PURE__*/require("../../TextField/TextField.styles");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
@@ -150,21 +150,25 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       setInputSecondValue = _useState14[1];
     var setFirstInputValue = function setFirstInputValue(value) {
       setInputFirstValue(value);
-      onChange === null || onChange === void 0 || onChange({
-        target: {
-          value: "".concat(value, " - ").concat(inputSecondValue),
-          name: name
-        }
-      });
+      if (onChange) {
+        onChange({
+          target: {
+            value: "".concat(value, " - ").concat(inputSecondValue),
+            name: name
+          }
+        });
+      }
     };
     var setSecondInputValue = function setSecondInputValue(value) {
       setInputSecondValue(value);
-      onChange === null || onChange === void 0 || onChange({
-        target: {
-          value: "".concat(inputFirstValue, " - ").concat(value),
-          name: name
-        }
-      });
+      if (onChange) {
+        onChange({
+          target: {
+            value: "".concat(inputFirstValue, " - ").concat(value),
+            name: name
+          }
+        });
+      }
     };
     var dateFormatDelimiter = (0, _react.useCallback)(function () {
       return (0, _dateHelper.getDateFormatDelimiter)(format);
@@ -372,7 +376,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
           setIsInnerOpen(false);
         }
       }
-    }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
+    }), leftHelper && /*#__PURE__*/_react["default"].createElement(_RangeDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
       name: name,
       type: "hidden",
       datatype: "datepicker-double",
@@ -380,7 +384,7 @@ var datePickerRangeRoot = exports.datePickerRangeRoot = function datePickerRange
       value: inputFirstValue,
       ref: innerRefFirst,
       onChange: function onChange() {}
-    }), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
+    }), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
       name: name,
       type: "hidden",
       datatype: "datepicker-double",

package/styled-components/cjs/components/DatePicker/SingleDate/SingleDate.js

@@ -13,7 +13,7 @@ var _DatePicker = /*#__PURE__*/require("../DatePicker.tokens");
 var _DatePickerBase = /*#__PURE__*/require("../DatePickerBase.styles");
 var _useKeyboardNavigation = /*#__PURE__*/require("../hooks/useKeyboardNavigation");
 var _setInitialValue = /*#__PURE__*/require("../utils/setInitialValue");
-var _inputHidden = /*#__PURE__*/require("../../../utils/inputHidden");
+var _TextField = /*#__PURE__*/require("../../TextField/TextField.styles");
 var _base = /*#__PURE__*/require("./variations/_size/base");
 var _base2 = /*#__PURE__*/require("./variations/_view/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
@@ -235,7 +235,7 @@ var datePickerRoot = exports.datePickerRoot = function datePickerRoot(Root) {
       onChangeValue: function onChangeValue(date, dateInfo) {
         return handleCommitDate(date, false, true, dateInfo);
       }
-    })), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
+    })), leftHelper && /*#__PURE__*/_react["default"].createElement(_SingleDate.LeftHelper, null, leftHelper), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
       type: "hidden",
       datatype: "datepicker-single",
       name: name,

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

@@ -70,6 +70,7 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
     var overlayBackgroundToken = withBlur ? "var(".concat(_Drawer.tokens.drawerOverlayWithBlurColor, ")") : "var(".concat(_Drawer.tokens.drawerOverlayColor, ")");
     var innerWidth = width ? (0, _utils2.getSizeValueFromProp)(width) : '100%';
     var innerHeight = height ? (0, _utils2.getSizeValueFromProp)(height) : '100%';
+    var placementClass = placement ? _Drawer.classes["".concat(placement, "Placement")] : undefined;
     var _useDrawer = (0, _hooks.useDrawer)({
         id: innerId,
         isOpen: innerIsOpen,
@@ -95,6 +96,7 @@ var drawerRoot = exports.drawerRoot = function drawerRoot(Root) {
     return /*#__PURE__*/_react["default"].createElement(_Drawer2.StyledPopup, _extends({
       id: innerId,
       ref: asModal ? innerRef : outerRef,
+      className: (0, _utils2.cx)(placementClass),
       opened: innerIsOpen,
       zIndex: zIndex,
       placement: placement,

package/styled-components/cjs/components/Drawer/Drawer.styles.js

@@ -52,24 +52,21 @@ var animationVariants = {
     }
   }
 };
+var templateAnimationStyle = function templateAnimationStyle(placement) {
+  return "\n        &.".concat(_Drawer.classes["".concat(placement, "Placement")], " {\n            && .").concat(_Popup.popupClasses.root, " {\n                animation: ").concat(placement, "ShowAnimation 0.2s forwards;\n            }\n\n            &&.").concat(_Popup.popupClasses.endAnimation, " .").concat(_Popup.popupClasses.root, " {\n                animation: ").concat(placement, "HideAnimation 0.2s forwards;\n            }\n\n            @keyframes ").concat(placement, "ShowAnimation {\n                0% {\n                    transform: ").concat(animationVariants[placement].show.start, ";\n                    opacity: 0;\n                }\n\n                100% {\n                    transform: ").concat(animationVariants[placement].show.end, ";\n                    opacity: 1;\n                }\n            }\n\n            @keyframes ").concat(placement, "HideAnimation {\n                0% {\n                    transform: ").concat(animationVariants[placement].hide.start, ";\n                    opacity: 1;\n                }\n\n                100% {\n                    transform: ").concat(animationVariants[placement].hide.end, ";\n                    opacity: 0;\n                }\n            }   \n        }\n    ");
+};
+var getAnimationStyles = function getAnimationStyles() {
+  return Object.keys(animationVariants).reduce(function (acc, placement) {
+    acc += templateAnimationStyle(placement);
+    return acc;
+  }, '');
+};
 var StyledPopup = exports.StyledPopup = /*#__PURE__*/(0, _styledComponents["default"])(Popup).withConfig({
   componentId: "plasma-new-hope__sc-cup208-0"
-})(["&&.", "{animation:fadeIn 0.2s forwards;}&&.", " .", "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", ",&& .", " > div{width:", ";height:", ";}&& .", "{animation:showAnimation 0.2s forwards;}&&.", " .", "{animation:hideAnimation 0.2s forwards;}@keyframes showAnimation{0%{transform:", ";opacity:0;}100%{transform:", ";opacity:1;}}@keyframes hideAnimation{0%{transform:", ";opacity:1;}100%{transform:", ";opacity:0;}}"], _Drawer.classes.overlay, _Popup.popupClasses.endAnimation, _Drawer.classes.overlay, _Popup.popupClasses.root, _Popup.popupClasses.root, function (_ref) {
+})(["&&.", "{animation:fadeIn 0.2s forwards;}&&.", " .", "{animation:fadeOut 0.2s forwards;}@keyframes fadeIn{from{opacity:0;}to{opacity:1;}}@keyframes fadeOut{from{opacity:1;}to{opacity:0;}}&& .", ",&& .", " > div{width:", ";height:", ";}", ""], _Drawer.classes.overlay, _Popup.popupClasses.endAnimation, _Drawer.classes.overlay, _Popup.popupClasses.root, _Popup.popupClasses.root, function (_ref) {
   var width = _ref.width;
   return width;
 }, function (_ref2) {
   var height = _ref2.height;
   return height;
-}, _Popup.popupClasses.root, _Popup.popupClasses.endAnimation, _Popup.popupClasses.root, function (_ref3) {
-  var placement = _ref3.placement;
-  return animationVariants[placement].show.start;
-}, function (_ref4) {
-  var placement = _ref4.placement;
-  return animationVariants[placement].show.end;
-}, function (_ref5) {
-  var placement = _ref5.placement;
-  return animationVariants[placement].hide.start;
-}, function (_ref6) {
-  var placement = _ref6.placement;
-  return animationVariants[placement].hide.end;
-});
+}, /*#__PURE__*/getAnimationStyles());

package/styled-components/cjs/components/Drawer/Drawer.tokens.js

@@ -11,7 +11,11 @@ var classes = exports.classes = {
   overlay: 'drawer-overlay',
   horizontal: 'drawer-horizontal',
   hasHeader: 'drawer-has-header',
-  isRightClose: 'drawer-right-close-button'
+  isRightClose: 'drawer-right-close-button',
+  topPlacement: 'drawer-top-placement',
+  bottomPlacement: 'drawer-bottom-placement',
+  rightPlacement: 'drawer-right-placement',
+  leftPlacement: 'drawer-left-placement'
 };
 var tokens = exports.tokens = {
   drawerOverlayWithBlurColor: '--plasma-drawer-overlay-with-blur-color',

package/styled-components/cjs/components/Drawer/hooks/useDrawer.js

@@ -7,6 +7,7 @@ exports.useDrawer = void 0;
 var _react = /*#__PURE__*/require("react");
 var _DrawerContext = /*#__PURE__*/require("../DrawerContext");
 var _Popup = /*#__PURE__*/require("../../Popup");
+var _utils = /*#__PURE__*/require("../../../utils");
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -25,7 +26,7 @@ var useDrawer = exports.useDrawer = function useDrawer(_ref) {
     _ref$disableScroll = _ref.disableScroll,
     disableScroll = _ref$disableScroll === void 0 ? true : _ref$disableScroll;
   var popupController = (0, _Popup.usePopupContext)();
-  var overflow = (0, _react.useRef)(document.body.style.overflowY);
+  var overflow = (0, _react.useRef)(_utils.canUseDOM ? document.body.style.overflow : 'initial');
 
   // При ESC закрывает текущее окно, если это возможно
   var onKeyDown = (0, _react.useCallback)(function (event) {
@@ -51,14 +52,20 @@ var useDrawer = exports.useDrawer = function useDrawer(_ref) {
 
   // linaria не поддерживает динамический global
   (0, _react.useEffect)(function () {
+    if (!_utils.canUseDOM) {
+      return;
+    }
     if (isOpen && disableScroll) {
-      overflow.current = document.body.style.overflowY;
-      document.body.style.overflowY = 'hidden';
+      overflow.current = document.body.style.overflow;
+      document.body.style.overflow = 'hidden';
     }
   }, [isOpen, disableScroll]);
   (0, _react.useEffect)(function () {
+    if (!_utils.canUseDOM) {
+      return;
+    }
     if (!isOpen && !(0, _DrawerContext.hasDrawers)(popupController.items)) {
-      document.body.style.overflowY = overflow.current;
+      document.body.style.overflow = overflow.current;
     }
   }, [isOpen, popupController.items]);
   var drawerInfo = _objectSpread({

package/styled-components/cjs/components/Slider/components/Double/Double.js

@@ -11,7 +11,7 @@ var _ui = /*#__PURE__*/require("../../ui");
 var _utils = /*#__PURE__*/require("../../utils");
 var _utils2 = /*#__PURE__*/require("../../../../utils");
 var _Slider = /*#__PURE__*/require("../../Slider.tokens");
-var _inputHidden = /*#__PURE__*/require("../../../../utils/inputHidden");
+var _TextField = /*#__PURE__*/require("../../../TextField/TextField.styles");
 var _Double = /*#__PURE__*/require("./Double.styles");
 var _excluded = ["min", "max", "value", "disabled", "label", "labelContentLeft", "size", "onChangeCommitted", "onChangeTextField", "onBlurTextField", "onKeyDownTextField", "onChange", "ariaLabel", "multipleStepSize", "name"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -336,7 +336,7 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     onChange: onSecondTextfieldChange,
     onBlur: onSecondTextfieldBlur,
     onKeyDown: onTextfieldKeyDown
-  }))), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
+  }))), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
     name: name,
     type: "number",
     datatype: "slider-double",
@@ -344,7 +344,7 @@ var DoubleSlider = exports.DoubleSlider = function DoubleSlider(_ref) {
     value: firstValue,
     ref: innerRefFirst,
     onChange: function onChange() {}
-  }), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
+  }), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
     name: name,
     type: "number",
     datatype: "slider-double",

package/styled-components/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.js

@@ -40,7 +40,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
       return a - b;
     });
   };
-  var onChangeHandle = function onChangeHandle(values) {
+  var onChangeHandle = (0, _react.useCallback)(function (values) {
     var sortValue = sortValues(values);
     if (onChange && !value && name) {
       onChange({
@@ -51,8 +51,8 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
       });
     }
     setSliderValue(sortValue);
-  };
-  var onChangeCommitedHandle = function onChangeCommitedHandle(values) {
+  }, [name, value, onChange, sortValues, setSliderValue]);
+  var onChangeCommitedHandle = (0, _react.useCallback)(function (values) {
     var sortValue = sortValues(values);
     if (onChange && !value && name) {
       onChange({
@@ -63,8 +63,8 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
       });
     }
     setSliderValue(sortValue);
-  };
-  var onBlurTextField = function onBlurTextField(values) {
+  }, [name, value, onChange, sortValues, setSliderValue]);
+  var onBlurTextField = (0, _react.useCallback)(function (values) {
     var sortValue = sortValues(values);
     if (onChange && !value && name) {
       onChange({
@@ -75,8 +75,8 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
       });
     }
     setSliderValue(sortValue);
-  };
-  var onKeyDownTextField = function onKeyDownTextField(values, e) {
+  }, [name, value, onChange, sortValues, setSliderValue]);
+  var onKeyDownTextField = (0, _react.useCallback)(function (values, e) {
     if (e.key === 'Enter') {
       var sortValue = sortValues(values);
       if (onChange && !value && name) {
@@ -89,7 +89,7 @@ var DoubleUncontrolled = exports.DoubleUncontrolled = function DoubleUncontrolle
       }
       setSliderValue(sortValue);
     }
-  };
+  }, [name, value, onChange, sortValues, setSliderValue]);
   return value ? /*#__PURE__*/_react["default"].createElement(_index.DoubleSlider, _extends({}, props, {
     value: value,
     onChange: onChange

package/styled-components/cjs/components/Slider/components/Single/Single.js

@@ -11,7 +11,7 @@ var _ui = /*#__PURE__*/require("../../ui");
 var _utils = /*#__PURE__*/require("../../utils");
 var _utils2 = /*#__PURE__*/require("../../../../utils");
 var _Slider = /*#__PURE__*/require("../../Slider.tokens");
-var _inputHidden = /*#__PURE__*/require("../../../../utils/inputHidden");
+var _TextField = /*#__PURE__*/require("../../../TextField/TextField.styles");
 var _Single = /*#__PURE__*/require("./Single.styles");
 var _excluded = ["min", "max", "value", "disabled", "onChangeCommitted", "onChange", "ariaLabel", "label", "labelContentLeft", "showRangeValues", "showCurrentValue", "hideMinValueDiff", "hideMaxValueDiff", "labelPlacement", "rangeValuesPlacement", "multipleStepSize", "defaultValue", "size", "name"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
@@ -201,7 +201,7 @@ var SingleSlider = exports.SingleSlider = function SingleSlider(_ref) {
   })), showRangeValues && /*#__PURE__*/_react["default"].createElement(_Single.StyledRangeValue, {
     ref: endLabelRef,
     className: (0, _utils2.cx)(_Slider.classes.maxRangeValue, hideMaxValueDiffClass, activeSecondValue)
-  }, max)), /*#__PURE__*/_react["default"].createElement(_inputHidden.InputHidden, {
+  }, max)), /*#__PURE__*/_react["default"].createElement(_TextField.InputHidden, {
     name: name,
     type: "number",
     datatype: "slider-single",

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

@@ -16,6 +16,7 @@ var _TextArea2 = /*#__PURE__*/require("./TextArea.tokens");
 var _base = /*#__PURE__*/require("./variations/_view/base");
 var _base2 = /*#__PURE__*/require("./variations/_size/base");
 var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
+var _utils2 = /*#__PURE__*/require("./utils");
 var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "required", "requiredPlacement", "optional", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -159,6 +160,22 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
       }
       onChange === null || onChange === void 0 || onChange(event);
     }, [value, onChange]);
+    (0, _react.useEffect)(function () {
+      console.log(outerRef);
+      if (outerRef.current) {
+        console.log(outerRef, 'outer');
+        outerRef.current.addEventListener('setInitialValue', function (e) {
+          return setUncontrolledValue((0, _utils2.setInitialValue)(e));
+        });
+      }
+      return function () {
+        if (outerRef.current) {
+          outerRef.current.removeEventListener('setInitialValue', function (e) {
+            return setUncontrolledValue((0, _utils2.setInitialValue)(e));
+          });
+        }
+      };
+    }, []);
     var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread({
       size: size,
       readOnly: readOnly,

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

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setInitialValue = void 0;
+var setInitialValue = exports.setInitialValue = function setInitialValue(e) {
+  console.log(e.target);
+  var item = e.target;
+  var defaultValue = String(item.getAttribute('defaultValue'));
+  return defaultValue;
+};