@foxford/ui 2.4.3-beta-7227108-20230620 → 2.5.0-beta-896cda4-20230622

package/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { useClassname } from 'hooks/useClassname'\nimport { useFallbackTheme } from 'hooks/use-theme'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { TextHeading } from '../../components/Text.Heading'\nimport { TextEllipse } from '../../components/Text.Ellipse'\nimport type { TextProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n * Text component\n */\nconst Text = (props: TextProps) => {\n  const theme = useFallbackTheme()\n\n  const {\n    as = 'div',\n    children,\n    weight = 'normal',\n    content,\n    textAlign,\n    underlineLinks,\n    className: origClassName,\n    style,\n    lineHeight = 'm',\n    fontStyle = 'normal',\n    fontFamily,\n    title,\n    color,\n    size = 'm',\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    display,\n    ...configProps\n  } = useConfigPriority<TextProps>(theme.components?.[COMPONENT_NAME], props)\n\n  const className = useClassname(Text.displayName, origClassName)\n\n  if (children) {\n    return (\n      <Styled.Root\n        {...configProps}\n        as={as}\n        color={color}\n        className={className}\n        title={title}\n        weight={weight}\n        lineHeight={lineHeight}\n        textAlign={textAlign}\n        fontStyle={fontStyle}\n        fontFamily={fontFamily}\n        underlineLinks={underlineLinks}\n        size={size}\n        sizeXS={sizeXS}\n        sizeS={sizeS}\n        sizeM={sizeM}\n        sizeL={sizeL}\n        sizeXL={sizeXL}\n        display={display}\n        style={style}\n      >\n        {children}\n      </Styled.Root>\n    )\n  }\n\n  return (\n    <Styled.Root\n      {...configProps}\n      as={as}\n      color={color}\n      className={className}\n      title={title}\n      weight={weight}\n      lineHeight={lineHeight}\n      textAlign={textAlign}\n      fontStyle={fontStyle}\n      fontFamily={fontFamily}\n      underlineLinks={underlineLinks}\n      size={size}\n      sizeXS={sizeXS}\n      sizeS={sizeS}\n      sizeM={sizeM}\n      sizeL={sizeL}\n      sizeXL={sizeXL}\n      display={display}\n      style={style}\n      dangerouslySetInnerHTML={{ __html: content || '' }}\n    />\n  )\n}\n\nText.Heading = TextHeading\nText.Ellipse = TextEllipse\nText.displayName = COMPONENT_NAME\n\nexport { Text, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Text","props","_theme$components","theme","useFallbackTheme","useConfigPriority","components","as","children","weight","content","textAlign","underlineLinks","className","origClassName","style","lineHeight","fontStyle","fontFamily","title","color","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","display","_useConfigPriority","configProps","_objectWithoutProperties","_excluded","useClassname","displayName","_jsx","Styled.Root","dangerouslySetInnerHTML","__html","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"msBAQMA,IAAAA,EAAiB,OAKjBC,IAAAA,EAAQC,IAAqB,IAAAC,EACjC,IAAMC,EAAQC,IAEd,IAsBIC,EAAAA,EAA6B,QAAAF,EAAAA,EAAMG,kBAAAA,IAANJ,OAAAA,EAAAA,EAAAF,KAAoCC,IAtB/DM,GACJA,EAAK,MADDC,SAEJA,EAFIC,OAGJA,EAAS,SAHLC,QAIJA,EAJIC,UAKJA,EALIC,eAMJA,EACAC,UAAWC,EAPPC,MAQJA,EARIC,WASJA,EAAa,IATTC,UAUJA,EAAY,SAVRC,WAWJA,EAXIC,MAYJA,EAZIC,MAaJA,EAbIC,KAcJA,EAAO,IAdHC,OAeJA,EAfIC,MAgBJA,EAhBIC,MAiBJA,EAjBIC,MAkBJA,EAlBIC,OAmBJA,EAnBIC,QAoBJA,GApBFC,EAqBKC,EArBLC,EAAAF,EAAAG,GAwBA,IAAMlB,EAAYmB,EAAahC,EAAKiC,YAAanB,GAEjD,OAEIoB,EAACC,SACKN,GADN,GAFArB,EAEA,CAEED,GAAIA,EACJa,MAAOA,EACPP,UAAWA,EACXM,MAAOA,EACPV,OAAQA,EACRO,WAAYA,EACZL,UAAWA,EACXM,UAAWA,EACXC,WAAYA,EACZN,eAAgBA,EAChBS,KAAMA,EACNC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,QAASA,EACTZ,MAAOA,EAnBTP,SAqBGA,GAML,CAEED,GAAIA,EACJa,MAAOA,EACPP,UAAWA,EACXM,MAAOA,EACPV,OAAQA,EACRO,WAAYA,EACZL,UAAWA,EACXM,UAAWA,EACXC,WAAYA,EACZN,eAAgBA,EAChBS,KAAMA,EACNC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,QAASA,EACTZ,MAAOA,EACPqB,wBAAyB,CAAEC,OAAQ3B,GAAW,QAKpDV,EAAKsC,QAAUC,EACfvC,EAAKwC,QAAUC,EACfzC,EAAKiC,YA1FkB"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from '../../components/Text.Heading'\nimport { TextEllipse } from '../../components/Text.Ellipse'\nimport { Color } from '../../mixins/color'\nimport { ResponsiveNamedProperty } from '../../mixins/responsive-property'\nimport { Display } from '../../mixins/display'\nimport { BaseProps } from '../../shared/interfaces'\nimport * as Styled from './style'\n\nexport interface TextProps extends BaseProps, Color, ResponsiveNamedProperty<'size'>, Display {\n  /**\n   * An element type to render as (string).\n   */\n  as?: 'div' | 'span' | 'h1' | 'h2' | 'h3' | 'h4' | 'p'\n  /**\n   * Primary content\n   */\n  content?: string\n  /**\n   * Primary content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Text font weight\n   */\n  weight?: 'lighter' | 'normal' | 'bold' | 'bolder' | number\n  /**\n   * Text font style\n   */\n  fontStyle?: 'normal' | 'italic'\n  /**\n   * Add underline to inline links\n   */\n  underlineLinks?: boolean\n  /**\n   * Text align\n   */\n  textAlign?: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end'\n  /**\n   * Line height\n   */\n  lineHeight?: 'l' | 'm' | 's' | 'xs' | number\n  /**\n   * Element title\n   */\n  title?: string\n}\n\nText.Heading = TextHeading\nText.Ellipse = TextEllipse\nText.displayName = 'Text'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport function Text(props: TextProps) {\n  const {\n    as = 'div',\n    children,\n    weight = 'normal',\n    content,\n    textAlign,\n    underlineLinks,\n    className: origClassName,\n    style,\n    lineHeight = 'm',\n    fontStyle = 'normal',\n    title,\n    color,\n    size = 'm',\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    display,\n  } = props\n\n  const className = useClassname(Text.displayName, origClassName)\n\n  if (children) {\n    return (\n      <Styled.Root\n        as={as}\n        color={color}\n        className={className}\n        title={title}\n        weight={weight}\n        lineHeight={lineHeight}\n        textAlign={textAlign}\n        fontStyle={fontStyle}\n        underlineLinks={underlineLinks}\n        size={size}\n        sizeXS={sizeXS}\n        sizeS={sizeS}\n        sizeM={sizeM}\n        sizeL={sizeL}\n        sizeXL={sizeXL}\n        display={display}\n        style={style}\n      >\n        {children}\n      </Styled.Root>\n    )\n  }\n\n  return (\n    <Styled.Root\n      as={as}\n      color={color}\n      className={className}\n      title={title}\n      weight={weight}\n      lineHeight={lineHeight}\n      textAlign={textAlign}\n      fontStyle={fontStyle}\n      underlineLinks={underlineLinks}\n      size={size}\n      sizeXS={sizeXS}\n      sizeS={sizeS}\n      sizeM={sizeM}\n      sizeL={sizeL}\n      sizeXL={sizeXL}\n      display={display}\n      style={style}\n      dangerouslySetInnerHTML={{ __html: content || '' }}\n    />\n  )\n}\n"],"names":["Text","props","as","children","weight","content","textAlign","underlineLinks","className","origClassName","style","lineHeight","fontStyle","title","color","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","display","useClassname","displayName","_jsx","Styled.Root","dangerouslySetInnerHTML","__html","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"iQA8DO,SAASA,EAAKC,GACnB,IAAMC,GACJA,EAAK,MADDC,SAEJA,EAFIC,OAGJA,EAAS,SAHLC,QAIJA,EAJIC,UAKJA,EALIC,eAMJA,EACAC,UAAWC,EAPPC,MAQJA,EARIC,WASJA,EAAa,IATTC,UAUJA,EAAY,SAVRC,MAWJA,EAXIC,MAYJA,EAZIC,KAaJA,EAAO,IAbHC,OAcJA,EAdIC,MAeJA,EAfIC,MAgBJA,EAhBIC,MAiBJA,EAjBIC,OAkBJA,EAlBIC,QAmBJA,GACEpB,EAEJ,IAAMO,EAAYc,EAAatB,EAAKuB,YAAad,GAEjD,OAEIe,EAACC,EAFDtB,EAEA,CACED,GAAIA,EACJY,MAAOA,EACPN,UAAWA,EACXK,MAAOA,EACPT,OAAQA,EACRO,WAAYA,EACZL,UAAWA,EACXM,UAAWA,EACXL,eAAgBA,EAChBQ,KAAMA,EACNC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,QAASA,EACTX,MAAOA,EAjBTP,SAmBGA,GAML,CACED,GAAIA,EACJY,MAAOA,EACPN,UAAWA,EACXK,MAAOA,EACPT,OAAQA,EACRO,WAAYA,EACZL,UAAWA,EACXM,UAAWA,EACXL,eAAgBA,EAChBQ,KAAMA,EACNC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,QAASA,EACTX,MAAOA,EACPgB,wBAAyB,CAAEC,OAAQtB,GAAW,MAjFpDL,EAAK4B,QAAUC,EACf7B,EAAK8B,QAAUC,EACf/B,EAAKuB,YAAc"}

package/components/Text/style.js

@@ -1,2 +1,2 @@
-import e,{css as i}from'styled-components';import{display as t}from'../../mixins/display.js';import{color as n}from'../../mixins/color.js';import{property as o,responsiveNamedProperty as l}from'../../mixins/responsive-property.js';var s={lighter:100,normal:400,bold:600,bolder:800};var r={l:1.5,m:1.3,s:1.15,xs:1};var a=i(["a{text-decoration:underline;&:hover{text-decoration:none;}}"]);var g=e.div.withConfig({shouldForwardProp:e=>['children','className','style','title','dangerouslySetInnerHTML'].includes(e)}).withConfig({componentId:"fox-ui__sc-s2fogy-0"})(["line-height:inherit;margin:initial;"," "," "," "," "," "," a{text-decoration:none;&:hover{text-decoration:none;}}"," "," "," ",""],(e=>e.display?t(e.display):null),(e=>n(e.color?e.color:e.theme.textColor)),(e=>e.lineHeight?i(["line-height:",";"],'string'==typeof e.lineHeight&&r[e.lineHeight]?r[e.lineHeight]:e.lineHeight):null),(e=>e.fontStyle?i(["font-style:",";"],e.fontStyle):null),(e=>e.fontFamily?i(["font-family:",";"],e.fontFamily):null),(e=>e.weight?i(["font-weight:",";"],'string'==typeof e.lineHeight&&s[e.weight]?s[e.weight]:e.weight):null),(e=>e.underlineLinks?a:null),(e=>e.textAlign?i(["text-align:",";"],e.textAlign):null),(e=>e.size?o(e.size,'font-size'):null),(e=>{var{sizeXS:i,sizeS:t,sizeM:n,sizeL:o,sizeXL:s}=e;return l({sizes:{sizeXS:i,sizeS:t,sizeM:n,sizeL:o,sizeXL:s},cssProperty:'font-size'})}));export{g as Root};
+import e,{css as i}from'styled-components';import{display as t}from'../../mixins/display.js';import{color as o}from'../../mixins/color.js';import{property as n,responsiveNamedProperty as s}from'../../mixins/responsive-property.js';var l={lighter:100,normal:400,bold:600,bolder:800};var r={l:1.5,m:1.3,s:1.15,xs:1};var a=i(["a{text-decoration:underline;&:hover{text-decoration:none;}}"]);var g=e.div.withConfig({shouldForwardProp:e=>['children','className','style','title','dangerouslySetInnerHTML'].includes(e)}).withConfig({componentId:"fox-ui__sc-s2fogy-0"})(["line-height:inherit;margin:initial;"," "," "," "," "," a{text-decoration:none;&:hover{text-decoration:none;}}"," "," "," ",""],(e=>e.display?t(e.display):null),(e=>o(e.color?e.color:e.theme.textColor)),(e=>e.lineHeight?i(["line-height:",";"],'string'==typeof e.lineHeight&&r[e.lineHeight]?r[e.lineHeight]:e.lineHeight):null),(e=>e.fontStyle?i(["font-style:",";"],e.fontStyle):null),(e=>e.weight?i(["font-weight:",";"],'string'==typeof e.lineHeight&&l[e.weight]?l[e.weight]:e.weight):null),(e=>e.underlineLinks?a:null),(e=>e.textAlign?i(["text-align:",";"],e.textAlign):null),(e=>e.size?n(e.size,'font-size'):null),(e=>{var{sizeXS:i,sizeS:t,sizeM:o,sizeL:n,sizeXL:l}=e;return s({sizes:{sizeXS:i,sizeS:t,sizeM:o,sizeL:n,sizeXL:l},cssProperty:'font-size'})}));export{g as Root};
 //# sourceMappingURL=style.js.map

package/components/Text/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from '../../mixins/display'\nimport { color, ColorValue } from '../../mixins/color'\nimport { responsiveNamedProperty, property } from '../../mixins/responsive-property'\nimport { TextProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP: Record<Exclude<TextProps['lineHeight'], undefined>, number> = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst underlineLinksStyle = css`\n  a {\n    text-decoration: underline;\n    &:hover {\n      text-decoration: none;\n    }\n  }\n`\n\nexport const Root = styled.div.withConfig<TextProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style', 'title', 'dangerouslySetInnerHTML'].includes(prop),\n})`\n  line-height: inherit;\n  margin: initial;\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as ColorValue))}\n  ${(props) =>\n    props.lineHeight\n      ? css`\n          line-height: ${typeof props.lineHeight === 'string' && LINE_HEIGHT_MAP[props.lineHeight]\n            ? LINE_HEIGHT_MAP[props.lineHeight]\n            : props.lineHeight};\n        `\n      : null}\n  ${(props) =>\n    props.fontStyle\n      ? css`\n          font-style: ${props.fontStyle};\n        `\n      : null}\n  ${(props) =>\n    props.fontFamily\n      ? css`\n          font-family: ${props.fontFamily};\n        `\n      : null}\n  ${(props) =>\n    props.weight\n      ? css`\n          font-weight: ${typeof props.lineHeight === 'string' && WEIGHT_MAP[props.weight]\n            ? WEIGHT_MAP[props.weight]\n            : props.weight};\n        `\n      : null}\n\n  a {\n    text-decoration: none;\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  ${(props) => (props.underlineLinks ? underlineLinksStyle : null)}\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n\n  ${(props) => (props.size ? property(props.size, 'font-size') : null)}\n  ${({ sizeXS, sizeS, sizeM, sizeL, sizeXL }) =>\n    responsiveNamedProperty({ sizes: { sizeXS, sizeS, sizeM, sizeL, sizeXL }, cssProperty: 'font-size' })}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","underlineLinksStyle","css","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","display","color","theme","textColor","lineHeight","fontStyle","fontFamily","weight","underlineLinks","textAlign","size","property","_ref","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty"],"mappings":"uOAMA,IAAMA,EAAa,CACjBC,QAAS,IACTC,OAAQ,IACRC,KAAM,IACNC,OAAQ,KAGV,IAAMC,EAA+E,CACnFC,EAAG,IACHC,EAAG,IACHC,EAAG,KACHC,GAAI,GAGN,IAAMC,EAAsBC,EAA5B,CAAA,gEASO,IAAMC,EAAOC,EAAOC,IAAIC,WAAsB,CACnDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,QAAS,QAAS,2BAA2BC,SAASD,KAD9FF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,sCAAA,IAAA,IAAA,IAAA,IAAA,IAAA,0DAAA,IAAA,IAAA,IAAA,KAKZO,GAAWA,EAAMC,QAAUA,EAAQD,EAAMC,SAAW,OACpDD,GAAyBE,EAAdF,EAAME,MAAcF,EAAME,MAAeF,EAAMG,MAAMC,aAChEJ,GACDA,EAAMK,WACFd,uBAC6C,iBAArBS,EAAMK,YAA2BpB,EAAgBe,EAAMK,YACzEpB,EAAgBe,EAAMK,YACtBL,EAAMK,YAEZ,OACHL,GACDA,EAAMM,UACFf,EACgBS,CAAAA,cAAAA,KAAAA,EAAMM,WAEtB,OACHN,GACDA,EAAMO,WACFhB,EACiBS,CAAAA,eAAAA,KAAAA,EAAMO,YAEvB,OACHP,GACDA,EAAMQ,OACFjB,EACiB,CAAA,eAAA,KAA4B,iBAArBS,EAAMK,YAA2BzB,EAAWoB,EAAMQ,QACpE5B,EAAWoB,EAAMQ,QACjBR,EAAMQ,QAEZ,OASHR,GAAWA,EAAMS,eAAiBnB,EAAsB,OACxDU,GACDA,EAAMU,UACFnB,EACgBS,CAAAA,cAAAA,KAAAA,EAAMU,WAEtB,OAEHV,GAAWA,EAAMW,KAAOC,EAASZ,EAAMW,KAAM,aAAe,OAC7DE,IAAA,IAACC,OAAEA,EAAFC,MAAUA,EAAVC,MAAiBA,EAAjBC,MAAwBA,EAAxBC,OAA+BA,GAAhCL,EAAA,OACAM,EAAwB,CAAEC,MAAO,CAAEN,OAAAA,EAAQC,MAAAA,EAAOC,MAAAA,EAAOC,MAAAA,EAAOC,OAAAA,GAAUG,YAAa"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from '../../mixins/display'\nimport { color, ColorValue } from '../../mixins/color'\nimport { responsiveNamedProperty, property } from '../../mixins/responsive-property'\nimport { TextProps } from './Text'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP: Record<Exclude<TextProps['lineHeight'], undefined>, number> = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst underlineLinksStyle = css`\n  a {\n    text-decoration: underline;\n    &:hover {\n      text-decoration: none;\n    }\n  }\n`\n\nexport const Root = styled.div.withConfig<TextProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style', 'title', 'dangerouslySetInnerHTML'].includes(prop),\n})`\n  line-height: inherit;\n  margin: initial;\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as ColorValue))}\n  ${(props) =>\n    props.lineHeight\n      ? css`\n          line-height: ${typeof props.lineHeight === 'string' && LINE_HEIGHT_MAP[props.lineHeight]\n            ? LINE_HEIGHT_MAP[props.lineHeight]\n            : props.lineHeight};\n        `\n      : null}\n  ${(props) =>\n    props.fontStyle\n      ? css`\n          font-style: ${props.fontStyle};\n        `\n      : null}\n  ${(props) =>\n    props.weight\n      ? css`\n          font-weight: ${typeof props.lineHeight === 'string' && WEIGHT_MAP[props.weight]\n            ? WEIGHT_MAP[props.weight]\n            : props.weight};\n        `\n      : null}\n\n  a {\n    text-decoration: none;\n    &:hover {\n      text-decoration: none;\n    }\n  }\n\n  ${(props) => (props.underlineLinks ? underlineLinksStyle : null)}\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n\n  ${(props) => (props.size ? property(props.size, 'font-size') : null)}\n  ${({ sizeXS, sizeS, sizeM, sizeL, sizeXL }) =>\n    responsiveNamedProperty({ sizes: { sizeXS, sizeS, sizeM, sizeL, sizeXL }, cssProperty: 'font-size' })}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","underlineLinksStyle","css","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","display","color","theme","textColor","lineHeight","fontStyle","weight","underlineLinks","textAlign","size","property","_ref","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty"],"mappings":"uOAMA,IAAMA,EAAa,CACjBC,QAAS,IACTC,OAAQ,IACRC,KAAM,IACNC,OAAQ,KAGV,IAAMC,EAA+E,CACnFC,EAAG,IACHC,EAAG,IACHC,EAAG,KACHC,GAAI,GAGN,IAAMC,EAAsBC,EAA5B,CAAA,gEASO,IAAMC,EAAOC,EAAOC,IAAIC,WAAsB,CACnDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,QAAS,QAAS,2BAA2BC,SAASD,KAD9FF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,sCAAA,IAAA,IAAA,IAAA,IAAA,0DAAA,IAAA,IAAA,IAAA,KAKZO,GAAWA,EAAMC,QAAUA,EAAQD,EAAMC,SAAW,OACpDD,GAAyBE,EAAdF,EAAME,MAAcF,EAAME,MAAeF,EAAMG,MAAMC,aAChEJ,GACDA,EAAMK,WACFd,EACiB,CAAA,eAAA,KAA4B,iBAArBS,EAAMK,YAA2BpB,EAAgBe,EAAMK,YACzEpB,EAAgBe,EAAMK,YACtBL,EAAMK,YAEZ,OACHL,GACDA,EAAMM,UACFf,EADJ,CAAA,cAAA,KAEoBS,EAAMM,WAEtB,OACHN,GACDA,EAAMO,OACFhB,EACiB,CAAA,eAAA,KAA4B,iBAArBS,EAAMK,YAA2BzB,EAAWoB,EAAMO,QACpE3B,EAAWoB,EAAMO,QACjBP,EAAMO,QAEZ,OASHP,GAAWA,EAAMQ,eAAiBlB,EAAsB,OACxDU,GACDA,EAAMS,UACFlB,EADJ,CAAA,cAAA,KAEoBS,EAAMS,WAEtB,OAEHT,GAAWA,EAAMU,KAAOC,EAASX,EAAMU,KAAM,aAAe,OAC7DE,IAAA,IAACC,OAAEA,EAAFC,MAAUA,EAAVC,MAAiBA,EAAjBC,MAAwBA,EAAxBC,OAA+BA,GAAhCL,EAAA,OACAM,EAAwB,CAAEC,MAAO,CAAEN,OAAAA,EAAQC,MAAAA,EAAOC,MAAAA,EAAOC,MAAAA,EAAOC,OAAAA,GAAUG,YAAa"}

package/components/Text.Heading/Text.Heading.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{useFallbackTheme as t}from'../../hooks/use-theme.js';import{useConfigPriority as o}from'../../hooks/use-config-priority.js';import{Text as r}from'../Text/Text.js';import{jsx as s}from'react/jsx-runtime';var a=["h"],h=["fontFamily"];var m={h1:{size:44,sizeM:32,lineHeight:'s',weight:'bold'},h2:{size:32,sizeM:28,lineHeight:'s',weight:'bold'},h3:{size:28,lineHeight:'s',weight:'bold'},h4:{size:24,lineHeight:'s',weight:'bold'}};var l='Text.Heading';var n=l=>{var n;var{h:g="h1"}=l,p=i(l,a);var d=t();var b=o(null===(n=d.components)||void 0===n?void 0:n["Text.Heading"],p),{fontFamily:f=""}=b,u=i(b,h);return s(r,e(e({as:g,fontFamily:f},m[g]),u))};n.displayName="Text.Heading";export{l as COMPONENT_NAME,n as TextHeading};
+import e from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{Text as t}from'../Text/Text.js';import{jsx as h}from'react/jsx-runtime';var r=["h"];var s;(e=>{e[e.h1=0]="h1",e[e.h2=1]="h2",e[e.h3=2]="h3",e[e.h4=3]="h4"})(s||(s={}));var o={h1:{size:44,sizeM:32,lineHeight:'s',weight:'bold'},h2:{size:32,sizeM:28,lineHeight:'s',weight:'bold'},h3:{size:28,lineHeight:'s',weight:'bold'},h4:{size:24,lineHeight:'s',weight:'bold'}};function a(s){var{h:a="h1"}=s,l=i(s,r);return h(t,e(e({as:a},o[a]),l))}a.displayName='Text.Heading';export{a as TextHeading};
 //# sourceMappingURL=Text.Heading.js.map

package/components/Text.Heading/Text.Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.Heading.js","sources":["../../../../src/components/Text.Heading/Text.Heading.tsx"],"sourcesContent":["import { useFallbackTheme } from 'hooks/use-theme'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { Text } from '../Text'\nimport { TextHeadingProps, H } from './types'\n\nconst PARAMS: Record<keyof typeof H, Partial<TextHeadingProps>> = {\n  h1: {\n    size: 44,\n    sizeM: 32,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h2: {\n    size: 32,\n    sizeM: 28,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h3: {\n    size: 28,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h4: {\n    size: 24,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n}\n\nconst COMPONENT_NAME = 'Text.Heading'\n\n/**\n * Text.Heading component\n * @visibleName Text.Heading\n */\nconst TextHeading = ({ h = 'h1', ...props }: TextHeadingProps) => {\n  const theme = useFallbackTheme()\n\n  const { fontFamily = '', ...configProps } = useConfigPriority<TextHeadingProps>(\n    theme.components?.[COMPONENT_NAME],\n    props\n  )\n\n  const predefinedParams = PARAMS[h]\n\n  return <Text as={h} fontFamily={fontFamily} {...predefinedParams} {...configProps} />\n}\n\nTextHeading.displayName = COMPONENT_NAME\n\nexport { TextHeading, COMPONENT_NAME }\n"],"names":["PARAMS","h1","size","sizeM","lineHeight","weight","h2","h3","h4","COMPONENT_NAME","TextHeading","_ref","_theme$components","h","props","_objectWithoutProperties","_excluded","theme","useFallbackTheme","useConfigPriority","components","fontFamily","_useConfigPriority","configProps","_excluded2","_jsx","Text","_objectSpread","as","displayName"],"mappings":"iWAKA,IAAMA,EAA4D,CAChEC,GAAI,CACFC,KAAM,GACNC,MAAO,GACPC,WAAY,IACZC,OAAQ,QAEVC,GAAI,CACFJ,KAAM,GACNC,MAAO,GACPC,WAAY,IACZC,OAAQ,QAEVE,GAAI,CACFL,KAAM,GACNE,WAAY,IACZC,OAAQ,QAEVG,GAAI,CACFN,KAAM,GACNE,WAAY,IACZC,OAAQ,SAINI,IAAAA,EAAiB,eAMjBC,IAAAA,EAAcC,IAA8C,IAAAC,EAAA,IAA7CC,EAAEA,EAAI,MAAuCF,EAA9BG,EAA8BC,EAAAJ,EAAAK,GAChE,IAAMC,EAAQC,IAEd,IAA4CC,EAAAA,EAC1C,QAAAF,EAAAA,EAAMG,kBAAAA,IAANR,OAAAA,EAAAA,EAVmB,gBAWnBE,IAFIO,WAAEA,EAAa,IAArBC,EAA4BC,EAA5BR,EAAAO,EAAAE,GAOA,OAAOC,EAACC,EAADC,EAAAA,EAAA,CAAMC,GAAIf,EAAGQ,WAAYA,GAFPrB,EAAOa,IAEsCU,KAGxEb,EAAYmB,YAnBW"}
+{"version":3,"file":"Text.Heading.js","sources":["../../../../src/components/Text.Heading/Text.Heading.tsx"],"sourcesContent":["import { Text, TextProps } from '../Text'\n\n/* eslint-disable no-unused-vars */\nenum H {\n  h1,\n  h2,\n  h3,\n  h4,\n}\n/* eslint-enable no-unused-vars */\n\nconst PARAMS: Record<keyof typeof H, Partial<TextProps>> = {\n  h1: {\n    size: 44,\n    sizeM: 32,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h2: {\n    size: 32,\n    sizeM: 28,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h3: {\n    size: 28,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h4: {\n    size: 24,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n}\n\nexport interface TextHeadingProps extends Omit<TextProps, 'content' | 'as'> {\n  h?: keyof typeof H\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n}\n\nTextHeading.displayName = 'Text.Heading'\n\nexport function TextHeading({ h = 'h1', ...props }: TextHeadingProps) {\n  const predefinedParams = PARAMS[h]\n\n  return <Text as={h} {...predefinedParams} {...props} />\n}\n"],"names":["H","PARAMS","h1","size","sizeM","lineHeight","weight","h2","h3","h4","TextHeading","_ref","h","props","_objectWithoutProperties","_excluded","_jsx","Text","_objectSpread","as","displayName"],"mappings":"iNAGKA,GAAAA,IAAAA,EAAAA,aAAAA,EAAAA,aAAAA,EAAAA,aAAAA,EAAAA,eAAAA,IAAAA,OAQL,IAAMC,EAAqD,CACzDC,GAAI,CACFC,KAAM,GACNC,MAAO,GACPC,WAAY,IACZC,OAAQ,QAEVC,GAAI,CACFJ,KAAM,GACNC,MAAO,GACPC,WAAY,IACZC,OAAQ,QAEVE,GAAI,CACFL,KAAM,GACNE,WAAY,IACZC,OAAQ,QAEVG,GAAI,CACFN,KAAM,GACNE,WAAY,IACZC,OAAQ,SAcL,SAASI,EAAsDC,GAAA,IAA1CC,EAAEA,EAAI,MAAoCD,EAA3BE,EAA2BC,EAAAH,EAAAI,GAGpE,OAAOC,EAACC,EAADC,EAAAA,EAAA,CAAMC,GAAIP,GAFQX,EAAOW,IAEcC,IALhDH,EAAYU,YAAc"}

package/components/Textarea/Textarea.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{useRef as a,useState as o,useCallback as t,useEffect as l}from'react';import{useFallbackTheme as s}from'../../hooks/use-theme.js';import{useConfigPriority as i}from'../../hooks/use-config-priority.js';import{Root as n}from'./style.js';import{jsx as d}from'react/jsx-runtime';var u=["preset","disabled","error","fluid","name","onChange","maxLength","placeholder","required","tabIndex","value","className","style","children","autosize","rounded","cols","rows","maxRows","color","placeholderColor","width"];var c='Textarea';var h=c=>{var h;var m=s();var p=i(null===(h=m.components)||void 0===h?void 0:h.Textarea,c),{preset:f,disabled:v,error:g,fluid:b,name:x,onChange:C,maxLength:y,placeholder:w,required:T,tabIndex:j,value:N,className:R,style:H,children:I,autosize:k=!0,rounded:E=!0,cols:L=20,rows:M=2,maxRows:P=30,color:S="mineShaft",placeholderColor:q="silver",width:z=m.defaultInputControlsWidth}=p,A=r(p,u);var B=a();var[O,W]=o(M);var F=t((e=>{var{target:r}=e;if(r instanceof HTMLTextAreaElement&&k){var a=r.getBoundingClientRect();r.scrollHeight>a.height&&O<P?W(O+1):r.value&&''!==r.value||W(M)}'function'==typeof C&&C(e)}),[C,O,P,k]);l((()=>{if(B&&B.current){var e=B.current;var r=e.getBoundingClientRect();if(e.scrollHeight>r.height){var a=parseInt(getComputedStyle(e).lineHeight,10);var o=Math.floor(e.scrollHeight/a);o<=P&&o>M&&W(o)}}}),[]);var U='brand'===m.preset;return'string'==typeof f&&(U='brand'===f),d(n,e(e({},A),{},{ref:B,className:R,style:H,onChange:F,cols:L,disabled:v,maxLength:y,name:x,placeholder:w,required:T,rows:O,tabIndex:j,value:N,color:S,rounded:E,placeholderColor:q,fluid:b,error:g,width:z,brandPresetUsed:U,children:I}))};h.displayName="Textarea";export{c as COMPONENT_NAME,h as Textarea};
+import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{useState as o,useRef as a,useCallback as t,useEffect as l}from'react';import{useTheme as s}from'styled-components';import{Root as n}from'./style.js';import{jsx as i}from'react/jsx-runtime';var d=["cols","disabled","error","fluid","name","onChange","maxLength","placeholder","required","rounded","rows","tabIndex","value","className","style","children","autosize","maxRows","color","placeholderColor"];function c(c){var{cols:u,disabled:h,error:m,fluid:p,name:f,onChange:g,maxLength:v,placeholder:x,required:b,rounded:C,rows:w,tabIndex:y,value:R,className:j,style:H,children:I,autosize:T,maxRows:L,color:N,placeholderColor:S}=c,q=r(c,d);var[z,B]=o(w);var E=a();var M=s();var{width:P=M.defaultInputControlsWidth}=q;var W=t((e=>{var{target:r}=e;if(r instanceof HTMLTextAreaElement&&T){var o=r.getBoundingClientRect();r.scrollHeight>o.height&&z<L?B(z+1):r.value&&''!==r.value||B(w)}'function'==typeof g&&g(e)}),[g,z,L,T]);return l((()=>{if(E&&E.current){var e=E.current;var r=e.getBoundingClientRect();if(e.scrollHeight>r.height){var o=parseInt(getComputedStyle(e).lineHeight,10);var a=Math.floor(e.scrollHeight/o);a<=L&&a>w&&B(a)}}}),[]),i(n,e(e({ref:E,className:j,style:H,onChange:W,cols:u,disabled:h,maxLength:v,name:f,placeholder:x,required:b,rows:z,tabIndex:y,value:R,color:N,rounded:C,placeholderColor:S,fluid:p,error:m,width:P},q),{},{children:I}))}c.defaultProps={onChange:e=>console.log(e,e.target.value),rounded:!0,color:'mineShaft',placeholderColor:'silver',cols:20,maxRows:30,rows:2,autosize:!0},c.displayName='Textarea';export{c as Textarea};
 //# sourceMappingURL=Textarea.js.map

package/components/Textarea/Textarea.js.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.js","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { useFallbackTheme } from 'hooks/use-theme'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport * as Styled from './style'\nimport type { TextareaProps } from './types'\n\nconst COMPONENT_NAME = 'Textarea'\n\n/**\n * Textarea component\n */\nconst Textarea = (props: TextareaProps) => {\n  const theme = useFallbackTheme()\n\n  const {\n    preset,\n    disabled,\n    error,\n    fluid,\n    name,\n    onChange,\n    maxLength,\n    placeholder,\n    required,\n    tabIndex,\n    value,\n    className,\n    style,\n    children,\n    autosize = true,\n    rounded = true,\n    cols = 20,\n    rows = 2,\n    maxRows = 30,\n    color = 'mineShaft',\n    placeholderColor = 'silver',\n    width = theme.defaultInputControlsWidth,\n    ...configProps\n  } = useConfigPriority<TextareaProps>(theme.components?.[COMPONENT_NAME], props)\n\n  const textarea = useRef() as React.MutableRefObject<HTMLTextAreaElement>\n\n  const [tRows, setRows] = useState(rows)\n\n  const onChangeHandler: React.ChangeEventHandler<HTMLTextAreaElement> = useCallback(\n    (event) => {\n      const { target } = event\n\n      if (target instanceof HTMLTextAreaElement && autosize) {\n        const rect = target.getBoundingClientRect()\n\n        if (target.scrollHeight > rect.height && tRows < maxRows) {\n          setRows(tRows + 1)\n        } else if (!target.value || target.value === '') {\n          setRows(rows)\n        }\n      }\n\n      if (typeof onChange === 'function') {\n        onChange(event)\n      }\n    },\n    [onChange, tRows, maxRows, autosize]\n  )\n\n  useEffect(() => {\n    if (!textarea || !textarea.current) return\n\n    const el = textarea.current\n    const rect = el.getBoundingClientRect()\n    if (el.scrollHeight > rect.height) {\n      const lh = parseInt(getComputedStyle(el).lineHeight, 10)\n      const numberOfLines = Math.floor(el.scrollHeight / lh)\n      if (numberOfLines <= maxRows && numberOfLines > rows) {\n        setRows(numberOfLines)\n      }\n    }\n  }, [])\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof preset === 'string') brandPresetUsed = preset === 'brand'\n\n  return (\n    <Styled.Root\n      {...configProps}\n      ref={textarea}\n      className={className}\n      style={style}\n      onChange={onChangeHandler}\n      cols={cols}\n      disabled={disabled}\n      maxLength={maxLength}\n      name={name}\n      placeholder={placeholder}\n      required={required}\n      rows={tRows}\n      tabIndex={tabIndex}\n      value={value}\n      color={color}\n      rounded={rounded}\n      placeholderColor={placeholderColor}\n      fluid={fluid}\n      error={error}\n      width={width}\n      brandPresetUsed={brandPresetUsed}\n    >\n      {children}\n    </Styled.Root>\n  )\n}\n\nTextarea.displayName = COMPONENT_NAME\n\nexport { Textarea, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Textarea","props","_theme$components","theme","useFallbackTheme","useConfigPriority","components","preset","disabled","error","fluid","name","onChange","maxLength","placeholder","required","tabIndex","value","className","style","children","autosize","rounded","cols","rows","maxRows","color","placeholderColor","width","defaultInputControlsWidth","_useConfigPriority","configProps","_objectWithoutProperties","_excluded","textarea","useRef","tRows","setRows","useState","onChangeHandler","useCallback","event","target","HTMLTextAreaElement","rect","getBoundingClientRect","scrollHeight","height","useEffect","current","el","lh","parseInt","getComputedStyle","lineHeight","numberOfLines","Math","floor","brandPresetUsed","_jsx","Styled.Root","ref","displayName"],"mappings":"inBAMMA,IAAAA,EAAiB,WAKjBC,IAAAA,EAAYC,IAAyB,IAAAC,EACzC,IAAMC,EAAQC,IAEd,IAwBIC,EAAAA,EAAiC,QAAAF,EAAAA,EAAMG,kBAAAA,IAANJ,OAAAA,EAAAA,EAAAF,SAAoCC,IAxBnEM,OACJA,EADIC,SAEJA,EAFIC,MAGJA,EAHIC,MAIJA,EAJIC,KAKJA,EALIC,SAMJA,EANIC,UAOJA,EAPIC,YAQJA,EARIC,SASJA,EATIC,SAUJA,EAVIC,MAWJA,EAXIC,UAYJA,EAZIC,MAaJA,EAbIC,SAcJA,EAdIC,SAeJA,GAAW,EAfPC,QAgBJA,GAAAA,EAhBIC,KAiBJA,EAAO,GAjBHC,KAkBJA,EAAO,EAlBHC,QAmBJA,EAAU,GAnBNC,MAoBJA,EAAQ,YApBJC,iBAqBJA,EAAmB,SArBfC,MAsBJA,EAAQzB,EAAM0B,2BAtBhBC,EAuBKC,EAvBLC,EAAAF,EAAAG,GA0BA,IAAMC,EAAWC,IAEjB,IAAOC,EAAOC,GAAWC,EAASd,GAElC,IAAMe,EAAiEC,GACpEC,IACC,IAAMC,OAAEA,GAAWD,EAEnB,GAAIC,aAAkBC,qBAAuBtB,EAAU,CACrD,IAAMuB,EAAOF,EAAOG,wBAEhBH,EAAOI,aAAeF,EAAKG,QAAUX,EAAQX,EAC/CY,EAAQD,EAAQ,GACNM,EAAOzB,OAA0B,KAAjByB,EAAOzB,OACjCoB,EAAQb,GAIY,mBAAbZ,GACTA,EAAS6B,KAGb,CAAC7B,EAAUwB,EAAOX,EAASJ,IAG7B2B,GAAAA,KACE,GAAKd,GAAaA,EAASe,QAA3B,CAEA,IAAMC,EAAKhB,EAASe,QACpB,IAAML,EAAOM,EAAGL,wBAChB,GAAIK,EAAGJ,aAAeF,EAAKG,OAAQ,CACjC,IAAMI,EAAKC,SAASC,iBAAiBH,GAAII,WAAY,IACrD,IAAMC,EAAgBC,KAAKC,MAAMP,EAAGJ,aAAeK,GAC/CI,GAAiB9B,GAAW8B,EAAgB/B,GAC9Ca,EAAQkB,OAGX,IAEH,IAAIG,EAAmC,UAAjBvD,EAAMI,OAG5B,MAFsB,iBAAXA,IAAqBmD,EAA6B,UAAXnD,GAGhDoD,EAACC,SACK7B,GADN,GAAA,CAEE8B,IAAK3B,EACLhB,UAAWA,EACXC,MAAOA,EACPP,SAAU2B,EACVhB,KAAMA,EACNf,SAAUA,EACVK,UAAWA,EACXF,KAAMA,EACNG,YAAaA,EACbC,SAAUA,EACVS,KAAMY,EACNpB,SAAUA,EACVC,MAAOA,EACPS,MAAOA,EACPJ,QAASA,EACTK,iBAAkBA,EAClBjB,MAAOA,EACPD,MAAOA,EACPmB,MAAOA,EACP8B,gBAAiBA,EArBnBtC,SAuBGA,MAKPpB,EAAS8D,YAzGc"}
+{"version":3,"file":"Textarea.js","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { BaseProps, InputField } from '../../shared/interfaces'\nimport * as Styled from './style'\n\ntype TextAreaHTMLAttributes = Omit<React.TextareaHTMLAttributes<HTMLTextAreaElement>, 'cols' | 'rows' | 'color'>\n\nexport interface TextareaProps extends BaseProps, InputField, TextAreaHTMLAttributes {\n  /**\n   * Specifies the visible width of a text area\n   */\n  cols?: number\n  /**\n   * Specifies the visible number of lines in a text area\n   */\n  rows?: number\n  /**\n   * Specifies the visible max number of lines in a text area\n   */\n  maxRows?: number\n  /**\n   * Specifies the maximum number of characters allowed in the text area\n   */\n  maxLength?: number\n  /**\n   * On change handler\n   */\n  onChange?(_event: React.ChangeEvent<HTMLTextAreaElement>): void\n  /**\n   * Value\n   */\n  value?: string\n  /**\n   * Autosize for textarea\n   */\n  autosize?: boolean\n}\n\nTextarea.defaultProps = {\n  onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n  rounded: true,\n  color: 'mineShaft',\n  placeholderColor: 'silver',\n  cols: 20,\n  maxRows: 30,\n  rows: 2,\n  autosize: true,\n}\n\nTextarea.displayName = 'Textarea'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`InputField`](#/Миксины)\n * - `React.TextareaHTMLAttributes<HTMLTextAreaElement>`\n */\nexport function Textarea({\n  cols,\n  disabled,\n  error,\n  fluid,\n  name,\n  onChange,\n  maxLength,\n  placeholder,\n  required,\n  rounded,\n  rows,\n  tabIndex,\n  value,\n  className,\n  style,\n  children,\n  autosize,\n  maxRows,\n  color,\n  placeholderColor,\n  ...props\n}: typeof Textarea.defaultProps & TextareaProps) {\n  const [tRows, setRows] = useState(rows)\n  const textarea = useRef() as React.MutableRefObject<HTMLTextAreaElement>\n  const theme = useTheme()\n\n  const { width = theme.defaultInputControlsWidth } = props\n\n  const onChangeHandler: React.ChangeEventHandler<HTMLTextAreaElement> = useCallback(\n    (event) => {\n      const { target } = event\n\n      if (target instanceof HTMLTextAreaElement && autosize) {\n        const rect = target.getBoundingClientRect()\n\n        if (target.scrollHeight > rect.height && tRows < maxRows) {\n          setRows(tRows + 1)\n        } else if (!target.value || target.value === '') {\n          setRows(rows)\n        }\n      }\n\n      if (typeof onChange === 'function') {\n        onChange(event)\n      }\n    },\n    [onChange, tRows, maxRows, autosize]\n  )\n\n  useEffect(() => {\n    if (!textarea || !textarea.current) return\n\n    const el = textarea.current\n    const rect = el.getBoundingClientRect()\n    if (el.scrollHeight > rect.height) {\n      const lh = parseInt(getComputedStyle(el).lineHeight, 10)\n      const numberOfLines = Math.floor(el.scrollHeight / lh)\n      if (numberOfLines <= maxRows && numberOfLines > rows) {\n        setRows(numberOfLines)\n      }\n    }\n  }, [])\n\n  return (\n    <Styled.Root\n      ref={textarea}\n      className={className}\n      style={style}\n      onChange={onChangeHandler}\n      cols={cols}\n      disabled={disabled}\n      maxLength={maxLength}\n      name={name}\n      placeholder={placeholder}\n      required={required}\n      rows={tRows}\n      tabIndex={tabIndex}\n      value={value}\n      color={color}\n      rounded={rounded}\n      placeholderColor={placeholderColor}\n      fluid={fluid}\n      error={error}\n      width={width}\n      {...props}\n    >\n      {children}\n    </Styled.Root>\n  )\n}\n"],"names":["Textarea","_ref","cols","disabled","error","fluid","name","onChange","maxLength","placeholder","required","rounded","rows","tabIndex","value","className","style","children","autosize","maxRows","color","placeholderColor","props","_objectWithoutProperties","_excluded","tRows","setRows","useState","textarea","useRef","theme","useTheme","width","defaultInputControlsWidth","onChangeHandler","useCallback","event","target","HTMLTextAreaElement","rect","getBoundingClientRect","scrollHeight","height","useEffect","current","el","lh","parseInt","getComputedStyle","lineHeight","numberOfLines","Math","floor","_jsx","Styled.Root","_objectSpread","ref","defaultProps","e","console","log","displayName"],"mappings":"0gBAyDO,SAASA,EAsBiCC,GAAA,IAtBxBC,KACvBA,EADuBC,SAEvBA,EAFuBC,MAGvBA,EAHuBC,MAIvBA,EAJuBC,KAKvBA,EALuBC,SAMvBA,EANuBC,UAOvBA,EAPuBC,YAQvBA,EARuBC,SASvBA,EATuBC,QAUvBA,EAVuBC,KAWvBA,EAXuBC,SAYvBA,EAZuBC,MAavBA,EAbuBC,UAcvBA,EAduBC,MAevBA,EAfuBC,SAgBvBA,EAhBuBC,SAiBvBA,EAjBuBC,QAkBvBA,EAlBuBC,MAmBvBA,EAnBuBC,iBAoBvBA,GAE+CpB,EAD5CqB,EAC4CC,EAAAtB,EAAAuB,GAC/C,IAAOC,EAAOC,GAAWC,EAASf,GAClC,IAAMgB,EAAWC,IACjB,IAAMC,EAAQC,IAEd,IAAMC,MAAEA,EAAQF,EAAMG,2BAA8BX,EAEpD,IAAMY,EAAiEC,GACpEC,IACC,IAAMC,OAAEA,GAAWD,EAEnB,GAAIC,aAAkBC,qBAAuBpB,EAAU,CACrD,IAAMqB,EAAOF,EAAOG,wBAEhBH,EAAOI,aAAeF,EAAKG,QAAUjB,EAAQN,EAC/CO,EAAQD,EAAQ,GACNY,EAAOvB,OAA0B,KAAjBuB,EAAOvB,OACjCY,EAAQd,GAIY,mBAAbL,GACTA,EAAS6B,KAGb,CAAC7B,EAAUkB,EAAON,EAASD,IAiB7B,OAdAyB,GAAAA,KACE,GAAKf,GAAaA,EAASgB,QAA3B,CAEA,IAAMC,EAAKjB,EAASgB,QACpB,IAAML,EAAOM,EAAGL,wBAChB,GAAIK,EAAGJ,aAAeF,EAAKG,OAAQ,CACjC,IAAMI,EAAKC,SAASC,iBAAiBH,GAAII,WAAY,IACrD,IAAMC,EAAgBC,KAAKC,MAAMP,EAAGJ,aAAeK,GAC/CI,GAAiB/B,GAAW+B,EAAgBtC,GAC9Cc,EAAQwB,OAGX,IAGDG,EAACC,EAADC,EAAAA,EAAA,CACEC,IAAK5B,EACLb,UAAWA,EACXC,MAAOA,EACPT,SAAU2B,EACVhC,KAAMA,EACNC,SAAUA,EACVK,UAAWA,EACXF,KAAMA,EACNG,YAAaA,EACbC,SAAUA,EACVE,KAAMa,EACNZ,SAAUA,EACVC,MAAOA,EACPM,MAAOA,EACPT,QAASA,EACTU,iBAAkBA,EAClBhB,MAAOA,EACPD,MAAOA,EACP4B,MAAOA,GACHV,GApBN,GAAA,CAAAL,SAsBGA,KA1GPjB,EAASyD,aAAe,CACtBlD,SAAWmD,GAA8CC,QAAQC,IAAIF,EAAGA,EAAErB,OAAOvB,OACjFH,SAAAA,EACAS,MAAO,YACPC,iBAAkB,SAClBnB,KAAM,GACNiB,QAAS,GACTP,KAAM,EACNM,UAAAA,GAGFlB,EAAS6D,YAAc"}

package/components/Textarea/style.js

@@ -1,2 +1,2 @@
-import r,{css as e}from'styled-components';import{property as o,responsiveNamedProperty as t}from'../../mixins/responsive-property.js';import{chooseWidthValue as d}from'../Input/helpers.js';import{baseInputStyle as a}from'../Input/style.js';var i=e(["display:block;box-sizing:border-box;appearance:none;width:auto;resize:vertical;background:",";border:1px solid ",";border-radius:12px;padding:12px 16px;font-style:normal;font-weight:400;font-size:18px;line-height:24px;color:",";&::placeholder{color:",";}&:focus{border:1px solid ",";caret-color:",";outline:none;}&:disabled{background-color:",";border-color:",";color:",";cursor:not-allowed;}"," "," "," ",""],(r=>{var{theme:e}=r;return e.colors['bg-onmain-secondary']}),(r=>{var{theme:e}=r;return e.colors['border-onmain-default-large']}),(r=>{var{theme:e}=r;return e.colors['content-onmain-primary']}),(r=>{var{theme:e}=r;return e.colors['content-onmain-secondary']}),(r=>{var{theme:e}=r;return e.colors['border-brand-primary']}),(r=>{var{theme:e}=r;return e.colors['border-brand-primary']}),(r=>{var{theme:e}=r;return e.colors['bg-disabled-large']}),(r=>{var{theme:e}=r;return e.colors['border-disabled']}),(r=>{var{theme:e}=r;return e.colors['content-disabled']}),(r=>r.width?o(d(r.width),r.fluid&&'auto'!==r.width?'max-width':'width'):null),(r=>t({sizes:{widthXS:r.widthXS,widthS:r.widthS,widthM:r.widthM,widthL:r.widthL,widthXL:r.widthXL},cssProperty:r.fluid&&'auto'!==r.width?'max-width':'width',customSizeHandler:d})),(r=>{var{fluid:o}=r;return o&&e(["width:100%;"])}),(r=>{var{error:o}=r;return o&&e(["background-color:",";border:1px solid ",";"],(r=>{var{theme:e}=r;return e.colors['alert-bg-error-100']}),(r=>{var{theme:e}=r;return e.colors['alert-bg-error-500']}))}));var n=e(["resize:none;line-height:23px;padding:16px 20px 11px;",""],a);var s=r.textarea.withConfig({shouldForwardProp:r=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed'].includes(r)&&!r.includes('width')}).withConfig({componentId:"fox-ui__sc-a4hfy5-0"})(["",""],(r=>{var{brandPresetUsed:e}=r;return e?i:n}));export{s as Root};
+import o from'styled-components';import{baseInputStyle as e}from'../Input/style.js';var r=o.textarea.withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({componentId:"fox-ui__sc-a4hfy5-0"})(["resize:none;line-height:23px;padding:16px 20px 11px;",""],(o=>e(o)));export{r as Root};
 //# sourceMappingURL=style.js.map

package/components/Textarea/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Textarea/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { chooseWidthValue } from '../../components/Input/helpers'\nimport { baseInputStyle } from '../../components/Input/style'\nimport type { TextareaRootProps } from './types'\n\n/* TODO: combine following styles durnig Input component rebranding and remove it from here */\nconst brandTextareaStyle = css<TextareaRootProps>`\n  display: block;\n  box-sizing: border-box;\n  appearance: none;\n  width: auto;\n  resize: vertical;\n\n  background: ${({ theme }) => theme.colors['bg-onmain-secondary']};\n  border: 1px solid ${({ theme }) => theme.colors['border-onmain-default-large']};\n  border-radius: 12px;\n  padding: 12px 16px;\n\n  font-style: normal;\n  font-weight: 400;\n  font-size: 18px;\n  line-height: 24px;\n  color: ${({ theme }) => theme.colors['content-onmain-primary']};\n\n  &::placeholder {\n    color: ${({ theme }) => theme.colors['content-onmain-secondary']};\n  }\n\n  &:focus {\n    border: 1px solid ${({ theme }) => theme.colors['border-brand-primary']};\n    caret-color: ${({ theme }) => theme.colors['border-brand-primary']};\n    outline: none;\n  }\n\n  &:disabled {\n    background-color: ${({ theme }) => theme.colors['bg-disabled-large']};\n    border-color: ${({ theme }) => theme.colors['border-disabled']};\n    color: ${({ theme }) => theme.colors['content-disabled']};\n    cursor: not-allowed;\n  }\n\n  ${(props) =>\n    props.width\n      ? property(chooseWidthValue(props.width), props.fluid && props.width !== 'auto' ? 'max-width' : 'width')\n      : null}\n\n  ${(props) =>\n    responsiveNamedProperty({\n      sizes: {\n        widthXS: props.widthXS,\n        widthS: props.widthS,\n        widthM: props.widthM,\n        widthL: props.widthL,\n        widthXL: props.widthXL,\n      },\n      cssProperty: props.fluid && props.width !== 'auto' ? 'max-width' : 'width',\n      customSizeHandler: chooseWidthValue,\n    })}\n\n  ${({ fluid }) =>\n    fluid &&\n    css`\n      width: 100%;\n    `}\n\n  ${({ error }) =>\n    error &&\n    css`\n      background-color: ${({ theme }) => theme.colors['alert-bg-error-100']};\n      border: 1px solid ${({ theme }) => theme.colors['alert-bg-error-500']};\n    `}\n`\n\nconst baseTextareaStyle = css`\n  resize: none;\n  line-height: 23px;\n  padding: 16px 20px 11px;\n  ${baseInputStyle}\n`\n\nexport const Root = styled.textarea.withConfig<TextareaRootProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error', 'brandPresetUsed'].includes(prop) &&\n    !prop.includes('width'),\n})`\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandTextareaStyle : baseTextareaStyle)}\n`\n"],"names":["brandTextareaStyle","css","_ref","theme","colors","_ref2","_ref3","_ref4","_ref5","_ref6","_ref7","_ref8","_ref9","props","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","_ref10","_ref11","error","_ref12","_ref13","baseTextareaStyle","baseInputStyle","Root","styled","textarea","withConfig","shouldForwardProp","prop","includes","componentId","_ref14","brandPresetUsed"],"mappings":"iPAOA,IAAMA,EAAqBC,EAOX,CAAA,6FAAA,qBAAA,iHAAA,yBAAA,8BAAA,gBAAA,8CAAA,iBAAA,UAAA,wBAAA,IAAA,IAAA,IAAA,KAAAC,IAAA,IAACC,MAAEA,GAAHD,EAAA,OAAeC,EAAMC,OAAO,0BACtBC,IAAA,IAACF,MAAEA,GAAHE,EAAA,OAAeF,EAAMC,OAAO,kCAQvCE,IAAA,IAACH,MAAEA,GAAHG,EAAA,OAAeH,EAAMC,OAAO,6BAG1BG,IAAA,IAACJ,MAAEA,GAAHI,EAAA,OAAeJ,EAAMC,OAAO,+BAIjBI,IAAA,IAACL,MAAEA,GAAHK,EAAA,OAAeL,EAAMC,OAAO,2BACjCK,IAAA,IAACN,MAAEA,GAAHM,EAAA,OAAeN,EAAMC,OAAO,2BAKvBM,IAAA,IAACP,MAAEA,GAAHO,EAAA,OAAeP,EAAMC,OAAO,wBAChCO,IAAA,IAACR,MAAEA,GAAHQ,EAAA,OAAeR,EAAMC,OAAO,sBACnCQ,IAAA,IAACT,MAAEA,GAAHS,EAAA,OAAeT,EAAMC,OAAO,uBAIpCS,GACDA,EAAMC,MACFC,EAASC,EAAiBH,EAAMC,OAAQD,EAAMI,OAAyB,SAAhBJ,EAAMC,MAAmB,YAAc,SAC9F,OAEHD,GACDK,EAAwB,CACtBC,MAAO,CACLC,QAASP,EAAMO,QACfC,OAAQR,EAAMQ,OACdC,OAAQT,EAAMS,OACdC,OAAQV,EAAMU,OACdC,QAASX,EAAMW,SAEjBC,YAAaZ,EAAMI,OAAyB,SAAhBJ,EAAMC,MAAmB,YAAc,QACnEY,kBAAmBV,MAGrBW,IAAA,IAACV,MAAEA,GAAHU,EAAA,OACAV,GACAhB,EAFA,CAAA,mBAMA2B,IAAA,IAACC,MAAEA,GAAHD,EAAA,OACAC,GACA5B,EACsB,CAAA,oBAAA,qBAAA,MAAA6B,IAAA,IAAC3B,MAAEA,GAAH2B,EAAA,OAAe3B,EAAMC,OAAO,yBAC5B2B,IAAA,IAAC5B,MAAEA,GAAH4B,EAAA,OAAe5B,EAAMC,OAAO,4BAItD,IAAM4B,EAAoB/B,EAAH,CAAA,uDAAA,IAInBgC,GAGG,IAAMC,EAAOC,EAAOC,SAASC,WAA8B,CAChEC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,QAAS,mBAAmBC,SAASD,KACvFA,EAAKC,SAAS,WAHFH,WAAA,CAAAI,YAAA,uBAAGN,CAKhB,CAAA,GAAA,KAAAO,IAAA,IAACC,gBAAEA,GAAHD,EAAA,OAA0BC,EAAkB3C,EAAqBgC"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Textarea/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { baseInputStyle } from '../../components/Input/style'\nimport { TextareaProps } from './Textarea'\n\nexport const Root = styled.textarea.withConfig<TextareaProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error'].includes(prop) && !prop.includes('width'),\n})`\n  resize: none;\n  line-height: 23px;\n  padding: 16px 20px 11px;\n  ${(props) => baseInputStyle(props)}\n`\n"],"names":["Root","styled","textarea","withConfig","shouldForwardProp","prop","includes","componentId","props","baseInputStyle"],"mappings":"oFAIO,IAAMA,EAAOC,EAAOC,SAASC,WAA0B,CAC5DC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,SAASC,SAASD,KAAUA,EAAKC,SAAS,WAFhFH,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,uDAAA,KAOZO,GAAUC,EAAeD"}