@skbkontur/react-ui 5.6.0 → 5.6.1-85c65.0

package/components/Tabs/Tab.styles/Tab.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","prefix","shift","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","styles","rootSmall","t","tabRoot","rootMedium","rootLarge","verticalSmall","tabVertical","verticalMedium","verticalLarge","focusSmall","tabFocus","focusMedium","focusLarge","disabled","_templateObject","_taggedTemplateLiteralLoose","tabTextColorDefault","active","_templateObject2","horizontalStyles","_templateObject3","tabBorderWidth","_templateObject4","primary","_templateObject5","tabColorHoverPrimary","success","_templateObject6","tabColorHoverSuccess","warning","_templateObject7","tabColorHoverWarning","error","_templateObject8","tabColorHoverError","verticalStyles","_templateObject9","_templateObject10","_templateObject11","_templateObject12","_templateObject13","_templateObject14","size","_templateObject15","transitionDuration","transitionTimingFunction","tabColorHover","_templateObject16","_templateObject17","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import { css, memoizeStyle, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n  focus: 'focus',\n});\n\nexport const styles = memoizeStyle({\n  rootSmall(t: Theme) {\n    return tabRoot(t, 'small');\n  },\n\n  rootMedium(t: Theme) {\n    return tabRoot(t, 'medium');\n  },\n\n  rootLarge(t: Theme) {\n    return tabRoot(t, 'large');\n  },\n\n  verticalSmall(t: Theme) {\n    return tabVertical(t, 'small');\n  },\n\n  verticalMedium(t: Theme) {\n    return tabVertical(t, 'medium');\n  },\n\n  verticalLarge(t: Theme) {\n    return tabVertical(t, 'large');\n  },\n\n  focusSmall(t: Theme) {\n    return tabFocus(t, 'small');\n  },\n\n  focusMedium(t: Theme) {\n    return tabFocus(t, 'medium');\n  },\n\n  focusLarge(t: Theme) {\n    return tabFocus(t, 'large');\n  },\n\n  disabled(t: Theme) {\n    return css`\n      color: color-mix(in srgb, ${t.tabTextColorDefault}, transparent 50%);\n      cursor: default;\n    `;\n  },\n\n  active() {\n    return css`\n      cursor: default;\n    `;\n  },\n});\n\nexport const horizontalStyles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-bottom-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n});\n\nexport const verticalStyles = memoizeStyle({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-left: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-left-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n});\n\nfunction tabRoot(t: Theme, size: SizeProp) {\n  return css`\n    border-bottom: ${t.tabBorderWidth} solid transparent;\n    box-sizing: border-box;\n    color: ${t.tabTextColorDefault};\n    cursor: pointer;\n    display: inline-block;\n    font-size: ${fontSize(t, size)};\n    line-height: ${lineHeight(t, size)};\n    margin-left: ${paddingX(t, size)};\n    margin-right: ${paddingX(t, size)};\n    padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n    padding-top: ${paddingY(t, size)};\n    position: relative;\n    text-decoration: inherit;\n    transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n    &:hover {\n      outline: inherit;\n      border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    &:focus {\n      outline: inherit;\n    }\n  `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp) {\n  return css`\n    border-bottom: none;\n    border-left: ${t.tabBorderWidth} solid transparent;\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n    padding-right: ${paddingX(t, size)};\n\n    &:hover {\n      border-bottom: none;\n      border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    .${globalClasses.focus} {\n      bottom: 0;\n      left: -${t.tabBorderWidth};\n      right: 0;\n    }\n  `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp) {\n  return css`\n    border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n    bottom: -${t.tabBorderWidth};\n    left: -${paddingX(t, size)};\n    position: absolute;\n    right: -${paddingX(t, size)};\n    top: 0;\n  `;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","prefix","shift","fontSize","lineHeight","paddingX","paddingY","globalClasses","focus","getStyles","emotion","rootSmall","t","css","_templateObject","_taggedTemplateLiteralLoose","tabRoot","rootMedium","_templateObject2","rootLarge","_templateObject3","verticalSmall","_templateObject4","tabVertical","verticalMedium","_templateObject5","verticalLarge","_templateObject6","focusSmall","_templateObject7","tabFocus","focusMedium","_templateObject8","focusLarge","_templateObject9","disabled","_templateObject10","tabTextColorDefault","active","_templateObject11","getHorizontalStyles","_ref","_templateObject12","tabBorderWidth","_templateObject13","primary","_templateObject14","tabColorHoverPrimary","success","_templateObject15","tabColorHoverSuccess","warning","_templateObject16","tabColorHoverWarning","error","_templateObject17","tabColorHoverError","getVerticalStyles","_ref2","_templateObject18","_templateObject19","_templateObject20","_templateObject21","_templateObject22","_templateObject23","size","_ref3","_templateObject24","transitionDuration","transitionTimingFunction","tabColorHover","_ref4","_templateObject25","_ref5","_templateObject26","tabOutlineWidth","tabColorFocus"],"sources":["Tab.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles, prefix } from '../../lib/theming/Emotion';\nimport { shift } from '../../lib/styles/DimensionFunctions';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { fontSize, lineHeight, paddingX, paddingY } from './helpers';\n\nexport const globalClasses = prefix('tab')({\n  focus: 'focus',\n});\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n  rootSmall(t: Theme) {\n    return emotion.css`\n        ${tabRoot(t, 'small', emotion)}\n      `;\n  },\n\n  rootMedium(t: Theme) {\n    return emotion.css`\n        ${tabRoot(t, 'medium', emotion)}\n      `;\n  },\n\n  rootLarge(t: Theme) {\n    return emotion.css`\n        ${tabRoot(t, 'large', emotion)}\n      `;\n  },\n\n  verticalSmall(t: Theme) {\n    return emotion.css`\n        ${tabVertical(t, 'small', emotion)}\n      `;\n  },\n\n  verticalMedium(t: Theme) {\n    return emotion.css`\n        ${tabVertical(t, 'medium', emotion)}\n      `;\n  },\n\n  verticalLarge(t: Theme) {\n    return emotion.css`\n        ${tabVertical(t, 'large', emotion)}\n      `;\n  },\n\n  focusSmall(t: Theme) {\n    return emotion.css`\n        ${tabFocus(t, 'small', emotion)}\n      `;\n  },\n\n  focusMedium(t: Theme) {\n    return emotion.css`\n        ${tabFocus(t, 'medium', emotion)}\n      `;\n  },\n\n  focusLarge(t: Theme) {\n    return emotion.css`\n        ${tabFocus(t, 'large', emotion)}\n      `;\n  },\n\n  disabled(t: Theme) {\n    return emotion.css`\n      color: color-mix(in srgb, ${t.tabTextColorDefault}, transparent 50%);\n      cursor: default;\n    `;\n  },\n\n  active() {\n    return emotion.css`\n        cursor: default;\n      `;\n  },\n}));\n\nexport const getHorizontalStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-bottom-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-bottom-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n}));\n\nexport const getVerticalStyles = memoizeGetStyles(({ css }: Emotion) => ({\n  active(t: Theme) {\n    return css`\n      &:hover {\n        border-left: ${t.tabBorderWidth} solid transparent;\n      }\n    `;\n  },\n\n  disabled() {\n    return css`\n      &:hover {\n        border-left-color: transparent;\n      }\n    `;\n  },\n\n  primary(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverPrimary};\n      }\n    `;\n  },\n\n  success(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverSuccess};\n      }\n    `;\n  },\n\n  warning(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverWarning};\n      }\n    `;\n  },\n\n  error(t: Theme) {\n    return css`\n      &:hover {\n        border-left-color: ${t.tabColorHoverError};\n      }\n    `;\n  },\n}));\n\nfunction tabRoot(t: Theme, size: SizeProp, { css }: Emotion) {\n  return css`\n    border-bottom: ${t.tabBorderWidth} solid transparent;\n    box-sizing: border-box;\n    color: ${t.tabTextColorDefault};\n    cursor: pointer;\n    display: inline-block;\n    font-size: ${fontSize(t, size)};\n    line-height: ${lineHeight(t, size)};\n    margin-left: ${paddingX(t, size)};\n    margin-right: ${paddingX(t, size)};\n    padding-bottom: calc(${paddingY(t, size)} - ${t.tabBorderWidth});\n    padding-top: ${paddingY(t, size)};\n    position: relative;\n    text-decoration: inherit;\n    transition: border-bottom ${t.transitionDuration} ${t.transitionTimingFunction};\n\n    &:hover {\n      outline: inherit;\n      border-bottom: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    &:focus {\n      outline: inherit;\n    }\n  `;\n}\n\nfunction tabVertical(t: Theme, size: SizeProp, { css }: Emotion) {\n  return css`\n    border-bottom: none;\n    border-left: ${t.tabBorderWidth} solid transparent;\n    display: block;\n    margin-left: 0;\n    margin-right: 0;\n    padding-left: ${shift(paddingX(t, size), `-${t.tabBorderWidth}`)};\n    padding-right: ${paddingX(t, size)};\n\n    &:hover {\n      border-bottom: none;\n      border-left: ${t.tabBorderWidth} solid ${t.tabColorHover};\n    }\n\n    .${globalClasses.focus} {\n      bottom: 0;\n      left: -${t.tabBorderWidth};\n      right: 0;\n    }\n  `;\n}\n\nfunction tabFocus(t: Theme, size: SizeProp, { css }: Emotion) {\n  return css`\n    border: ${t.tabOutlineWidth} solid ${t.tabColorFocus};\n    bottom: -${t.tabBorderWidth};\n    left: -${paddingX(t, size)};\n    position: absolute;\n    right: -${paddingX(t, size)};\n    top: 0;\n  `;\n}\n"],"mappings":";;AAEA,SAASA,gBAAgB,EAAEC,MAAM,QAAQ,2BAA2B;AACpE,SAASC,KAAK,QAAQ,qCAAqC;;;;AAI3D,SAASC,QAAQ,EAAEC,UAAU,EAAEC,QAAQ,EAAEC,QAAQ,QAAQ,WAAW;;AAEpE,OAAO,IAAMC,aAAa,GAAGN,MAAM,CAAC,KAAK,CAAC,CAAC;EACzCO,KAAK,EAAE;AACT,CAAC,CAAC;;AAEF,OAAO,IAAMC,SAAS,GAAGT,gBAAgB,CAAC,UAACU,OAAgB,UAAM;IAC/DC,SAAS,WAAAA,UAACC,CAAQ,EAAE;MAClB,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;MACZC,OAAO,CAACJ,CAAC,EAAE,OAAO,EAAEF,OAAO,CAAC;;IAEpC,CAAC;;IAEDO,UAAU,WAAAA,WAACL,CAAQ,EAAE;MACnB,OAAOF,OAAO,CAACG,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;MACZC,OAAO,CAACJ,CAAC,EAAE,QAAQ,EAAEF,OAAO,CAAC;;IAErC,CAAC;;IAEDS,SAAS,WAAAA,UAACP,CAAQ,EAAE;MAClB,OAAOF,OAAO,CAACG,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;MACZC,OAAO,CAACJ,CAAC,EAAE,OAAO,EAAEF,OAAO,CAAC;;IAEpC,CAAC;;IAEDW,aAAa,WAAAA,cAACT,CAAQ,EAAE;MACtB,OAAOF,OAAO,CAACG,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;MACZQ,WAAW,CAACX,CAAC,EAAE,OAAO,EAAEF,OAAO,CAAC;;IAExC,CAAC;;IAEDc,cAAc,WAAAA,eAACZ,CAAQ,EAAE;MACvB,OAAOF,OAAO,CAACG,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;MACZQ,WAAW,CAACX,CAAC,EAAE,QAAQ,EAAEF,OAAO,CAAC;;IAEzC,CAAC;;IAEDgB,aAAa,WAAAA,cAACd,CAAQ,EAAE;MACtB,OAAOF,OAAO,CAACG,GAAG,CAAAc,gBAAA,KAAAA,gBAAA,GAAAZ,2BAAA;MACZQ,WAAW,CAACX,CAAC,EAAE,OAAO,EAAEF,OAAO,CAAC;;IAExC,CAAC;;IAEDkB,UAAU,WAAAA,WAAChB,CAAQ,EAAE;MACnB,OAAOF,OAAO,CAACG,GAAG,CAAAgB,gBAAA,KAAAA,gBAAA,GAAAd,2BAAA;MACZe,QAAQ,CAAClB,CAAC,EAAE,OAAO,EAAEF,OAAO,CAAC;;IAErC,CAAC;;IAEDqB,WAAW,WAAAA,YAACnB,CAAQ,EAAE;MACpB,OAAOF,OAAO,CAACG,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAjB,2BAAA;MACZe,QAAQ,CAAClB,CAAC,EAAE,QAAQ,EAAEF,OAAO,CAAC;;IAEtC,CAAC;;IAEDuB,UAAU,WAAAA,WAACrB,CAAQ,EAAE;MACnB,OAAOF,OAAO,CAACG,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAnB,2BAAA;MACZe,QAAQ,CAAClB,CAAC,EAAE,OAAO,EAAEF,OAAO,CAAC;;IAErC,CAAC;;IAEDyB,QAAQ,WAAAA,SAACvB,CAAQ,EAAE;MACjB,OAAOF,OAAO,CAACG,GAAG,CAAAuB,iBAAA,KAAAA,iBAAA,GAAArB,2BAAA;MACYH,CAAC,CAACyB,mBAAmB;;;IAGrD,CAAC;;IAEDC,MAAM,WAAAA,OAAA,EAAG;MACP,OAAO5B,OAAO,CAACG,GAAG,CAAA0B,iBAAA,KAAAA,iBAAA,GAAAxB,2BAAA;;;IAGpB;EACF,CAAC,EAAC,CAAC;;AAEH,OAAO,IAAMyB,mBAAmB,GAAGxC,gBAAgB,CAAC,UAAAyC,IAAA,OAAG5B,GAAG,GAAA4B,IAAA,CAAH5B,GAAG,QAAiB;IACzEyB,MAAM,WAAAA,OAAC1B,CAAQ,EAAE;MACf,OAAOC,GAAG,CAAA6B,iBAAA,KAAAA,iBAAA,GAAA3B,2BAAA;;MAEWH,CAAC,CAAC+B,cAAc;;;IAGvC,CAAC;;IAEDR,QAAQ,WAAAA,SAAA,EAAG;MACT,OAAOtB,GAAG,CAAA+B,iBAAA,KAAAA,iBAAA,GAAA7B,2BAAA;;;;;IAKZ,CAAC;;IAED8B,OAAO,WAAAA,QAACjC,CAAQ,EAAE;MAChB,OAAOC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA/B,2BAAA;;MAEiBH,CAAC,CAACmC,oBAAoB;;;IAGnD,CAAC;;IAEDC,OAAO,WAAAA,QAACpC,CAAQ,EAAE;MAChB,OAAOC,GAAG,CAAAoC,iBAAA,KAAAA,iBAAA,GAAAlC,2BAAA;;MAEiBH,CAAC,CAACsC,oBAAoB;;;IAGnD,CAAC;;IAEDC,OAAO,WAAAA,QAACvC,CAAQ,EAAE;MAChB,OAAOC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAArC,2BAAA;;MAEiBH,CAAC,CAACyC,oBAAoB;;;IAGnD,CAAC;;IAEDC,KAAK,WAAAA,MAAC1C,CAAQ,EAAE;MACd,OAAOC,GAAG,CAAA0C,iBAAA,KAAAA,iBAAA,GAAAxC,2BAAA;;MAEiBH,CAAC,CAAC4C,kBAAkB;;;IAGjD;EACF,CAAC,EAAC,CAAC;;AAEH,OAAO,IAAMC,iBAAiB,GAAGzD,gBAAgB,CAAC,UAAA0D,KAAA,OAAG7C,GAAG,GAAA6C,KAAA,CAAH7C,GAAG,QAAiB;IACvEyB,MAAM,WAAAA,OAAC1B,CAAQ,EAAE;MACf,OAAOC,GAAG,CAAA8C,iBAAA,KAAAA,iBAAA,GAAA5C,2BAAA;;MAESH,CAAC,CAAC+B,cAAc;;;IAGrC,CAAC;;IAEDR,QAAQ,WAAAA,SAAA,EAAG;MACT,OAAOtB,GAAG,CAAA+C,iBAAA,KAAAA,iBAAA,GAAA7C,2BAAA;;;;;IAKZ,CAAC;;IAED8B,OAAO,WAAAA,QAACjC,CAAQ,EAAE;MAChB,OAAOC,GAAG,CAAAgD,iBAAA,KAAAA,iBAAA,GAAA9C,2BAAA;;MAEeH,CAAC,CAACmC,oBAAoB;;;IAGjD,CAAC;;IAEDC,OAAO,WAAAA,QAACpC,CAAQ,EAAE;MAChB,OAAOC,GAAG,CAAAiD,iBAAA,KAAAA,iBAAA,GAAA/C,2BAAA;;MAEeH,CAAC,CAACsC,oBAAoB;;;IAGjD,CAAC;;IAEDC,OAAO,WAAAA,QAACvC,CAAQ,EAAE;MAChB,OAAOC,GAAG,CAAAkD,iBAAA,KAAAA,iBAAA,GAAAhD,2BAAA;;MAEeH,CAAC,CAACyC,oBAAoB;;;IAGjD,CAAC;;IAEDC,KAAK,WAAAA,MAAC1C,CAAQ,EAAE;MACd,OAAOC,GAAG,CAAAmD,iBAAA,KAAAA,iBAAA,GAAAjD,2BAAA;;MAEeH,CAAC,CAAC4C,kBAAkB;;;IAG/C;EACF,CAAC,EAAC,CAAC;;AAEH,SAASxC,OAAOA,CAACJ,CAAQ,EAAEqD,IAAc,EAAAC,KAAA,EAAoB,KAAhBrD,GAAG,GAAAqD,KAAA,CAAHrD,GAAG;EAC9C,OAAOA,GAAG,CAAAsD,iBAAA,KAAAA,iBAAA,GAAApD,2BAAA;EACSH,CAAC,CAAC+B,cAAc;;EAExB/B,CAAC,CAACyB,mBAAmB;;;EAGjBlC,QAAQ,CAACS,CAAC,EAAEqD,IAAI,CAAC;EACf7D,UAAU,CAACQ,CAAC,EAAEqD,IAAI,CAAC;EACnB5D,QAAQ,CAACO,CAAC,EAAEqD,IAAI,CAAC;EAChB5D,QAAQ,CAACO,CAAC,EAAEqD,IAAI,CAAC;EACV3D,QAAQ,CAACM,CAAC,EAAEqD,IAAI,CAAC,EAAMrD,CAAC,CAAC+B,cAAc;EAC/CrC,QAAQ,CAACM,CAAC,EAAEqD,IAAI,CAAC;;;EAGJrD,CAAC,CAACwD,kBAAkB,EAAIxD,CAAC,CAACyD,wBAAwB;;;;EAI3DzD,CAAC,CAAC+B,cAAc,EAAU/B,CAAC,CAAC0D,aAAa;;;;;;;AAOhE;;AAEA,SAAS/C,WAAWA,CAACX,CAAQ,EAAEqD,IAAc,EAAAM,KAAA,EAAoB,KAAhB1D,GAAG,GAAA0D,KAAA,CAAH1D,GAAG;EAClD,OAAOA,GAAG,CAAA2D,iBAAA,KAAAA,iBAAA,GAAAzD,2BAAA;;EAEOH,CAAC,CAAC+B,cAAc;;;;EAIfzC,KAAK,CAACG,QAAQ,CAACO,CAAC,EAAEqD,IAAI,CAAC,QAAMrD,CAAC,CAAC+B,cAAgB,CAAC;EAC/CtC,QAAQ,CAACO,CAAC,EAAEqD,IAAI,CAAC;;;;EAIjBrD,CAAC,CAAC+B,cAAc,EAAU/B,CAAC,CAAC0D,aAAa;;;EAGvD/D,aAAa,CAACC,KAAK;;EAEXI,CAAC,CAAC+B,cAAc;;;;AAI/B;;AAEA,SAASb,QAAQA,CAAClB,CAAQ,EAAEqD,IAAc,EAAAQ,KAAA,EAAoB,KAAhB5D,GAAG,GAAA4D,KAAA,CAAH5D,GAAG;EAC/C,OAAOA,GAAG,CAAA6D,iBAAA,KAAAA,iBAAA,GAAA3D,2BAAA;EACEH,CAAC,CAAC+D,eAAe,EAAU/D,CAAC,CAACgE,aAAa;EACzChE,CAAC,CAAC+B,cAAc;EAClBtC,QAAQ,CAACO,CAAC,EAAEqD,IAAI,CAAC;;EAEhB5D,QAAQ,CAACO,CAAC,EAAEqD,IAAI,CAAC;;;AAG/B","ignoreList":[]}

package/components/Tabs/Tab.styles.d.ts

@@ -2,7 +2,7 @@ import type { Theme } from '../../lib/theming/Theme';
 export declare const globalClasses: {
     focus: string;
 };
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;
     rootLarge(t: Theme): string;
@@ -14,20 +14,20 @@ export declare const styles: {
     focusLarge(t: Theme): string;
     disabled(t: Theme): string;
     active(): string;
-};
-export declare const horizontalStyles: {
+}>;
+export declare const getHorizontalStyles: import("../../lib/theming/Emotion").StylesGetter<{
     active(t: Theme): string;
     disabled(): string;
     primary(t: Theme): string;
     success(t: Theme): string;
     warning(t: Theme): string;
     error(t: Theme): string;
-};
-export declare const verticalStyles: {
+}>;
+export declare const getVerticalStyles: import("../../lib/theming/Emotion").StylesGetter<{
     active(t: Theme): string;
     disabled(): string;
     primary(t: Theme): string;
     success(t: Theme): string;
     warning(t: Theme): string;
     error(t: Theme): string;
-};
+}>;

package/components/Tabs/Tabs/Tabs.js

@@ -2,16 +2,15 @@ import _extends from "@babel/runtime/helpers/esm/extends";
 import _inheritsLoose from "@babel/runtime/helpers/esm/inheritsLoose";
 var _class, _Tabs;
 import React from 'react';
-import { globalObject } from '@skbkontur/global-object';
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
-import { cx } from "../../../lib/theming/Emotion";
 import { getRootNode } from "../../../lib/rootNode/getRootNode";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { isInstanceOf } from "../../../lib/isInstanceOf";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { Indicator } from "../Indicator";
-import { styles } from "../Tabs.styles";
+import { getStyles } from "../Tabs.styles";
 import { TabsContext } from "../TabsContext";
 import { Tab } from "../Tab";
 export var TabsDataTids = {
@@ -27,7 +26,7 @@ export var TabsDataTids = {
  * Не используйте `Tabs` для основной навигации. Для этого лучше подходит главное меню на цветной плашке — оно более заметно на странице.
  * Не используйте `Tabs` для переключения состояний — для этого есть RadioGroup, Toggle и Switcher.
  */
-export var Tabs = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Component) {
+export var Tabs = withRenderEnvironment(_class = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Component) {
   function Tabs() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -55,7 +54,7 @@ export var Tabs = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Compo
       var tab = tabs[newIndex];
       var tabNode = tab.getNode();
       var htmlNode = getRootNode(tabNode);
-      if (isInstanceOf(htmlNode, globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {
+      if (isInstanceOf(htmlNode, _this.globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {
         htmlNode.focus();
       }
     };
@@ -106,14 +105,15 @@ export var Tabs = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Compo
     var _this$getProps = this.getProps(),
       vertical = _this$getProps.vertical,
       size = _this$getProps.size;
+    this.styles = getStyles(this.emotion);
     return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-      var _cx;
+      var _this3$cx;
       _this3.theme = theme;
       return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
         rootNodeRef: _this3.setRootNode
       }, _this3.props), /*#__PURE__*/React.createElement("div", {
         "data-tid": TabsDataTids.root,
-        className: cx((_cx = {}, _cx[styles.rootSmall(_this3.theme)] = size === 'small', _cx[styles.rootMedium(_this3.theme)] = size === 'medium', _cx[styles.rootLarge(_this3.theme)] = size === 'large', _cx[styles.vertical()] = vertical, _cx)),
+        className: _this3.cx((_this3$cx = {}, _this3$cx[_this3.styles.rootSmall(_this3.theme)] = size === 'small', _this3$cx[_this3.styles.rootMedium(_this3.theme)] = size === 'medium', _this3$cx[_this3.styles.rootLarge(_this3.theme)] = size === 'large', _this3$cx[_this3.styles.vertical()] = vertical, _this3$cx)),
         style: {
           width: width
         },
@@ -141,4 +141,4 @@ export var Tabs = rootNode(_class = (_Tabs = /*#__PURE__*/function (_React$Compo
 }(React.Component), _Tabs.__KONTUR_REACT_UI__ = 'Tabs', _Tabs.displayName = 'Tabs', _Tabs.defaultProps = {
   vertical: false,
   size: 'large'
-}, _Tabs.Tab = Tab, _Tabs)) || _class;
+}, _Tabs.Tab = Tab, _Tabs)) || _class) || _class;

package/components/Tabs/Tabs/Tabs.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","globalObject","ThemeContext","CommonWrapper","cx","getRootNode","rootNode","createPropsGetter","isInstanceOf","Indicator","styles","TabsContext","Tab","TabsDataTids","root","indicatorRoot","Tabs","_class","_Tabs","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","_this2","findIndex","x","id","newIndex","Math","max","min","tab","tabNode","getNode","htmlNode","HTMLElement","focus","notifyUpdate","forEach","switchTab","_this$props","props","onValueChange","value","getTab","_ref","find","_ref$getNode","addTab","removeTab","filter","_inheritsLoose","_proto","prototype","render","_this3","_this$props2","width","children","indicatorClassName","ariaDescribedby","_this$getProps","vertical","size","createElement","Consumer","theme","_cx","_extends","rootNodeRef","setRootNode","className","rootSmall","rootMedium","rootLarge","style","Provider","activeTab","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Tabs.tsx"],"sourcesContent":["import type { AriaAttributes } from 'react';\nimport React from 'react';\nimport { globalObject } from '@skbkontur/global-object';\n\nimport type { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { cx } from '../../lib/theming/Emotion';\nimport { getRootNode } from '../../lib/rootNode/getRootNode';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\n\nimport { Indicator } from './Indicator';\nimport { styles } from './Tabs.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport { Tab } from './Tab';\n\ntype ValueBaseType = string;\ninterface TabType<T extends ValueBaseType> {\n  getNode: () => Tab<T> | null;\n  id: T;\n}\n\nexport interface TabsProps<T extends ValueBaseType = string> extends CommonProps {\n  /** Задает кастомный класс подчёркиванию таба. */\n  indicatorClassName?: string;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Задает текущий активный `<Tab />`. Принимает `id` таба. */\n  value: T;\n\n  /** Задает функцию, изменяющую текущий активный `<Tab />`. */\n  onValueChange?: (value: T) => void;\n\n  /** Задает расположение элементов по вертикали.\n   * @default false */\n  vertical?: boolean;\n\n  /** Задает ширину компонента Tabs. */\n  width?: number | string;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const TabsDataTids = {\n  root: 'Tabs__root',\n  indicatorRoot: 'Indicator__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TabsProps, 'vertical' | 'size'>>;\n\n/**\n * Родитель компонента Tab. Связывает `Tab`'ы в группу и позволяет управлять их состоянием, помогают в навигации.\n *\n * Используйте `Tabs` для второстепенной навигации, для группировки или фильтрации контента.\n *\n * Не используйте `Tabs` для основной навигации. Для этого лучше подходит главное меню на цветной плашке — оно более заметно на странице.\n * Не используйте `Tabs` для переключения состояний — для этого есть RadioGroup, Toggle и Switcher.\n */\n@rootNode\nexport class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'Tabs';\n  public static displayName = 'Tabs';\n\n  public static defaultProps: DefaultProps = {\n    vertical: false,\n    size: 'large',\n  };\n\n  private getProps = createPropsGetter(Tabs.defaultProps);\n\n  public static Tab = Tab;\n\n  private theme!: Theme;\n\n  private tabs: Array<TabType<T>> = [];\n\n  private tabUpdates = {\n    on: (cb: () => void) => {\n      const index = this.listeners.push(cb);\n      return () => {\n        this.listeners.splice(index, 1);\n      };\n    },\n  };\n\n  private listeners: Array<typeof emptyHandler> = [];\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    const { value, width, children, indicatorClassName, 'aria-describedby': ariaDescribedby } = this.props;\n    const { vertical, size } = this.getProps();\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              <div\n                data-tid={TabsDataTids.root}\n                className={cx({\n                  [styles.rootSmall(this.theme)]: size === 'small',\n                  [styles.rootMedium(this.theme)]: size === 'medium',\n                  [styles.rootLarge(this.theme)]: size === 'large',\n                  [styles.vertical()]: vertical,\n                })}\n                style={{ width }}\n                aria-describedby={ariaDescribedby}\n              >\n                <TabsContext.Provider\n                  value={{\n                    vertical,\n                    activeTab: value,\n                    size,\n                    getTab: this.getTab,\n                    addTab: this.addTab,\n                    removeTab: this.removeTab,\n                    notifyUpdate: this.notifyUpdate,\n                    shiftFocus: this.shiftFocus,\n                    switchTab: this.switchTab,\n                  }}\n                >\n                  {children}\n                  <Indicator\n                    className={indicatorClassName}\n                    tabUpdates={this.tabUpdates}\n                    vertical={this.getProps().vertical}\n                  />\n                </TabsContext.Provider>\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private shiftFocus: TabsContextType<T>['shiftFocus'] = (fromTab, delta) => {\n    const { tabs } = this;\n    const index = tabs.findIndex((x) => x.id === fromTab);\n    const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\n    const tab = tabs[newIndex];\n\n    const tabNode = tab.getNode();\n    const htmlNode = getRootNode(tabNode);\n\n    if (isInstanceOf(htmlNode, globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {\n      htmlNode.focus();\n    }\n  };\n\n  private notifyUpdate: TabsContextType<T>['notifyUpdate'] = () => {\n    this.listeners.forEach((cb) => cb());\n  };\n\n  private switchTab: TabsContextType<T>['switchTab'] = (id) => {\n    const { onValueChange, value } = this.props;\n    if (id !== value && onValueChange) {\n      onValueChange(id);\n    }\n  };\n\n  private getTab: TabsContextType<T>['getTab'] = (id) => {\n    const { getNode = null } = this.tabs.find((x) => x.id === id) || {};\n    return getNode && getNode();\n  };\n\n  private addTab: TabsContextType<T>['addTab'] = (id, getNode) => {\n    this.tabs = this.tabs.concat({ id, getNode });\n  };\n\n  private removeTab: TabsContextType<T>['removeTab'] = (id) => {\n    this.tabs = this.tabs.filter((tab) => tab.id !== id);\n  };\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["React","ThemeContext","CommonWrapper","getRootNode","rootNode","createPropsGetter","isInstanceOf","withRenderEnvironment","Indicator","getStyles","TabsContext","Tab","TabsDataTids","root","indicatorRoot","Tabs","_class","_Tabs","_React$Component","_this","_len","arguments","length","args","Array","_key","call","apply","concat","getProps","defaultProps","tabs","tabUpdates","on","cb","index","listeners","push","splice","shiftFocus","fromTab","delta","_this2","findIndex","x","id","newIndex","Math","max","min","tab","tabNode","getNode","htmlNode","globalObject","HTMLElement","focus","notifyUpdate","forEach","switchTab","_this$props","props","onValueChange","value","getTab","_ref","find","_ref$getNode","addTab","removeTab","filter","_inheritsLoose","_proto","prototype","render","_this3","_this$props2","width","children","indicatorClassName","ariaDescribedby","_this$getProps","vertical","size","styles","emotion","createElement","Consumer","theme","_this3$cx","_extends","rootNodeRef","setRootNode","className","cx","rootSmall","rootMedium","rootLarge","style","Provider","activeTab","Component","__KONTUR_REACT_UI__","displayName"],"sources":["Tabs.tsx"],"sourcesContent":["import type { AriaAttributes, JSX } from 'react';\nimport React from 'react';\nimport type { Emotion } from '@emotion/css/types/create-instance';\n\nimport type { GlobalObject } from '../../lib/globalObject';\nimport type { emptyHandler } from '../../lib/utils';\nimport { ThemeContext } from '../../lib/theming/ThemeContext';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { CommonProps } from '../../internal/CommonWrapper';\nimport { CommonWrapper } from '../../internal/CommonWrapper';\nimport { getRootNode } from '../../lib/rootNode/getRootNode';\nimport type { TGetRootNode, TSetRootNode } from '../../lib/rootNode';\nimport { rootNode } from '../../lib/rootNode';\nimport { createPropsGetter } from '../../lib/createPropsGetter';\nimport type { SizeProp } from '../../lib/types/props';\nimport { isInstanceOf } from '../../lib/isInstanceOf';\nimport { withRenderEnvironment } from '../../lib/renderEnvironment';\n\nimport { Indicator } from './Indicator';\nimport { getStyles } from './Tabs.styles';\nimport type { TabsContextType } from './TabsContext';\nimport { TabsContext } from './TabsContext';\nimport { Tab } from './Tab';\n\ntype ValueBaseType = string;\ninterface TabType<T extends ValueBaseType> {\n  getNode: () => Tab<T> | null;\n  id: T;\n}\n\nexport interface TabsProps<T extends ValueBaseType = string> extends CommonProps {\n  /** Задает кастомный класс подчёркиванию таба. */\n  indicatorClassName?: string;\n\n  /** Задает размер контрола. */\n  size?: SizeProp;\n\n  /** Задает текущий активный `<Tab />`. Принимает `id` таба. */\n  value: T;\n\n  /** Задает функцию, изменяющую текущий активный `<Tab />`. */\n  onValueChange?: (value: T) => void;\n\n  /** Задает расположение элементов по вертикали.\n   * @default false */\n  vertical?: boolean;\n\n  /** Задает ширину компонента Tabs. */\n  width?: number | string;\n\n  /** @ignore */\n  'aria-describedby'?: AriaAttributes['aria-describedby'];\n}\n\nexport const TabsDataTids = {\n  root: 'Tabs__root',\n  indicatorRoot: 'Indicator__root',\n} as const;\n\ntype DefaultProps = Required<Pick<TabsProps, 'vertical' | 'size'>>;\n\n/**\n * Родитель компонента Tab. Связывает `Tab`'ы в группу и позволяет управлять их состоянием, помогают в навигации.\n *\n * Используйте `Tabs` для второстепенной навигации, для группировки или фильтрации контента.\n *\n * Не используйте `Tabs` для основной навигации. Для этого лучше подходит главное меню на цветной плашке — оно более заметно на странице.\n * Не используйте `Tabs` для переключения состояний — для этого есть RadioGroup, Toggle и Switcher.\n */\n@withRenderEnvironment\n@rootNode\nexport class Tabs<T extends string = string> extends React.Component<TabsProps<T>> {\n  public static __KONTUR_REACT_UI__ = 'Tabs';\n  public static displayName = 'Tabs';\n\n  public static defaultProps: DefaultProps = {\n    vertical: false,\n    size: 'large',\n  };\n\n  private getProps = createPropsGetter(Tabs.defaultProps);\n\n  public static Tab = Tab;\n\n  private globalObject!: GlobalObject;\n  private emotion!: Emotion;\n  private cx!: Emotion['cx'];\n  private styles!: ReturnType<typeof getStyles>;\n  private theme!: Theme;\n\n  private tabs: Array<TabType<T>> = [];\n\n  private tabUpdates = {\n    on: (cb: () => void) => {\n      const index = this.listeners.push(cb);\n      return () => {\n        this.listeners.splice(index, 1);\n      };\n    },\n  };\n\n  private listeners: Array<typeof emptyHandler> = [];\n  public getRootNode!: TGetRootNode;\n  private setRootNode!: TSetRootNode;\n\n  public render(): JSX.Element {\n    const { value, width, children, indicatorClassName, 'aria-describedby': ariaDescribedby } = this.props;\n    const { vertical, size } = this.getProps();\n    this.styles = getStyles(this.emotion);\n\n    return (\n      <ThemeContext.Consumer>\n        {(theme) => {\n          this.theme = theme;\n          return (\n            <CommonWrapper rootNodeRef={this.setRootNode} {...this.props}>\n              <div\n                data-tid={TabsDataTids.root}\n                className={this.cx({\n                  [this.styles.rootSmall(this.theme)]: size === 'small',\n                  [this.styles.rootMedium(this.theme)]: size === 'medium',\n                  [this.styles.rootLarge(this.theme)]: size === 'large',\n                  [this.styles.vertical()]: vertical,\n                })}\n                style={{ width }}\n                aria-describedby={ariaDescribedby}\n              >\n                <TabsContext.Provider\n                  value={{\n                    vertical,\n                    activeTab: value,\n                    size,\n                    getTab: this.getTab,\n                    addTab: this.addTab,\n                    removeTab: this.removeTab,\n                    notifyUpdate: this.notifyUpdate,\n                    shiftFocus: this.shiftFocus,\n                    switchTab: this.switchTab,\n                  }}\n                >\n                  {children}\n                  <Indicator\n                    className={indicatorClassName}\n                    tabUpdates={this.tabUpdates}\n                    vertical={this.getProps().vertical}\n                  />\n                </TabsContext.Provider>\n              </div>\n            </CommonWrapper>\n          );\n        }}\n      </ThemeContext.Consumer>\n    );\n  }\n\n  private shiftFocus: TabsContextType<T>['shiftFocus'] = (fromTab, delta) => {\n    const { tabs } = this;\n    const index = tabs.findIndex((x) => x.id === fromTab);\n    const newIndex = Math.max(0, Math.min(index + delta, tabs.length - 1));\n    const tab = tabs[newIndex];\n\n    const tabNode = tab.getNode();\n    const htmlNode = getRootNode(tabNode);\n\n    if (isInstanceOf(htmlNode, this.globalObject.HTMLElement) && typeof htmlNode.focus === 'function') {\n      htmlNode.focus();\n    }\n  };\n\n  private notifyUpdate: TabsContextType<T>['notifyUpdate'] = () => {\n    this.listeners.forEach((cb) => cb());\n  };\n\n  private switchTab: TabsContextType<T>['switchTab'] = (id) => {\n    const { onValueChange, value } = this.props;\n    if (id !== value && onValueChange) {\n      onValueChange(id);\n    }\n  };\n\n  private getTab: TabsContextType<T>['getTab'] = (id) => {\n    const { getNode = null } = this.tabs.find((x) => x.id === id) || {};\n    return getNode && getNode();\n  };\n\n  private addTab: TabsContextType<T>['addTab'] = (id, getNode) => {\n    this.tabs = this.tabs.concat({ id, getNode });\n  };\n\n  private removeTab: TabsContextType<T>['removeTab'] = (id) => {\n    this.tabs = this.tabs.filter((tab) => tab.id !== id);\n  };\n}\n"],"mappings":"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","ignoreList":[]}

package/components/Tabs/Tabs.d.ts

@@ -1,4 +1,4 @@
-import type { AriaAttributes } from 'react';
+import type { AriaAttributes, JSX } from 'react';
 import React from 'react';
 import type { CommonProps } from '../../internal/CommonWrapper';
 import type { TGetRootNode } from '../../lib/rootNode';
@@ -41,6 +41,10 @@ export declare class Tabs<T extends string = string> extends React.Component<Tab
     static defaultProps: DefaultProps;
     private getProps;
     static Tab: typeof Tab;
+    private globalObject;
+    private emotion;
+    private cx;
+    private styles;
     private theme;
     private tabs;
     private tabUpdates;

package/components/Tabs/Tabs.styles/Tabs.styles.js

@@ -1,21 +1,24 @@
 import _taggedTemplateLiteralLoose from "@babel/runtime/helpers/esm/taggedTemplateLiteralLoose";
-var _templateObject, _templateObject2;
-import { css, memoizeStyle } from "../../../lib/theming/Emotion";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { memoizeGetStyles } from "../../../lib/theming/Emotion";
 import { paddingX } from "../helpers";
-export var styles = memoizeStyle({
-  rootSmall: function rootSmall(t) {
-    return tabsRoot(t, 'small');
-  },
-  rootMedium: function rootMedium(t) {
-    return tabsRoot(t, 'medium');
-  },
-  rootLarge: function rootLarge(t) {
-    return tabsRoot(t, 'large');
-  },
-  vertical: function vertical() {
-    return css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n      margin: 0;\n    "])));
-  }
+export var getStyles = memoizeGetStyles(function (emotion) {
+  return {
+    rootSmall: function rootSmall(t) {
+      return emotion.css(_templateObject || (_templateObject = _taggedTemplateLiteralLoose(["\n        ", "\n      "])), tabsRoot(t, 'small', emotion));
+    },
+    rootMedium: function rootMedium(t) {
+      return emotion.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n        ", "\n      "])), tabsRoot(t, 'medium', emotion));
+    },
+    rootLarge: function rootLarge(t) {
+      return emotion.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteralLoose(["\n        ", "\n      "])), tabsRoot(t, 'large', emotion));
+    },
+    vertical: function vertical() {
+      return emotion.css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteralLoose(["\n        margin: 0;\n      "])));
+    }
+  };
 });
-function tabsRoot(t, size) {
-  return css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteralLoose(["\n    display: inline-block;\n    margin: 0 -", ";\n    padding: 0;\n    position: relative;\n  "])), paddingX(t, size));
+function tabsRoot(t, size, _ref) {
+  var css = _ref.css;
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteralLoose(["\n    display: inline-block;\n    margin: 0 -", ";\n    padding: 0;\n    position: relative;\n  "])), paddingX(t, size));
 }

package/components/Tabs/Tabs.styles/Tabs.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","memoizeStyle","paddingX","styles","rootSmall","t","tabsRoot","rootMedium","rootLarge","vertical","_templateObject","_taggedTemplateLiteralLoose","size","_templateObject2"],"sources":["Tabs.styles.ts"],"sourcesContent":["import { css, memoizeStyle } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { paddingX } from './helpers';\n\nexport const styles = memoizeStyle({\n  rootSmall(t: Theme) {\n    return tabsRoot(t, 'small');\n  },\n\n  rootMedium(t: Theme) {\n    return tabsRoot(t, 'medium');\n  },\n\n  rootLarge(t: Theme) {\n    return tabsRoot(t, 'large');\n  },\n\n  vertical() {\n    return css`\n      margin: 0;\n    `;\n  },\n});\n\nfunction tabsRoot(t: Theme, size: SizeProp) {\n  return css`\n    display: inline-block;\n    margin: 0 -${paddingX(t, size)};\n    padding: 0;\n    position: relative;\n  `;\n}\n"],"mappings":"sIAAA,SAASA,GAAG,EAAEC,YAAY,QAAQ,2BAA2B;;;;AAI7D,SAASC,QAAQ,QAAQ,WAAW;;AAEpC,OAAO,IAAMC,MAAM,GAAGF,YAAY,CAAC;EACjCG,SAAS,WAAAA,UAACC,CAAQ,EAAE;IAClB,OAAOC,QAAQ,CAACD,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDE,UAAU,WAAAA,WAACF,CAAQ,EAAE;IACnB,OAAOC,QAAQ,CAACD,CAAC,EAAE,QAAQ,CAAC;EAC9B,CAAC;;EAEDG,SAAS,WAAAA,UAACH,CAAQ,EAAE;IAClB,OAAOC,QAAQ,CAACD,CAAC,EAAE,OAAO,CAAC;EAC7B,CAAC;;EAEDI,QAAQ,WAAAA,SAAA,EAAG;IACT,OAAOT,GAAG,CAAAU,eAAA,KAAAA,eAAA,GAAAC,2BAAA;;;EAGZ;AACF,CAAC,CAAC;;AAEF,SAASL,QAAQA,CAACD,CAAQ,EAAEO,IAAc,EAAE;EAC1C,OAAOZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAF,2BAAA;;EAEKT,QAAQ,CAACG,CAAC,EAAEO,IAAI,CAAC;;;;AAIlC","ignoreList":[]}
+{"version":3,"names":["memoizeGetStyles","paddingX","getStyles","emotion","rootSmall","t","css","_templateObject","_taggedTemplateLiteralLoose","tabsRoot","rootMedium","_templateObject2","rootLarge","_templateObject3","vertical","_templateObject4","size","_ref","_templateObject5"],"sources":["Tabs.styles.ts"],"sourcesContent":["import type { Emotion } from '@emotion/css/types/create-instance';\n\nimport { memoizeGetStyles } from '../../lib/theming/Emotion';\nimport type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nimport { paddingX } from './helpers';\n\nexport const getStyles = memoizeGetStyles((emotion: Emotion) => ({\n  rootSmall(t: Theme) {\n    return emotion.css`\n        ${tabsRoot(t, 'small', emotion)}\n      `;\n  },\n\n  rootMedium(t: Theme) {\n    return emotion.css`\n        ${tabsRoot(t, 'medium', emotion)}\n      `;\n  },\n\n  rootLarge(t: Theme) {\n    return emotion.css`\n        ${tabsRoot(t, 'large', emotion)}\n      `;\n  },\n\n  vertical() {\n    return emotion.css`\n        margin: 0;\n      `;\n  },\n}));\n\nfunction tabsRoot(t: Theme, size: SizeProp, { css }: Emotion) {\n  return css`\n    display: inline-block;\n    margin: 0 -${paddingX(t, size)};\n    padding: 0;\n    position: relative;\n  `;\n}\n"],"mappings":";;AAEA,SAASA,gBAAgB,QAAQ,2BAA2B;;;;AAI5D,SAASC,QAAQ,QAAQ,WAAW;;AAEpC,OAAO,IAAMC,SAAS,GAAGF,gBAAgB,CAAC,UAACG,OAAgB,UAAM;IAC/DC,SAAS,WAAAA,UAACC,CAAQ,EAAE;MAClB,OAAOF,OAAO,CAACG,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,2BAAA;MACZC,QAAQ,CAACJ,CAAC,EAAE,OAAO,EAAEF,OAAO,CAAC;;IAErC,CAAC;;IAEDO,UAAU,WAAAA,WAACL,CAAQ,EAAE;MACnB,OAAOF,OAAO,CAACG,GAAG,CAAAK,gBAAA,KAAAA,gBAAA,GAAAH,2BAAA;MACZC,QAAQ,CAACJ,CAAC,EAAE,QAAQ,EAAEF,OAAO,CAAC;;IAEtC,CAAC;;IAEDS,SAAS,WAAAA,UAACP,CAAQ,EAAE;MAClB,OAAOF,OAAO,CAACG,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,2BAAA;MACZC,QAAQ,CAACJ,CAAC,EAAE,OAAO,EAAEF,OAAO,CAAC;;IAErC,CAAC;;IAEDW,QAAQ,WAAAA,SAAA,EAAG;MACT,OAAOX,OAAO,CAACG,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAP,2BAAA;;;IAGpB;EACF,CAAC,EAAC,CAAC;;AAEH,SAASC,QAAQA,CAACJ,CAAQ,EAAEW,IAAc,EAAAC,IAAA,EAAoB,KAAhBX,GAAG,GAAAW,IAAA,CAAHX,GAAG;EAC/C,OAAOA,GAAG,CAAAY,gBAAA,KAAAA,gBAAA,GAAAV,2BAAA;;EAEKP,QAAQ,CAACI,CAAC,EAAEW,IAAI,CAAC;;;;AAIlC","ignoreList":[]}

package/components/Tabs/Tabs.styles.d.ts

@@ -1,7 +1,7 @@
 import type { Theme } from '../../lib/theming/Theme';
-export declare const styles: {
+export declare const getStyles: import("../../lib/theming/Emotion").StylesGetter<{
     rootSmall(t: Theme): string;
     rootMedium(t: Theme): string;
     rootLarge(t: Theme): string;
     vertical(): string;
-};
+}>;

package/components/Tabs/helpers/helpers.js.map

@@ -1 +1 @@
-{"version":3,"names":["fontSize","t","size","mapSize","tabFontSizeSmall","tabFontSizeMedium","tabFontSizeLarge","lineHeight","tabLineHeightSmall","tabLineHeightMedium","tabLineHeightLarge","paddingX","tabPaddingXSmall","tabPaddingXMedium","tabPaddingXLarge","paddingY","tabPaddingYSmall","tabPaddingYMedium","tabPaddingYLarge","small","medium","large"],"sources":["helpers.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nexport function fontSize(t: Theme, size: SizeProp) {\n  return mapSize(size, t.tabFontSizeSmall, t.tabFontSizeMedium, t.tabFontSizeLarge);\n}\n\nexport function lineHeight(t: Theme, size: SizeProp) {\n  return mapSize(size, t.tabLineHeightSmall, t.tabLineHeightMedium, t.tabLineHeightLarge);\n}\n\nexport function paddingX(t: Theme, size: SizeProp) {\n  return mapSize(size, t.tabPaddingXSmall, t.tabPaddingXMedium, t.tabPaddingXLarge);\n}\n\nexport function paddingY(t: Theme, size: SizeProp) {\n  return mapSize(size, t.tabPaddingYSmall, t.tabPaddingYMedium, t.tabPaddingYLarge);\n}\n\nfunction mapSize<T>(size: SizeProp, small: T, medium: T, large: T) {\n  switch (size) {\n    case 'small':\n      return small;\n    case 'medium':\n      return medium;\n    case 'large':\n      return large;\n    default:\n      return small;\n  }\n}\n"],"mappings":";;;AAGA,OAAO,SAASA,QAAQA,CAACC,CAAQ,EAAEC,IAAc,EAAE;EACjD,OAAOC,OAAO,CAACD,IAAI,EAAED,CAAC,CAACG,gBAAgB,EAAEH,CAAC,CAACI,iBAAiB,EAAEJ,CAAC,CAACK,gBAAgB,CAAC;AACnF;;AAEA,OAAO,SAASC,UAAUA,CAACN,CAAQ,EAAEC,IAAc,EAAE;EACnD,OAAOC,OAAO,CAACD,IAAI,EAAED,CAAC,CAACO,kBAAkB,EAAEP,CAAC,CAACQ,mBAAmB,EAAER,CAAC,CAACS,kBAAkB,CAAC;AACzF;;AAEA,OAAO,SAASC,QAAQA,CAACV,CAAQ,EAAEC,IAAc,EAAE;EACjD,OAAOC,OAAO,CAACD,IAAI,EAAED,CAAC,CAACW,gBAAgB,EAAEX,CAAC,CAACY,iBAAiB,EAAEZ,CAAC,CAACa,gBAAgB,CAAC;AACnF;;AAEA,OAAO,SAASC,QAAQA,CAACd,CAAQ,EAAEC,IAAc,EAAE;EACjD,OAAOC,OAAO,CAACD,IAAI,EAAED,CAAC,CAACe,gBAAgB,EAAEf,CAAC,CAACgB,iBAAiB,EAAEhB,CAAC,CAACiB,gBAAgB,CAAC;AACnF;;AAEA,SAASf,OAAOA,CAAID,IAAc,EAAEiB,KAAQ,EAAEC,MAAS,EAAEC,KAAQ,EAAE;EACjE,QAAQnB,IAAI;IACV,KAAK,OAAO;MACV,OAAOiB,KAAK;IACd,KAAK,QAAQ;MACX,OAAOC,MAAM;IACf,KAAK,OAAO;MACV,OAAOC,KAAK;IACd;MACE,OAAOF,KAAK;EAChB;AACF","ignoreList":[]}
+{"version":3,"names":["fontSize","t","size","mapSize","tabFontSizeSmall","tabFontSizeMedium","tabFontSizeLarge","lineHeight","tabLineHeightSmall","tabLineHeightMedium","tabLineHeightLarge","paddingX","tabPaddingXSmall","tabPaddingXMedium","tabPaddingXLarge","paddingY","tabPaddingYSmall","tabPaddingYMedium","tabPaddingYLarge","small","medium","large"],"sources":["helpers.ts"],"sourcesContent":["import type { Theme } from '../../lib/theming/Theme';\nimport type { SizeProp } from '../../lib/types/props';\n\nexport function fontSize(t: Theme, size: SizeProp): string {\n  return mapSize(size, t.tabFontSizeSmall, t.tabFontSizeMedium, t.tabFontSizeLarge);\n}\n\nexport function lineHeight(t: Theme, size: SizeProp): string {\n  return mapSize(size, t.tabLineHeightSmall, t.tabLineHeightMedium, t.tabLineHeightLarge);\n}\n\nexport function paddingX(t: Theme, size: SizeProp): string {\n  return mapSize(size, t.tabPaddingXSmall, t.tabPaddingXMedium, t.tabPaddingXLarge);\n}\n\nexport function paddingY(t: Theme, size: SizeProp): string {\n  return mapSize(size, t.tabPaddingYSmall, t.tabPaddingYMedium, t.tabPaddingYLarge);\n}\n\nfunction mapSize<T>(size: SizeProp, small: T, medium: T, large: T) {\n  switch (size) {\n    case 'small':\n      return small;\n    case 'medium':\n      return medium;\n    case 'large':\n      return large;\n    default:\n      return small;\n  }\n}\n"],"mappings":";;;AAGA,OAAO,SAASA,QAAQA,CAACC,CAAQ,EAAEC,IAAc,EAAU;EACzD,OAAOC,OAAO,CAACD,IAAI,EAAED,CAAC,CAACG,gBAAgB,EAAEH,CAAC,CAACI,iBAAiB,EAAEJ,CAAC,CAACK,gBAAgB,CAAC;AACnF;;AAEA,OAAO,SAASC,UAAUA,CAACN,CAAQ,EAAEC,IAAc,EAAU;EAC3D,OAAOC,OAAO,CAACD,IAAI,EAAED,CAAC,CAACO,kBAAkB,EAAEP,CAAC,CAACQ,mBAAmB,EAAER,CAAC,CAACS,kBAAkB,CAAC;AACzF;;AAEA,OAAO,SAASC,QAAQA,CAACV,CAAQ,EAAEC,IAAc,EAAU;EACzD,OAAOC,OAAO,CAACD,IAAI,EAAED,CAAC,CAACW,gBAAgB,EAAEX,CAAC,CAACY,iBAAiB,EAAEZ,CAAC,CAACa,gBAAgB,CAAC;AACnF;;AAEA,OAAO,SAASC,QAAQA,CAACd,CAAQ,EAAEC,IAAc,EAAU;EACzD,OAAOC,OAAO,CAACD,IAAI,EAAED,CAAC,CAACe,gBAAgB,EAAEf,CAAC,CAACgB,iBAAiB,EAAEhB,CAAC,CAACiB,gBAAgB,CAAC;AACnF;;AAEA,SAASf,OAAOA,CAAID,IAAc,EAAEiB,KAAQ,EAAEC,MAAS,EAAEC,KAAQ,EAAE;EACjE,QAAQnB,IAAI;IACV,KAAK,OAAO;MACV,OAAOiB,KAAK;IACd,KAAK,QAAQ;MACX,OAAOC,MAAM;IACf,KAAK,OAAO;MACV,OAAOC,KAAK;IACd;MACE,OAAOF,KAAK;EAChB;AACF","ignoreList":[]}

package/components/Textarea/Textarea/Textarea.js

@@ -5,24 +5,22 @@ var _excluded = ["width", "error", "warning", "size", "autoResize", "resize", "o
 var _class, _Textarea;
 import React from 'react';
 import throttle from 'lodash.throttle';
-import { globalObject } from '@skbkontur/global-object';
+import warning from 'warning';
 import { isKeyEnter } from "../../../lib/events/keyboard/identifiers";
 import { needsPolyfillPlaceholder } from "../../../lib/needsPolyfillPlaceholder";
 import * as LayoutEvents from "../../../lib/LayoutEvents";
 import { ThemeContext } from "../../../lib/theming/ThemeContext";
 import { RenderLayer } from "../../../internal/RenderLayer";
 import { ResizeDetector } from "../../../internal/ResizeDetector";
-import { isIE11, isSafariWithTextareaBug } from "../../../lib/client";
+import { isSafariWithTextareaBug } from "../../../lib/client";
 import { CommonWrapper } from "../../../internal/CommonWrapper";
 import { isTestEnv } from "../../../lib/currentEnvironment";
-import { cx } from "../../../lib/theming/Emotion";
 import { rootNode } from "../../../lib/rootNode";
 import { createPropsGetter } from "../../../lib/createPropsGetter";
 import { withSize } from "../../../lib/size/SizeDecorator";
-import { ReactUIFeatureFlagsContext } from "../../../lib/featureFlagsContext/ReactUIFeatureFlagsContext";
-import { getFullReactUIFlagsContext } from "../../../lib/featureFlagsContext/FeatureFlagsHelpers";
+import { withRenderEnvironment } from "../../../lib/renderEnvironment";
 import { getTextAreaHeight } from "../TextareaHelpers";
-import { styles } from "../Textarea.styles";
+import { getStyles } from "../Textarea.styles";
 import { TextareaCounter } from "../TextareaCounter";
 import { TextareaWithSafari17Workaround } from "../TextareaWithSafari17Workaround";
 export var DEFAULT_WIDTH = 250;
@@ -34,13 +32,9 @@ export var TextareaDataTids = {
 };
 
 /**
- * Многострочное поле `Textarea` — это поле ввода, которое позволяет работать с несколькими строками текста.
- *
- * Принимает все атрибуты `React.TextareaHTMLAttributes<HTMLTextAreaElement>`.
- * Пропсы **`className` и `style` игнорируются**.
+ * Многострочное поле — это поле ввода, в котором текст отображается в несколько строк.
  */
-
-export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE__*/function (_React$Component) {
+export var Textarea = withRenderEnvironment(_class = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE__*/function (_React$Component) {
   function Textarea() {
     var _this;
     for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
@@ -66,25 +60,25 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
       }
     };
     _this.selectAllId = null;
-    _this.textareaObserver = globalObject.MutationObserver ? new globalObject.MutationObserver(_this.reflowCounter) : null;
 
-    /**
+    /** start - инициирует последовательное изменение числового значения: начинает повторяющееся увеличение/уменьшение, обычно используется при удерживании кнопки «+» или «−» для числового Input. end - останавливает ранее запущенное числоизменение, инициируемое numberStart.
+     * [Документация](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement/setSelectionRange)
      * @public
-     * @param {number} start
-     * @param {number} end
      */
     _this.setSelectionRange = function (start, end) {
-      var _globalObject$documen;
+      var _this$globalObject$do;
       if (!_this.node) {
-        throw new Error('Cannot call "setSelectionRange" on unmounted Input');
+        warning(false, 'Cannot call "setSelectionRange" on unmounted Input');
+        return;
       }
-      if (((_globalObject$documen = globalObject.document) == null ? void 0 : _globalObject$documen.activeElement) !== _this.node) {
+      if (((_this$globalObject$do = _this.globalObject.document) == null ? void 0 : _this$globalObject$do.activeElement) !== _this.node) {
         _this.focus();
       }
       _this.node.setSelectionRange(start, end);
     };
 
-    /**
+    /** Переводит фокус в поле (если ещё не в фокусе) и выделяет весь текст в нём.
+     * Работает с типами `text`, `password`, `tel`, `search`, `url`.
      * @public
      */
     _this.selectAll = function () {
@@ -92,18 +86,14 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
         _this.setSelectionRange(0, _this.node.value.length);
       }
     };
-    _this.delaySelectAll = function () {
-      var _globalObject$request;
-      return _this.selectAllId = (_globalObject$request = globalObject.requestAnimationFrame == null ? void 0 : globalObject.requestAnimationFrame(_this.selectAll)) != null ? _globalObject$request : null;
-    };
     _this.cancelDelayedSelectAll = function () {
       if (_this.selectAllId) {
-        globalObject.cancelAnimationFrame == null || globalObject.cancelAnimationFrame(_this.selectAllId);
+        _this.globalObject.cancelAnimationFrame == null || _this.globalObject.cancelAnimationFrame(_this.selectAllId);
         _this.selectAllId = null;
       }
     };
     _this.renderMain = function (props) {
-      var _cx, _ref, _textareaProps$maxLen, _cx2;
+      var _this$cx, _ref, _textareaProps$maxLen, _this$cx2;
       var _props$width = props.width,
         width = _props$width === void 0 ? DEFAULT_WIDTH : _props$width,
         error = props.error,
@@ -131,7 +121,7 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
           width: width
         }
       };
-      var textareaClassNames = cx(_this.getTextareaSizeClassName(), (_cx = {}, _cx[styles.textarea(_this.theme)] = true, _cx[styles.hovering(_this.theme)] = !error && !warning, _cx[styles.disabled(_this.theme)] = disabled, _cx[styles.error(_this.theme)] = !!error, _cx[styles.warning(_this.theme)] = !!warning, _cx[styles.disableAnimations()] = _this.isAnimationsDisabled(), _cx));
+      var textareaClassNames = _this.cx(_this.getTextareaSizeClassName(), (_this$cx = {}, _this$cx[_this.styles.textarea(_this.theme)] = true, _this$cx[_this.styles.hovering(_this.theme)] = !error && !warning, _this$cx[_this.styles.disabled(_this.theme)] = disabled, _this$cx[_this.styles.error(_this.theme)] = !!error, _this$cx[_this.styles.warning(_this.theme)] = !!warning, _this$cx[_this.styles.disableAnimations()] = _this.isAnimationsDisabled(), _this$cx));
       var textareaStyle = {
         resize: autoResize ? 'none' : resize,
         textAlign: _this.props.align
@@ -139,7 +129,7 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
       var placeholderPolyfill = null;
       if (_this.state.needsPolyfillPlaceholder && !textareaProps.value && !textareaProps.defaultValue) {
         placeholderPolyfill = /*#__PURE__*/React.createElement("span", {
-          className: styles.placeholder()
+          className: _this.styles.placeholder()
         }, placeholder);
       }
       var fakeTextarea = null;
@@ -147,7 +137,7 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
         var fakeProps = {
           value: _this.props.value,
           defaultValue: _this.props.defaultValue,
-          className: cx(textareaClassNames, styles.fake()),
+          className: _this.cx(textareaClassNames, _this.styles.fake()),
           readOnly: true
         };
         fakeTextarea = /*#__PURE__*/React.createElement("textarea", _extends({}, fakeProps, {
@@ -175,11 +165,11 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
         React.createElement("label", _extends({
           "data-tid": TextareaDataTids.root
         }, rootProps, {
-          className: cx(_this.getRootSizeClassName(), (_cx2 = {}, _cx2[styles.root()] = true, _cx2))
+          className: _this.cx(_this.getRootSizeClassName(), (_this$cx2 = {}, _this$cx2[_this.styles.root()] = true, _this$cx2))
         }), placeholderPolyfill, /*#__PURE__*/
         React.createElement(ResizeDetector, {
           onResize: _this.reflowCounter,
-          alignBaseline: _this.featureFlags.textareaBaselineAlign
+          alignBaseline: true
         }, /*#__PURE__*/
         React.createElement(Component, _extends({}, textareaProps, {
           className: textareaClassNames,
@@ -259,7 +249,7 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
       if (rows === undefined || maxRows === undefined) {
         return;
       }
-      var _ref2 = getTextAreaHeight({
+      var _ref2 = getTextAreaHeight(_this.globalObject, {
           node: fakeNode,
           minRows: typeof rows === 'number' ? rows : parseInt(rows, 10),
           maxRows: typeof maxRows === 'number' ? maxRows : parseInt(maxRows, 10),
@@ -299,7 +289,7 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
       });
       if (_this.props.selectAllOnFocus) {
         // https://github.com/facebook/react/issues/7769
-        _this.node && !isIE11 ? _this.selectAll() : _this.delaySelectAll();
+        _this.node && _this.selectAll();
       }
       if (_this.props.onFocus) {
         _this.props.onFocus(event);
@@ -312,23 +302,23 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
   _proto.getRootSizeClassName = function getRootSizeClassName() {
     switch (this.size) {
       case 'large':
-        return styles.rootLarge(this.theme);
+        return this.styles.rootLarge(this.theme);
       case 'medium':
-        return styles.rootMedium(this.theme);
+        return this.styles.rootMedium(this.theme);
       case 'small':
       default:
-        return styles.rootSmall(this.theme);
+        return this.styles.rootSmall(this.theme);
     }
   };
   _proto.getTextareaSizeClassName = function getTextareaSizeClassName() {
     switch (this.size) {
       case 'large':
-        return styles.textareaLarge(this.theme);
+        return this.styles.textareaLarge(this.theme);
       case 'medium':
-        return styles.textareaMedium(this.theme);
+        return this.styles.textareaMedium(this.theme);
       case 'small':
       default:
-        return styles.textareaSmall(this.theme);
+        return this.styles.textareaSmall(this.theme);
     }
   };
   _proto.getAutoResizeThrottleWait = function getAutoResizeThrottleWait(props) {
@@ -345,9 +335,10 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
     return disableAnimations || !extraRow;
   };
   _proto.componentDidMount = function componentDidMount() {
+    this.textareaObserver = this.globalObject.MutationObserver ? new this.globalObject.MutationObserver(this.reflowCounter) : null;
     if (this.props.autoResize) {
       this.autoResize();
-      this.layoutEvents = LayoutEvents.addListener(this.autoResize);
+      this.layoutEvents = LayoutEvents.addListener(this.autoResize, this.globalObject);
     }
     if (this.node && this.props.showLengthCounter && this.textareaObserver) {
       this.textareaObserver.observe(this.node, {
@@ -378,32 +369,28 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
   };
   _proto.render = function render() {
     var _this2 = this;
-    return /*#__PURE__*/React.createElement(ReactUIFeatureFlagsContext.Consumer, null, function (flags) {
-      _this2.featureFlags = getFullReactUIFlagsContext(flags);
-      return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
-        _this2.theme = theme;
-        return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
-          rootNodeRef: _this2.setRootNode
-        }, _this2.getProps()), _this2.renderMain);
-      });
+    this.styles = getStyles(this.emotion);
+    return /*#__PURE__*/React.createElement(ThemeContext.Consumer, null, function (theme) {
+      _this2.theme = theme;
+      return /*#__PURE__*/React.createElement(CommonWrapper, _extends({
+        rootNodeRef: _this2.setRootNode
+      }, _this2.getProps()), _this2.renderMain);
     });
-  } /**
+  } /** Программно устанавливает фокус на поле.
     * @public
     */;
   _proto.focus = function focus() {
     if (this.node) {
       this.node.focus();
     }
-  } /**
+  } /** Программно снимает фокус с поля.
     * @public
     */;
   _proto.blur = function blur() {
     if (this.node) {
       this.node.blur();
     }
-  } /**
-    * @public
-    */;
+  };
   _proto.getNode = function getNode() {
     return this.node;
   };
@@ -413,4 +400,4 @@ export var Textarea = rootNode(_class = withSize(_class = (_Textarea = /*#__PURE
   maxRows: 15,
   extraRow: true,
   disableAnimations: isTestEnv
-}, _Textarea)) || _class) || _class;
+}, _Textarea)) || _class) || _class) || _class;