@salutejs/plasma-new-hope 0.92.0-canary.1253.9663882094.0 → 0.92.0-canary.1261.9663085538.0

package/es/components/TextArea/hooks/useAutoResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoResize.js","sources":["../../../../src/components/TextArea/hooks/useAutoResize.ts"],"sourcesContent":["import { useEffect, useRef, MutableRefObject } from 'react';\n\nexport const ROOT_FONT_SIZE = 16;\n\nexport const useAutoResize = <T extends HTMLTextAreaElement>(\n    active: boolean,\n    ref: MutableRefObject<T | null>,\n    value?: string | ReadonlyArray<string> | number,\n    minHeight?: number,\n    maxHeight?: number,\n) => {\n    const isManualResize = useRef<boolean>(false);\n    const previousHeight = useRef<number | undefined>();\n\n    useEffect(() => {\n        if (active && ref && ref.current && !isManualResize.current) {\n            // проверка на пользовательский resize (вручную)\n            const height = ref.current.clientHeight / ROOT_FONT_SIZE;\n            if (previousHeight.current !== undefined && previousHeight.current !== height) {\n                isManualResize.current = true;\n                return;\n            }\n\n            ref.current.style.height = `${minHeight ? minHeight + 1 : '0'}rem`;\n            const scrollHeight = ref.current.scrollHeight / ROOT_FONT_SIZE;\n            const newHeight = Math.min(scrollHeight, maxHeight ? maxHeight + 1 : scrollHeight);\n\n            ref.current.style.height = `${newHeight}rem`;\n            previousHeight.current = newHeight;\n        }\n    }, [ref, active, value]);\n};\n"],"names":["ROOT_FONT_SIZE","useAutoResize","active","ref","value","minHeight","maxHeight","isManualResize","useRef","previousHeight","useEffect","current","height","clientHeight","undefined","style","concat","scrollHeight","newHeight","Math","min"],"mappings":";;AAEO,IAAMA,cAAc,GAAG,GAAE;AAEnBC,IAAAA,aAAa,GAAG,SAAhBA,aAAaA,CACtBC,MAAe,EACfC,GAA+B,EAC/BC,KAA+C,EAC/CC,SAAkB,EAClBC,SAAkB,EACjB;AACD,EAAA,IAAMC,cAAc,GAAGC,MAAM,CAAU,KAAK,CAAC,CAAA;AAC7C,EAAA,IAAMC,cAAc,GAAGD,MAAM,EAAsB,CAAA;AAEnDE,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAIR,MAAM,IAAIC,GAAG,IAAIA,GAAG,CAACQ,OAAO,IAAI,CAACJ,cAAc,CAACI,OAAO,EAAE;AACzD;MACA,IAAMC,MAAM,GAAGT,GAAG,CAACQ,OAAO,CAACE,YAAY,GAAGb,cAAc,CAAA;MACxD,IAAIS,cAAc,CAACE,OAAO,KAAKG,SAAS,IAAIL,cAAc,CAACE,OAAO,KAAKC,MAAM,EAAE;QAC3EL,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;AAC7B,QAAA,OAAA;AACJ,OAAA;AAEAR,MAAAA,GAAG,CAACQ,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAI,EAAAA,CAAAA,MAAA,CAAMX,SAAS,GAAGA,SAAS,GAAG,CAAC,GAAG,GAAG,EAAK,KAAA,CAAA,CAAA;MAClE,IAAMY,YAAY,GAAGd,GAAG,CAACQ,OAAO,CAACM,YAAY,GAAGjB,cAAc,CAAA;AAC9D,MAAA,IAAMkB,SAAS,GAAGC,IAAI,CAACC,GAAG,CAACH,YAAY,EAAEX,SAAS,GAAGA,SAAS,GAAG,CAAC,GAAGW,YAAY,CAAC,CAAA;MAElFd,GAAG,CAACQ,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAI,EAAAA,CAAAA,MAAA,CAAME,SAAS,EAAK,KAAA,CAAA,CAAA;MAC5CT,cAAc,CAACE,OAAO,GAAGO,SAAS,CAAA;AACtC,KAAA;GACH,EAAE,CAACf,GAAG,EAAED,MAAM,EAAEE,KAAK,CAAC,CAAC,CAAA;AAC5B;;;;"}
+{"version":3,"file":"useAutoResize.js","sources":["../../../../src/components/TextArea/hooks/useAutoResize.ts"],"sourcesContent":["import { useEffect, useRef, MutableRefObject } from 'react';\n\nexport const ROOT_FONT_SIZE = 16;\n\nexport const useAutoResize = <T extends HTMLTextAreaElement>(\n    active: boolean,\n    ref: MutableRefObject<T | null>,\n    value?: string | ReadonlyArray<string> | number,\n    minAuto?: number,\n    maxAuto?: number,\n) => {\n    const isManualResize = useRef<boolean>(false);\n    const previousHeight = useRef<number | undefined>();\n\n    useEffect(() => {\n        if (active && ref && ref.current && !isManualResize.current) {\n            // проверка на пользовательский resize (вручную)\n            const height = ref.current.clientHeight / ROOT_FONT_SIZE;\n            if (previousHeight.current !== undefined && previousHeight.current !== height) {\n                isManualResize.current = true;\n                return;\n            }\n\n            const style = getComputedStyle(ref.current);\n            const lineHeight = parseInt(style.lineHeight, 10);\n            const lineHeightInRem = lineHeight / ROOT_FONT_SIZE;\n\n            const minAutoHeight = minAuto ? minAuto * lineHeightInRem : 0;\n            ref.current.style.height = `${minAutoHeight}rem`;\n\n            const lines = Math.floor(ref.current.scrollHeight / lineHeight);\n            const newScrollHeight = lines * lineHeightInRem;\n\n            const maxAutoHeight = maxAuto ? maxAuto * lineHeightInRem : newScrollHeight;\n\n            const newHeight = Math.min(newScrollHeight, maxAutoHeight);\n\n            ref.current.style.height = `${newHeight}rem`;\n            previousHeight.current = newHeight;\n        }\n    }, [ref, active, value]);\n};\n"],"names":["ROOT_FONT_SIZE","useAutoResize","active","ref","value","minAuto","maxAuto","isManualResize","useRef","previousHeight","useEffect","current","height","clientHeight","undefined","style","getComputedStyle","lineHeight","parseInt","lineHeightInRem","minAutoHeight","concat","lines","Math","floor","scrollHeight","newScrollHeight","maxAutoHeight","newHeight","min"],"mappings":";;AAEO,IAAMA,cAAc,GAAG,GAAE;AAEnBC,IAAAA,aAAa,GAAG,SAAhBA,aAAaA,CACtBC,MAAe,EACfC,GAA+B,EAC/BC,KAA+C,EAC/CC,OAAgB,EAChBC,OAAgB,EACf;AACD,EAAA,IAAMC,cAAc,GAAGC,MAAM,CAAU,KAAK,CAAC,CAAA;AAC7C,EAAA,IAAMC,cAAc,GAAGD,MAAM,EAAsB,CAAA;AAEnDE,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAIR,MAAM,IAAIC,GAAG,IAAIA,GAAG,CAACQ,OAAO,IAAI,CAACJ,cAAc,CAACI,OAAO,EAAE;AACzD;MACA,IAAMC,MAAM,GAAGT,GAAG,CAACQ,OAAO,CAACE,YAAY,GAAGb,cAAc,CAAA;MACxD,IAAIS,cAAc,CAACE,OAAO,KAAKG,SAAS,IAAIL,cAAc,CAACE,OAAO,KAAKC,MAAM,EAAE;QAC3EL,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;AAC7B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMI,KAAK,GAAGC,gBAAgB,CAACb,GAAG,CAACQ,OAAO,CAAC,CAAA;MAC3C,IAAMM,UAAU,GAAGC,QAAQ,CAACH,KAAK,CAACE,UAAU,EAAE,EAAE,CAAC,CAAA;AACjD,MAAA,IAAME,eAAe,GAAGF,UAAU,GAAGjB,cAAc,CAAA;MAEnD,IAAMoB,aAAa,GAAGf,OAAO,GAAGA,OAAO,GAAGc,eAAe,GAAG,CAAC,CAAA;MAC7DhB,GAAG,CAACQ,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAS,EAAAA,CAAAA,MAAA,CAAMD,aAAa,EAAK,KAAA,CAAA,CAAA;AAEhD,MAAA,IAAME,KAAK,GAAGC,IAAI,CAACC,KAAK,CAACrB,GAAG,CAACQ,OAAO,CAACc,YAAY,GAAGR,UAAU,CAAC,CAAA;AAC/D,MAAA,IAAMS,eAAe,GAAGJ,KAAK,GAAGH,eAAe,CAAA;MAE/C,IAAMQ,aAAa,GAAGrB,OAAO,GAAGA,OAAO,GAAGa,eAAe,GAAGO,eAAe,CAAA;MAE3E,IAAME,SAAS,GAAGL,IAAI,CAACM,GAAG,CAACH,eAAe,EAAEC,aAAa,CAAC,CAAA;MAE1DxB,GAAG,CAACQ,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAS,EAAAA,CAAAA,MAAA,CAAMO,SAAS,EAAK,KAAA,CAAA,CAAA;MAC5CnB,cAAc,CAACE,OAAO,GAAGiB,SAAS,CAAA;AACtC,KAAA;GACH,EAAE,CAACzB,GAAG,EAAED,MAAM,EAAEE,KAAK,CAAC,CAAC,CAAA;AAC5B;;;;"}

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

@@ -1,4 +1,4 @@
-import './TextField.styles_9fkr1l.css';
+import './TextField.styles_aqmut.css';
 import { styled } from '@linaria/react';
 
 var InputWrapper = /*#__PURE__*/styled('div')({

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    flex: 1;\n    min-width: 60%;\n`;\n\nexport const Label = styled.label``;\n\nexport const StyledContentLeft = styled.div`\n    margin: var(${tokens.leftContentMargin});\n    line-height: 0;\n`;\n\nexport const StyledContentRight = styled.div`\n    margin: var(${tokens.rightContentMargin});\n    line-height: 0;\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","Label","StyledContentLeft","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAoBtC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMG,KAAK,gBAAGN,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS1B,EAAA;AAEM,IAAMI,KAAK,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAE5B,IAAMK,iBAAiB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGtC,EAAA;AAEM,IAAMM,kBAAkB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAGvC,EAAA;AAEM,IAAMO,UAAU,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMQ,gBAAgB,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAMS,eAAe,gBAAGZ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}
+{"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    flex: 1;\n    min-width: 60%;\n`;\n\nexport const Label = styled.label``;\n\nexport const StyledContentLeft = styled.div`\n    margin: var(${tokens.leftContentMargin});\n`;\n\nexport const StyledContentRight = styled.div`\n    margin: var(${tokens.rightContentMargin});\n`;\n\nexport const LeftHelper = styled.div``;\n\nexport const StyledTextBefore = styled.div``;\n\nexport const StyledTextAfter = styled.div``;\n"],"names":["InputWrapper","styled","name","class","propsAsIs","InputLabelWrapper","StyledChips","Input","Label","StyledContentLeft","StyledContentRight","LeftHelper","StyledTextBefore","StyledTextAfter"],"mappings":";;AAIO,IAAMA,YAAY,gBAAGC,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKjC,EAAA;AAEM,IAAMC,iBAAiB,gBAAGJ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAoBtC,EAAA;AAEM,IAAME,WAAW,gBAAGL,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAKhC,EAAA;AAEM,IAAMG,KAAK,gBAAGN,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAS1B,EAAA;AAEM,IAAMI,KAAK,gBAAGP,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,OAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAQ,EAAA;AAE5B,IAAMK,iBAAiB,gBAAGR,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEtC,EAAA;AAEM,IAAMM,kBAAkB,gBAAGT,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAEvC,EAAA;AAEM,IAAMO,UAAU,gBAAGV,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,YAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAE/B,IAAMQ,gBAAgB,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAErC,IAAMS,eAAe,gBAAGZ,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM;;;;"}

package/es/components/TextField/{TextField.styles_9fkr1l.css → TextField.styles_aqmut.css}

@@ -3,8 +3,8 @@
 .s13zudoe{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;}
 .io4bpie{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
 
-.s19ry60d{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
-.sbt1ohz{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
+.s19ry60d{margin:var(--plasma-textfield__left-content-margin);}
+.sbt1ohz{margin:var(--plasma-textfield__right-content-margin);}
 
 
 

package/es/index.css

@@ -128,13 +128,13 @@
 
 .base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304{color:var(--plasma-textfield-color-readonly);background-color:var(--plasma-textfield-bg-color-readonly);box-shadow:inset 0 0 0 var(--plasmas-textfield-border-width) var(--plasma-textfield-border-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_iq39zt5__3851a304:hover{background-color:var(--plasma-textfield-bg-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-webkit-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::-moz-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304:-ms-input-placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304::placeholder{color:var(--plasma-textfield__placeholder-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_io4bpie__3851a304{color:var(--plasma-textfield-color-readonly);cursor:default;min-width:unset;}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_llv9av6__3851a304{color:var(--plasma-textfield__left-helper-color-readonly);}.base_134hshp_b1w985rt__3851a304[readonly] .base_134hshp_l13qvwoy__3851a304{color:var(--plasma-textfield__label-color-readonly);}
 
-.TextField_styles_9fkr1l_iq39zt5__db7f1e30{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_9fkr1l_i1j28rg8__db7f1e30{-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_9fkr1l_i1j28rg8__db7f1e30::-webkit-scrollbar{display:none;}.TextField_styles_9fkr1l_i1j28rg8__db7f1e30.TextField_styles_9fkr1l_hasChips__db7f1e30{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
-.TextField_styles_9fkr1l_s13zudoe__db7f1e30{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_9fkr1l_io4bpie__db7f1e30{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
+.TextField_styles_aqmut_iq39zt5__4a8fddcd{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_aqmut_i1j28rg8__4a8fddcd{-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_aqmut_i1j28rg8__4a8fddcd::-webkit-scrollbar{display:none;}.TextField_styles_aqmut_i1j28rg8__4a8fddcd.TextField_styles_aqmut_hasChips__4a8fddcd{height:var(--plasma-textfield__chip-height);border-radius:var(--plasma-textfield__chip-border-radius);}
+.TextField_styles_aqmut_s13zudoe__4a8fddcd{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_aqmut_io4bpie__4a8fddcd{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;background-color:transparent;outline:none;-webkit-flex:1;-ms-flex:1;flex:1;min-width:60%;}
 
-.TextField_styles_9fkr1l_s19ry60d__db7f1e30{margin:var(--plasma-textfield__left-content-margin);line-height:0;}
-.TextField_styles_9fkr1l_sbt1ohz__db7f1e30{margin:var(--plasma-textfield__right-content-margin);line-height:0;}
+.TextField_styles_aqmut_s19ry60d__4a8fddcd{margin:var(--plasma-textfield__left-content-margin);}
+.TextField_styles_aqmut_sbt1ohz__4a8fddcd{margin:var(--plasma-textfield__right-content-margin);}
 
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@salutejs/plasma-new-hope",
-  "version": "0.92.0-canary.1253.9663882094.0",
+  "version": "0.92.0-canary.1261.9663085538.0",
   "description": "Salute Design System blueprint",
   "main": "cjs/index.js",
   "module": "es/index.js",
@@ -105,5 +105,5 @@
     "react-popper": "2.3.0",
     "storeon": "3.1.5"
   },
-  "gitHead": "3390b7f8316c5430032acf2c64f589eef46a3b1e"
+  "gitHead": "4275dec0ca7abf4f61501a6aedcac2197cddac85"
 }

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

@@ -24,6 +24,11 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -144,15 +149,17 @@ var textAreaRoot = exports.textAreaRoot = function textAreaRoot(Root) {
       }
       onChange === null || onChange === void 0 || onChange(event);
     }, [value, onChange]);
-    var dynamicLabelClasses = getDynamicLabelClasses({
+    var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread({
       size: size,
       readOnly: readOnly,
       label: label,
       labelPlacement: labelPlacement,
-      autoResize: autoResize,
-      rows: rows,
       value: value || uncontrolledValue || defaultValue
-    }, focused);
+    }, rows ? {
+      rows: rows
+    } : {
+      autoResize: autoResize
+    }), focused);
     return /*#__PURE__*/_react["default"].createElement(Root, {
       view: overriddenView,
       size: size,

package/styled-components/cjs/components/TextArea/TextArea.template-doc.mdx

@@ -11,7 +11,7 @@ import { PropsTable, Description } from '@site/src/components';
 
 ## Использование
 Компонент `TextArea` может содержать иконку (или кнопку) справа.
-Для этого используйте свойство и `contentRight`:
+Для этого используйте свойство `contentRight`:
 
 ```tsx live
 import React from 'react';
@@ -31,16 +31,55 @@ export function App() {
 }
 ```
 
-Также можно регулировать высоту и ширину, используя свойства `height` и `width`, 
+### Размеры компонента
+Высоту и ширину можно регулировать с помощью свойств `height` и `width`, 
 указав значения в `rem` или соответствующие свойствам css значения.
+`height` и `width` отвечают за **всю** высоту и ширину компонента.
 
-## Autoresize
+```tsx live
+import React from 'react';
+import { TextArea } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <TextArea
+                placeholder="Введите значение"
+                defaultValue="Значение"
+                height={10}
+                width={20}
+            />
+        </div>
+    );
+}
+```
+
+Свойства `rows` и `cols` указываются в абсолютных единицах, отвечают за фиксированное количество строк и столбцов.
+
+```tsx live
+import React from 'react';
+import { TextArea } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <TextArea
+                placeholder="Введите значение"
+                defaultValue="Значение"
+                rows={5}
+                cols={20}
+            />
+        </div>
+    );
+}
+```
+
+### Autoresize
 Также можно включить автоматическое регулирование высоты поля ввода по длине контента внутри (параметра `value`).
 Для этого необходимо использовать свойство `autoResize`. 
 При этом, если пользователь вручную регулирует высоту(`resize`), то она так и остается пользовательской.
 
-В этом режиме можно указать крайние значения высоты поля ввода, используя свойства `autoMin`, `autoMax`,
-указав их в `rem`.
+Свойства `minAuto`, `maxAuto` указываются в абсолютных единицах и отвечают за минимальное и максимальное количество строк.
 
 ```tsx live
 import React from 'react';
@@ -85,4 +124,4 @@ export function App() {
         </div>
     );
 }
-```
+```

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.useAutoResize = exports.ROOT_FONT_SIZE = void 0;
 var _react = /*#__PURE__*/require("react");
 var ROOT_FONT_SIZE = exports.ROOT_FONT_SIZE = 16;
-var useAutoResize = exports.useAutoResize = function useAutoResize(active, ref, value, minHeight, maxHeight) {
+var useAutoResize = exports.useAutoResize = function useAutoResize(active, ref, value, minAuto, maxAuto) {
   var isManualResize = (0, _react.useRef)(false);
   var previousHeight = (0, _react.useRef)();
   (0, _react.useEffect)(function () {
@@ -17,9 +17,15 @@ var useAutoResize = exports.useAutoResize = function useAutoResize(active, ref,
         isManualResize.current = true;
         return;
       }
-      ref.current.style.height = "".concat(minHeight ? minHeight + 1 : '0', "rem");
-      var scrollHeight = ref.current.scrollHeight / ROOT_FONT_SIZE;
-      var newHeight = Math.min(scrollHeight, maxHeight ? maxHeight + 1 : scrollHeight);
+      var style = getComputedStyle(ref.current);
+      var lineHeight = parseInt(style.lineHeight, 10);
+      var lineHeightInRem = lineHeight / ROOT_FONT_SIZE;
+      var minAutoHeight = minAuto ? minAuto * lineHeightInRem : 0;
+      ref.current.style.height = "".concat(minAutoHeight, "rem");
+      var lines = Math.floor(ref.current.scrollHeight / lineHeight);
+      var newScrollHeight = lines * lineHeightInRem;
+      var maxAutoHeight = maxAuto ? maxAuto * lineHeightInRem : newScrollHeight;
+      var newHeight = Math.min(newScrollHeight, maxAutoHeight);
       ref.current.style.height = "".concat(newHeight, "rem");
       previousHeight.current = newHeight;
     }

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

@@ -24,10 +24,10 @@ var Label = exports.Label = /*#__PURE__*/_styledComponents["default"].label.with
 })([""]);
 var StyledContentLeft = exports.StyledContentLeft = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-5"
-})(["margin:var(", ");line-height:0;"], _TextField.tokens.leftContentMargin);
+})(["margin:var(", ");"], _TextField.tokens.leftContentMargin);
 var StyledContentRight = exports.StyledContentRight = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-6"
-})(["margin:var(", ");line-height:0;"], _TextField.tokens.rightContentMargin);
+})(["margin:var(", ");"], _TextField.tokens.rightContentMargin);
 var LeftHelper = exports.LeftHelper = /*#__PURE__*/_styledComponents["default"].div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-7"
 })([""]);

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

@@ -1,9 +1,15 @@
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 var _excluded = ["helperText", "status", "resize", "rightHelper", "leftHelper", "contentRight", "autoResize", "minAuto", "maxAuto", "label", "labelPlacement", "placeholder", "defaultValue", "height", "width", "value", "disabled", "size", "view", "id", "style", "className", "readOnly", "rows", "cols", "onChange"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
@@ -135,15 +141,17 @@ export var textAreaRoot = function textAreaRoot(Root) {
       }
       onChange === null || onChange === void 0 || onChange(event);
     }, [value, onChange]);
-    var dynamicLabelClasses = getDynamicLabelClasses({
+    var dynamicLabelClasses = getDynamicLabelClasses(_objectSpread({
       size: size,
       readOnly: readOnly,
       label: label,
       labelPlacement: labelPlacement,
-      autoResize: autoResize,
-      rows: rows,
       value: value || uncontrolledValue || defaultValue
-    }, focused);
+    }, rows ? {
+      rows: rows
+    } : {
+      autoResize: autoResize
+    }), focused);
     return /*#__PURE__*/React.createElement(Root, {
       view: overriddenView,
       size: size,

package/styled-components/es/components/TextArea/TextArea.template-doc.mdx

@@ -11,7 +11,7 @@ import { PropsTable, Description } from '@site/src/components';
 
 ## Использование
 Компонент `TextArea` может содержать иконку (или кнопку) справа.
-Для этого используйте свойство и `contentRight`:
+Для этого используйте свойство `contentRight`:
 
 ```tsx live
 import React from 'react';
@@ -31,16 +31,55 @@ export function App() {
 }
 ```
 
-Также можно регулировать высоту и ширину, используя свойства `height` и `width`, 
+### Размеры компонента
+Высоту и ширину можно регулировать с помощью свойств `height` и `width`, 
 указав значения в `rem` или соответствующие свойствам css значения.
+`height` и `width` отвечают за **всю** высоту и ширину компонента.
 
-## Autoresize
+```tsx live
+import React from 'react';
+import { TextArea } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <TextArea
+                placeholder="Введите значение"
+                defaultValue="Значение"
+                height={10}
+                width={20}
+            />
+        </div>
+    );
+}
+```
+
+Свойства `rows` и `cols` указываются в абсолютных единицах, отвечают за фиксированное количество строк и столбцов.
+
+```tsx live
+import React from 'react';
+import { TextArea } from '@salutejs/{{ package }}';
+
+export function App() {
+    return (
+        <div>
+            <TextArea
+                placeholder="Введите значение"
+                defaultValue="Значение"
+                rows={5}
+                cols={20}
+            />
+        </div>
+    );
+}
+```
+
+### Autoresize
 Также можно включить автоматическое регулирование высоты поля ввода по длине контента внутри (параметра `value`).
 Для этого необходимо использовать свойство `autoResize`. 
 При этом, если пользователь вручную регулирует высоту(`resize`), то она так и остается пользовательской.
 
-В этом режиме можно указать крайние значения высоты поля ввода, используя свойства `autoMin`, `autoMax`,
-указав их в `rem`.
+Свойства `minAuto`, `maxAuto` указываются в абсолютных единицах и отвечают за минимальное и максимальное количество строк.
 
 ```tsx live
 import React from 'react';
@@ -85,4 +124,4 @@ export function App() {
         </div>
     );
 }
-```
+```

package/styled-components/es/components/TextArea/hooks/useAutoResize.js

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react';
 export var ROOT_FONT_SIZE = 16;
-export var useAutoResize = function useAutoResize(active, ref, value, minHeight, maxHeight) {
+export var useAutoResize = function useAutoResize(active, ref, value, minAuto, maxAuto) {
   var isManualResize = useRef(false);
   var previousHeight = useRef();
   useEffect(function () {
@@ -11,9 +11,15 @@ export var useAutoResize = function useAutoResize(active, ref, value, minHeight,
         isManualResize.current = true;
         return;
       }
-      ref.current.style.height = "".concat(minHeight ? minHeight + 1 : '0', "rem");
-      var scrollHeight = ref.current.scrollHeight / ROOT_FONT_SIZE;
-      var newHeight = Math.min(scrollHeight, maxHeight ? maxHeight + 1 : scrollHeight);
+      var style = getComputedStyle(ref.current);
+      var lineHeight = parseInt(style.lineHeight, 10);
+      var lineHeightInRem = lineHeight / ROOT_FONT_SIZE;
+      var minAutoHeight = minAuto ? minAuto * lineHeightInRem : 0;
+      ref.current.style.height = "".concat(minAutoHeight, "rem");
+      var lines = Math.floor(ref.current.scrollHeight / lineHeight);
+      var newScrollHeight = lines * lineHeightInRem;
+      var maxAutoHeight = maxAuto ? maxAuto * lineHeightInRem : newScrollHeight;
+      var newHeight = Math.min(newScrollHeight, maxAutoHeight);
       ref.current.style.height = "".concat(newHeight, "rem");
       previousHeight.current = newHeight;
     }

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

@@ -17,10 +17,10 @@ export var Label = /*#__PURE__*/styled.label.withConfig({
 })([""]);
 export var StyledContentLeft = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-5"
-})(["margin:var(", ");line-height:0;"], tokens.leftContentMargin);
+})(["margin:var(", ");"], tokens.leftContentMargin);
 export var StyledContentRight = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-6"
-})(["margin:var(", ");line-height:0;"], tokens.rightContentMargin);
+})(["margin:var(", ");"], tokens.rightContentMargin);
 export var LeftHelper = /*#__PURE__*/styled.div.withConfig({
   componentId: "plasma-new-hope__sc-g4vxbb-7"
 })([""]);

package/types/components/TextArea/TextArea.d.ts

@@ -2,11 +2,11 @@ import React from 'react';
 import type { RootProps } from '../../engines/types';
 import type { TextAreaProps } from './TextArea.types';
 export declare const getDynamicLabelClasses: (props: TextAreaProps, focused: boolean) => (string | undefined)[];
-export declare const textAreaRoot: (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) => React.ForwardRefExoticComponent<import("../../types").TextareaHTMLAttributes<HTMLTextAreaElement> & import("./TextArea.types").TextAreaPropsExtends & React.RefAttributes<HTMLTextAreaElement>>;
+export declare const textAreaRoot: (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) => React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
 export declare const textAreaConfig: {
     name: string;
     tag: string;
-    layout: (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) => React.ForwardRefExoticComponent<import("../../types").TextareaHTMLAttributes<HTMLTextAreaElement> & import("./TextArea.types").TextAreaPropsExtends & React.RefAttributes<HTMLTextAreaElement>>;
+    layout: (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) => React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;
     base: import("@linaria/core").LinariaClassName;
     variations: {
         size: {

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAK5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAmBrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA6BtD,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA4B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,UAAU,mBAAmB,EAAE,aAAa,CAAC,oMAkJ1E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBApJQ,UAAU,mBAAmB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;CA4K/E,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuD,MAAM,OAAO,CAAC;AAK5E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAmBrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AA6BtD,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA4B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,UAAU,mBAAmB,EAAE,aAAa,CAAC,8FAiJ1E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBAnJQ,UAAU,mBAAmB,EAAE,aAAa,CAAC;;;;;;;;;;;;;;;;;;;;;CA2K/E,CAAC"}

package/types/components/TextArea/TextArea.types.d.ts

@@ -1,5 +1,52 @@
 /// <reference types="react" />
 import { TextareaHTMLAttributes } from '../../types';
+declare type Only<T, U, R> = {
+    [P in keyof T]: T[P];
+} & {
+    [P in keyof U]?: never;
+} & {
+    [P in keyof R]?: never;
+};
+declare type OneOf<T, U, R> = Only<T, U, R> | Only<U, T, R> | Only<R, T, U>;
+export declare type TextAreaPropsAutoResize = {
+    /**
+     * Автоматическая высота поля ввода.
+     */
+    autoResize?: boolean;
+    /**
+     * Максимальная высота поля ввода в автоматическом режиме (в абсолютных единицах).
+     * @example maxAuto="5", maxAuto={5}
+     */
+    maxAuto?: number;
+    /**
+     * Минимальная высота поля ввода в автоматическом режиме (в абсолютных единицах).
+     * @example minAuto="5", minAuto={5}
+     */
+    minAuto?: number;
+};
+export declare type TextAreaPropsHeightWidth = {
+    /**
+     * Высота текстового поля, значения в rem. Отвечает за ВСЮ высоту компонента.
+     * @example height="10", height={10}
+     */
+    height?: number | string;
+    /**
+     * Ширина текстового поля, значения в rem. Отвечает за ВСЮ ширину компонента.
+     * @example width="10", width={10}
+     */
+    width?: number | string;
+};
+export declare type TextAreaPropsRowsCols = {
+    /**
+     * Высота текстового поля (в абсолютных единицах) – фиксированное число отображаемых строк без прокрутки.
+     */
+    rows?: number;
+    /**
+     * Ширина текстового поля (в абсолютных единицах) – фиксированное число столбцов.
+     */
+    cols?: number;
+};
+export declare type TextAreaDimensionsProps = OneOf<TextAreaPropsAutoResize, TextAreaPropsHeightWidth, TextAreaPropsRowsCols>;
 export interface TextAreaPropsBase {
     /**
      * Статус компонента: заполнен успешно / с предупреждением / с ошибкой.
@@ -23,16 +70,6 @@ export interface TextAreaPropsBase {
      * @deprecated устаревшее свойство
      */
     resize?: 'none' | 'both' | 'horizontal' | 'vertical';
-    /**
-     * Высота текстового поля, значения в rem
-     * @example height="10", height={10}
-     */
-    height?: number | string;
-    /**
-     * Ширина текстового поля, значения в rem
-     * @example width="10", width={10}
-     */
-    width?: number | string;
     /**
      * Вспомогательный текст снизу слева для поля ввода.
      * @deprecated свойство устарело, необходимо использовать `leftHelper`.
@@ -46,18 +83,6 @@ export interface TextAreaPropsBase {
      * Вспомогательный текст снизу справа для поля ввода.
      */
     rightHelper?: string;
-    /**
-     * Автоматическая высота поля ввода.
-     */
-    autoResize?: boolean;
-    /**
-     * Максимальная высота поля ввода в автоматическом режиме(в rem).
-     */
-    maxAuto?: number;
-    /**
-     * Минимальная высота поля ввода в автоматическом режиме(в rem).
-     */
-    minAuto?: number;
 }
 export interface TextAreaPropsExtends extends TextAreaPropsBase {
     /**
@@ -69,5 +94,6 @@ export interface TextAreaPropsExtends extends TextAreaPropsBase {
      */
     view?: string;
 }
-export declare type TextAreaProps = TextareaHTMLAttributes<HTMLTextAreaElement> & TextAreaPropsExtends;
+export declare type TextAreaProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'rows' | 'cols'> & TextAreaPropsExtends & TextAreaDimensionsProps;
+export {};
 //# sourceMappingURL=TextArea.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,MAAM,WAAW,iBAAiB;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,EAAE,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACrD;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC3D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,aAAa,GAAG,sBAAsB,CAAC,mBAAmB,CAAC,GAAG,oBAAoB,CAAC"}
+{"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAErD,aAAK,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI;KAChB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,GACD;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,aAAK,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEpE,oBAAY,uBAAuB,GAAG;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,oBAAY,wBAAwB,GAAG;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B,CAAC;AAEF,oBAAY,qBAAqB,GAAG;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,uBAAuB,GAAG,KAAK,CAAC,uBAAuB,EAAE,wBAAwB,EAAE,qBAAqB,CAAC,CAAC;AAEtH,MAAM,WAAW,iBAAiB;IAC9B;;;OAGG;IACH,MAAM,CAAC,EAAE,EAAE,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACrD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB;IAC3D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,oBAAY,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,GAC1F,oBAAoB,GACpB,uBAAuB,CAAC"}

package/types/components/TextArea/hooks/useAutoResize.d.ts

@@ -1,4 +1,4 @@
 import { MutableRefObject } from 'react';
 export declare const ROOT_FONT_SIZE = 16;
-export declare const useAutoResize: <T extends HTMLTextAreaElement>(active: boolean, ref: MutableRefObject<T | null>, value?: string | number | readonly string[] | undefined, minHeight?: number | undefined, maxHeight?: number | undefined) => void;
+export declare const useAutoResize: <T extends HTMLTextAreaElement>(active: boolean, ref: MutableRefObject<T | null>, value?: string | number | readonly string[] | undefined, minAuto?: number | undefined, maxAuto?: number | undefined) => void;
 //# sourceMappingURL=useAutoResize.d.ts.map

package/types/components/TextArea/hooks/useAutoResize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useAutoResize.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/hooks/useAutoResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE5D,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,aAAa,0CACd,OAAO,mKA0BlB,CAAC"}
+{"version":3,"file":"useAutoResize.d.ts","sourceRoot":"","sources":["../../../../src/components/TextArea/hooks/useAutoResize.ts"],"names":[],"mappings":"AAAA,OAAO,EAAqB,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAE5D,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,eAAO,MAAM,aAAa,0CACd,OAAO,+JAoClB,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KASjB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAAiB,CAAC;AAEpC,eAAO,MAAM,iBAAiB,qKAG7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAG9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,eAAe,qKAAe,CAAC"}
+{"version":3,"file":"TextField.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/TextField.styles.ts"],"names":[],"mappings":";AAIA,eAAO,MAAM,YAAY,qKAKxB,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAoB7B,CAAC;AAEF,eAAO,MAAM,WAAW,qKAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,8KASjB,CAAC;AAEF,eAAO,MAAM,KAAK,8KAAiB,CAAC;AAEpC,eAAO,MAAM,iBAAiB,qKAE7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAE9B,CAAC;AAEF,eAAO,MAAM,UAAU,qKAAe,CAAC;AAEvC,eAAO,MAAM,gBAAgB,qKAAe,CAAC;AAE7C,eAAO,MAAM,eAAe,qKAAe,CAAC"}

package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts

@@ -15,5 +15,35 @@ export declare const TextArea: import("react").FunctionComponent<import("../../.
     disabled: {
         true: import("@linaria/core").LinariaClassName;
     };
-}> & import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement> & import("../../../../components/TextArea/TextArea.types").TextAreaPropsExtends & import("react").RefAttributes<HTMLTextAreaElement>>;
+}> & ((Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "rows" | "cols"> & import("../../../../components/TextArea/TextArea.types").TextAreaPropsExtends & {
+    autoResize?: boolean | undefined;
+    maxAuto?: number | undefined;
+    minAuto?: number | undefined;
+} & {
+    height?: undefined;
+    width?: undefined;
+} & {
+    rows?: undefined;
+    cols?: undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "rows" | "cols"> & import("../../../../components/TextArea/TextArea.types").TextAreaPropsExtends & {
+    height?: string | number | undefined;
+    width?: string | number | undefined;
+} & {
+    autoResize?: undefined;
+    maxAuto?: undefined;
+    minAuto?: undefined;
+} & {
+    rows?: undefined;
+    cols?: undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>) | (Omit<import("../../../../types").TextareaHTMLAttributes<HTMLTextAreaElement>, "rows" | "cols"> & import("../../../../components/TextArea/TextArea.types").TextAreaPropsExtends & {
+    rows?: number | undefined;
+    cols?: number | undefined;
+} & {
+    autoResize?: undefined;
+    maxAuto?: undefined;
+    minAuto?: undefined;
+} & {
+    height?: undefined;
+    width?: undefined;
+} & import("react").RefAttributes<HTMLTextAreaElement>))>;
 //# sourceMappingURL=TextArea.d.ts.map

package/types/examples/plasma_b2c/components/TextArea/TextArea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;kNAA0B,CAAC"}
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/TextArea/TextArea.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yDAA0B,CAAC"}