@foxford/ui 2.39.0-beta-22709eb-20240820 → 2.39.0-beta-8d52b2b-20240822

package/components/Text/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { Color } from 'shared/types'\nimport type { StyledTextProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst shouldForwardTextProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'appearance',\n      'fontFamily',\n      'weight',\n      'fontStyle',\n      'transform',\n      'underlineLinks',\n      'textAlign',\n      'lineHeight',\n      'content',\n      'display',\n      'chars',\n      'quoted',\n      'showZeroMinorPart',\n      'separator',\n      'underline',\n      'whiteSpace',\n      'wordBreak',\n    ].includes(propKey)\n)\n\nexport const Root = styled.div.withConfig<StyledTextProps>({\n  shouldForwardProp: shouldForwardTextProp,\n})`\n  ${(props) => `\n    margin: 0;\n    ${props.fontFamily ? `font-family: ${props.fontFamily};` : ''}\n    ${props.transform ? `text-transform: ${props.transform};` : ''}\n    ${props.weight ? `font-weight: ${WEIGHT_MAP[props.weight] ?? props.weight};` : ''}\n    ${props.fontStyle ? `font-style: ${props.fontStyle};` : ''}\n    ${props.textAlign ? `text-align: ${props.textAlign};` : ''}\n    ${props.lineHeight ? `line-height: ${LINE_HEIGHT_MAP[props.lineHeight] ?? props.lineHeight};` : ''}\n    ${props.underline ? `border-bottom: 1px ${typeof props.underline === 'string' ? props.underline : 'solid'};` : ''}\n    ${props.whiteSpace ? `white-space: ${props.whiteSpace};` : ''}\n    ${props.wordBreak ? `word-break: ${props.wordBreak};` : ''}\n    a {\n      text-decoration: ${props.underlineLinks ? 'underline' : 'none'};\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as Color))}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","shouldForwardTextProp","createShouldForwardProp","propKey","includes","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","fontFamily","transform","weight","fontStyle","textAlign","lineHeight","underline","whiteSpace","wordBreak","underlineLinks","responsiveSize","responsiveMargin","display","color","theme","textColor"],"mappings":"6aASA,MAAMA,WAAa,CACjBC,QAAS,IACTC,OAAQ,IACRC,KAAM,IACNC,OAAQ,KAGV,MAAMC,gBAAkB,CACtBC,EAAG,IACHC,EAAG,IACHC,EAAG,KACHC,GAAI,GAGN,MAAMC,sBAAwBC,MAAuBA,yBAClDC,IACE,CACC,aACA,aACA,SACA,YACA,YACA,iBACA,YACA,aACA,UACA,UACA,QACA,SACA,oBACA,YACA,YACA,aACA,aACAC,SAASD,KAGR,MAAME,KAAOC,gBAAAA,QAAOC,IAAIC,WAA4B,CACzDC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KACGM,GAAU,yBAETA,EAAMC,WAAa,gBAAgBD,EAAMC,cAAgB,WACzDD,EAAME,UAAY,mBAAmBF,EAAME,aAAe,WAC1DF,EAAMG,OAAS,gBAAgBxB,WAAWqB,EAAMG,SAAWH,EAAMG,UAAY,WAC7EH,EAAMI,UAAY,eAAeJ,EAAMI,aAAe,WACtDJ,EAAMK,UAAY,eAAeL,EAAMK,aAAe,WACtDL,EAAMM,WAAa,gBAAgBtB,gBAAgBgB,EAAMM,aAAeN,EAAMM,cAAgB,WAC9FN,EAAMO,UAAY,6BAA6BP,EAAMO,WAAc,SAAWP,EAAMO,UAAY,WAAa,WAC7GP,EAAMQ,WAAa,gBAAgBR,EAAMQ,cAAgB,WACzDR,EAAMS,UAAY,eAAeT,EAAMS,aAAe,uCAEnCT,EAAMU,eAAiB,YAAc,gFAO1DC,eAAAA,eACAC,iBAAgBA,kBAEfZ,GAAWA,EAAMa,QAAUA,QAAOA,QAACb,EAAMa,SAAW,OACpDb,GAAyBc,MAAAA,MAAdd,EAAMc,MAAcd,EAAMc,MAAed,EAAMe,MAAMC"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { Color } from 'shared/types'\nimport type { StyledTextProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst shouldForwardTextProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'appearance',\n      'fontFamily',\n      'weight',\n      'fontStyle',\n      'transform',\n      'underlineLinks',\n      'textAlign',\n      'lineHeight',\n      'content',\n      'display',\n      'chars',\n      'quoted',\n      'showZeroMinorPart',\n      'separator',\n      'underline',\n      'whiteSpace',\n      'wordBreak',\n    ].includes(propKey)\n)\n\nexport const Root = styled.div.withConfig<StyledTextProps>({\n  shouldForwardProp: shouldForwardTextProp,\n})`\n  ${(props) => `\n    margin: 0;\n    ${props.fontFamily ? `font-family: ${props.fontFamily};` : ''}\n    ${props.transform ? `text-transform: ${props.transform};` : ''}\n    ${props.weight ? `font-weight: ${WEIGHT_MAP[props.weight] ?? props.weight};` : ''}\n    ${props.fontStyle ? `font-style: ${props.fontStyle};` : ''}\n    ${props.textAlign ? `text-align: ${props.textAlign};` : ''}\n    ${props.lineHeight ? `line-height: ${LINE_HEIGHT_MAP[props.lineHeight] ?? props.lineHeight};` : ''}\n    ${props.underline ? `border-bottom: 1px ${typeof props.underline === 'string' ? props.underline : 'solid'};` : ''}\n    ${props.whiteSpace ? `white-space: ${props.whiteSpace};` : ''}\n    ${props.wordBreak ? `word-break: ${props.wordBreak};` : ''}\n    a {\n      text-decoration: ${props.underlineLinks ? 'underline' : 'none'};\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as Color))}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","shouldForwardTextProp","createShouldForwardProp","propKey","includes","Root","styled","div","withConfig","shouldForwardProp","componentId","props","_WEIGHT_MAP$props$wei","_LINE_HEIGHT_MAP$prop","fontFamily","transform","concat","weight","fontStyle","textAlign","lineHeight","underline","whiteSpace","wordBreak","underlineLinks","responsiveSize","responsiveMargin","display","color","theme","textColor"],"mappings":"6UASA,IAAMA,EAAa,CACjBC,QAAS,IACTC,OAAQ,IACRC,KAAM,IACNC,OAAQ,KAGV,IAAMC,EAAkB,CACtBC,EAAG,IACHC,EAAG,IACHC,EAAG,KACHC,GAAI,GAGN,IAAMC,EAAwBC,GAC3BC,IACE,CACC,aACA,aACA,SACA,YACA,YACA,iBACA,YACA,aACA,UACA,UACA,QACA,SACA,oBACA,YACA,YACA,aACA,aACAC,SAASD,KAGR,IAAME,EAAOC,EAAOC,IAAIC,WAA4B,CACzDC,kBAAmBR,IADJO,WAAA,CAAAE,YAAA,uBAAGJ,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KAGZK,IAAD,IAAAC,EAAAC,EAAA,MAEEF,yBAAAA,OAAAA,EAAMG,WAA6BH,gBAAAA,OAAAA,EAAMG,WAAgB,KAAA,GACzDH,UAAAA,OAAAA,EAAMI,oCAA+BJ,EAAMI,UAA3C,KAA0D,GAH5D,UAAAC,OAIEL,EAAMM,OAAN,gBAAAD,OAAA,QAAAJ,EAA+BrB,EAAWoB,EAAMM,eAAhD,IAAAL,EAAAA,EAA2DD,EAAMM,OAAjE,KAA6E,GAJ/E,UAAAD,OAKEL,EAAMO,UAAN,eAAAF,OAAiCL,EAAMO,UAAvC,KAAsD,GALxD,UAAAF,OAMEL,EAAMQ,UAAN,eAAAH,OAAiCL,EAAMQ,UAAvC,KAAsD,GANxD,UAAAH,OAOEL,EAAMS,WAA6BxB,gBAAAA,OAAnC,QAAmCA,EAAAA,EAAgBe,EAAMS,mBAAzD,IAAAP,EAAAA,EAAwEF,EAAMS,WAA9E,KAA8F,GAPhG,UAAAJ,OAQEL,EAAMU,UAAN,sBAAAL,OAAmE,iBAApBL,EAAMU,UAAyBV,EAAMU,UAAY,aAAa,GAR/G,UAAAL,OASEL,EAAMW,WAAN,gBAAAN,OAAmCL,EAAMW,WAAzC,KAAyD,GAT3D,UAAAN,OAUEL,EAAMY,UAAN,eAAAP,OAAiCL,EAAMY,UAAvC,KAAsD,GAVxD,sCAAAP,OAYqBL,EAAMa,eAAiB,YAAc,OAZ1D,4EAmBAC,EACAC,GAECf,GAAWA,EAAMgB,QAAUA,EAAQhB,EAAMgB,SAAW,OACpDhB,GAAyBiB,EAAdjB,EAAMiB,MAAcjB,EAAMiB,MAAejB,EAAMkB,MAAMC"}

package/components/Text.Ellipse/Text.Ellipse.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var Spacer=require('../Spacer/Spacer.js');var Anchor=require('../Anchor/Anchor.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');exports.TextEllipse=class TextEllipse extends React.Component{static displayName='Text.Ellipse';constructor(e){super(e),this.state={isUnFolded:!1,isEllipsed:!1}}componentDidUpdate({content:e}){e!==this.props.content&&this.state.isUnFolded&&this.toggle()}getContent=e=>{const{content:t,chars:s=0}=this.props;if(!t)return'';let{isEllipsed:r}=this.state;let i=typeof t=='string'?'':[];if(this.state.isUnFolded)i=t;else if(typeof i=='string')r=s!==0&&t.length>s,i=r&&s!==0?`${t.slice(0,s)}...`:t;else{let e=s;for(let s=0;s<t.length;s++){if(!(e-t[s].length>0)){r=!0,i[s]=`${t[s].slice(0,e)}...`;break}e-=t[s].length,i[s]=t[s]}}return this.state.isEllipsed!==r&&setTimeout((()=>this.setState({isEllipsed:r}))),typeof i=='string'?require$$0.jsx(Text.Text,{...e,children:this.getQuted(i)}):require$$0.jsx(style.Ul,{children:i.map(((t,s)=>require$$0.jsx(style.Li,{children:require$$0.jsx(Text.Text,{...e,display:"inline",children:t})},s)))})};getQuted=e=>this.props.quoted?`«${e}»`:e;toggle=()=>{this.setState({isUnFolded:!this.state.isUnFolded})};render(){const{className:e="",style:t,moreText:s="Читать полностью",lessText:r="Свернуть",showToggler:i=!0,...l}=this.props;const{isUnFolded:n,isEllipsed:o}=this.state;return require$$0.jsxs("div",{className:e,style:t,children:[this.getContent(l),i&&o&&require$$0.jsx(Spacer.Spacer,{marginTop:16,marginBottom:1,children:require$$0.jsx(Anchor.Anchor,{pseudo:!0,onClick:this.toggle,children:n?r:s})})]})}};
+import e from'@babel/runtime/helpers/objectWithoutProperties';import t from'@babel/runtime/helpers/objectSpread2';import{Component as s}from'react';import{Spacer as i}from'../Spacer/Spacer.js';import{Anchor as r}from'../Anchor/Anchor.js';import{Text as o}from'../Text/Text.js';import{Ul as l,Li as a}from'./style.js';import{jsx as n,jsxs as p}from'react/jsx-runtime';var h=["className","style","moreText","lessText","showToggler"];class c extends s{constructor(e){super(e),this.getContent=e=>{var{content:s,chars:i=0}=this.props;if(!s)return'';var{isEllipsed:r}=this.state;var p='string'==typeof s?'':[];if(this.state.isUnFolded)p=s;else if('string'==typeof p)p=(r=0!==i&&s.length>i)&&0!==i?"".concat(s.slice(0,i),"..."):s;else{var h=i;for(var c=0;c<s.length;c++){if(!(h-s[c].length>0)){r=!0,p[c]="".concat(s[c].slice(0,h),"...");break}h-=s[c].length,p[c]=s[c]}}return this.state.isEllipsed!==r&&setTimeout((()=>this.setState({isEllipsed:r}))),'string'==typeof p?n(o,t(t({},e),{},{children:this.getQuted(p)})):n(l,{children:p.map(((s,i)=>n(a,{children:n(o,t(t({},e),{},{display:"inline",children:s}))},i)))})},this.getQuted=e=>this.props.quoted?"«".concat(e,"»"):e,this.toggle=()=>{this.setState({isUnFolded:!this.state.isUnFolded})},this.state={isUnFolded:!1,isEllipsed:!1}}componentDidUpdate(e){var{content:t}=e;t!==this.props.content&&this.state.isUnFolded&&this.toggle()}render(){var t=this.props,{className:s="",style:o,moreText:l="Читать полностью",lessText:a="Свернуть",showToggler:c=!0}=t,d=e(t,h);var{isUnFolded:m,isEllipsed:g}=this.state;return p("div",{className:s,style:o,children:[this.getContent(d),c&&g&&n(i,{marginTop:16,marginBottom:1,children:n(r,{pseudo:!0,onClick:this.toggle,children:m?a:l})})]})}}c.displayName='Text.Ellipse';export{c as TextEllipse};
 //# sourceMappingURL=Text.Ellipse.js.map

package/components/Text.Ellipse/Text.Ellipse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.Ellipse.js","sources":["../../../../src/components/Text.Ellipse/Text.Ellipse.tsx"],"sourcesContent":["import { Component } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Spacer } from '../Spacer/Spacer'\nimport { Anchor } from '../Anchor/Anchor'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface TextEllipseProps extends Omit<TextProps, 'content'> {\n  /** Toggle text for folded state */\n  moreText?: string\n  /** Toggle text for unfolded state */\n  lessText?: string\n  /** Classname */\n  className?: string\n  /** Text content */\n  content: string | string[]\n  /** Characters quantity for ellipsed text */\n  chars?: number\n  /** Wrap text in quotes */\n  quoted?: boolean\n  /** Flag to show toggler */\n  showToggler?: boolean\n}\n\ninterface TextEllipseState {\n  isUnFolded: boolean\n  isEllipsed: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {\n  static displayName = 'Text.Ellipse'\n\n  constructor(props: TextEllipseProps) {\n    super(props)\n\n    this.state = {\n      isUnFolded: false,\n      isEllipsed: false,\n    }\n  }\n\n  componentDidUpdate({ content }: TextEllipseProps) {\n    if (content !== this.props.content && this.state.isUnFolded) {\n      this.toggle()\n    }\n  }\n\n  getContent = (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler' | 'content'>) => {\n    const { content, chars = 0 } = this.props\n\n    if (!content) return ''\n\n    let { isEllipsed } = this.state\n    let text: string | string[] = typeof content === 'string' ? '' : []\n\n    if (!this.state.isUnFolded) {\n      if (typeof text === 'string') {\n        isEllipsed = chars !== 0 && content.length > chars\n\n        text = isEllipsed && chars !== 0 ? `${content.slice(0, chars)}...` : content\n      } else {\n        let leftChars = chars\n\n        for (let index = 0; index < content.length; index++) {\n          if (leftChars - content[index].length > 0) {\n            leftChars -= content[index].length\n\n            text[index] = content[index]\n          } else {\n            isEllipsed = true\n            text[index] = `${content[index].slice(0, leftChars)}...`\n\n            break\n          }\n        }\n      }\n    } else {\n      text = content\n    }\n\n    if (this.state.isEllipsed !== isEllipsed) setTimeout(() => this.setState({ isEllipsed }))\n\n    return typeof text === 'string' ? (\n      <Text {...props}>{this.getQuted(text)}</Text>\n    ) : (\n      <Styled.Ul>\n        {text.map((item, index) => (\n          <Styled.Li key={index}>\n            <Text {...props} display='inline'>\n              {item}\n            </Text>\n          </Styled.Li>\n        ))}\n      </Styled.Ul>\n    )\n  }\n\n  getQuted = (content: string) => (this.props.quoted ? `«${content}»` : content)\n\n  toggle = () => {\n    this.setState({ isUnFolded: !this.state.isUnFolded })\n  }\n\n  render() {\n    const {\n      className = '',\n      style,\n      moreText = 'Читать полностью',\n      lessText = 'Свернуть',\n      showToggler = true,\n      ...restProps\n    } = this.props\n    const { isUnFolded, isEllipsed } = this.state\n\n    return (\n      <div className={className} style={style}>\n        {this.getContent(restProps)}\n        {showToggler && isEllipsed && (\n          <Spacer marginTop={16} marginBottom={1}>\n            <Anchor pseudo onClick={this.toggle}>\n              {isUnFolded ? lessText : moreText}\n            </Anchor>\n          </Spacer>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["TextEllipse","Component","static","constructor","props","super","this","state","isUnFolded","isEllipsed","componentDidUpdate","content","toggle","getContent","chars","text","length","slice","leftChars","index","setTimeout","setState","_jsx","Text","children","getQuted","jsx","Styled","map","item","display","quoted","render","className","style","moreText","lessText","showToggler","restProps","_jsxs","Spacer","marginTop","marginBottom","Anchor","pseudo","onClick"],"mappings":"gQAoCO,MAAMA,oBAAoBC,MAAAA,UAC/BC,mBAAqB,eAErBC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,YAAY,EACZC,YAAY,EAEhB,CAEAC,kBAAAA,EAAmBC,QAAEA,IACfA,IAAYL,KAAKF,MAAMO,SAAWL,KAAKC,MAAMC,YAC/CF,KAAKM,QAET,CAEAC,WAAcT,IACZ,MAAMO,QAAEA,EAAOG,MAAEA,EAAQ,GAAMR,KAAKF,MAEpC,IAAKO,EAAS,MAAO,GAErB,IAAIF,WAAEA,GAAeH,KAAKC,MAC1B,IAAIQ,SAAiCJ,GAAY,SAAW,GAAK,GAEjE,GAAKL,KAAKC,MAAMC,WAsBdO,EAAOJ,OArBP,UAAWI,GAAS,SAClBN,EAAaK,IAAU,GAAKH,EAAQK,OAASF,EAE7CC,EAAON,GAAcK,IAAU,EAAI,GAAGH,EAAQM,MAAM,EAAGH,QAAcH,MAChE,CACL,IAAIO,EAAYJ,EAEhB,IAAK,IAAIK,EAAQ,EAAGA,EAAQR,EAAQK,OAAQG,IAAS,CACnD,KAAID,EAAYP,EAAQQ,GAAOH,OAAS,GAIjC,CACLP,GAAa,EACbM,EAAKI,GAAS,GAAGR,EAAQQ,GAAOF,MAAM,EAAGC,QAEzC,KACF,CAREA,GAAaP,EAAQQ,GAAOH,OAE5BD,EAAKI,GAASR,EAAQQ,EAO1B,CACF,CAOF,OAFIb,KAAKC,MAAME,aAAeA,GAAYW,YAAW,IAAMd,KAAKe,SAAS,CAAEZ,wBAE7DM,GAAS,SACrBO,WAAAA,IAACC,KAAAA,KAAI,IAAKnB,EAAKoB,SAAGlB,KAAKmB,SAASV,KAEhCO,WAAAI,IAACC,SAAS,CAAAH,SACPT,EAAKa,KAAI,CAACC,EAAMV,IACfG,WAAAI,IAACC,SAAS,CAAAH,SACRF,WAAAI,IAACH,UAAI,IAAKnB,EAAO0B,QAAQ,SAAQN,SAC9BK,KAFWV,MAOrB,EAGHM,SAAYd,GAAqBL,KAAKF,MAAM2B,OAAS,IAAIpB,KAAaA,EAEtEC,OAASA,KACPN,KAAKe,SAAS,CAAEb,YAAaF,KAAKC,MAAMC,YAAa,EAGvDwB,MAAAA,GACE,MAAMC,UACJA,EAAY,GAAEC,MACdA,EAAKC,SACLA,EAAW,mBAAkBC,SAC7BA,EAAW,WAAUC,YACrBA,GAAc,KACXC,GACDhC,KAAKF,MACT,MAAMI,WAAEA,EAAUC,WAAEA,GAAeH,KAAKC,MAExC,OACEgC,WAAAA,KAAA,MAAA,CAAKN,UAAWA,EAAWC,MAAOA,EAAMV,SACrC,CAAAlB,KAAKO,WAAWyB,GAChBD,GAAe5B,GACda,WAAAI,IAACc,cAAM,CAACC,UAAW,GAAIC,aAAc,EAAElB,SACrCF,WAAAI,IAACiB,cAAM,CAACC,QAAM,EAACC,QAASvC,KAAKM,OAAOY,SACjChB,EAAa4B,EAAWD,QAMrC"}
+{"version":3,"file":"Text.Ellipse.js","sources":["../../../../src/components/Text.Ellipse/Text.Ellipse.tsx"],"sourcesContent":["import { Component } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Spacer } from '../Spacer/Spacer'\nimport { Anchor } from '../Anchor/Anchor'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface TextEllipseProps extends Omit<TextProps, 'content'> {\n  /** Toggle text for folded state */\n  moreText?: string\n  /** Toggle text for unfolded state */\n  lessText?: string\n  /** Classname */\n  className?: string\n  /** Text content */\n  content: string | string[]\n  /** Characters quantity for ellipsed text */\n  chars?: number\n  /** Wrap text in quotes */\n  quoted?: boolean\n  /** Flag to show toggler */\n  showToggler?: boolean\n}\n\ninterface TextEllipseState {\n  isUnFolded: boolean\n  isEllipsed: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {\n  static displayName = 'Text.Ellipse'\n\n  constructor(props: TextEllipseProps) {\n    super(props)\n\n    this.state = {\n      isUnFolded: false,\n      isEllipsed: false,\n    }\n  }\n\n  componentDidUpdate({ content }: TextEllipseProps) {\n    if (content !== this.props.content && this.state.isUnFolded) {\n      this.toggle()\n    }\n  }\n\n  getContent = (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler' | 'content'>) => {\n    const { content, chars = 0 } = this.props\n\n    if (!content) return ''\n\n    let { isEllipsed } = this.state\n    let text: string | string[] = typeof content === 'string' ? '' : []\n\n    if (!this.state.isUnFolded) {\n      if (typeof text === 'string') {\n        isEllipsed = chars !== 0 && content.length > chars\n\n        text = isEllipsed && chars !== 0 ? `${content.slice(0, chars)}...` : content\n      } else {\n        let leftChars = chars\n\n        for (let index = 0; index < content.length; index++) {\n          if (leftChars - content[index].length > 0) {\n            leftChars -= content[index].length\n\n            text[index] = content[index]\n          } else {\n            isEllipsed = true\n            text[index] = `${content[index].slice(0, leftChars)}...`\n\n            break\n          }\n        }\n      }\n    } else {\n      text = content\n    }\n\n    if (this.state.isEllipsed !== isEllipsed) setTimeout(() => this.setState({ isEllipsed }))\n\n    return typeof text === 'string' ? (\n      <Text {...props}>{this.getQuted(text)}</Text>\n    ) : (\n      <Styled.Ul>\n        {text.map((item, index) => (\n          <Styled.Li key={index}>\n            <Text {...props} display='inline'>\n              {item}\n            </Text>\n          </Styled.Li>\n        ))}\n      </Styled.Ul>\n    )\n  }\n\n  getQuted = (content: string) => (this.props.quoted ? `«${content}»` : content)\n\n  toggle = () => {\n    this.setState({ isUnFolded: !this.state.isUnFolded })\n  }\n\n  render() {\n    const {\n      className = '',\n      style,\n      moreText = 'Читать полностью',\n      lessText = 'Свернуть',\n      showToggler = true,\n      ...restProps\n    } = this.props\n    const { isUnFolded, isEllipsed } = this.state\n\n    return (\n      <div className={className} style={style}>\n        {this.getContent(restProps)}\n        {showToggler && isEllipsed && (\n          <Spacer marginTop={16} marginBottom={1}>\n            <Anchor pseudo onClick={this.toggle}>\n              {isUnFolded ? lessText : moreText}\n            </Anchor>\n          </Spacer>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["TextEllipse","Component","constructor","props","super","this","getContent","content","chars","isEllipsed","state","text","isUnFolded","length","slice","leftChars","index","concat","setTimeout","setState","_jsx","Text","children","getQuted","Styled.Ul","map","item","Styled.Li","_objectSpread","display","quoted","toggle","componentDidUpdate","_ref","render","_this$props","className","style","moreText","lessText","showToggler","restProps","_objectWithoutProperties","_excluded","_jsxs","Spacer","marginTop","marginBottom","Anchor","pseudo","onClick","displayName"],"mappings":"+aAoCO,MAAMA,UAAoBC,EAG/BC,YAAYC,GACVC,MAAMD,GAD6BE,KAerCC,WAAcH,IACZ,IAAMI,QAAEA,EAAFC,MAAWA,EAAQ,GAAMH,KAAKF,MAEpC,IAAKI,EAAS,MAAO,GAErB,IAAIE,WAAEA,GAAeJ,KAAKK,MAC1B,IAAIC,EAA6C,iBAAZJ,EAAuB,GAAK,GAEjE,GAAKF,KAAKK,MAAME,WAsBdD,EAAOJ,OArBP,GAAoB,iBAATI,EAGTA,GAFAF,EAAuB,IAAVD,GAAeD,EAAQM,OAASL,IAEd,IAAVA,EAAiBD,GAAAA,OAAAA,EAAQO,MAAM,EAAGN,UAAcD,MAChE,CACL,IAAIQ,EAAYP,EAEhB,IAAK,IAAIQ,EAAQ,EAAGA,EAAQT,EAAQM,OAAQG,IAAS,CACnD,KAAID,EAAYR,EAAQS,GAAOH,OAAS,GAIjC,CACLJ,KACAE,EAAKK,GAAL,GAAAC,OAAiBV,EAAQS,GAAOF,MAAM,EAAGC,GAAzC,OAEA,MAPAA,GAAaR,EAAQS,GAAOH,OAE5BF,EAAKK,GAAST,EAAQS,IAe9B,OAFIX,KAAKK,MAAMD,aAAeA,GAAYS,YAAAA,IAAiBb,KAAKc,SAAS,CAAEV,WAAAA,MAEpD,iBAATE,EACZS,EAACC,SAASlB,GAAV,GAAA,CAAAmB,SAAkBjB,KAAKkB,SAASZ,MAEhCS,EAACI,EAAD,CAAAF,SACGX,EAAKc,KAAAA,CAAKC,EAAMV,IACfI,EAACO,EAAD,CAAAL,SACEF,EAACC,EAADO,EAAAA,EAAA,GAAUzB,GAAV,GAAA,CAAiB0B,QAAQ,SAAzBP,SACGI,MAFWV,QAvDaX,KAiErCkB,SAAYhB,GAAqBF,KAAKF,MAAM2B,OAAX,IAAAb,OAAwBV,EAAxB,KAAqCA,EAjEjCF,KAmErC0B,OAAS,KACP1B,KAAKc,SAAS,CAAEP,YAAaP,KAAKK,MAAME,cAjExCP,KAAKK,MAAQ,CACXE,YAAAA,EACAH,YAAAA,GAIJuB,mBAAkDC,GAAA,IAA/B1B,QAAEA,GAA6B0B,EAC5C1B,IAAYF,KAAKF,MAAMI,SAAWF,KAAKK,MAAME,YAC/CP,KAAK0B,SA4DTG,SACE,IAAAC,EAOI9B,KAAKF,OAPHiC,UACJA,EAAY,GADRC,MAEJA,EAFIC,SAGJA,EAAW,mBAHPC,SAIJA,EAAW,WAJPC,YAKJA,GAAc,GALhBL,EAMKM,EANLC,EAAAP,EAAAQ,GAQA,IAAM/B,WAAEA,EAAFH,WAAcA,GAAeJ,KAAKK,MAExC,OACEkC,EAAA,MAAA,CAAKR,UAAWA,EAAWC,MAAOA,EAAlCf,SACG,CAAAjB,KAAKC,WAAWmC,GAChBD,GAAe/B,GACdW,EAACyB,EAAD,CAAQC,UAAW,GAAIC,aAAc,EAArCzB,SACEF,EAAC4B,EAAD,CAAQC,UAAOC,QAAS7C,KAAK0B,OAA7BT,SACGV,EAAa2B,EAAWD,UA3F1BtC,EACJmD,YAAc"}

package/components/Text.Ellipse/style.js

@@ -1,2 +1,2 @@
-'use strict';function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(require('styled-components'));const Ul=styled__default.default.ul.withConfig({displayName:"TextEllipse__Ul",componentId:"ui__sc-1rwak86-0"})(["padding:0;margin:0;list-style-position:inside;"]);const Li=styled__default.default.li.withConfig({displayName:"TextEllipse__Li",componentId:"ui__sc-1rwak86-1"})(["& + &{margin-top:4px;}"]);exports.Li=Li,exports.Ul=Ul;
+import i from'styled-components';var o=i.ul.withConfig({componentId:"fox-ui__sc-1rwak86-0"})(["padding:0;margin:0;list-style-position:inside;"]);var n=i.li.withConfig({componentId:"fox-ui__sc-1rwak86-1"})(["& + &{margin-top:4px;}"]);export{n as Li,o as Ul};
 //# sourceMappingURL=style.js.map

package/components/Text.Ellipse/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Text.Ellipse/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Ul = styled.ul`\n  padding: 0;\n  margin: 0;\n  list-style-position: inside;\n`\n\nexport const Li = styled.li`\n  & + & {\n    margin-top: 4px;\n  }\n`\n"],"names":["Ul","styled","ul","withConfig","displayName","componentId","Li","li"],"mappings":"sJAEaA,GAAKC,gBAAAA,QAAOC,GAAEC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAATJ,CAIjB,CAAA,yDAEYK,GAAKL,gBAAAA,QAAOM,GAAEJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAATJ,CAIjB,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Text.Ellipse/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Ul = styled.ul`\n  padding: 0;\n  margin: 0;\n  list-style-position: inside;\n`\n\nexport const Li = styled.li`\n  & + & {\n    margin-top: 4px;\n  }\n`\n"],"names":["Ul","styled","ul","withConfig","componentId","Li","li"],"mappings":"iCAEaA,IAAAA,EAAKC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAX,CAAA,mDAMMI,IAAAA,EAAKJ,EAAOK,GAAVH,WAAA,CAAAC,YAAA,wBAAGH,CAAX,CAAA"}

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

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var useConfigPriority=require('../../hooks/use-config-priority.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');const PARAMS={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'}};const TextHeading=e=>{const i=styled.useTheme();const{h:t="h1",fontFamily:s,...r}=useConfigPriority.useConfigPriority(i.components?.["Text.Heading"],e);return require$$0.jsx(Text.Text,{as:t,fontFamily:s,...PARAMS[t],...r})};TextHeading.displayName="Text.Heading",exports.COMPONENT_NAME="Text.Heading",exports.TextHeading=TextHeading;
+import e from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{useTheme as t}from'styled-components';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","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 n='Text.Heading';var h=n=>{var h;var l=t();var p=o(null===(h=l.components)||void 0===h?void 0:h["Text.Heading"],n),{h:g="h1",fontFamily:d}=p,f=i(p,a);return s(r,e(e({as:g,fontFamily:d},m[g]),f))};h.displayName="Text.Heading";export{n as COMPONENT_NAME,h 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 { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { Text } from '../Text'\nimport type { TextHeadingProps, H } from './types'\n\nconst PARAMS: Record<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 * @visibleName Text.Heading\n */\nconst TextHeading = (props: TextHeadingProps) => {\n  const theme = useTheme()\n\n  const {\n    h = 'h1',\n    fontFamily,\n    ...configProps\n  } = useConfigPriority<TextHeadingProps>(theme.components?.[COMPONENT_NAME], props)\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","TextHeading","props","theme","useTheme","h","fontFamily","configProps","useConfigPriority","components","_jsx","Text","as","displayName"],"mappings":"yMAKA,MAAMA,OAA+C,CACnDC,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,SASNI,MAAAA,YAAeC,IACnB,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,EACJA,EAAI,KAAIC,WACRA,KACGC,GACDC,kBAAAA,kBAAoCL,EAAMM,aAZzB,gBAYuDP,GAI5E,OAAOQ,WAAAA,IAACC,KAAAA,KAAI,CAACC,GAAIP,EAAGC,WAAYA,KAFPd,OAAOa,MAEsCE,GAAe,EAGvFN,YAAYY,YAnBW,sCAAA"}
+{"version":3,"file":"Text.Heading.js","sources":["../../../../src/components/Text.Heading/Text.Heading.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { Text } from '../Text'\nimport type { TextHeadingProps, H } from './types'\n\nconst PARAMS: Record<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 * @visibleName Text.Heading\n */\nconst TextHeading = (props: TextHeadingProps) => {\n  const theme = useTheme()\n\n  const {\n    h = 'h1',\n    fontFamily,\n    ...configProps\n  } = useConfigPriority<TextHeadingProps>(theme.components?.[COMPONENT_NAME], props)\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","props","_theme$components","theme","useTheme","useConfigPriority","components","h","fontFamily","_useConfigPriority","configProps","_objectWithoutProperties","_excluded","_jsx","Text","_objectSpread","as","displayName"],"mappings":"8UAKA,IAAMA,EAA+C,CACnDC,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,eAKjBC,IAAAA,EAAeC,IAA4B,IAAAC,EAC/C,IAAMC,EAAQC,IAEd,IAIIC,EAAAA,EAAoC,QAAAF,EAAAA,EAAMG,sBAANJ,OAAAA,EAAAA,EAZnB,gBAYuDD,IAJtEM,EACJA,EAAI,KADAC,WAEJA,GAFFC,EAGKC,EAHLC,EAAAF,EAAAG,GAQA,OAAOC,EAACC,EAADC,EAAAA,EAAA,CAAMC,GAAIT,EAAGC,WAAYA,GAFPlB,EAAOiB,IAEsCG,KAGxEV,EAAYiB,YAnBW"}

package/components/Textarea/Textarea.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var ramda=require('ramda');var useConfigPriority=require('../../hooks/use-config-priority.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');const Textarea=e=>{const t=styled.useTheme();const{preset:r,disabled:a,error:o,fluid:s,name:n,onChange:i,maxLength:l,placeholder:c,required:u,tabIndex:d,value:h,className:g,style:f,autosize:m=!0,rounded:p=!0,cols:x=20,rows:y=2,maxRows:C=30,color:v="mineShaft",placeholderColor:T="silver",width:q=t.defaultInputControlsWidth,...R}=useConfigPriority.useConfigPriority(t.components?.Textarea,ramda.omit(['children'],e));const b=React.useRef();const[N,w]=React.useState(y);const H=React.useCallback((e=>{const{target:t}=e;if(t instanceof HTMLTextAreaElement&&m){const e=t.getBoundingClientRect();t.scrollHeight>e.height&&N<C?w(N+1):t.value&&t.value!==''||w(y)}typeof i=='function'&&i(e)}),[i,N,C,m]);React.useEffect((()=>{if(!b||!b.current)return;const e=b.current;const t=e.getBoundingClientRect();if(e.scrollHeight>t.height){const t=parseInt(getComputedStyle(e).lineHeight,10);const r=Math.floor(e.scrollHeight/t);r<=C&&r>y&&w(r)}}),[]);let P=t.preset==='brand';return typeof r=='string'&&(P=r==='brand'),require$$0.jsx(style.Root,{...R,ref:b,className:g,style:f,onChange:H,cols:x,disabled:a,maxLength:l,name:n,placeholder:c,required:u,rows:N,tabIndex:d,value:h,color:v,rounded:p,placeholderColor:T,fluid:s,error:o,width:q,brandPresetUsed:P})};Textarea.displayName="Textarea",exports.COMPONENT_NAME="Textarea",exports.Textarea=Textarea;
+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 s}from'react';import{useTheme as l}from'styled-components';import{omit as i}from'ramda';import{useConfigPriority as n}from'../../hooks/use-config-priority.js';import{Root as d}from'./style.js';import{jsx as m}from'react/jsx-runtime';var u=["preset","disabled","error","fluid","name","onChange","maxLength","placeholder","required","tabIndex","value","className","style","autosize","rounded","cols","rows","maxRows","color","placeholderColor","width"];var c='Textarea';var h=c=>{var h;var p=l();var f=n(null===(h=p.components)||void 0===h?void 0:h.Textarea,i(['children'],c)),{preset:v,disabled:g,error:b,fluid:x,name:C,onChange:y,maxLength:w,placeholder:T,required:N,tabIndex:j,value:R,className:H,style:I,autosize:E=!0,rounded:L=!0,cols:M=20,rows:P=2,maxRows:S=30,color:q="mineShaft",placeholderColor:k="silver",width:z=p.defaultInputControlsWidth}=f,A=r(f,u);var B=a();var[O,W]=o(P);var U=t((e=>{var{target:r}=e;if(r instanceof HTMLTextAreaElement&&E){var a=r.getBoundingClientRect();r.scrollHeight>a.height&&O<S?W(O+1):r.value&&''!==r.value||W(P)}'function'==typeof y&&y(e)}),[y,O,S,E]);s((()=>{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<=S&&o>P&&W(o)}}}),[]);var _='brand'===p.preset;return'string'==typeof v&&(_='brand'===v),m(d,e(e({},A),{},{ref:B,className:H,style:I,onChange:U,cols:M,disabled:g,maxLength:w,name:C,placeholder:T,required:N,rows:O,tabIndex:j,value:R,color:q,rounded:L,placeholderColor:k,fluid:x,error:b,width:z,brandPresetUsed:_}))};h.displayName="Textarea";export{c as COMPONENT_NAME,h 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 { useTheme } from 'styled-components'\nimport { omit } from 'ramda'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport * as Styled from './style'\nimport type { TextareaProps } from './types'\n\nconst COMPONENT_NAME = 'Textarea'\n\nconst Textarea = (props: TextareaProps) => {\n  const theme = useTheme()\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    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], omit(['children'], props))\n\n  const textarea = useRef() as React.MutableRefObject<HTMLTextAreaElement>\n\n  const [tRows, setRows] = useState(rows)\n\n  const onChangeHandler = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\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  )\n}\n\nTextarea.displayName = COMPONENT_NAME\n\nexport { Textarea, COMPONENT_NAME }\n"],"names":["Textarea","props","theme","useTheme","preset","disabled","error","fluid","name","onChange","maxLength","placeholder","required","tabIndex","value","className","style","autosize","rounded","cols","rows","maxRows","color","placeholderColor","width","defaultInputControlsWidth","configProps","useConfigPriority","components","omit","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","ref","displayName"],"mappings":"2PASMA,MAAAA,SAAYC,IAChB,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,MACLA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,UACRA,EAASC,YACTA,EAAWC,SACXA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,UACLA,QACAC,EAAKC,SACLA,GAAW,EAAIC,QACfA,GAAU,EAAIC,KACdA,EAAO,GAAEC,KACTA,EAAO,EAACC,QACRA,EAAU,GAAEC,MACZA,EAAQ,YAAWC,iBACnBA,EAAmB,SAAQC,MAC3BA,EAAQtB,EAAMuB,6BACXC,GACDC,kBAAiBA,kBAAgBzB,EAAM0B,YAA2B,SAAGC,MAAIA,KAAC,CAAC,YAAa5B,IAE5F,MAAM6B,EAAWC,MAAAA,SAEjB,MAAOC,EAAOC,GAAWC,MAAQA,SAACd,GAElC,MAAMe,EAAkBC,MAAWA,aAChCC,IACC,MAAMC,OAAEA,GAAWD,EAEnB,GAAIC,aAAkBC,qBAAuBtB,EAAU,CACrD,MAAMuB,EAAOF,EAAOG,wBAEhBH,EAAOI,aAAeF,EAAKG,QAAUX,EAAQX,EAC/CY,EAAQD,EAAQ,GACNM,EAAOxB,OAASwB,EAAOxB,QAAU,IAC3CmB,EAAQb,EAEZ,QAEWX,GAAa,YACtBA,EAAS4B,EACX,GAEF,CAAC5B,EAAUuB,EAAOX,EAASJ,IAG7B2B,MAAAA,WAAU,KACR,IAAKd,IAAaA,EAASe,QAAS,OAEpC,MAAMC,EAAKhB,EAASe,QACpB,MAAML,EAAOM,EAAGL,wBAChB,GAAIK,EAAGJ,aAAeF,EAAKG,OAAQ,CACjC,MAAMI,EAAKC,SAASC,iBAAiBH,GAAII,WAAY,IACrD,MAAMC,EAAgBC,KAAKC,MAAMP,EAAGJ,aAAeK,GAC/CI,GAAiB9B,GAAW8B,EAAgB/B,GAC9Ca,EAAQkB,EAEZ,IACC,IAEH,IAAIG,EAAkBpD,EAAME,SAAW,QAGvC,cAFWA,GAAW,WAAUkD,EAAkBlD,IAAW,SAG3DmD,WAAAA,IAACC,MAAAA,KAAW,IACN9B,EACJ+B,IAAK3B,EACLf,UAAWA,EACXC,MAAOA,EACPP,SAAU0B,EACVhB,KAAMA,EACNd,SAAUA,EACVK,UAAWA,EACXF,KAAMA,EACNG,YAAaA,EACbC,SAAUA,EACVQ,KAAMY,EACNnB,SAAUA,EACVC,MAAOA,EACPQ,MAAOA,EACPJ,QAASA,EACTK,iBAAkBA,EAClBhB,MAAOA,EACPD,MAAOA,EACPkB,MAAOA,EACP8B,gBAAiBA,GACjB,EAINtD,SAAS0D,YAnGc,kCAAA"}
+{"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 { omit } from 'ramda'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport * as Styled from './style'\nimport type { TextareaProps } from './types'\n\nconst COMPONENT_NAME = 'Textarea'\n\nconst Textarea = (props: TextareaProps) => {\n  const theme = useTheme()\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    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], omit(['children'], props))\n\n  const textarea = useRef() as React.MutableRefObject<HTMLTextAreaElement>\n\n  const [tRows, setRows] = useState(rows)\n\n  const onChangeHandler = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\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  )\n}\n\nTextarea.displayName = COMPONENT_NAME\n\nexport { Textarea, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Textarea","props","_theme$components","theme","useTheme","_useConfigPriority","useConfigPriority","components","omit","preset","disabled","error","fluid","name","onChange","maxLength","placeholder","required","tabIndex","value","className","style","autosize","rounded","cols","rows","maxRows","color","placeholderColor","width","defaultInputControlsWidth","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":"onBAOMA,IAAAA,EAAiB,WAEjBC,IAAAA,EAAYC,IAAyB,IAAAC,EACzC,IAAMC,EAAQC,IAEd,IAAAC,EAuBIC,EAAiB,QAAgBH,EAAAA,EAAMI,kBAAtB,IAAAL,OAAA,EAAgBA,EAAAF,SAAoCQ,EAAK,CAAC,YAAaP,KAvBtFQ,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,GAAW,EAdPC,QAeJA,GAAAA,EAfIC,KAgBJA,EAAO,GAhBHC,KAiBJA,EAAO,EAjBHC,QAkBJA,EAAU,GAlBNC,MAmBJA,EAAQ,YAnBJC,iBAoBJA,EAAmB,SApBfC,MAqBJA,EAAQ1B,EAAM2B,2BArBhBzB,EAsBK0B,EAtBLC,EAAA3B,EAAA4B,GAyBA,IAAMC,EAAWC,IAEjB,IAAOC,EAAOC,GAAWC,EAASb,GAElC,IAAMc,EAAkBC,GACrBC,IACC,IAAMC,OAAEA,GAAWD,EAEnB,GAAIC,aAAkBC,qBAAuBrB,EAAU,CACrD,IAAMsB,EAAOF,EAAOG,wBAEhBH,EAAOI,aAAeF,EAAKG,QAAUX,EAAQV,EAC/CW,EAAQD,EAAQ,GACNM,EAAOvB,OAA0B,KAAjBuB,EAAOvB,OACjCkB,EAAQZ,GAIY,mBAAbX,GACTA,EAAS2B,KAGb,CAAC3B,EAAUsB,EAAOV,EAASJ,IAG7B0B,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,GAAiB7B,GAAW6B,EAAgB9B,GAC9CY,EAAQkB,OAGX,IAEH,IAAIG,EAAmC,UAAjBvD,EAAMM,OAG5B,MAFsB,iBAAXA,IAAqBiD,EAA6B,UAAXjD,GAGhDkD,EAACC,SACK7B,GADN,GAAA,CAEE8B,IAAK3B,EACLd,UAAWA,EACXC,MAAOA,EACPP,SAAUyB,EACVf,KAAMA,EACNd,SAAUA,EACVK,UAAWA,EACXF,KAAMA,EACNG,YAAaA,EACbC,SAAUA,EACVQ,KAAMW,EACNlB,SAAUA,EACVC,MAAOA,EACPQ,MAAOA,EACPJ,QAASA,EACTK,iBAAkBA,EAClBhB,MAAOA,EACPD,MAAOA,EACPkB,MAAOA,EACP6B,gBAAiBA,MAKvB1D,EAAS8D,YAnGc"}

package/components/Textarea/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');var helpers=require('../Input/helpers.js');var style=require('../Input/style.js');var focus=require('../../mixins/focus.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const brandTextareaStyle=styled.css(["",";"," "," "," "," ",""],(({theme:e,disabled:o})=>`\n    display: block;\n    box-sizing: border-box;\n    appearance: none;\n    width: auto;\n    resize: none;\n    cursor: ${o?'not-allowed':'text'};\n\n    background: ${e.colors['bg-onmain-secondary']};\n    border: 1px solid ${e.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: ${e.colors['content-onmain-primary']};\n\n    transition-property: background-color, border-color, color, caret-color;\n    transition-duration: 200ms;\n    transition-timing-function: ease-in;\n\n    &::placeholder {\n      color: ${e.colors['content-onmain-secondary']};\n    }\n\n    &:disabled {\n      background-color: ${e.colors['bg-disabled-large']};\n      border-color: ${e.colors['border-disabled']};\n      color: ${e.colors['content-disabled']};\n    }\n  `),(e=>e.width?responsiveProperty.property(helpers.chooseWidthValue(e.width),e.fluid&&e.width!=='auto'?'max-width':'width'):null),(e=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e.widthXS,widthS:e.widthS,widthM:e.widthM,widthL:e.widthL,widthXL:e.widthXL},cssProperty:e.fluid&&e.width!=='auto'?'max-width':'width',customSizeHandler:helpers.chooseWidthValue})),(({fluid:e})=>e&&'width: 100%;'),(({error:e,theme:o})=>e&&`\n      background-color: ${o.colors['alert-bg-error-100']};\n      border: 1px solid ${o.colors['alert-bg-error-500']};\n    `),focus.focus);const baseTextareaStyle=styled.css(["resize:none;line-height:23px;padding:16px 20px 11px;",""],style.baseInputStyle);const Root=styled__default.default.textarea.withConfig({shouldForwardProp:e=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed','theme'].includes(e)&&!e.includes('width')}).withConfig({displayName:"Textarea__Root",componentId:"ui__sc-a4hfy5-0"})(["",""],(({brandPresetUsed:e})=>e?brandTextareaStyle:baseTextareaStyle));exports.Root=Root;
+import o,{css as r}from'styled-components';import{property as n,responsiveNamedProperty as t}from'../../mixins/responsive-property.js';import{chooseWidthValue as e}from'../Input/helpers.js';import{baseInputStyle as i}from'../Input/style.js';import{focus as a}from'../../mixins/focus.js';var d=r(["",";"," "," "," "," ",""],(o=>{var{theme:r,disabled:n}=o;return"\n    display: block;\n    box-sizing: border-box;\n    appearance: none;\n    width: auto;\n    resize: none;\n    cursor: ".concat(n?'not-allowed':'text',";\n\n    background: ").concat(r.colors['bg-onmain-secondary'],";\n    border: 1px solid ").concat(r.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: ").concat(r.colors['content-onmain-primary'],";\n\n    transition-property: background-color, border-color, color, caret-color;\n    transition-duration: 200ms;\n    transition-timing-function: ease-in;\n\n    &::placeholder {\n      color: ").concat(r.colors['content-onmain-secondary'],";\n    }\n\n    &:disabled {\n      background-color: ").concat(r.colors['bg-disabled-large'],";\n      border-color: ").concat(r.colors['border-disabled'],";\n      color: ").concat(r.colors['content-disabled'],";\n    }\n  ")}),(o=>o.width?n(e(o.width),o.fluid&&'auto'!==o.width?'max-width':'width'):null),(o=>t({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&'auto'!==o.width?'max-width':'width',customSizeHandler:e})),(o=>{var{fluid:r}=o;return r&&'width: 100%;'}),(o=>{var{error:r,theme:n}=o;return r&&"\n      background-color: ".concat(n.colors['alert-bg-error-100'],";\n      border: 1px solid ").concat(n.colors['alert-bg-error-500'],";\n    ")}),a);var s=r(["resize:none;line-height:23px;padding:16px 20px 11px;",""],i);var c=o.textarea.withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed','theme'].includes(o)&&!o.includes('width')}).withConfig({componentId:"fox-ui__sc-a4hfy5-0"})(["",""],(o=>{var{brandPresetUsed:r}=o;return r?d:s}));export{c 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 { focus } from 'mixins/focus'\nimport type { StyledTextareaProps } from './types'\n\nconst brandTextareaStyle = css<StyledTextareaProps>`\n  ${({ theme, disabled }) => `\n    display: block;\n    box-sizing: border-box;\n    appearance: none;\n    width: auto;\n    resize: none;\n    cursor: ${disabled ? 'not-allowed' : 'text'};\n\n    background: ${theme.colors['bg-onmain-secondary']};\n    border: 1px solid ${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.colors['content-onmain-primary']};\n\n    transition-property: background-color, border-color, color, caret-color;\n    transition-duration: 200ms;\n    transition-timing-function: ease-in;\n\n    &::placeholder {\n      color: ${theme.colors['content-onmain-secondary']};\n    }\n\n    &:disabled {\n      background-color: ${theme.colors['bg-disabled-large']};\n      border-color: ${theme.colors['border-disabled']};\n      color: ${theme.colors['content-disabled']};\n    }\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 }) => fluid && 'width: 100%;'}\n\n  ${({ error, theme }) =>\n    error &&\n    `\n      background-color: ${theme.colors['alert-bg-error-100']};\n      border: 1px solid ${theme.colors['alert-bg-error-500']};\n    `}\n\n  ${focus}\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<StyledTextareaProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error', 'brandPresetUsed', 'theme'].includes(prop) &&\n    !prop.includes('width'),\n})`\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandTextareaStyle : baseTextareaStyle)}\n`\n"],"names":["brandTextareaStyle","css","theme","disabled","colors","props","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","error","focus","baseTextareaStyle","baseInputStyle","Root","styled","textarea","withConfig","shouldForwardProp","prop","includes","displayName","componentId","brandPresetUsed"],"mappings":"qWAOA,MAAMA,mBAAqBC,OAAGA,IAAA,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAC1B,EAAGC,QAAOC,cAAe,+HAMfA,EAAW,cAAgB,8BAEvBD,EAAME,OAAO,kDACPF,EAAME,OAAO,kMAQxBF,EAAME,OAAO,+NAOXF,EAAME,OAAO,oFAIFF,EAAME,OAAO,8CACjBF,EAAME,OAAO,qCACpBF,EAAME,OAAO,oCAIvBC,GACDA,EAAMC,MACFC,mBAAQA,SAACC,yBAAiBH,EAAMC,OAAQD,EAAMI,OAASJ,EAAMC,QAAU,OAAS,YAAc,SAC9F,OAEHD,GACDK,2CAAwB,CACtBC,MAAO,CACLC,QAASP,EAAMO,QACfC,OAAQR,EAAMQ,OACdC,OAAQT,EAAMS,OACdC,OAAQV,EAAMU,OACdC,QAASX,EAAMW,SAEjBC,YAAaZ,EAAMI,OAASJ,EAAMC,QAAU,OAAS,YAAc,QACnEY,kBAAmBV,QAAAA,qBAGrB,EAAGC,WAAYA,GAAS,iBAExB,EAAGU,QAAOjB,WACViB,GACA,6BACsBjB,EAAME,OAAO,mDACbF,EAAME,OAAO,gCAGnCgB,MAAKA,OAGT,MAAMC,kBAAoBpB,OAAGA,IAAA,CAAA,uDAAA,IAIzBqB,MAAcA,gBAGX,MAAMC,KAAOC,gBAAAA,QAAOC,SAASC,WAAgC,CAClEC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,QAAS,kBAAmB,SAASC,SAASD,KAChGA,EAAKC,SAAS,WACjBH,WAAA,CAAAI,YAAA,iBAAAC,YAAA,mBAJkBP,CAIlB,CAAA,GAAA,KACE,EAAGQ,qBAAuBA,EAAkBhC,mBAAqBqB"}
+{"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 { focus } from 'mixins/focus'\nimport type { StyledTextareaProps } from './types'\n\nconst brandTextareaStyle = css<StyledTextareaProps>`\n  ${({ theme, disabled }) => `\n    display: block;\n    box-sizing: border-box;\n    appearance: none;\n    width: auto;\n    resize: none;\n    cursor: ${disabled ? 'not-allowed' : 'text'};\n\n    background: ${theme.colors['bg-onmain-secondary']};\n    border: 1px solid ${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.colors['content-onmain-primary']};\n\n    transition-property: background-color, border-color, color, caret-color;\n    transition-duration: 200ms;\n    transition-timing-function: ease-in;\n\n    &::placeholder {\n      color: ${theme.colors['content-onmain-secondary']};\n    }\n\n    &:disabled {\n      background-color: ${theme.colors['bg-disabled-large']};\n      border-color: ${theme.colors['border-disabled']};\n      color: ${theme.colors['content-disabled']};\n    }\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 }) => fluid && 'width: 100%;'}\n\n  ${({ error, theme }) =>\n    error &&\n    `\n      background-color: ${theme.colors['alert-bg-error-100']};\n      border: 1px solid ${theme.colors['alert-bg-error-500']};\n    `}\n\n  ${focus}\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<StyledTextareaProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error', 'brandPresetUsed', 'theme'].includes(prop) &&\n    !prop.includes('width'),\n})`\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandTextareaStyle : baseTextareaStyle)}\n`\n"],"names":["brandTextareaStyle","css","_ref","theme","disabled","colors","props","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","_ref2","_ref3","error","concat","focus","baseTextareaStyle","baseInputStyle","Root","styled","textarea","withConfig","shouldForwardProp","prop","includes","componentId","_ref4","brandPresetUsed"],"mappings":"+RAOA,IAAMA,EAAqBC,EACvB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAAAC,IAAA,IAACC,MAAEA,EAAFC,SAASA,GAAVF,EAAA,MAMUE,+HAAAA,OAAAA,EAAW,cAAgB,uCAEvBD,EAAME,OAAO,2DACPF,EAAME,OAAO,2MAQxBF,EAAME,OAAO,wOAOXF,EAAME,OAAO,6FAIFF,EAAME,OAAO,uDACjBF,EAAME,OAAO,mBACpBF,oBAAAA,OAAAA,EAAME,OAAO,oBA9BxB,mBAkCCC,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,OAAeV,GAAS,kBAExBW,IAAA,IAACC,MAAEA,EAAFnB,MAASA,GAAVkB,EAAA,OACAC,GAAK,6BAAAC,OAEiBpB,EAAME,OAAO,sBAF9B,+BAAAkB,OAGiBpB,EAAME,OAAO,sBAJnC,aAOAmB,GAGJ,IAAMC,EAAoBxB,EAAH,CAAA,uDAAA,IAInByB,GAGG,IAAMC,EAAOC,EAAOC,SAASC,WAAgC,CAClEC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,QAAS,kBAAmB,SAASC,SAASD,KAChGA,EAAKC,SAAS,WAHFH,WAAA,CAAAI,YAAA,uBAAGN,CAKhB,CAAA,GAAA,KAAAO,IAAA,IAACC,gBAAEA,GAAHD,EAAA,OAA0BC,EAAkBpC,EAAqByB"}

package/components/Tooltip/Tooltip.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var Floater=require('react-floater');var ramda=require('ramda');var withMergedProps=require('../../hocs/withMergedProps.js');var TooltipWrapper=require('./TooltipWrapper.js');var defaultConstants=require('./default-constants.js');var require$$0=require('react/jsx-runtime');var TooltipComponent=require('../TooltipComponent/TooltipComponent.js');var constants=require('../TooltipComponent/constants.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Floater__default=_interopDefault(Floater);const Tooltip=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,o)=>{const{preset:t,size:r="s",sizeXXS:s,sizeXS:i,sizeS:n,sizeM:a,sizeL:l,sizeXL:p,sizeUnits:c,sizes:u,palette:d,black:f,contrast:m,titleProps:T,contentProps:z,closeButtonProps:b,...g}=e;const q=styled.useTheme();if(t!=='brand'){const e={...g,styles:ramda.mergeDeepLeft(g.styles??{},defaultConstants.TOOLTIP_STYLES_DEFAULT)};return require$$0.jsx(Floater__default.default,{...e,children:require$$0.jsx("span",{children:e.children})})}let C=q.colors['bg-onmain-primary'];f&&(C=q.colors['bg-onmain-inverse']),m&&(C=q.colors['bg-brand-primary-basic']),d?.backgroundColor&&(C=q.colors[d.backgroundColor]??d.backgroundColor);const h={...g,offset:g.offset??8,styles:ramda.mergeDeepLeft(g.styles??{},{arrow:{color:C,spread:16,length:8},floater:{filter:`drop-shadow(0 6px 10px ${q.colors['bg-oncolor-hover']})`}}),component:require$$0.jsx(TooltipWrapper.TooltipWrapper,{ref:o,size:r,sizeXXS:s,sizeXS:i,sizeS:n,sizeM:a,sizeL:l,sizeXL:p,sizeUnits:c,sizes:u,palette:d,black:f,contrast:m,title:g.title,titleProps:T,content:g.content,contentProps:z,footer:g.footer,showCloseButton:g.showCloseButton,closeButtonProps:b,component:g.component})};return require$$0.jsx(Floater__default.default,{...h,modifiers:{flip:{enabled:!h.disableFlip}}})})),{displayName:"Tooltip",sizes:constants.SIZES}),{Component:TooltipComponent.TooltipComponent});exports.COMPONENT_NAME="Tooltip",exports.Tooltip=Tooltip;
+import o from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{useTheme as s}from'styled-components';import r from'react-floater';import{mergeDeepLeft as i}from'ramda';import{withMergedProps as n}from'../../hocs/withMergedProps.js';import{TooltipComponent as l}from'../TooltipComponent/TooltipComponent.js';import{TooltipWrapper as a}from'./TooltipWrapper.js';import{TOOLTIP_STYLES_DEFAULT as p}from'./default-constants.js';import{jsx as m}from'react/jsx-runtime';import{SIZES as c}from'../TooltipComponent/constants.js';var f=["preset","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","palette","black","contrast","titleProps","contentProps","closeButtonProps"];var z='Tooltip';var d=Object.assign(n(t(((t,n)=>{var l,c,z;var{preset:d,size:b="s",sizeXXS:u,sizeXS:v,sizeS:h,sizeM:T,sizeL:P,sizeXL:S,sizeUnits:g,sizes:X,palette:C,black:j,contrast:L,titleProps:y,contentProps:w,closeButtonProps:M}=t,k=e(t,f);var x=s();if('brand'!==d){var B;var E=o(o({},k),{},{styles:i(null!==(B=k.styles)&&void 0!==B?B:{},p)});return m(r,o(o({},E),{},{children:m("span",{children:E.children})}))}var O=x.colors['bg-onmain-primary'];j&&(O=x.colors['bg-onmain-inverse']),L&&(O=x.colors['bg-brand-primary-basic']),null!=C&&C.backgroundColor&&(O=null!==(l=x.colors[C.backgroundColor])&&void 0!==l?l:C.backgroundColor);var N=o(o({},k),{},{offset:null!==(c=k.offset)&&void 0!==c?c:8,styles:i(null!==(z=k.styles)&&void 0!==z?z:{},{arrow:{color:O,spread:16,length:8},floater:{filter:"drop-shadow(0 6px 10px ".concat(x.colors['bg-oncolor-hover'],")")}}),component:m(a,{ref:n,size:b,sizeXXS:u,sizeXS:v,sizeS:h,sizeM:T,sizeL:P,sizeXL:S,sizeUnits:g,sizes:X,palette:C,black:j,contrast:L,title:k.title,titleProps:y,content:k.content,contentProps:w,footer:k.footer,showCloseButton:k.showCloseButton,closeButtonProps:M,component:k.component})});return m(r,o(o({},N),{},{modifiers:{flip:{enabled:!N.disableFlip}}}))})),{displayName:"Tooltip",sizes:c}),{Component:l});export{z as COMPONENT_NAME,d as Tooltip};
 //# sourceMappingURL=Tooltip.js.map

package/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport Floater from 'react-floater'\nimport { mergeDeepLeft } from 'ramda'\nimport type { Props as FloaterProps } from 'react-floater/lib/types'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES, TooltipComponent } from 'components/TooltipComponent'\nimport { TooltipWrapper } from './TooltipWrapper'\nimport { TOOLTIP_STYLES_DEFAULT } from './default-constants'\nimport type { TooltipProps } from './types'\n\nconst COMPONENT_NAME = 'Tooltip'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to tooltip component root.\n *\n * See full [TooltipProps](https://github.com/foxford/ui/blob/master/src/components/Tooltip/types.ts)\n */\nconst Tooltip: React.ForwardRefExoticComponent<TooltipProps> & { Component: typeof TooltipComponent } = Object.assign(\n  withMergedProps<TooltipProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        preset,\n        size = 's',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizeUnits,\n        sizes,\n        palette,\n        black,\n        contrast,\n        titleProps,\n        contentProps,\n        closeButtonProps,\n        ...restProps\n      } = props\n\n      const theme = useTheme()\n\n      if (preset !== 'brand') {\n        const tooltipProps = {\n          ...restProps,\n          styles: mergeDeepLeft(restProps.styles ?? {}, TOOLTIP_STYLES_DEFAULT),\n        } as FloaterProps\n\n        return (\n          <Floater {...tooltipProps}>\n            <span>{tooltipProps.children}</span>\n          </Floater>\n        )\n      }\n\n      let color = theme.colors['bg-onmain-primary']\n\n      if (black) color = theme.colors['bg-onmain-inverse']\n      if (contrast) color = theme.colors['bg-brand-primary-basic']\n      if (palette?.backgroundColor) color = theme.colors[palette.backgroundColor] ?? palette.backgroundColor\n\n      const tooltipProps = {\n        ...restProps,\n        offset: restProps.offset ?? 8,\n        styles: mergeDeepLeft(restProps.styles ?? {}, {\n          arrow: {\n            color,\n            spread: 16,\n            length: 8,\n          },\n          floater: {\n            filter: `drop-shadow(0 6px 10px ${theme.colors['bg-oncolor-hover']})`,\n          },\n        }),\n        component: (\n          <TooltipWrapper\n            ref={ref}\n            size={size}\n            sizeXXS={sizeXXS}\n            sizeXS={sizeXS}\n            sizeS={sizeS}\n            sizeM={sizeM}\n            sizeL={sizeL}\n            sizeXL={sizeXL}\n            sizeUnits={sizeUnits}\n            sizes={sizes}\n            palette={palette}\n            black={black}\n            contrast={contrast}\n            title={restProps.title}\n            titleProps={titleProps}\n            content={restProps.content}\n            contentProps={contentProps}\n            footer={restProps.footer}\n            showCloseButton={restProps.showCloseButton}\n            closeButtonProps={closeButtonProps}\n            component={restProps.component}\n          />\n        ),\n      } as FloaterProps\n\n      return (\n        <Floater\n          {...tooltipProps}\n          modifiers={{\n            flip: {\n              enabled: !tooltipProps.disableFlip,\n            },\n          }}\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: TooltipComponent,\n  }\n)\n\nexport { Tooltip }\n\nexport { COMPONENT_NAME }\n"],"names":["Tooltip","Object","assign","withMergedProps","forwardRef","props","ref","preset","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","palette","black","contrast","titleProps","contentProps","closeButtonProps","restProps","theme","useTheme","tooltipProps","styles","mergeDeepLeft","TOOLTIP_STYLES_DEFAULT","_jsx","Floater","children","jsx","color","colors","backgroundColor","offset","arrow","spread","length","floater","filter","component","TooltipWrapper","title","content","footer","showCloseButton","modifiers","flip","enabled","disableFlip","displayName","SIZES","Component","TooltipComponent"],"mappings":"mlBAuBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,OACJA,EAAMC,KACNA,EAAO,IAAGC,QACVA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,EAAKC,QACLA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,EAAUC,aACVA,EAAYC,iBACZA,KACGC,GACDlB,EAEJ,MAAMmB,EAAQC,OAAAA,WAEd,GAAIlB,IAAW,QAAS,CACtB,MAAMmB,EAAe,IAChBH,EACHI,OAAQC,MAAAA,cAAcL,EAAUI,QAAU,CAAA,EAAIE,iBAAAA,yBAGhD,OACEC,WAAAA,IAACC,iBAAAA,QAAO,IAAKL,EAAYM,SACvBF,WAAAG,IAAA,OAAA,CAAAD,SAAON,EAAaM,YAG1B,CAEA,IAAIE,EAAQV,EAAMW,OAAO,qBAErBjB,IAAOgB,EAAQV,EAAMW,OAAO,sBAC5BhB,IAAUe,EAAQV,EAAMW,OAAO,2BAC/BlB,GAASmB,kBAAiBF,EAAQV,EAAMW,OAAOlB,EAAQmB,kBAAoBnB,EAAQmB,iBAEvF,MAAMV,EAAe,IAChBH,EACHc,OAAQd,EAAUc,QAAU,EAC5BV,OAAQC,MAAaA,cAACL,EAAUI,QAAU,CAAA,EAAI,CAC5CW,MAAO,CACLJ,QACAK,OAAQ,GACRC,OAAQ,GAEVC,QAAS,CACPC,OAAQ,0BAA0BlB,EAAMW,OAAO,0BAGnDQ,UACEb,WAAAG,IAACW,8BAAc,CACbtC,IAAKA,EACLE,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,UAAWA,EACXC,MAAOA,EACPC,QAASA,EACTC,MAAOA,EACPC,SAAUA,EACV0B,MAAOtB,EAAUsB,MACjBzB,WAAYA,EACZ0B,QAASvB,EAAUuB,QACnBzB,aAAcA,EACd0B,OAAQxB,EAAUwB,OAClBC,gBAAiBzB,EAAUyB,gBAC3B1B,iBAAkBA,EAClBqB,UAAWpB,EAAUoB,aAK3B,OACEb,WAAAA,IAACC,iBAAAA,QAAO,IACFL,EACJuB,UAAW,CACTC,KAAM,CACJC,SAAUzB,EAAa0B,eAG3B,IAGN,CACEC,YA5GiB,UA6GjBrC,MAAOsC,UAAAA,QAGX,CACEC,UAAWC,iBAAAA,0CAjHQ"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport Floater from 'react-floater'\nimport { mergeDeepLeft } from 'ramda'\nimport type { Props as FloaterProps } from 'react-floater/lib/types'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES, TooltipComponent } from 'components/TooltipComponent'\nimport { TooltipWrapper } from './TooltipWrapper'\nimport { TOOLTIP_STYLES_DEFAULT } from './default-constants'\nimport type { TooltipProps } from './types'\n\nconst COMPONENT_NAME = 'Tooltip'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to tooltip component root.\n *\n * See full [TooltipProps](https://github.com/foxford/ui/blob/master/src/components/Tooltip/types.ts)\n */\nconst Tooltip: React.ForwardRefExoticComponent<TooltipProps> & { Component: typeof TooltipComponent } = Object.assign(\n  withMergedProps<TooltipProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        preset,\n        size = 's',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizeUnits,\n        sizes,\n        palette,\n        black,\n        contrast,\n        titleProps,\n        contentProps,\n        closeButtonProps,\n        ...restProps\n      } = props\n\n      const theme = useTheme()\n\n      if (preset !== 'brand') {\n        const tooltipProps = {\n          ...restProps,\n          styles: mergeDeepLeft(restProps.styles ?? {}, TOOLTIP_STYLES_DEFAULT),\n        } as FloaterProps\n\n        return (\n          <Floater {...tooltipProps}>\n            <span>{tooltipProps.children}</span>\n          </Floater>\n        )\n      }\n\n      let color = theme.colors['bg-onmain-primary']\n\n      if (black) color = theme.colors['bg-onmain-inverse']\n      if (contrast) color = theme.colors['bg-brand-primary-basic']\n      if (palette?.backgroundColor) color = theme.colors[palette.backgroundColor] ?? palette.backgroundColor\n\n      const tooltipProps = {\n        ...restProps,\n        offset: restProps.offset ?? 8,\n        styles: mergeDeepLeft(restProps.styles ?? {}, {\n          arrow: {\n            color,\n            spread: 16,\n            length: 8,\n          },\n          floater: {\n            filter: `drop-shadow(0 6px 10px ${theme.colors['bg-oncolor-hover']})`,\n          },\n        }),\n        component: (\n          <TooltipWrapper\n            ref={ref}\n            size={size}\n            sizeXXS={sizeXXS}\n            sizeXS={sizeXS}\n            sizeS={sizeS}\n            sizeM={sizeM}\n            sizeL={sizeL}\n            sizeXL={sizeXL}\n            sizeUnits={sizeUnits}\n            sizes={sizes}\n            palette={palette}\n            black={black}\n            contrast={contrast}\n            title={restProps.title}\n            titleProps={titleProps}\n            content={restProps.content}\n            contentProps={contentProps}\n            footer={restProps.footer}\n            showCloseButton={restProps.showCloseButton}\n            closeButtonProps={closeButtonProps}\n            component={restProps.component}\n          />\n        ),\n      } as FloaterProps\n\n      return (\n        <Floater\n          {...tooltipProps}\n          modifiers={{\n            flip: {\n              enabled: !tooltipProps.disableFlip,\n            },\n          }}\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: TooltipComponent,\n  }\n)\n\nexport { Tooltip }\n\nexport { COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tooltip","Object","assign","withMergedProps","forwardRef","props","ref","_theme$colors$palette","_restProps$offset","_restProps$styles2","preset","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","palette","black","contrast","titleProps","contentProps","closeButtonProps","restProps","_excluded","theme","useTheme","_restProps$styles","tooltipProps","styles","mergeDeepLeft","TOOLTIP_STYLES_DEFAULT","_jsx","Floater","_objectSpread","children","color","colors","backgroundColor","offset","arrow","spread","length","floater","filter","component","TooltipWrapper","title","content","footer","showCloseButton","modifiers","flip","enabled","disableFlip","displayName","SIZES","Component","TooltipComponent"],"mappings":"kxBAWMA,IAAAA,EAAiB,UAYvB,IAAMC,EAAkGC,OAAOC,OAC7GC,EACEC,IAAYC,EAAOC,KAAQ,IAAAC,EAAAC,EAAAC,EACzB,IAAMC,OACJA,EADIC,KAEJA,EAAO,IAFHC,QAGJA,EAHIC,OAIJA,EAJIC,MAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,OAQJA,EARIC,UASJA,EATIC,MAUJA,EAVIC,QAWJA,EAXIC,MAYJA,EAZIC,SAaJA,EAbIC,WAcJA,EAdIC,aAeJA,EAfIC,iBAgBJA,GAEEpB,EADCqB,IACDrB,EAlBJsB,GAoBA,IAAMC,EAAQC,IAEd,GAAe,UAAXnB,EAAoB,CAAA,IAAAoB,EACtB,IAAMC,SACDL,GADa,GAAA,CAEhBM,OAAQC,EAAa,QAACP,EAAAA,EAAUM,cAAAA,IAAXF,EAAAA,EAAqB,GAAII,KAGhD,OACEC,EAACC,EAADC,EAAAA,EAAA,GAAaN,GAAb,GAAA,CAAAO,SACEH,EAAA,OAAA,CAAAG,SAAOP,EAAaO,cAK1B,IAAIC,EAAQX,EAAMY,OAAO,qBAErBnB,IAAOkB,EAAQX,EAAMY,OAAO,sBAC5BlB,IAAUiB,EAAQX,EAAMY,OAAO,2BAC/BpB,MAAAA,GAAAA,EAASqB,kBAAiBF,EAAK,QAAAhC,EAAGqB,EAAMY,OAAOpB,EAAQqB,wBAAxB,IAAAlC,EAAAA,EAA4Ca,EAAQqB,iBAEvF,IAAMV,SACDL,GADa,GAAA,CAEhBgB,eAAQhB,EAAAA,EAAUgB,cAAAA,QAAU,EAC5BV,OAAQC,EAAa,QAACP,EAAAA,EAAUM,cAAX,IAAAvB,EAAAA,EAAqB,GAAI,CAC5CkC,MAAO,CACLJ,MAAAA,EACAK,OAAQ,GACRC,OAAQ,GAEVC,QAAS,CACPC,wCAAkCnB,EAAMY,OAAO,oBAAzC,QAGVQ,UACEb,EAACc,EAAD,CACE3C,IAAKA,EACLK,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,UAAWA,EACXC,MAAOA,EACPC,QAASA,EACTC,MAAOA,EACPC,SAAUA,EACV4B,MAAOxB,EAAUwB,MACjB3B,WAAYA,EACZ4B,QAASzB,EAAUyB,QACnB3B,aAAcA,EACd4B,OAAQ1B,EAAU0B,OAClBC,gBAAiB3B,EAAU2B,gBAC3B5B,iBAAkBA,EAClBuB,UAAWtB,EAAUsB,cAK3B,OACEb,EAACC,EAADC,EAAAA,EAAA,GACMN,GADN,GAAA,CAEEuB,UAAW,CACTC,KAAM,CACJC,SAAUzB,EAAa0B,oBAMjC,CACEC,YA5GiB,UA6GjBvC,MAAOwC,IAGX,CACEC,UAAWC"}

package/components/Tooltip/TooltipWrapper.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var useKeyboardListener=require('../../hooks/useKeyboardListener.js');var constants=require('../../shared/constants.js');var require$$0=require('react/jsx-runtime');var TooltipComponent=require('../TooltipComponent/TooltipComponent.js');const closeFnNoop=()=>{};exports.TooltipWrapper=React.forwardRef(((e,o)=>{const{size:s,sizeXXS:t,sizeXS:r,sizeS:n,sizeM:i,sizeL:c,sizeXL:p,black:a,contrast:l,showCloseButton:u,closeButtonProps:z,id:d,role:y,closeFn:m=closeFnNoop,component:b,...f}=e;useKeyboardListener.useKeyboardListener('keyup',constants.keyboardKeys.Esc.key,m);const L={size:s,sizeXXS:t,sizeXS:r,sizeS:n,sizeM:i,sizeL:c,sizeXL:p,black:a,contrast:l,showCloseButton:u,closeButtonProps:z,id:d,role:y,closeFn:m};if(React.isValidElement(b)){const e=typeof b.props=='object'&&b.props!==null?b.props:{};return React.cloneElement(b,{ref:o,...L,...e})}return typeof b=='function'?b(L):require$$0.jsx(TooltipComponent.TooltipComponent,{ref:o,...L,...f})}));
+import e from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as s,isValidElement as r,cloneElement as t}from'react';import{useKeyboardListener as i}from'../../hooks/useKeyboardListener.js';import{keyboardKeys as n}from'../../shared/constants.js';import{TooltipComponent as p}from'../TooltipComponent/TooltipComponent.js';import{jsx as a}from'react/jsx-runtime';var l=["size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","black","contrast","showCloseButton","closeButtonProps","id","role","closeFn","component"];var m=()=>{};var c=s(((s,c)=>{var{size:z,sizeXXS:u,sizeXS:f,sizeS:b,sizeM:X,sizeL:d,sizeXL:S,black:h,contrast:j,showCloseButton:y,closeButtonProps:L,id:k,role:v,closeFn:B=m,component:C}=s,w=o(s,l);i('keyup',n.Esc.key,B);var P={size:z,sizeXXS:u,sizeXS:f,sizeS:b,sizeM:X,sizeL:d,sizeXL:S,black:h,contrast:j,showCloseButton:y,closeButtonProps:L,id:k,role:v,closeFn:B};if(r(C)){var T='object'==typeof C.props&&null!==C.props?C.props:{};return t(C,e(e({ref:c},P),T))}return'function'==typeof C?C(P):a(p,e(e({ref:c},P),w))}));export{c as TooltipWrapper};
 //# sourceMappingURL=TooltipWrapper.js.map

package/components/Tooltip/TooltipWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipWrapper.js","sources":["../../../../src/components/Tooltip/TooltipWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useKeyboardListener } from 'hooks/useKeyboardListener'\nimport { keyboardKeys } from 'shared/constants'\nimport { TooltipComponent } from 'components/TooltipComponent'\nimport type { TooltipWrapperProps } from './types'\n\nconst closeFnNoop = () => undefined\n\nconst TooltipWrapper = forwardRef<HTMLDivElement, TooltipWrapperProps>((props, ref) => {\n  const {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    id,\n    role,\n    closeFn = closeFnNoop,\n    component,\n    ...restProps\n  } = props\n\n  useKeyboardListener('keyup', keyboardKeys.Esc.key, closeFn)\n\n  const injectionProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    id,\n    role,\n    closeFn,\n  }\n\n  if (isValidElement(component)) {\n    const elementProps = typeof component.props === 'object' && component.props !== null ? component.props : {}\n\n    return cloneElement(component, { ref, ...injectionProps, ...elementProps })\n  }\n\n  if (typeof component === 'function') {\n    return component(injectionProps)\n  }\n\n  return <TooltipComponent ref={ref} {...injectionProps} {...restProps} />\n})\n\nexport { TooltipWrapper }\n"],"names":["closeFnNoop","forwardRef","props","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","black","contrast","showCloseButton","closeButtonProps","id","role","closeFn","component","restProps","useKeyboardListener","keyboardKeys","Esc","key","injectionProps","isValidElement","elementProps","cloneElement","_jsx","TooltipComponent"],"mappings":"qRAMA,MAAMA,YAAcA,KAAe,yBAEZC,MAAUA,YAAsC,CAACC,EAAOC,KAC7E,MAAMC,KACJA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,SACLA,EAAQC,gBACRA,EAAeC,iBACfA,EAAgBC,GAChBA,EAAEC,KACFA,EAAIC,QACJA,EAAUjB,YAAWkB,UACrBA,KACGC,GACDjB,EAEJkB,oBAAmBA,oBAAC,QAASC,UAAYA,aAACC,IAAIC,IAAKN,GAEnD,MAAMO,EAAiB,CACrBpB,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,WACAC,kBACAC,mBACAC,KACAC,OACAC,WAGF,GAAIQ,MAAAA,eAAeP,GAAY,CAC7B,MAAMQ,SAAsBR,EAAUhB,OAAU,UAAYgB,EAAUhB,QAAU,KAAOgB,EAAUhB,MAAQ,CAAA,EAEzG,OAAOyB,MAAAA,aAAaT,EAAW,CAAEf,SAAQqB,KAAmBE,GAC9D,CAEA,cAAWR,GAAc,WAChBA,EAAUM,GAGZI,WAAAA,IAACC,iBAAAA,iBAAgB,CAAC1B,IAAKA,KAASqB,KAAoBL,GAAa"}
+{"version":3,"file":"TooltipWrapper.js","sources":["../../../../src/components/Tooltip/TooltipWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useKeyboardListener } from 'hooks/useKeyboardListener'\nimport { keyboardKeys } from 'shared/constants'\nimport { TooltipComponent } from 'components/TooltipComponent'\nimport type { TooltipWrapperProps } from './types'\n\nconst closeFnNoop = () => undefined\n\nconst TooltipWrapper = forwardRef<HTMLDivElement, TooltipWrapperProps>((props, ref) => {\n  const {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    id,\n    role,\n    closeFn = closeFnNoop,\n    component,\n    ...restProps\n  } = props\n\n  useKeyboardListener('keyup', keyboardKeys.Esc.key, closeFn)\n\n  const injectionProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    id,\n    role,\n    closeFn,\n  }\n\n  if (isValidElement(component)) {\n    const elementProps = typeof component.props === 'object' && component.props !== null ? component.props : {}\n\n    return cloneElement(component, { ref, ...injectionProps, ...elementProps })\n  }\n\n  if (typeof component === 'function') {\n    return component(injectionProps)\n  }\n\n  return <TooltipComponent ref={ref} {...injectionProps} {...restProps} />\n})\n\nexport { TooltipWrapper }\n"],"names":["closeFnNoop","TooltipWrapper","forwardRef","props","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","black","contrast","showCloseButton","closeButtonProps","id","role","closeFn","component","restProps","_excluded","useKeyboardListener","keyboardKeys","Esc","key","injectionProps","isValidElement","elementProps","cloneElement","_objectSpread","_jsx","TooltipComponent"],"mappings":"6kBAMA,IAAMA,EAAc,OAEdC,IAAAA,EAAiBC,GAAAA,CAAiDC,EAAOC,KAC7E,IAAMC,KACJA,EADIC,QAEJA,EAFIC,OAGJA,EAHIC,MAIJA,EAJIC,MAKJA,EALIC,MAMJA,EANIC,OAOJA,EAPIC,MAQJA,EARIC,SASJA,EATIC,gBAUJA,EAVIC,iBAWJA,EAXIC,GAYJA,EAZIC,KAaJA,EAbIC,QAcJA,EAAUlB,EAdNmB,UAeJA,GAEEhB,EADCiB,IACDjB,EAjBJkB,GAmBAC,EAAoB,QAASC,EAAaC,IAAIC,IAAKP,GAEnD,IAAMQ,EAAiB,CACrBrB,KAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,gBAAAA,EACAC,iBAAAA,EACAC,GAAAA,EACAC,KAAAA,EACAC,QAAAA,GAGF,GAAIS,EAAeR,GAAY,CAC7B,IAAMS,EAA0C,iBAApBT,EAAUhB,OAA0C,OAApBgB,EAAUhB,MAAiBgB,EAAUhB,MAAQ,GAEzG,OAAO0B,EAAaV,EAADW,EAAAA,EAAA,CAAc1B,IAAAA,GAAQsB,GAAmBE,IAG9D,MAAyB,mBAAdT,EACFA,EAAUO,GAGZK,EAACC,EAADF,EAAAA,EAAA,CAAkB1B,IAAKA,GAASsB,GAAoBN"}

package/components/Tooltip/default-constants.js

@@ -1,2 +1,2 @@
-'use strict';exports.TOOLTIP_STYLES_DEFAULT={wrapper:{display:'inline-flex',flexDirection:'column',zIndex:100},wrapperPosition:{left:-1e3,position:'absolute',top:-1e3,visibility:'hidden'},floater:{display:'inline-block',filter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',WebkitFilter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',maxWidth:300,opacity:0,position:'relative',transition:'opacity 0.2s',visibility:'hidden',zIndex:100},floaterOpening:{opacity:1,visibility:'visible'},floaterWithAnimation:{opacity:1,transition:'opacity 0.2s, transform 0.2s',visibility:'visible'},floaterClosing:{opacity:0,visibility:'visible'},floaterCentered:{left:'50%',position:'fixed',top:'50%',transform:'translate(-50%, -50%)'},container:{boxSizing:'border-box',borderRadius:3,backgroundColor:'#fff',color:'var(--mineShaft)',minHeight:32,minWidth:180,padding:'16px',position:'relative',display:'flex',flexDirection:'column',justifyContent:'center'},title:{borderBottom:'1px solid var(--mineShaft)',color:'var(--mineShaft)',fontWeight:'bold',fontSize:18,marginBottom:5,paddingBottom:6,paddingRight:18},content:{fontSize:12,lineHeight:'16px'},close:{backgroundColor:'transparent',border:0,borderRadius:0,color:'var(--mineShaft)',fontSize:14,height:10,lineHeight:'16px',outline:'none',padding:0,position:'absolute',right:'4px',textAlign:'center',top:'4px',WebkitAppearance:'none',width:10},footer:{borderTop:'1px solid var(--mineShaft)',fontSize:13,marginTop:10,paddingTop:5},arrow:{color:'#fff',display:'inline-flex',length:6,position:'absolute',spread:12},options:{zIndex:100}};
+var i={wrapper:{display:'inline-flex',flexDirection:'column',zIndex:100},wrapperPosition:{left:-1e3,position:'absolute',top:-1e3,visibility:'hidden'},floater:{display:'inline-block',filter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',WebkitFilter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',maxWidth:300,opacity:0,position:'relative',transition:'opacity 0.2s',visibility:'hidden',zIndex:100},floaterOpening:{opacity:1,visibility:'visible'},floaterWithAnimation:{opacity:1,transition:'opacity 0.2s, transform 0.2s',visibility:'visible'},floaterClosing:{opacity:0,visibility:'visible'},floaterCentered:{left:'50%',position:'fixed',top:'50%',transform:'translate(-50%, -50%)'},container:{boxSizing:'border-box',borderRadius:3,backgroundColor:'#fff',color:'var(--mineShaft)',minHeight:32,minWidth:180,padding:'16px',position:'relative',display:'flex',flexDirection:'column',justifyContent:'center'},title:{borderBottom:'1px solid var(--mineShaft)',color:'var(--mineShaft)',fontWeight:'bold',fontSize:18,marginBottom:5,paddingBottom:6,paddingRight:18},content:{fontSize:12,lineHeight:'16px'},close:{backgroundColor:'transparent',border:0,borderRadius:0,color:'var(--mineShaft)',fontSize:14,height:10,lineHeight:'16px',outline:'none',padding:0,position:'absolute',right:'4px',textAlign:'center',top:'4px',WebkitAppearance:'none',width:10},footer:{borderTop:'1px solid var(--mineShaft)',fontSize:13,marginTop:10,paddingTop:5},arrow:{color:'#fff',display:'inline-flex',length:6,position:'absolute',spread:12},options:{zIndex:100}};export{i as TOOLTIP_STYLES_DEFAULT};
 //# sourceMappingURL=default-constants.js.map

package/components/Tooltip/default-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Tooltip/default-constants.ts"],"sourcesContent":["import type { Styles } from 'react-floater/lib/types'\n\nexport const TOOLTIP_STYLES_DEFAULT: Partial<Styles> = {\n  wrapper: {\n    display: 'inline-flex',\n    flexDirection: 'column',\n    zIndex: 100,\n  },\n  wrapperPosition: {\n    left: -1000,\n    position: 'absolute',\n    top: -1000,\n    visibility: 'hidden',\n  },\n  floater: {\n    display: 'inline-block',\n    filter: 'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',\n    WebkitFilter: 'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',\n    maxWidth: 300,\n    opacity: 0,\n    position: 'relative',\n    transition: 'opacity 0.2s',\n    visibility: 'hidden',\n    zIndex: 100,\n  },\n  floaterOpening: {\n    opacity: 1,\n    visibility: 'visible',\n  },\n  floaterWithAnimation: {\n    opacity: 1,\n    transition: 'opacity 0.2s, transform 0.2s',\n    visibility: 'visible',\n  },\n  floaterClosing: {\n    opacity: 0,\n    visibility: 'visible',\n  },\n  floaterCentered: {\n    left: '50%',\n    position: 'fixed',\n    top: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  container: {\n    boxSizing: 'border-box',\n    borderRadius: 3,\n    backgroundColor: '#fff',\n    color: 'var(--mineShaft)',\n    minHeight: 32,\n    minWidth: 180,\n    padding: '16px',\n    position: 'relative',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n  },\n  title: {\n    borderBottom: '1px solid var(--mineShaft)',\n    color: 'var(--mineShaft)',\n    fontWeight: 'bold',\n    fontSize: 18,\n    marginBottom: 5,\n    paddingBottom: 6,\n    paddingRight: 18,\n  },\n  content: {\n    fontSize: 12,\n    lineHeight: '16px',\n  },\n  close: {\n    backgroundColor: 'transparent',\n    border: 0,\n    borderRadius: 0,\n    color: 'var(--mineShaft)',\n    fontSize: 14,\n    height: 10,\n    lineHeight: '16px',\n    outline: 'none',\n    padding: 0,\n    position: 'absolute',\n    right: '4px',\n    textAlign: 'center',\n    top: '4px',\n    WebkitAppearance: 'none',\n    width: 10,\n  },\n  footer: {\n    borderTop: '1px solid var(--mineShaft)',\n    fontSize: 13,\n    marginTop: 10,\n    paddingTop: 5,\n  },\n  arrow: {\n    color: '#fff',\n    display: 'inline-flex',\n    length: 6,\n    position: 'absolute',\n    spread: 12,\n  },\n  options: {\n    zIndex: 100,\n  },\n}\n"],"names":["wrapper","display","flexDirection","zIndex","wrapperPosition","left","position","top","visibility","floater","filter","WebkitFilter","maxWidth","opacity","transition","floaterOpening","floaterWithAnimation","floaterClosing","floaterCentered","transform","container","boxSizing","borderRadius","backgroundColor","color","minHeight","minWidth","padding","justifyContent","title","borderBottom","fontWeight","fontSize","marginBottom","paddingBottom","paddingRight","content","lineHeight","close","border","height","outline","right","textAlign","WebkitAppearance","width","footer","borderTop","marginTop","paddingTop","arrow","length","spread","options"],"mappings":"4CAEuD,CACrDA,QAAS,CACPC,QAAS,cACTC,cAAe,SACfC,OAAQ,KAEVC,gBAAiB,CACfC,MAAO,IACPC,SAAU,WACVC,KAAM,IACNC,WAAY,UAEdC,QAAS,CACPR,QAAS,eACTS,OAAQ,4CACRC,aAAc,4CACdC,SAAU,IACVC,QAAS,EACTP,SAAU,WACVQ,WAAY,eACZN,WAAY,SACZL,OAAQ,KAEVY,eAAgB,CACdF,QAAS,EACTL,WAAY,WAEdQ,qBAAsB,CACpBH,QAAS,EACTC,WAAY,+BACZN,WAAY,WAEdS,eAAgB,CACdJ,QAAS,EACTL,WAAY,WAEdU,gBAAiB,CACfb,KAAM,MACNC,SAAU,QACVC,IAAK,MACLY,UAAW,yBAEbC,UAAW,CACTC,UAAW,aACXC,aAAc,EACdC,gBAAiB,OACjBC,MAAO,mBACPC,UAAW,GACXC,SAAU,IACVC,QAAS,OACTrB,SAAU,WACVL,QAAS,OACTC,cAAe,SACf0B,eAAgB,UAElBC,MAAO,CACLC,aAAc,6BACdN,MAAO,mBACPO,WAAY,OACZC,SAAU,GACVC,aAAc,EACdC,cAAe,EACfC,aAAc,IAEhBC,QAAS,CACPJ,SAAU,GACVK,WAAY,QAEdC,MAAO,CACLf,gBAAiB,cACjBgB,OAAQ,EACRjB,aAAc,EACdE,MAAO,mBACPQ,SAAU,GACVQ,OAAQ,GACRH,WAAY,OACZI,QAAS,OACTd,QAAS,EACTrB,SAAU,WACVoC,MAAO,MACPC,UAAW,SACXpC,IAAK,MACLqC,iBAAkB,OAClBC,MAAO,IAETC,OAAQ,CACNC,UAAW,6BACXf,SAAU,GACVgB,UAAW,GACXC,WAAY,GAEdC,MAAO,CACL1B,MAAO,OACPvB,QAAS,cACTkD,OAAQ,EACR7C,SAAU,WACV8C,OAAQ,IAEVC,QAAS,CACPlD,OAAQ"}
+{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Tooltip/default-constants.ts"],"sourcesContent":["import type { Styles } from 'react-floater/lib/types'\n\nexport const TOOLTIP_STYLES_DEFAULT: Partial<Styles> = {\n  wrapper: {\n    display: 'inline-flex',\n    flexDirection: 'column',\n    zIndex: 100,\n  },\n  wrapperPosition: {\n    left: -1000,\n    position: 'absolute',\n    top: -1000,\n    visibility: 'hidden',\n  },\n  floater: {\n    display: 'inline-block',\n    filter: 'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',\n    WebkitFilter: 'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',\n    maxWidth: 300,\n    opacity: 0,\n    position: 'relative',\n    transition: 'opacity 0.2s',\n    visibility: 'hidden',\n    zIndex: 100,\n  },\n  floaterOpening: {\n    opacity: 1,\n    visibility: 'visible',\n  },\n  floaterWithAnimation: {\n    opacity: 1,\n    transition: 'opacity 0.2s, transform 0.2s',\n    visibility: 'visible',\n  },\n  floaterClosing: {\n    opacity: 0,\n    visibility: 'visible',\n  },\n  floaterCentered: {\n    left: '50%',\n    position: 'fixed',\n    top: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  container: {\n    boxSizing: 'border-box',\n    borderRadius: 3,\n    backgroundColor: '#fff',\n    color: 'var(--mineShaft)',\n    minHeight: 32,\n    minWidth: 180,\n    padding: '16px',\n    position: 'relative',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n  },\n  title: {\n    borderBottom: '1px solid var(--mineShaft)',\n    color: 'var(--mineShaft)',\n    fontWeight: 'bold',\n    fontSize: 18,\n    marginBottom: 5,\n    paddingBottom: 6,\n    paddingRight: 18,\n  },\n  content: {\n    fontSize: 12,\n    lineHeight: '16px',\n  },\n  close: {\n    backgroundColor: 'transparent',\n    border: 0,\n    borderRadius: 0,\n    color: 'var(--mineShaft)',\n    fontSize: 14,\n    height: 10,\n    lineHeight: '16px',\n    outline: 'none',\n    padding: 0,\n    position: 'absolute',\n    right: '4px',\n    textAlign: 'center',\n    top: '4px',\n    WebkitAppearance: 'none',\n    width: 10,\n  },\n  footer: {\n    borderTop: '1px solid var(--mineShaft)',\n    fontSize: 13,\n    marginTop: 10,\n    paddingTop: 5,\n  },\n  arrow: {\n    color: '#fff',\n    display: 'inline-flex',\n    length: 6,\n    position: 'absolute',\n    spread: 12,\n  },\n  options: {\n    zIndex: 100,\n  },\n}\n"],"names":["TOOLTIP_STYLES_DEFAULT","wrapper","display","flexDirection","zIndex","wrapperPosition","left","position","top","visibility","floater","filter","WebkitFilter","maxWidth","opacity","transition","floaterOpening","floaterWithAnimation","floaterClosing","floaterCentered","transform","container","boxSizing","borderRadius","backgroundColor","color","minHeight","minWidth","padding","justifyContent","title","borderBottom","fontWeight","fontSize","marginBottom","paddingBottom","paddingRight","content","lineHeight","close","border","height","outline","right","textAlign","WebkitAppearance","width","footer","borderTop","marginTop","paddingTop","arrow","length","spread","options"],"mappings":"AAEO,IAAMA,EAA0C,CACrDC,QAAS,CACPC,QAAS,cACTC,cAAe,SACfC,OAAQ,KAEVC,gBAAiB,CACfC,MAAO,IACPC,SAAU,WACVC,KAAM,IACNC,WAAY,UAEdC,QAAS,CACPR,QAAS,eACTS,OAAQ,4CACRC,aAAc,4CACdC,SAAU,IACVC,QAAS,EACTP,SAAU,WACVQ,WAAY,eACZN,WAAY,SACZL,OAAQ,KAEVY,eAAgB,CACdF,QAAS,EACTL,WAAY,WAEdQ,qBAAsB,CACpBH,QAAS,EACTC,WAAY,+BACZN,WAAY,WAEdS,eAAgB,CACdJ,QAAS,EACTL,WAAY,WAEdU,gBAAiB,CACfb,KAAM,MACNC,SAAU,QACVC,IAAK,MACLY,UAAW,yBAEbC,UAAW,CACTC,UAAW,aACXC,aAAc,EACdC,gBAAiB,OACjBC,MAAO,mBACPC,UAAW,GACXC,SAAU,IACVC,QAAS,OACTrB,SAAU,WACVL,QAAS,OACTC,cAAe,SACf0B,eAAgB,UAElBC,MAAO,CACLC,aAAc,6BACdN,MAAO,mBACPO,WAAY,OACZC,SAAU,GACVC,aAAc,EACdC,cAAe,EACfC,aAAc,IAEhBC,QAAS,CACPJ,SAAU,GACVK,WAAY,QAEdC,MAAO,CACLf,gBAAiB,cACjBgB,OAAQ,EACRjB,aAAc,EACdE,MAAO,mBACPQ,SAAU,GACVQ,OAAQ,GACRH,WAAY,OACZI,QAAS,OACTd,QAAS,EACTrB,SAAU,WACVoC,MAAO,MACPC,UAAW,SACXpC,IAAK,MACLqC,iBAAkB,OAClBC,MAAO,IAETC,OAAQ,CACNC,UAAW,6BACXf,SAAU,GACVgB,UAAW,GACXC,WAAY,GAEdC,MAAO,CACL1B,MAAO,OACPvB,QAAS,cACTkD,OAAQ,EACR7C,SAAU,WACV8C,OAAQ,IAEVC,QAAS,CACPlD,OAAQ"}

package/components/TooltipComponent/TooltipComponent.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const TooltipComponent=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:o="s",titleProps:r={},contentProps:s={},closeButtonProps:i={},title:n,content:c,footer:a,closeFn:p,showCloseButton:l,...u}=e;const m={appearance:'body',size:'inherit',color:'inherit'};return require$$0.jsxs(style.Root,{...u,size:o,ref:t,children:[l&&require$$0.jsx(style.CloseButton,{...i,type:"button",onClick:e=>{typeof p=='function'&&p(),i.onClick&&i.onClick(e)},children:require$$0.jsx(Icon.Icon,{as:"span",name:"close",size:16})}),n&&require$$0.jsx(Text.Text,{weight:700,marginRight:l?16:void 0,marginBottom:c||a?'0.3em':void 0,...m,...r,children:n}),c&&require$$0.jsx(Text.Text,{marginRight:!n&&l?16:void 0,marginBottom:a?'0.2em':void 0,...m,...s,children:c}),a]})})),{sizes:constants.SIZES,displayName:"TooltipComponent"});exports.SIZES=constants.SIZES,exports.COMPONENT_NAME="TooltipComponent",exports.TooltipComponent=TooltipComponent;
+import o from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as r}from'../../hocs/withMergedProps.js';import{Text as s}from'../Text/Text.js';import{Icon as i}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as n}from'./constants.js';export{SIZES}from'./constants.js';import{Root as a,CloseButton as m}from'./style.js';import{jsxs as p,jsx as c}from'react/jsx-runtime';var l=["size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton"];var f='TooltipComponent';var h=r(e(((e,r)=>{var{size:n="s",titleProps:f={},contentProps:h={},closeButtonProps:d={},title:j,content:u,footer:C,closeFn:P,showCloseButton:g}=e,v=t(e,l);var b={appearance:'body',size:'inherit',color:'inherit'};return p(a,o(o({},v),{},{size:n,ref:r,children:[g&&c(m,o(o({},d),{},{type:"button",onClick:o=>{'function'==typeof P&&P(),d.onClick&&d.onClick(o)},children:c(i,{as:"span",name:"close",size:16})})),j&&c(s,o(o(o({weight:700,marginRight:g?16:void 0,marginBottom:u||C?'0.3em':void 0},b),f),{},{children:j})),u&&c(s,o(o(o({marginRight:!j&&g?16:void 0,marginBottom:C?'0.2em':void 0},b),h),{},{children:u})),C]}))})),{sizes:n,displayName:"TooltipComponent"});export{f as COMPONENT_NAME,h as TooltipComponent};
 //# sourceMappingURL=TooltipComponent.js.map

package/components/TooltipComponent/TooltipComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"TooltipComponent.js","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TooltipComponentProps](https://github.com/foxford/ui/blob/master/src/components/TooltipComponent/types.ts)\n */\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = withMergedProps<\n  TooltipComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      title,\n      content,\n      footer,\n      closeFn,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const textProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} ref={ref}>\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            type='button'\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n            }}\n          >\n            <Icon as='span' name='close' size={16} />\n          </Styled.CloseButton>\n        )}\n        {title && (\n          <Text\n            weight={700}\n            marginRight={showCloseButton ? 16 : undefined}\n            marginBottom={content || footer ? '0.3em' : undefined}\n            {...textProps}\n            {...titleProps}\n          >\n            {title}\n          </Text>\n        )}\n        {content && (\n          <Text\n            marginRight={!title && showCloseButton ? 16 : undefined}\n            marginBottom={footer ? '0.2em' : undefined}\n            {...textProps}\n            {...contentProps}\n          >\n            {content}\n          </Text>\n        )}\n        {footer}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { TooltipComponent }\n\nexport { COMPONENT_NAME, SIZES }\n"],"names":["TooltipComponent","withMergedProps","forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton","restProps","textProps","appearance","color","_jsxs","Styled","children","_jsx","jsx","type","onClick","evt","Icon","as","name","Text","weight","marginRight","undefined","marginBottom","sizes","SIZES","displayName"],"mappings":"iSAqBMA,MAAAA,iBAA2EC,gBAAAA,gBAI/EC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,WACVA,EAAa,CAAE,EAAAC,aACfA,EAAe,CAAE,EAAAC,iBACjBA,EAAmB,CAAE,EAAAC,MACrBA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,QACNA,EAAOC,gBACPA,KACGC,GACDX,EAEJ,MAAMY,EAAuB,CAAEC,WAAY,OAAQX,KAAM,UAAWY,MAAO,WAE3E,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKL,EAAWT,KAAMA,EAAMD,IAAKA,EAAIgB,UAC9CP,GACCQ,WAAAC,IAACH,kBAAkB,IACbX,EACJe,KAAK,SACLC,QAAUC,WACGb,GAAY,YAAYA,IAC/BJ,EAAiBgB,SAAShB,EAAiBgB,QAAQC,EAAI,EAC3DL,SAEFC,WAAAC,IAACI,UAAI,CAACC,GAAG,OAAOC,KAAK,QAAQvB,KAAM,OAGtCI,GACCY,WAAAC,IAACO,UAAI,CACHC,OAAQ,IACRC,YAAalB,EAAkB,QAAKmB,EACpCC,aAAcvB,GAAWC,EAAS,aAAUqB,KACxCjB,KACAT,EAAUc,SAEbX,IAGJC,GACCW,WAAAC,IAACO,UAAI,CACHE,aAActB,GAASI,EAAkB,QAAKmB,EAC9CC,aAActB,EAAS,aAAUqB,KAC7BjB,KACAR,EAAYa,SAEfV,IAGJC,IACW,IAGlB,CACEuB,MAAOC,UAAKA,MACZC,YAzEmB,0EAAA"}
+{"version":3,"file":"TooltipComponent.js","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TooltipComponentProps](https://github.com/foxford/ui/blob/master/src/components/TooltipComponent/types.ts)\n */\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = withMergedProps<\n  TooltipComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      title,\n      content,\n      footer,\n      closeFn,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const textProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} ref={ref}>\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            type='button'\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n            }}\n          >\n            <Icon as='span' name='close' size={16} />\n          </Styled.CloseButton>\n        )}\n        {title && (\n          <Text\n            weight={700}\n            marginRight={showCloseButton ? 16 : undefined}\n            marginBottom={content || footer ? '0.3em' : undefined}\n            {...textProps}\n            {...titleProps}\n          >\n            {title}\n          </Text>\n        )}\n        {content && (\n          <Text\n            marginRight={!title && showCloseButton ? 16 : undefined}\n            marginBottom={footer ? '0.2em' : undefined}\n            {...textProps}\n            {...contentProps}\n          >\n            {content}\n          </Text>\n        )}\n        {footer}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { TooltipComponent }\n\nexport { COMPONENT_NAME, SIZES }\n"],"names":["COMPONENT_NAME","TooltipComponent","withMergedProps","forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton","restProps","_excluded","textProps","appearance","color","_jsxs","Styled.Root","children","_jsx","Styled.CloseButton","type","onClick","evt","Icon","as","name","Text","_objectSpread","weight","marginRight","undefined","marginBottom","sizes","SIZES","displayName"],"mappings":"+lBASMA,IAAAA,EAAiB,mBAYjBC,IAAAA,EAA2EC,EAI/EC,IAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,WAEJA,EAAa,GAFTC,aAGJA,EAAe,GAHXC,iBAIJA,EAAmB,GAJfC,MAKJA,EALIC,QAMJA,EANIC,OAOJA,EAPIC,QAQJA,EARIC,gBASJA,GAEEV,EADCW,IACDX,EAXJY,GAaA,IAAMC,EAAuB,CAAEC,WAAY,OAAQZ,KAAM,UAAWa,MAAO,WAE3E,OACEC,EAACC,SAAgBN,GAAjB,GAAA,CAA4BT,KAAMA,EAAMD,IAAKA,EAA7CiB,SAAA,CACGR,GACCS,EAACC,SACKf,GADN,GAAA,CAEEgB,KAAK,SACLC,QAAUC,IACe,mBAAZd,GAAwBA,IAC/BJ,EAAiBiB,SAASjB,EAAiBiB,QAAQC,IAL3DL,SAQEC,EAACK,EAAD,CAAMC,GAAG,OAAOC,KAAK,QAAQxB,KAAM,QAGtCI,GACCa,EAACQ,EAADC,EAAAA,EAAAA,EAAA,CACEC,OAAQ,IACRC,YAAapB,EAAkB,QAAKqB,EACpCC,aAAczB,GAAWC,EAAS,gBAC9BK,GACAV,GALN,GAAA,CAAAe,SAOGZ,KAGJC,GACCY,EAACQ,EAADC,EAAAA,EAAAA,EAAA,CACEE,aAAcxB,GAASI,EAAkB,QAAKqB,EAC9CC,aAAcxB,EAAS,aAAA,GACnBK,GACAT,GAJN,GAAA,CAAAc,SAMGX,KAGJC,SAIP,CACEyB,MAAOC,EACPC,YAzEmB"}

package/components/TooltipComponent/constants.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={xxxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},l:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},m:{fontSize:14,minWidth:64,maxWidth:340,paddingTop:12,paddingRight:16,paddingBottom:12,paddingLeft:16,borderRadius:8},s:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8}};
+var d={xxxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},l:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},m:{fontSize:14,minWidth:64,maxWidth:340,paddingTop:12,paddingRight:16,paddingBottom:12,paddingLeft:16,borderRadius:8},s:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8}};export{d as SIZES};
 //# sourceMappingURL=constants.js.map

package/components/TooltipComponent/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/TooltipComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  xxl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  xl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  l: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  m: {\n    fontSize: 14,\n    minWidth: 64,\n    maxWidth: 340,\n    paddingTop: 12,\n    paddingRight: 16,\n    paddingBottom: 12,\n    paddingLeft: 16,\n    borderRadius: 8,\n  },\n  s: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xxs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xxxs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n}\n"],"names":["xxxl","fontSize","minWidth","maxWidth","paddingTop","paddingRight","paddingBottom","paddingLeft","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBC,IAAK,CACHR,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBE,GAAI,CACFT,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBG,EAAG,CACDV,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBI,EAAG,CACDX,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBK,EAAG,CACDZ,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBM,GAAI,CACFb,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBO,IAAK,CACHd,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBQ,KAAM,CACJf,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/TooltipComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  xxl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  xl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  l: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  m: {\n    fontSize: 14,\n    minWidth: 64,\n    maxWidth: 340,\n    paddingTop: 12,\n    paddingRight: 16,\n    paddingBottom: 12,\n    paddingLeft: 16,\n    borderRadius: 8,\n  },\n  s: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xxs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xxxs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","minWidth","maxWidth","paddingTop","paddingRight","paddingBottom","paddingLeft","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBC,IAAK,CACHR,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBE,GAAI,CACFT,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBG,EAAG,CACDV,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBI,EAAG,CACDX,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBK,EAAG,CACDZ,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBM,GAAI,CACFb,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBO,IAAK,CACHd,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBQ,KAAM,CACJf,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc"}

package/components/TooltipComponent/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardTooltipComponentProp=style.createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const CloseButton=styled__default.default.button.withConfig({displayName:"TooltipComponent__CloseButton",componentId:"ui__sc-1fjl2iv-0"})(["box-sizing:border-box;appearance:none;position:absolute;top:0;right:0;padding:4px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;cursor:pointer;&:disabled{cursor:not-allowed;}",""],focus.focus);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n\n  & > ${CloseButton} {\n    color: ${o.closeColor};\n  }\n  & > ${CloseButton}:hover {\n    color: ${o.closeColorHover};\n  }\n  & > ${CloseButton}:active {\n    color: ${o.closeColorActive};\n  }\n  & > ${CloseButton}:disabled {\n    color: ${o.closeColorDisabled};\n  }\n\n`;const COLOR_SCHEMA={contrast:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-basic'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-oncolor-tertiary'],closeColorHover:o.theme.colors['content-oncolor-primary'],closeColorActive:o.theme.colors['content-oncolor-primary'],closeColorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-onmain-inverse'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-inverse'],closeColorHover:tinycolor.default(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:tinycolor.default(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-tertiary'],closeColorHover:o.theme.colors['content-onmain-primary'],closeColorActive:o.theme.colors['content-onmain-primary'],closeColorDisabled:o.theme.colors['content-disabled'],...o.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,minWidth:'4.6em',maxWidth:'24em',padding:'0.8em',borderRadius:8})}).withConfig({displayName:"TooltipComponent__Root",componentId:"ui__sc-1fjl2iv-1"})(["box-sizing:border-box;display:inline-block;isolation:isolate;position:relative;cursor:default;word-break:break-word;"," ",""],(o=>{let e=COLOR_SCHEMA.primary;return o.black&&(e=COLOR_SCHEMA.black),o.contrast&&(e=COLOR_SCHEMA.contrast),e}),responsiveSize.responsiveSize);exports.CloseButton=CloseButton,exports.Root=Root;
+import o from'@babel/runtime/helpers/objectSpread2';import e,{css as r}from'styled-components';import n from'tinycolor2';import{createShouldForwardProp as t}from'../../shared/utils/style.js';import{focus as c}from'../../mixins/focus.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';var a=t((o=>!['black','contrast','elevated'].includes(o)));var s=e.button.withConfig({componentId:"fox-ui__sc-1fjl2iv-0"})(["box-sizing:border-box;appearance:none;position:absolute;top:0;right:0;padding:4px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;cursor:pointer;&:disabled{cursor:not-allowed;}",""],c);var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  filter: drop-shadow(0 6px 10px ").concat(o.shadowColor,");\n\n  & > ").concat(s," {\n    color: ").concat(o.closeColor,";\n  }\n  & > ").concat(s,":hover {\n    color: ").concat(o.closeColorHover,";\n  }\n  & > ").concat(s,":active {\n    color: ").concat(o.closeColorActive,";\n  }\n  & > ").concat(s,":disabled {\n    color: ").concat(o.closeColorDisabled,";\n  }\n\n");var m={contrast:r(["",""],(e=>i(o({color:e.theme.colors['content-oncolor-primary'],backgroundColor:e.theme.colors['bg-brand-primary-basic'],shadowColor:e.elevated?e.theme.colors['bg-oncolor-hover']:e.theme.colors.transparent,closeColor:e.theme.colors['content-oncolor-tertiary'],closeColorHover:e.theme.colors['content-oncolor-primary'],closeColorActive:e.theme.colors['content-oncolor-primary'],closeColorDisabled:e.theme.colors['content-oncolor-disabled']},e.palette)))),black:r(["",""],(e=>i(o({color:e.theme.colors['content-onmain-inverse'],backgroundColor:e.theme.colors['bg-onmain-inverse'],shadowColor:e.elevated?e.theme.colors['bg-oncolor-hover']:e.theme.colors.transparent,closeColor:e.theme.colors['content-onmain-inverse'],closeColorHover:n(e.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:n(e.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:e.theme.colors['content-disabled']},e.palette)))),primary:r(["",""],(e=>i(o({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-onmain-primary'],shadowColor:e.elevated?e.theme.colors['bg-oncolor-hover']:e.theme.colors.transparent,closeColor:e.theme.colors['content-onmain-tertiary'],closeColorHover:e.theme.colors['content-onmain-primary'],closeColorActive:e.theme.colors['content-onmain-primary'],closeColorDisabled:e.theme.colors['content-disabled']},e.palette))))};var d=e.div.withConfig({shouldForwardProp:a}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(e),minWidth:'4.6em',maxWidth:'24em',padding:'0.8em',borderRadius:8})}).withConfig({componentId:"fox-ui__sc-1fjl2iv-1"})(["box-sizing:border-box;display:inline-block;isolation:isolate;position:relative;cursor:default;word-break:break-word;"," ",""],(o=>{var e=m.primary;return o.black&&(e=m.black),o.contrast&&(e=m.contrast),e}),l);export{s as CloseButton,d as Root};
 //# sourceMappingURL=style.js.map

package/components/TooltipComponent/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/TooltipComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledTooltipComponentProps, TooltipComponentPalette } from './types'\n\nconst shouldForwardTooltipComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'contrast', 'elevated'].includes(propKey)\n)\n\nexport const CloseButton = styled.button`\n  box-sizing: border-box;\n  appearance: none;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background-color: transparent;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  ${focus}\n`\n\nconst template = (palette: TooltipComponentPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n\n  & > ${CloseButton} {\n    color: ${palette.closeColor};\n  }\n  & > ${CloseButton}:hover {\n    color: ${palette.closeColorHover};\n  }\n  & > ${CloseButton}:active {\n    color: ${palette.closeColorActive};\n  }\n  & > ${CloseButton}:disabled {\n    color: ${palette.closeColorDisabled};\n  }\n\n`\n\nconst COLOR_SCHEMA = {\n  contrast: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-basic'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        closeColor: props.theme.colors['content-oncolor-tertiary'],\n        closeColorHover: props.theme.colors['content-oncolor-primary'],\n        closeColorActive: props.theme.colors['content-oncolor-primary'],\n        closeColorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n  black: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-inverse'],\n        backgroundColor: props.theme.colors['bg-onmain-inverse'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        closeColor: props.theme.colors['content-onmain-inverse'],\n        closeColorHover: tinycolor(props.theme.colors['content-onmain-inverse']).darken(20).toString() as CSSColor,\n        closeColorActive: tinycolor(props.theme.colors['content-onmain-inverse']).darken(20).toString() as CSSColor,\n        closeColorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        closeColor: props.theme.colors['content-onmain-tertiary'],\n        closeColorHover: props.theme.colors['content-onmain-primary'],\n        closeColorActive: props.theme.colors['content-onmain-primary'],\n        closeColorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledTooltipComponentProps>({\n    shouldForwardProp: shouldForwardTooltipComponentProp,\n  })\n  .attrs<StyledTooltipComponentProps>(<Required<Pick<StyledTooltipComponentProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      minWidth: '4.6em',\n      maxWidth: '24em',\n      padding: '0.8em',\n      borderRadius: 8,\n    }),\n  })`\n  box-sizing: border-box;\n  display: inline-block;\n  isolation: isolate;\n  position: relative;\n  cursor: default;\n  word-break: break-word;\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.black) schema = COLOR_SCHEMA.black\n    if (props.contrast) schema = COLOR_SCHEMA.contrast\n\n    return schema\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardTooltipComponentProp","createShouldForwardProp","propKey","includes","CloseButton","styled","button","withConfig","displayName","componentId","focus","template","palette","color","backgroundColor","shadowColor","closeColor","closeColorHover","closeColorActive","closeColorDisabled","COLOR_SCHEMA","contrast","css","props","theme","colors","elevated","transparent","black","tinycolor","default","darken","toString","primary","Root","div","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","minWidth","maxWidth","padding","borderRadius","schema","responsiveSize"],"mappings":"gaAQA,MAAMA,kCAAoCC,MAAuBA,yBAC9DC,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,WAG9CE,YAAcC,gBAAAA,QAAOC,OAAMC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAbJ,CAAa,CAAA,8PAAA,IAmBpCK,MAAAA,OAGJ,MAAMC,SAAYC,GAAqC,cAC5CA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,0BAEnCX,6BACKQ,EAAQI,2BAEbZ,mCACKQ,EAAQK,gCAEbb,oCACKQ,EAAQM,iCAEbd,sCACKQ,EAAQO,+BAKrB,MAAMC,aAAe,CACnBC,SAAUC,OAAGA,IAAA,CAAA,GAAA,KACRC,GACDZ,SAAS,CACPE,MAAOU,EAAMC,MAAMC,OAAO,2BAC1BX,gBAAiBS,EAAMC,MAAMC,OAAO,0BACpCV,YAAaQ,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,YAC1FX,WAAYO,EAAMC,MAAMC,OAAO,4BAC/BR,gBAAiBM,EAAMC,MAAMC,OAAO,2BACpCP,iBAAkBK,EAAMC,MAAMC,OAAO,2BACrCN,mBAAoBI,EAAMC,MAAMC,OAAO,+BACpCF,EAAMX,YAGfgB,MAAON,OAAGA,IAAA,CAAA,GAAA,KACLC,GACDZ,SAAS,CACPE,MAAOU,EAAMC,MAAMC,OAAO,0BAC1BX,gBAAiBS,EAAMC,MAAMC,OAAO,qBACpCV,YAAaQ,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,YAC1FX,WAAYO,EAAMC,MAAMC,OAAO,0BAC/BR,gBAAiBY,UAASC,QAACP,EAAMC,MAAMC,OAAO,2BAA2BM,OAAO,IAAIC,WACpFd,iBAAkBW,UAASC,QAACP,EAAMC,MAAMC,OAAO,2BAA2BM,OAAO,IAAIC,WACrFb,mBAAoBI,EAAMC,MAAMC,OAAO,uBACpCF,EAAMX,YAGfqB,QAASX,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDZ,SAAS,CACPE,MAAOU,EAAMC,MAAMC,OAAO,0BAC1BX,gBAAiBS,EAAMC,MAAMC,OAAO,qBACpCV,YAAaQ,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,YAC1FX,WAAYO,EAAMC,MAAMC,OAAO,2BAC/BR,gBAAiBM,EAAMC,MAAMC,OAAO,0BACpCP,iBAAkBK,EAAMC,MAAMC,OAAO,0BACrCN,mBAAoBI,EAAMC,MAAMC,OAAO,uBACpCF,EAAMX,aAKV,MAAMsB,KAAO7B,gBAAAA,QAAO8B,IACxB5B,WAAwC,CACvC6B,kBAAmBpC,oCAEpBqC,MAA0G,CACzGC,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,SAAU,QACVC,SAAU,OACVC,QAAS,QACTC,aAAc,MAEhBtC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAZgBJ,CAYhB,CAAA,uHAAA,IAAA,KAQCkB,IACD,IAAIuB,EAAS1B,aAAaa,QAK1B,OAHIV,EAAMK,QAAOkB,EAAS1B,aAAaQ,OACnCL,EAAMF,WAAUyB,EAAS1B,aAAaC,UAEnCyB,CAAM,GAGbC,eAAcA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/TooltipComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledTooltipComponentProps, TooltipComponentPalette } from './types'\n\nconst shouldForwardTooltipComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'contrast', 'elevated'].includes(propKey)\n)\n\nexport const CloseButton = styled.button`\n  box-sizing: border-box;\n  appearance: none;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background-color: transparent;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  ${focus}\n`\n\nconst template = (palette: TooltipComponentPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n\n  & > ${CloseButton} {\n    color: ${palette.closeColor};\n  }\n  & > ${CloseButton}:hover {\n    color: ${palette.closeColorHover};\n  }\n  & > ${CloseButton}:active {\n    color: ${palette.closeColorActive};\n  }\n  & > ${CloseButton}:disabled {\n    color: ${palette.closeColorDisabled};\n  }\n\n`\n\nconst COLOR_SCHEMA = {\n  contrast: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-basic'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        closeColor: props.theme.colors['content-oncolor-tertiary'],\n        closeColorHover: props.theme.colors['content-oncolor-primary'],\n        closeColorActive: props.theme.colors['content-oncolor-primary'],\n        closeColorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n  black: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-inverse'],\n        backgroundColor: props.theme.colors['bg-onmain-inverse'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        closeColor: props.theme.colors['content-onmain-inverse'],\n        closeColorHover: tinycolor(props.theme.colors['content-onmain-inverse']).darken(20).toString() as CSSColor,\n        closeColorActive: tinycolor(props.theme.colors['content-onmain-inverse']).darken(20).toString() as CSSColor,\n        closeColorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        closeColor: props.theme.colors['content-onmain-tertiary'],\n        closeColorHover: props.theme.colors['content-onmain-primary'],\n        closeColorActive: props.theme.colors['content-onmain-primary'],\n        closeColorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledTooltipComponentProps>({\n    shouldForwardProp: shouldForwardTooltipComponentProp,\n  })\n  .attrs<StyledTooltipComponentProps>(<Required<Pick<StyledTooltipComponentProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      minWidth: '4.6em',\n      maxWidth: '24em',\n      padding: '0.8em',\n      borderRadius: 8,\n    }),\n  })`\n  box-sizing: border-box;\n  display: inline-block;\n  isolation: isolate;\n  position: relative;\n  cursor: default;\n  word-break: break-word;\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.black) schema = COLOR_SCHEMA.black\n    if (props.contrast) schema = COLOR_SCHEMA.contrast\n\n    return schema\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardTooltipComponentProp","createShouldForwardProp","propKey","includes","CloseButton","styled","button","withConfig","componentId","focus","template","palette","color","concat","backgroundColor","shadowColor","closeColor","closeColorHover","closeColorActive","closeColorDisabled","COLOR_SCHEMA","contrast","css","props","_objectSpread","theme","colors","elevated","transparent","black","tinycolor","darken","toString","primary","Root","div","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","minWidth","maxWidth","padding","borderRadius","schema","responsiveSize"],"mappings":"8SAQA,IAAMA,EAAoCC,GACvCC,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,KAG9CE,IAAAA,EAAcC,EAAOC,OAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,8PAAA,IAmBpBI,GAGJ,IAAMC,EAAYC,GACPA,cAAAA,OAAAA,EAAQC,MADF,2BAAAC,OAEKF,EAAQG,gBACKH,wCAAAA,OAAAA,EAAQI,YAH1B,gBAAAF,OAKTT,EACKO,mBAAAA,OAAAA,EAAQK,oCAEbZ,EARS,yBAAAS,OASJF,EAAQM,yCAEbb,EAXS,0BAAAS,OAYJF,EAAQO,iBAEbd,kBAAAA,OAAAA,qCACKO,EAAQQ,mBAfrB,cAoBA,IAAMC,EAAe,CACnBC,SAAUC,EACLC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNZ,MAAOW,EAAME,MAAMC,OAAO,2BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,0BACpCX,YAAaQ,EAAMI,SAAWJ,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOE,YAC1FZ,WAAYO,EAAME,MAAMC,OAAO,4BAC/BT,gBAAiBM,EAAME,MAAMC,OAAO,2BACpCR,iBAAkBK,EAAME,MAAMC,OAAO,2BACrCP,mBAAoBI,EAAME,MAAMC,OAAO,6BACpCH,EAAMZ,YAGfkB,MAAOP,EACFC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNZ,MAAOW,EAAME,MAAMC,OAAO,0BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,qBACpCX,YAAaQ,EAAMI,SAAWJ,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOE,YAC1FZ,WAAYO,EAAME,MAAMC,OAAO,0BAC/BT,gBAAiBa,EAAUP,EAAME,MAAMC,OAAO,2BAA2BK,OAAO,IAAIC,WACpFd,iBAAkBY,EAAUP,EAAME,MAAMC,OAAO,2BAA2BK,OAAO,IAAIC,WACrFb,mBAAoBI,EAAME,MAAMC,OAAO,qBACpCH,EAAMZ,YAGfsB,QAASX,EACJC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNZ,MAAOW,EAAME,MAAMC,OAAO,0BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,qBACpCX,YAAaQ,EAAMI,SAAWJ,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOE,YAC1FZ,WAAYO,EAAME,MAAMC,OAAO,2BAC/BT,gBAAiBM,EAAME,MAAMC,OAAO,0BACpCR,iBAAkBK,EAAME,MAAMC,OAAO,0BACrCP,mBAAoBI,EAAME,MAAMC,OAAO,qBACpCH,EAAMZ,aAKV,IAAMuB,EAAO7B,EAAO8B,IACxB5B,WAAwC,CACvC6B,kBAAmBpC,IAEpBqC,MAA0G,CACzGC,uBAAwB,CAACC,EAAMC,KAAAA,CAC7BC,SAA0B,iBAATF,EAAoBA,EAAUA,GAAAA,OAAAA,GAAOC,OAAAA,GACtDE,SAAU,QACVC,SAAU,OACVC,QAAS,QACTC,aAAc,MAVHtC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,uHAAA,IAAA,KAoBZkB,IACD,IAAIuB,EAAS1B,EAAaa,QAK1B,OAHIV,EAAMM,QAAOiB,EAAS1B,EAAaS,OACnCN,EAAMF,WAAUyB,EAAS1B,EAAaC,UAEnCyB,IAGPC"}