@foxford/ui 2.8.0-beta-aad81f2-20230829 → 2.8.0

package/components/ActionBtn/ActionBtn.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionBtn.js","sources":["../../../../src/components/ActionBtn/ActionBtn.tsx"],"sourcesContent":["import { useClassname } from 'hooks/useClassname'\nimport { Display } from '../../mixins/display'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Icon, IconNames } from './../Icon'\nimport * as Styled from './style'\n\nexport interface ActionBtnProps extends BaseProps, Display {\n  /** Icon name (for inner Icon component) */\n  icon?: keyof typeof IconNames\n  disabled?: boolean\n  active?: boolean\n  onClick?(): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n}\n\nActionBtn.displayName = 'ActionBtn'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function ActionBtn({ icon, disabled = false, onClick, children, className, active, style }: ActionBtnProps) {\n  const _className = useClassname(ActionBtn.displayName, className)\n\n  return (\n    <Styled.Root className={_className} style={style} disabled={disabled} active={active} onClick={onClick}>\n      {icon && <Icon size={16} name={icon} />}\n      {children}\n    </Styled.Root>\n  )\n}\n"],"names":["ActionBtn","_ref","icon","disabled","onClick","children","className","active","style","_className","useClassname","displayName","_jsxs","Styled.Root","_jsx","Icon","size","name"],"mappings":"+MAyBO,SAASA,EAAmGC,GAAA,IAAzFC,KAAEA,EAAFC,SAAQA,GAAW,EAAnBC,QAA0BA,EAA1BC,SAAmCA,EAAnCC,UAA6CA,EAA7CC,OAAwDA,EAAxDC,MAAgEA,GAAyBP,EACjH,IAAMQ,EAAaC,EAAaV,EAAUW,YAAaL,GAEvD,OACEM,EAACC,EAAD,CAAaP,UAAWG,EAAYD,MAAOA,EAAOL,SAAUA,EAAUI,OAAQA,EAAQH,QAASA,EAA/FC,SACGH,CAAAA,GAAQY,EAACC,EAAD,CAAMC,KAAM,GAAIC,KAAMf,IAC9BG,KAbPL,EAAUW,YAAc"}
+{"version":3,"file":"ActionBtn.js","sources":["../../../../src/components/ActionBtn/ActionBtn.tsx"],"sourcesContent":["import { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { Icon, IconNames } from './../Icon'\nimport * as Styled from './style'\n\nexport interface ActionBtnProps extends BaseProps, DisplayProperty {\n  /** Icon name (for inner Icon component) */\n  icon?: keyof typeof IconNames\n  disabled?: boolean\n  active?: boolean\n  onClick?(): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n}\n\nActionBtn.displayName = 'ActionBtn'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function ActionBtn({ icon, disabled = false, onClick, children, className, active, style }: ActionBtnProps) {\n  const _className = useClassname(ActionBtn.displayName, className)\n\n  return (\n    <Styled.Root className={_className} style={style} disabled={disabled} active={active} onClick={onClick}>\n      {icon && <Icon size={16} name={icon} />}\n      {children}\n    </Styled.Root>\n  )\n}\n"],"names":["ActionBtn","_ref","icon","disabled","onClick","children","className","active","style","_className","useClassname","displayName","_jsxs","Styled.Root","_jsx","Icon","size","name"],"mappings":"+MAyBO,SAASA,EAAmGC,GAAA,IAAzFC,KAAEA,EAAFC,SAAQA,GAAW,EAAnBC,QAA0BA,EAA1BC,SAAmCA,EAAnCC,UAA6CA,EAA7CC,OAAwDA,EAAxDC,MAAgEA,GAAyBP,EACjH,IAAMQ,EAAaC,EAAaV,EAAUW,YAAaL,GAEvD,OACEM,EAACC,EAAD,CAAaP,UAAWG,EAAYD,MAAOA,EAAOL,SAAUA,EAAUI,OAAQA,EAAQH,QAASA,EAA/FC,SACGH,CAAAA,GAAQY,EAACC,EAAD,CAAMC,KAAM,GAAIC,KAAMf,IAC9BG,KAbPL,EAAUW,YAAc"}

package/components/Alert/CountdownCircle.js

@@ -1,2 +1,2 @@
-import{useState as r,useRef as e,useEffect as t}from'react';import{Progress as s}from'../Progress/Progress.js';import{jsx as a}from'react/jsx-runtime';var o=o=>{var{className:c,color:n,isCompact:l,paused:u,timer:i}=o;var[m,p]=r(i);var v=e();t((()=>()=>{v.current&&clearInterval(v.current)}),[]),t((()=>{u?clearInterval(v.current):v.current=setInterval((()=>{p((r=>r<=.05?(clearInterval(v.current),r):r-.05))}),50)}),[u]);var f=m/i*100;return a(s.Circle,{className:c,content:Math.ceil(m),progress:f,progressStartAngle:0,resultColor:n,size:l?16:20,strokeBGColor:"transparent",strokeLineWidth:1.5})};export{o as CountdownCircle};
+import{useState as r,useRef as e,useEffect as s}from'react';import{DefaultColorNames as t}from'../../theme/colors.js';import{Progress as a}from'../Progress/Progress.js';import{jsx as o}from'react/jsx-runtime';var c=c=>{var{className:l,color:n,isCompact:m,paused:u,timer:i}=c;var[p,v]=r(i);var f=e();s((()=>()=>{f.current&&clearInterval(f.current)}),[]),s((()=>{u?clearInterval(f.current):f.current=setInterval((()=>{v((r=>r<=.05?(clearInterval(f.current),r):r-.05))}),50)}),[u]);var C=p/i*100;return o(a.Circle,{className:l,content:Math.ceil(p),progress:C,progressStartAngle:0,resultColor:n,size:m?16:20,strokeBGColor:t.transparent,strokeLineWidth:1.5})};export{c as CountdownCircle};
 //# sourceMappingURL=CountdownCircle.js.map

package/components/Alert/CountdownCircle.js.map

@@ -1 +1 @@
-{"version":3,"file":"CountdownCircle.js","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { Progress } from '../Progress'\n\nimport type { CountdownCircleProps } from './types'\n\nconst progressRate = 0.05\n\nconst CountdownCircle = ({ className, color, isCompact, paused, timer }: CountdownCircleProps) => {\n  const [countdown, setCountdown] = useState(timer)\n  const intervalId = useRef<ReturnType<typeof setInterval>>()\n\n  useEffect(() => {\n    return () => {\n      if (intervalId.current) {\n        clearInterval(intervalId.current)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    if (paused) {\n      clearInterval(intervalId.current)\n    } else {\n      intervalId.current = setInterval(() => {\n        setCountdown((prevCountdown) => {\n          if (prevCountdown <= progressRate) {\n            clearInterval(intervalId.current)\n            return prevCountdown\n          }\n\n          return prevCountdown - progressRate\n        })\n      }, progressRate * 1000)\n    }\n  }, [paused])\n\n  const progress = (countdown / timer) * 100\n\n  return (\n    <Progress.Circle\n      className={className}\n      content={Math.ceil(countdown)}\n      progress={progress}\n      progressStartAngle={0}\n      resultColor={color}\n      size={isCompact ? 16 : 20}\n      strokeBGColor='transparent'\n      strokeLineWidth={1.5}\n    />\n  )\n}\n\nexport { CountdownCircle }\n"],"names":["CountdownCircle","_ref","className","color","isCompact","paused","timer","countdown","setCountdown","useState","intervalId","useRef","useEffect","current","clearInterval","setInterval","prevCountdown","progressRate","progress","_jsx","Progress","Circle","content","Math","ceil","progressStartAngle","resultColor","size","strokeBGColor","strokeLineWidth"],"mappings":"uJAQMA,IAAAA,EAAkBC,IAA0E,IAAzEC,UAAEA,EAAFC,MAAaA,EAAbC,UAAoBA,EAApBC,OAA+BA,EAA/BC,MAAuCA,GAAkCL,EAChG,IAAOM,EAAWC,GAAgBC,EAASH,GAC3C,IAAMI,EAAaC,IAEnBC,OACS,KACDF,EAAWG,SACbC,cAAcJ,EAAWG,WAG5B,IAEHD,QACMP,EACFS,cAAcJ,EAAWG,SAEzBH,EAAWG,QAAUE,aAAAA,KACnBP,GAAcQ,GACRA,GApBO,KAqBTF,cAAcJ,EAAWG,SAClBG,GAGFA,EAzBI,QA2BZC,MAEJ,CAACZ,IAEJ,IAAMa,EAAYX,EAAYD,EAAS,IAEvC,OACEa,EAACC,EAASC,OAAV,CACEnB,UAAWA,EACXoB,QAASC,KAAKC,KAAKjB,GACnBW,SAAUA,EACVO,mBAAoB,EACpBC,YAAavB,EACbwB,KAAMvB,EAAY,GAAK,GACvBwB,cAAc,cACdC,gBAAiB"}
+{"version":3,"file":"CountdownCircle.js","sources":["../../../../src/components/Alert/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react'\n\nimport { DefaultColorNames } from 'theme/colors'\nimport { Progress } from '../Progress'\n\nimport type { CountdownCircleProps } from './types'\n\nconst progressRate = 0.05\n\nconst CountdownCircle = ({ className, color, isCompact, paused, timer }: CountdownCircleProps) => {\n  const [countdown, setCountdown] = useState(timer)\n  const intervalId = useRef<ReturnType<typeof setInterval>>()\n\n  useEffect(() => {\n    return () => {\n      if (intervalId.current) {\n        clearInterval(intervalId.current)\n      }\n    }\n  }, [])\n\n  useEffect(() => {\n    if (paused) {\n      clearInterval(intervalId.current)\n    } else {\n      intervalId.current = setInterval(() => {\n        setCountdown((prevCountdown) => {\n          if (prevCountdown <= progressRate) {\n            clearInterval(intervalId.current)\n            return prevCountdown\n          }\n\n          return prevCountdown - progressRate\n        })\n      }, progressRate * 1000)\n    }\n  }, [paused])\n\n  const progress = (countdown / timer) * 100\n\n  return (\n    <Progress.Circle\n      className={className}\n      content={Math.ceil(countdown)}\n      progress={progress}\n      progressStartAngle={0}\n      resultColor={color}\n      size={isCompact ? 16 : 20}\n      strokeBGColor={DefaultColorNames.transparent}\n      strokeLineWidth={1.5}\n    />\n  )\n}\n\nexport { CountdownCircle }\n"],"names":["CountdownCircle","_ref","className","color","isCompact","paused","timer","countdown","setCountdown","useState","intervalId","useRef","useEffect","current","clearInterval","setInterval","prevCountdown","progressRate","progress","_jsx","Progress","Circle","content","Math","ceil","progressStartAngle","resultColor","size","strokeBGColor","DefaultColorNames","transparent","strokeLineWidth"],"mappings":"iNASMA,IAAAA,EAAkBC,IAA0E,IAAzEC,UAAEA,EAAFC,MAAaA,EAAbC,UAAoBA,EAApBC,OAA+BA,EAA/BC,MAAuCA,GAAkCL,EAChG,IAAOM,EAAWC,GAAgBC,EAASH,GAC3C,IAAMI,EAAaC,IAEnBC,GAAU,IACD,KACDF,EAAWG,SACbC,cAAcJ,EAAWG,WAG5B,IAEHD,GAAU,KACJP,EACFS,cAAcJ,EAAWG,SAEzBH,EAAWG,QAAUE,aAAAA,KACnBP,GAAcQ,GACRA,GApBO,KAqBTF,cAAcJ,EAAWG,SAClBG,GAGFA,EAzBI,QA2BZC,MAEJ,CAACZ,IAEJ,IAAMa,EAAYX,EAAYD,EAAS,IAEvC,OACEa,EAACC,EAASC,OAAV,CACEnB,UAAWA,EACXoB,QAASC,KAAKC,KAAKjB,GACnBW,SAAUA,EACVO,mBAAoB,EACpBC,YAAavB,EACbwB,KAAMvB,EAAY,GAAK,GACvBwB,cAAeC,EAAkBC,YACjCC,gBAAiB"}

package/components/Alert/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Alert/utils.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\n\nimport type { ColorValue } from '../../mixins/color'\n\nimport type { AlertProps } from './types'\n\nexport const countdownColor = ({ theme, type }: Pick<AlertProps, 'type'> & { theme: DefaultTheme }): ColorValue => {\n  switch (type) {\n    case 'error':\n      return theme.colors['alert-bg-error-500']\n    case 'info':\n      return theme.colors['content-brand-primary']\n    case 'success':\n      return theme.colors['alert-success']\n    case 'warning':\n      return theme.colors['alert-warning']\n    default:\n      return theme.colors['content-brand-primary']\n  }\n}\n"],"names":["countdownColor","_ref","theme","type","colors"],"mappings":"AAMO,IAAMA,EAAiBC,IAAqF,IAApFC,MAAEA,EAAFC,KAASA,GAA2EF,EACjH,OAAQE,GACN,IAAK,QACH,OAAOD,EAAME,OAAO,sBACtB,IAAK,OAML,QACE,OAAOF,EAAME,OAAO,yBALtB,IAAK,UACH,OAAOF,EAAME,OAAO,iBACtB,IAAK,UACH,OAAOF,EAAME,OAAO"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Alert/utils.ts"],"sourcesContent":["import type { DefaultTheme } from 'styled-components'\n\nimport type { ColorValue } from 'mixins/color'\n\nimport type { AlertProps } from './types'\n\nexport const countdownColor = ({ theme, type }: Pick<AlertProps, 'type'> & { theme: DefaultTheme }): ColorValue => {\n  switch (type) {\n    case 'error':\n      return theme.colors['alert-bg-error-500']\n    case 'info':\n      return theme.colors['content-brand-primary']\n    case 'success':\n      return theme.colors['alert-success']\n    case 'warning':\n      return theme.colors['alert-warning']\n    default:\n      return theme.colors['content-brand-primary']\n  }\n}\n"],"names":["countdownColor","_ref","theme","type","colors"],"mappings":"AAMO,IAAMA,EAAiBC,IAAqF,IAApFC,MAAEA,EAAFC,KAASA,GAA2EF,EACjH,OAAQE,GACN,IAAK,QACH,OAAOD,EAAME,OAAO,sBACtB,IAAK,OAML,QACE,OAAOF,EAAME,OAAO,yBALtB,IAAK,UACH,OAAOF,EAAME,OAAO,iBACtB,IAAK,UACH,OAAOF,EAAME,OAAO"}

package/components/Amount/Amount.js.map

@@ -1 +1 @@
-{"version":3,"file":"Amount.js","sources":["../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport cx from 'clsx'\nimport { Color } from '../../mixins/color'\nimport { ResponsiveNamedProperty } from '../../mixins/responsive-property'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Text } from '../Text'\nimport { Display } from '../../mixins/display'\nimport { CurrencyCodes, CURRENCY_MAP } from './data'\nimport * as Styled from './style'\n\nexport interface AmountProps extends BaseProps, Color, ResponsiveNamedProperty<'size'>, Display {\n  /**\n   * Value for amount\n   */\n  value?: number\n  /**\n   * Digits after point\n   */\n  digitsAfterPoint?: number\n  /**\n   * Show zero minor part\n   */\n  showZeroMinorPart?: boolean\n  /**\n   * Separator of major and minor part of amount\n   */\n  separator?: string\n  /**\n   * International code of currency.\n   */\n  currency?: keyof typeof CurrencyCodes | string\n  /**\n   * Use Header component for display amount\n   */\n  isHeader?: boolean\n  /**\n   * Amount is not valid and will be crossed out with ```text-decoration: line-through```\n   */\n  crossedOut?: boolean\n  /**\n   * If need only currency symbol\n   */\n  onlyCurrency?: boolean\n}\n\nconst AMOUNT_MAJOR_PART_SIZE = 3\nconst ZERO_MINOR_PART_REGEXP = /^0+$/\nconst MINUS_SIGN_HTML_CODE = '\\u2212'\n\nfunction createSplitter(partSize: number): (_s: string) => string[] {\n  const parts = (str: string): string[] => {\n    const { length } = str\n\n    if (length <= partSize) {\n      return [str]\n    }\n\n    const from = length - partSize\n    const to = length\n\n    return [str.slice(from, to)].concat(parts(str.slice(0, from)))\n  }\n\n  return parts\n}\n\nfunction formatAmount(\n  value: AmountProps['value'] = 0,\n  digitsAfterPoint: AmountProps['digitsAfterPoint'],\n  currencyCode: AmountProps['currency']\n) {\n  const isNegative = value < 0\n\n  const valueAbs = Math.abs(value)\n  const valueAbsStr = valueAbs.toFixed(digitsAfterPoint)\n\n  const numberParts = valueAbsStr.split('.')\n  const majorPart = numberParts[0]\n  const minorPart = numberParts[1]\n\n  const amountSplitter = createSplitter(AMOUNT_MAJOR_PART_SIZE)\n\n  const majorPartFormatted = amountSplitter(majorPart).reverse().join(' ')\n\n  const formattedValueStr = majorPartFormatted + (minorPart ? `,${minorPart}` : '')\n\n  return {\n    majorPart: majorPartFormatted,\n    minorPart,\n    value: formattedValueStr,\n    isNegative,\n    currencySymbol: currencyCode ? Amount.getCurrencySymbol(currencyCode) : '',\n  }\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport class Amount extends PureComponent<AmountProps> {\n  static displayName = 'Amount'\n  static defaultProps = {\n    isHeader: false,\n    showZeroMinorPart: false,\n    crossedOut: false,\n    digitsAfterPoint: 2,\n    separator: ',',\n    onlyCurrency: false,\n  }\n\n  static getCurrencySymbol(currencyCode: keyof typeof CurrencyCodes | string) {\n    return CURRENCY_MAP[currencyCode] || currencyCode\n  }\n\n  renderMinorPart(minorPart: string) {\n    const { showZeroMinorPart, separator } = this.props\n\n    let needMinorPart = false\n\n    if (minorPart) {\n      needMinorPart = true\n\n      if (!showZeroMinorPart && ZERO_MINOR_PART_REGEXP.test(minorPart)) {\n        needMinorPart = false\n      }\n    }\n\n    if (needMinorPart) {\n      return (\n        <span className='minor-container'>\n          <span className='separator'>{separator}</span>\n          <span className='minor'>{minorPart}</span>\n        </span>\n      )\n    }\n\n    return null\n  }\n\n  renderCurrencySymbol = (currencySymbol: string) => (\n    <span style={{ position: 'relative' }}>\n      {this.props.currency === 'RUR' ? (\n        <span\n          style={{\n            position: 'absolute',\n            width: 0,\n            opacity: 0,\n            visibility: 'hidden',\n          }}\n        >\n          руб.\n        </span>\n      ) : null}\n      <span>{` ${currencySymbol}`}</span>\n    </span>\n  )\n\n  render() {\n    const { value, digitsAfterPoint, currency, isHeader, className, style, crossedOut, onlyCurrency, ...rest } =\n      this.props\n\n    const { majorPart, minorPart, isNegative, currencySymbol } = formatAmount(value, digitsAfterPoint, currency)\n\n    const classNames = cx('amount', className)\n\n    const amountInner = (\n      <Styled.Root className={classNames} style={style} crossedOut={crossedOut}>\n        {!onlyCurrency ? (\n          <>\n            <span className='major'>\n              {isNegative && MINUS_SIGN_HTML_CODE}\n              {majorPart}\n            </span>\n            {this.renderMinorPart(minorPart)}\n          </>\n        ) : null}\n        {currency && this.renderCurrencySymbol(currencySymbol)}\n      </Styled.Root>\n    )\n\n    const Element = isHeader ? Text.Heading : Text\n\n    return (\n      <Element {...rest} as='span'>\n        {amountInner}\n      </Element>\n    )\n  }\n}\n"],"names":["ZERO_MINOR_PART_REGEXP","createSplitter","partSize","parts","str","length","from","slice","concat","Amount","PureComponent","constructor","super","arguments","this","renderCurrencySymbol","currencySymbol","_jsxs","style","position","children","props","currency","_jsx","width","opacity","visibility","static","currencyCode","CURRENCY_MAP","renderMinorPart","minorPart","showZeroMinorPart","separator","needMinorPart","test","className","render","_this$props","value","digitsAfterPoint","isHeader","crossedOut","onlyCurrency","rest","_objectWithoutProperties","_excluded","majorPart","isNegative","r","e","t","undefined","numberParts","Math","abs","toFixed","split","majorPartFormatted","reverse","join","formattedValueStr","getCurrencySymbol","classNames","cx","amountInner","Styled.Root","_Fragment","Text","Heading","_objectSpread","as","displayName","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Amount.js","sources":["../../../../src/components/Amount/Amount.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport cx from 'clsx'\nimport { ColorProperty } from 'mixins/color'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { DisplayProperty } from 'mixins/display'\nimport { BaseProps } from 'shared/interfaces'\nimport { Text } from '../Text'\nimport { CurrencyCodes, CURRENCY_MAP } from './data'\nimport * as Styled from './style'\n\nexport interface AmountProps extends BaseProps, ColorProperty, ResponsiveNamedProperty<'size'>, DisplayProperty {\n  /**\n   * Value for amount\n   */\n  value?: number\n  /**\n   * Digits after point\n   */\n  digitsAfterPoint?: number\n  /**\n   * Show zero minor part\n   */\n  showZeroMinorPart?: boolean\n  /**\n   * Separator of major and minor part of amount\n   */\n  separator?: string\n  /**\n   * International code of currency.\n   */\n  currency?: keyof typeof CurrencyCodes | string\n  /**\n   * Use Header component for display amount\n   */\n  isHeader?: boolean\n  /**\n   * Amount is not valid and will be crossed out with ```text-decoration: line-through```\n   */\n  crossedOut?: boolean\n  /**\n   * If need only currency symbol\n   */\n  onlyCurrency?: boolean\n}\n\nconst AMOUNT_MAJOR_PART_SIZE = 3\nconst ZERO_MINOR_PART_REGEXP = /^0+$/\nconst MINUS_SIGN_HTML_CODE = '\\u2212'\n\nfunction createSplitter(partSize: number): (_s: string) => string[] {\n  const parts = (str: string): string[] => {\n    const { length } = str\n\n    if (length <= partSize) {\n      return [str]\n    }\n\n    const from = length - partSize\n    const to = length\n\n    return [str.slice(from, to)].concat(parts(str.slice(0, from)))\n  }\n\n  return parts\n}\n\nfunction formatAmount(\n  value: AmountProps['value'] = 0,\n  digitsAfterPoint: AmountProps['digitsAfterPoint'],\n  currencyCode: AmountProps['currency']\n) {\n  const isNegative = value < 0\n\n  const valueAbs = Math.abs(value)\n  const valueAbsStr = valueAbs.toFixed(digitsAfterPoint)\n\n  const numberParts = valueAbsStr.split('.')\n  const majorPart = numberParts[0]\n  const minorPart = numberParts[1]\n\n  const amountSplitter = createSplitter(AMOUNT_MAJOR_PART_SIZE)\n\n  const majorPartFormatted = amountSplitter(majorPart).reverse().join(' ')\n\n  const formattedValueStr = majorPartFormatted + (minorPart ? `,${minorPart}` : '')\n\n  return {\n    majorPart: majorPartFormatted,\n    minorPart,\n    value: formattedValueStr,\n    isNegative,\n    currencySymbol: currencyCode ? Amount.getCurrencySymbol(currencyCode) : '',\n  }\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport class Amount extends PureComponent<AmountProps> {\n  static displayName = 'Amount'\n  static defaultProps = {\n    isHeader: false,\n    showZeroMinorPart: false,\n    crossedOut: false,\n    digitsAfterPoint: 2,\n    separator: ',',\n    onlyCurrency: false,\n  }\n\n  static getCurrencySymbol(currencyCode: keyof typeof CurrencyCodes | string) {\n    return CURRENCY_MAP[currencyCode] || currencyCode\n  }\n\n  renderMinorPart(minorPart: string) {\n    const { showZeroMinorPart, separator } = this.props\n\n    let needMinorPart = false\n\n    if (minorPart) {\n      needMinorPart = true\n\n      if (!showZeroMinorPart && ZERO_MINOR_PART_REGEXP.test(minorPart)) {\n        needMinorPart = false\n      }\n    }\n\n    if (needMinorPart) {\n      return (\n        <span className='minor-container'>\n          <span className='separator'>{separator}</span>\n          <span className='minor'>{minorPart}</span>\n        </span>\n      )\n    }\n\n    return null\n  }\n\n  renderCurrencySymbol = (currencySymbol: string) => (\n    <span style={{ position: 'relative' }}>\n      {this.props.currency === 'RUR' ? (\n        <span\n          style={{\n            position: 'absolute',\n            width: 0,\n            opacity: 0,\n            visibility: 'hidden',\n          }}\n        >\n          руб.\n        </span>\n      ) : null}\n      <span>{` ${currencySymbol}`}</span>\n    </span>\n  )\n\n  render() {\n    const { value, digitsAfterPoint, currency, isHeader, className, style, crossedOut, onlyCurrency, ...rest } =\n      this.props\n\n    const { majorPart, minorPart, isNegative, currencySymbol } = formatAmount(value, digitsAfterPoint, currency)\n\n    const classNames = cx('amount', className)\n\n    const amountInner = (\n      <Styled.Root className={classNames} style={style} crossedOut={crossedOut}>\n        {!onlyCurrency ? (\n          <>\n            <span className='major'>\n              {isNegative && MINUS_SIGN_HTML_CODE}\n              {majorPart}\n            </span>\n            {this.renderMinorPart(minorPart)}\n          </>\n        ) : null}\n        {currency && this.renderCurrencySymbol(currencySymbol)}\n      </Styled.Root>\n    )\n\n    const Element = isHeader ? Text.Heading : Text\n\n    return (\n      <Element {...rest} as='span'>\n        {amountInner}\n      </Element>\n    )\n  }\n}\n"],"names":["ZERO_MINOR_PART_REGEXP","createSplitter","partSize","parts","str","length","from","slice","concat","Amount","PureComponent","constructor","super","arguments","this","renderCurrencySymbol","currencySymbol","_jsxs","style","position","children","props","currency","_jsx","width","opacity","visibility","static","currencyCode","CURRENCY_MAP","renderMinorPart","minorPart","showZeroMinorPart","separator","needMinorPart","test","className","render","_this$props","value","digitsAfterPoint","isHeader","crossedOut","onlyCurrency","rest","_objectWithoutProperties","_excluded","majorPart","isNegative","r","e","t","undefined","numberParts","Math","abs","toFixed","split","majorPartFormatted","reverse","join","formattedValueStr","getCurrencySymbol","classNames","cx","amountInner","Styled.Root","_Fragment","Text","Heading","_objectSpread","as","displayName","defaultProps"],"mappings":"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"}

package/components/Anchor/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { KeyboardEvent, useMemo } from 'react'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from '../../shared/interfaces'\nimport { ResponsiveNamedProperty } from '../../mixins/responsive-property'\nimport { Color } from '../../mixins/color'\nimport { Display } from '../../mixins/display'\nimport * as Styled from './style'\n\nexport interface AnchorProps extends BaseProps, Color, ResponsiveNamedProperty<'size'>, Display {\n  /**\n   * Custom CSS class name\n   */\n  as?: 'div' | 'span' | 'a' | typeof Link\n  /**\n   * React router link to\n   */\n  to?: string\n  /**\n   *  Link href\n   */\n  href?: string\n  /**\n   * Is display inline\n   * */\n  wrapper?: boolean\n  /**\n   * Pseudo link has dashed bottom border\n   * */\n  pseudo?: boolean\n  /**\n   * If link should be underlined\n   * */\n  underline?: boolean\n  /**\n   * Primary content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Primary content\n   */\n  content?: string\n  /**\n   * Onclick handler\n   */\n  onClick?: () => void\n  tabIndex?: number\n  target?: string\n  rel?: string\n  /**\n   * Auto-generate rel. You must specify domain inside theme\n   */\n  autoRel?: boolean\n}\n\nAnchor.displayName = 'Anchor'\nAnchor.defaultProps = {\n  display: 'inline-block',\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Anchor(props: typeof Anchor.defaultProps & AnchorProps) {\n  const {\n    as,\n    to,\n    href,\n    wrapper,\n    className,\n    style,\n    children,\n    content,\n    pseudo,\n    underline,\n    color,\n    display,\n    size,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    autoRel = true,\n    tabIndex = 0,\n    ...rest\n  } = props\n\n  const _className = useClassname(Anchor.displayName, className)\n  const theme = useTheme()\n\n  let _display: Display['display']\n  const _rel = useMemo(() => {\n    return autoRel && theme.utils?.relBuilder ? theme.utils.relBuilder(props.href ?? props.to, props.target) : props.rel\n  }, [autoRel, props.rel, props.href, props.to, props.target])\n\n  if (as === 'div' && !display) _display = 'block'\n  else _display = display\n\n  let contentProps = {}\n\n  if (content) {\n    contentProps = {\n      ...contentProps,\n      dangerouslySetInnerHTML: { __html: content },\n    }\n  }\n\n  const onKeyDown = (event: KeyboardEvent<HTMLAnchorElement | HTMLDivElement | HTMLSpanElement>): void => {\n    if (event.key === 'Enter') {\n      rest?.onClick?.()\n    }\n  }\n\n  if (as)\n    return (\n      <Styled.Root\n        as={as}\n        pseudo={pseudo}\n        wrapper={wrapper}\n        underline={underline}\n        href={href}\n        className={_className}\n        style={style}\n        color={color}\n        size={size}\n        display={_display}\n        sizeXS={sizeXS}\n        sizeS={sizeS}\n        sizeM={sizeM}\n        sizeL={sizeL}\n        sizeXL={sizeXL}\n        tabIndex={tabIndex}\n        onKeyDown={onKeyDown}\n        {...rest}\n        {...contentProps}\n        rel={as === 'a' ? props.rel ?? _rel : undefined}\n      >\n        {children}\n      </Styled.Root>\n    )\n\n  if (pseudo)\n    return (\n      <Styled.Root\n        as='div'\n        pseudo={pseudo}\n        wrapper={wrapper}\n        underline={underline}\n        href={href}\n        className={_className}\n        color={color}\n        style={style}\n        size={size}\n        display={_display}\n        sizeXS={sizeXS}\n        sizeS={sizeS}\n        sizeM={sizeM}\n        sizeL={sizeL}\n        sizeXL={sizeXL}\n        tabIndex={tabIndex}\n        onKeyDown={onKeyDown}\n        {...rest}\n        {...contentProps}\n      >\n        {children}\n      </Styled.Root>\n    )\n  else if (to)\n    return (\n      <Styled.Root\n        as={Link}\n        to={to}\n        pseudo={pseudo}\n        wrapper={wrapper}\n        underline={underline}\n        className={_className}\n        color={color}\n        size={size}\n        style={style}\n        display={_display}\n        sizeXS={sizeXS}\n        sizeS={sizeS}\n        sizeM={sizeM}\n        sizeL={sizeL}\n        sizeXL={sizeXL}\n        tabIndex={tabIndex}\n        onKeyDown={onKeyDown}\n        {...rest}\n        {...contentProps}\n        rel={props.rel ?? _rel}\n      >\n        {children}\n      </Styled.Root>\n    )\n  else\n    return (\n      <Styled.Root\n        as='a'\n        href={href}\n        pseudo={pseudo}\n        wrapper={wrapper}\n        underline={underline}\n        className={_className}\n        color={color}\n        size={size}\n        style={style}\n        display={_display}\n        sizeXS={sizeXS}\n        sizeS={sizeS}\n        sizeM={sizeM}\n        sizeL={sizeL}\n        sizeXL={sizeXL}\n        tabIndex={tabIndex}\n        {...contentProps}\n        {...rest}\n        rel={props.rel ?? _rel}\n      >\n        {children}\n      </Styled.Root>\n    )\n}\n"],"names":["Anchor","props","_props$rel","_props$rel2","_props$rel3","as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","autoRel","tabIndex","rest","_excluded","_className","useClassname","displayName","theme","useTheme","_display","_rel","useMemo","_theme$utils","_props$href","utils","relBuilder","target","rel","contentProps","dangerouslySetInnerHTML","__html","onKeyDown","event","_rest$onClick","key","onClick","call","_jsx","Styled.Root","_objectSpread","Link","defaultProps"],"mappings":"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"}
+{"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { KeyboardEvent, useMemo } from 'react'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport { BaseProps } from 'shared/interfaces'\nimport { useClassname } from 'hooks/useClassname'\nimport * as Styled from './style'\n\nexport interface AnchorProps extends BaseProps, ColorProperty, ResponsiveNamedProperty<'size'>, DisplayProperty {\n  /**\n   * Custom CSS class name\n   */\n  as?: 'div' | 'span' | 'a' | typeof Link\n  /**\n   * React router link to\n   */\n  to?: string\n  /**\n   *  Link href\n   */\n  href?: string\n  /**\n   * Is display inline\n   * */\n  wrapper?: boolean\n  /**\n   * Pseudo link has dashed bottom border\n   * */\n  pseudo?: boolean\n  /**\n   * If link should be underlined\n   * */\n  underline?: boolean\n  /**\n   * Primary content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Primary content\n   */\n  content?: string\n  /**\n   * Onclick handler\n   */\n  onClick?: () => void\n  tabIndex?: number\n  target?: string\n  rel?: string\n  /**\n   * Auto-generate rel. You must specify domain inside theme\n   */\n  autoRel?: boolean\n}\n\nAnchor.displayName = 'Anchor'\nAnchor.defaultProps = {\n  display: 'inline-block',\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Anchor(props: typeof Anchor.defaultProps & AnchorProps) {\n  const {\n    as,\n    to,\n    href,\n    wrapper,\n    className,\n    style,\n    children,\n    content,\n    pseudo,\n    underline,\n    color,\n    display,\n    size,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    autoRel = true,\n    tabIndex = 0,\n    ...rest\n  } = props\n\n  const _className = useClassname(Anchor.displayName, className)\n  const theme = useTheme()\n\n  let _display: DisplayProperty['display']\n  const _rel = useMemo(() => {\n    return autoRel && theme.utils?.relBuilder ? theme.utils.relBuilder(props.href ?? props.to, props.target) : props.rel\n  }, [autoRel, props.rel, props.href, props.to, props.target])\n\n  if (as === 'div' && !display) _display = 'block'\n  else _display = display\n\n  let contentProps = {}\n\n  if (content) {\n    contentProps = {\n      ...contentProps,\n      dangerouslySetInnerHTML: { __html: content },\n    }\n  }\n\n  const onKeyDown = (event: KeyboardEvent<HTMLAnchorElement | HTMLDivElement | HTMLSpanElement>): void => {\n    if (event.key === 'Enter') {\n      rest?.onClick?.()\n    }\n  }\n\n  if (as)\n    return (\n      <Styled.Root\n        as={as}\n        pseudo={pseudo}\n        wrapper={wrapper}\n        underline={underline}\n        href={href}\n        className={_className}\n        style={style}\n        color={color}\n        size={size}\n        display={_display}\n        sizeXS={sizeXS}\n        sizeS={sizeS}\n        sizeM={sizeM}\n        sizeL={sizeL}\n        sizeXL={sizeXL}\n        tabIndex={tabIndex}\n        onKeyDown={onKeyDown}\n        {...rest}\n        {...contentProps}\n        rel={as === 'a' ? props.rel ?? _rel : undefined}\n      >\n        {children}\n      </Styled.Root>\n    )\n\n  if (pseudo)\n    return (\n      <Styled.Root\n        as='div'\n        pseudo={pseudo}\n        wrapper={wrapper}\n        underline={underline}\n        href={href}\n        className={_className}\n        color={color}\n        style={style}\n        size={size}\n        display={_display}\n        sizeXS={sizeXS}\n        sizeS={sizeS}\n        sizeM={sizeM}\n        sizeL={sizeL}\n        sizeXL={sizeXL}\n        tabIndex={tabIndex}\n        onKeyDown={onKeyDown}\n        {...rest}\n        {...contentProps}\n      >\n        {children}\n      </Styled.Root>\n    )\n  else if (to)\n    return (\n      <Styled.Root\n        as={Link}\n        to={to}\n        pseudo={pseudo}\n        wrapper={wrapper}\n        underline={underline}\n        className={_className}\n        color={color}\n        size={size}\n        style={style}\n        display={_display}\n        sizeXS={sizeXS}\n        sizeS={sizeS}\n        sizeM={sizeM}\n        sizeL={sizeL}\n        sizeXL={sizeXL}\n        tabIndex={tabIndex}\n        onKeyDown={onKeyDown}\n        {...rest}\n        {...contentProps}\n        rel={props.rel ?? _rel}\n      >\n        {children}\n      </Styled.Root>\n    )\n  else\n    return (\n      <Styled.Root\n        as='a'\n        href={href}\n        pseudo={pseudo}\n        wrapper={wrapper}\n        underline={underline}\n        className={_className}\n        color={color}\n        size={size}\n        style={style}\n        display={_display}\n        sizeXS={sizeXS}\n        sizeS={sizeS}\n        sizeM={sizeM}\n        sizeL={sizeL}\n        sizeXL={sizeXL}\n        tabIndex={tabIndex}\n        {...contentProps}\n        {...rest}\n        rel={props.rel ?? _rel}\n      >\n        {children}\n      </Styled.Root>\n    )\n}\n"],"names":["Anchor","props","_props$rel","_props$rel2","_props$rel3","as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","autoRel","tabIndex","rest","_excluded","_className","useClassname","displayName","theme","useTheme","_display","_rel","useMemo","_theme$utils","_props$href","utils","relBuilder","target","rel","contentProps","dangerouslySetInnerHTML","__html","onKeyDown","event","_rest$onClick","key","onClick","call","_jsx","Styled.Root","_objectSpread","Link","defaultProps"],"mappings":"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"}

package/components/Anchor/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from '../../mixins/color'\nimport { responsiveNamedProperty, property } from '../../mixins/responsive-property'\nimport { display } from '../../mixins/display'\nimport { AnchorProps } from './Anchor'\n\nconst wrapper = css`\n  display: block;\n  color: inherit;\n  transition: none;\n  &:hover {\n    color: inherit;\n    cursor: pointer;\n  }\n`\n\nconst underline = css`\n  text-decoration: underline;\n`\n\nconst pseudo = css`\n  display: inline-block;\n  color: ${(props) => props.theme.colors.accent};\n  border-bottom: 1px dashed currentColor;\n`\n\nexport const Root = styled.div.withConfig<AnchorProps>({\n  shouldForwardProp: (prop) =>\n    !['wrapper', 'underline', 'pseudo', 'display', 'color'].includes(prop) && !prop.includes('size'),\n})`\n  color: ${(props) => props.theme.colors.accent};\n  text-decoration: none;\n  transition: 0.2s;\n  &:hover {\n    cursor: pointer;\n    color: ${(props) => props.theme.colors.primary};\n  }\n  ${(props) => (props.underline ? underline : null)}\n  ${(props) => (props.pseudo ? pseudo : null)}\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n  ${(props) => (props.size ? property(props.size, 'font-size') : null)}\n  ${(props) => (props.wrapper ? wrapper : null)}\n  ${({ sizeXS, sizeS, sizeM, sizeL, sizeXL }) =>\n    responsiveNamedProperty({ sizes: { sizeXS, sizeS, sizeM, sizeL, sizeXL }, cssProperty: 'font-size' })}\n`\n"],"names":["wrapper","css","underline","pseudo","props","theme","colors","accent","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","primary","display","color","size","property","_ref","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty"],"mappings":"uOAMA,IAAMA,EAAUC,EAAhB,CAAA,uFAUA,IAAMC,EAAYD,EAAlB,CAAA,+BAIA,IAAME,EAASF,EAAH,CAAA,8BAAA,4CAEAG,GAAUA,EAAMC,MAAMC,OAAOC,SAIlC,IAAMC,EAAOC,EAAOC,IAAIC,WAAwB,CACrDC,kBAAoBC,IACjB,CAAC,UAAW,YAAa,SAAU,UAAW,SAASC,SAASD,KAAUA,EAAKC,SAAS,UAF5EH,WAAA,CAAAI,YAAA,wBAAGN,CAIRL,CAAAA,SAAAA,sEAAAA,KAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,KAAAA,GAAUA,EAAMC,MAAMC,OAAOC,SAK3BH,GAAUA,EAAMC,MAAMC,OAAOU,UAEtCZ,GAAWA,EAAMF,UAAYA,EAAY,OACzCE,GAAWA,EAAMD,OAASA,EAAS,OACnCC,GAAWA,EAAMa,QAAUA,EAAQb,EAAMa,SAAW,OACpDb,GAAWA,EAAMc,MAAQA,EAAMd,EAAMc,OAAS,OAC9Cd,GAAWA,EAAMe,KAAOC,EAAShB,EAAMe,KAAM,aAAe,OAC5Df,GAAWA,EAAMJ,QAAUA,EAAU,OACtCqB,IAAA,IAACC,OAAEA,EAAFC,MAAUA,EAAVC,MAAiBA,EAAjBC,MAAwBA,EAAxBC,OAA+BA,GAAhCL,EAAA,OACAM,EAAwB,CAAEC,MAAO,CAAEN,OAAAA,EAAQC,MAAAA,EAAOC,MAAAA,EAAOC,MAAAA,EAAOC,OAAAA,GAAUG,YAAa"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { responsiveNamedProperty, property } from 'mixins/responsive-property'\nimport { display } from 'mixins/display'\nimport { AnchorProps } from './Anchor'\n\nconst wrapper = css`\n  display: block;\n  color: inherit;\n  transition: none;\n  &:hover {\n    color: inherit;\n    cursor: pointer;\n  }\n`\n\nconst underline = css`\n  text-decoration: underline;\n`\n\nconst pseudo = css`\n  display: inline-block;\n  color: ${(props) => props.theme.colors.accent};\n  border-bottom: 1px dashed currentColor;\n`\n\nexport const Root = styled.div.withConfig<AnchorProps>({\n  shouldForwardProp: (prop) =>\n    !['wrapper', 'underline', 'pseudo', 'display', 'color'].includes(prop) && !prop.includes('size'),\n})`\n  color: ${(props) => props.theme.colors.accent};\n  text-decoration: none;\n  transition: 0.2s;\n  &:hover {\n    cursor: pointer;\n    color: ${(props) => props.theme.colors.primary};\n  }\n  ${(props) => (props.underline ? underline : null)}\n  ${(props) => (props.pseudo ? pseudo : null)}\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n  ${(props) => (props.size ? property(props.size, 'font-size') : null)}\n  ${(props) => (props.wrapper ? wrapper : null)}\n  ${({ sizeXS, sizeS, sizeM, sizeL, sizeXL }) =>\n    responsiveNamedProperty({ sizes: { sizeXS, sizeS, sizeM, sizeL, sizeXL }, cssProperty: 'font-size' })}\n`\n"],"names":["wrapper","css","underline","pseudo","props","theme","colors","accent","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","primary","display","color","size","property","_ref","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty"],"mappings":"uOAMA,IAAMA,EAAUC,EAAhB,CAAA,uFAUA,IAAMC,EAAYD,EAAlB,CAAA,+BAIA,IAAME,EAASF,EAAH,CAAA,8BAAA,4CAEAG,GAAUA,EAAMC,MAAMC,OAAOC,SAIlC,IAAMC,EAAOC,EAAOC,IAAIC,WAAwB,CACrDC,kBAAoBC,IACjB,CAAC,UAAW,YAAa,SAAU,UAAW,SAASC,SAASD,KAAUA,EAAKC,SAAS,UAF5EH,WAAA,CAAAI,YAAA,wBAAGN,CAIRL,CAAAA,SAAAA,sEAAAA,KAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,KAAAA,GAAUA,EAAMC,MAAMC,OAAOC,SAK3BH,GAAUA,EAAMC,MAAMC,OAAOU,UAEtCZ,GAAWA,EAAMF,UAAYA,EAAY,OACzCE,GAAWA,EAAMD,OAASA,EAAS,OACnCC,GAAWA,EAAMa,QAAUA,EAAQb,EAAMa,SAAW,OACpDb,GAAWA,EAAMc,MAAQA,EAAMd,EAAMc,OAAS,OAC9Cd,GAAWA,EAAMe,KAAOC,EAAShB,EAAMe,KAAM,aAAe,OAC5Df,GAAWA,EAAMJ,QAAUA,EAAU,OACtCqB,IAAA,IAACC,OAAEA,EAAFC,MAAUA,EAAVC,MAAiBA,EAAjBC,MAAwBA,EAAxBC,OAA+BA,GAAhCL,EAAA,OACAM,EAAwB,CAAEC,MAAO,CAAEN,OAAAA,EAAQC,MAAAA,EAAOC,MAAAA,EAAOC,MAAAA,EAAOC,OAAAA,GAAUG,YAAa"}

package/components/Arrow/style.js

@@ -1,2 +1,2 @@
-import o,{css as n}from'styled-components';import{injectDefaultTheme as r}from'../../shared/utils/inject-theme.js';import{responsiveProperty as c}from'../../mixins/responsive-property.js';import{TRANSIENT_PROPS as e}from'./constants.js';var t={l:48,m:44,xs:40};var a={l:40,m:28,xs:20};var l="\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n";var s="\n  cursor: not-allowed;\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";var i={filled:{default:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n        background-color: ".concat(r?n.colors['bg-disabled-large']:n.colors['bg-onmain-tertiary'],";\n        color: ").concat(r?n.colors['content-disabled']:n.colors['content-onmain-primary'],";\n        &::before {\n          ").concat(l,"\n          opacity: 0;\n          background-color: ").concat(n.colors['bg-oncolor-hover'],";\n      \n        }\n        &::after {\n          ").concat(l,"\n          opacity: 0;\n          box-shadow: inset 0 4px ").concat(n.colors['bg-oncolor-hover'],";\n        }\n        ").concat(r?'cursor: default;':"\n              &:hover::before {\n                opacity: 1;\n              }\n              &:active::before {\n                opacity: 0;\n              }\n              &:active::after {\n                opacity: 1;\n              }\n              &:active {\n                background-color: ".concat(n.colors['bg-brand-primary-basic-active'],";\n                color: ").concat(n.colors['content-oncolor-primary'],";\n              }\n            "),"\n      ")})),onColored:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n        background-color: ".concat(n.colors['bg-oncolor-primary'],";\n        color: ").concat(r?n.colors['content-disabled']:n.colors['content-oncolor-constant'],";\n        &::before {\n          ").concat(l,"\n          opacity: 0;\n          background-color: ").concat(n.colors['bg-oncolor-hover'],";\n        }\n        &::after {\n          ").concat(l,"\n          opacity: 0;\n          box-shadow: inset 0 4px ").concat(n.colors['bg-oncolor-hover'],";\n        }\n        ").concat(r?'cursor: default;':"\n              &:hover::before {\n                opacity: 1;\n              }\n              &:active::after {\n                opacity: 1;\n              }\n            ","\n      ")}))},outline:{default:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n        background-color: transparent; \n        color: ".concat(r?n.colors['border-disabled']:n.colors['content-onmain-primary'],";\n        &::before {\n          ").concat(l,"\n          opacity: 1;\n          box-shadow: inset 0 0 0 1px ").concat(r?n.colors['border-disabled']:n.colors['border-onmain-contrast'],";\n        }\n        &::after {\n          ").concat(l,"\n          opacity: 0;\n          box-shadow: inset 0 4px ").concat(n.colors['bg-oncolor-hover'],";\n        }\n        ").concat(r?'cursor: default;':"\n              &:hover::before {\n                opacity: 0;\n              }\n              &:hover {\n                background-color: ".concat(n.colors['bg-onmain-tertiary'],";\n              }\n              &:active::after {\n                opacity: 1;\n              }\n              &:active {\n                background-color: ").concat(n.colors['bg-brand-primary-basic-active'],";\n                color: ").concat(n.colors['content-oncolor-primary'],";\n              }\n            "),"\n      ")})),onColored:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n        background-color: transparent; \n        color: ".concat(r?n.colors['border-oncolor-disabled']:n.colors['content-oncolor-primary'],";\n        &::before {\n          ").concat(l,"\n          opacity: 1;\n          box-shadow: inset 0 0 0 1px ").concat(r?n.colors['border-oncolor-disabled']:n.colors['border-oncolor-default'],";\n        }\n        &::after {\n          ").concat(l,"\n          opacity: 0;\n          box-shadow: inset 0 4px ").concat(n.colors['bg-oncolor-hover'],";\n        }\n        ").concat(r?'cursor: default;':"\n              &:hover::before {\n                opacity: 0;\n              }\n              &:hover {\n                background-color: ".concat(n.colors['bg-oncolor-primary'],";\n                color: ").concat(n.colors['content-oncolor-constant'],";\n              }\n              &:active::after {\n                opacity: 1;\n              }\n            "),"\n      ")}))}};var d={filled:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n      background-color: ".concat(n.colors.white,";\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ").concat(n.colors.accent,";\n      }\n      &:hover {\n        background-color: ").concat(n.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(n.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(r?s:'',"\n    ")})),outline:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(n.colors.alto,";\n      & svg {\n        fill: ").concat(n.colors.alto,";\n      }\n      &:hover {\n        background-color: ").concat(n.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(n.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(r?s:'',"\n    ")})),inverse:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(n.colors.white,";\n      & svg {\n        fill: ").concat(n.colors.white,";\n      }\n      &:hover {\n        background-color: ").concat(n.colors.white,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(n.colors.accent,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ").concat(r?s:'',"\n    ")}))};var b=(o,n)=>{var r=o.brandPresetUsed?t:a;return['l','m','xs'].includes(o.size)?"".concat(n,": ").concat(r[o.size],"px;"):c('size',n)};var p=o.button.withConfig({shouldForwardProp:o=>!e.includes(o)}).attrs(r).withConfig({componentId:"fox-ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],"\n  &,\n  & > span {\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  position: relative;\n  flex-shrink: 0;\n  padding: 0;\n  border: 0;\n  line-height: 1;\n  cursor: pointer;\n  overflow: hidden;\n  transition-property: background-color, box-shadow;\n  &::before, \n  &::after {\n    transition-property: opacity;\n  }\n  &,\n  &::before,\n  &::after {\n    transition-duration: 200ms;\n  }\n",(o=>o.brandPresetUsed?o.outline&&o.onColored?i.outline.onColored:o.outline&&!o.onColored?i.outline.default:!o.outline&&o.onColored?i.filled.onColored:i.filled.default:o.inverse?d.inverse:o.outline?d.outline:d.filled),(o=>b(o,'height')),(o=>b(o,'width')),(o=>"border-radius: ".concat(o.borderRadius,";")));export{p as Root};
+import o,{css as n}from'styled-components';import{responsiveProperty as r}from'../../mixins/responsive-property.js';import{injectDefaultTheme as c}from'../../shared/utils/inject-theme.js';import{TRANSIENT_PROPS as e}from'./constants.js';var t={l:48,m:44,xs:40};var a={l:40,m:28,xs:20};var l="\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n";var s="\n  cursor: not-allowed;\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";var i={filled:{default:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n        background-color: ".concat(r?n.colors['bg-disabled-large']:n.colors['bg-onmain-tertiary'],";\n        color: ").concat(r?n.colors['content-disabled']:n.colors['content-onmain-primary'],";\n        &::before {\n          ").concat(l,"\n          opacity: 0;\n          background-color: ").concat(n.colors['bg-oncolor-hover'],";\n      \n        }\n        &::after {\n          ").concat(l,"\n          opacity: 0;\n          box-shadow: inset 0 4px ").concat(n.colors['bg-oncolor-hover'],";\n        }\n        ").concat(r?'cursor: default;':"\n              &:hover::before {\n                opacity: 1;\n              }\n              &:active::before {\n                opacity: 0;\n              }\n              &:active::after {\n                opacity: 1;\n              }\n              &:active {\n                background-color: ".concat(n.colors['bg-brand-primary-basic-active'],";\n                color: ").concat(n.colors['content-oncolor-primary'],";\n              }\n            "),"\n      ")})),onColored:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n        background-color: ".concat(n.colors['bg-oncolor-primary'],";\n        color: ").concat(r?n.colors['content-disabled']:n.colors['content-oncolor-constant'],";\n        &::before {\n          ").concat(l,"\n          opacity: 0;\n          background-color: ").concat(n.colors['bg-oncolor-hover'],";\n        }\n        &::after {\n          ").concat(l,"\n          opacity: 0;\n          box-shadow: inset 0 4px ").concat(n.colors['bg-oncolor-hover'],";\n        }\n        ").concat(r?'cursor: default;':"\n              &:hover::before {\n                opacity: 1;\n              }\n              &:active::after {\n                opacity: 1;\n              }\n            ","\n      ")}))},outline:{default:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n        background-color: transparent; \n        color: ".concat(r?n.colors['border-disabled']:n.colors['content-onmain-primary'],";\n        &::before {\n          ").concat(l,"\n          opacity: 1;\n          box-shadow: inset 0 0 0 1px ").concat(r?n.colors['border-disabled']:n.colors['border-onmain-contrast'],";\n        }\n        &::after {\n          ").concat(l,"\n          opacity: 0;\n          box-shadow: inset 0 4px ").concat(n.colors['bg-oncolor-hover'],";\n        }\n        ").concat(r?'cursor: default;':"\n              &:hover::before {\n                opacity: 0;\n              }\n              &:hover {\n                background-color: ".concat(n.colors['bg-onmain-tertiary'],";\n              }\n              &:active::after {\n                opacity: 1;\n              }\n              &:active {\n                background-color: ").concat(n.colors['bg-brand-primary-basic-active'],";\n                color: ").concat(n.colors['content-oncolor-primary'],";\n              }\n            "),"\n      ")})),onColored:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n        background-color: transparent; \n        color: ".concat(r?n.colors['border-oncolor-disabled']:n.colors['content-oncolor-primary'],";\n        &::before {\n          ").concat(l,"\n          opacity: 1;\n          box-shadow: inset 0 0 0 1px ").concat(r?n.colors['border-oncolor-disabled']:n.colors['border-oncolor-default'],";\n        }\n        &::after {\n          ").concat(l,"\n          opacity: 0;\n          box-shadow: inset 0 4px ").concat(n.colors['bg-oncolor-hover'],";\n        }\n        ").concat(r?'cursor: default;':"\n              &:hover::before {\n                opacity: 0;\n              }\n              &:hover {\n                background-color: ".concat(n.colors['bg-oncolor-primary'],";\n                color: ").concat(n.colors['content-oncolor-constant'],";\n              }\n              &:active::after {\n                opacity: 1;\n              }\n            "),"\n      ")}))}};var d={filled:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n      background-color: ".concat(n.colors.white,";\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ").concat(n.colors.accent,";\n      }\n      &:hover {\n        background-color: ").concat(n.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(n.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(r?s:'',"\n    ")})),outline:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(n.colors.alto,";\n      & svg {\n        fill: ").concat(n.colors.alto,";\n      }\n      &:hover {\n        background-color: ").concat(n.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(n.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(r?s:'',"\n    ")})),inverse:n(["",""],(o=>{var{theme:n,disabled:r}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(n.colors.white,";\n      & svg {\n        fill: ").concat(n.colors.white,";\n      }\n      &:hover {\n        background-color: ").concat(n.colors.white,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(n.colors.accent,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ").concat(r?s:'',"\n    ")}))};var b=(o,n)=>{var c=o.brandPresetUsed?t:a;return['l','m','xs'].includes(o.size)?"".concat(n,": ").concat(c[o.size],"px;"):r('size',n)};var p=o.button.withConfig({shouldForwardProp:o=>!e.includes(o)}).attrs(c).withConfig({componentId:"fox-ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],"\n  &,\n  & > span {\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  position: relative;\n  flex-shrink: 0;\n  padding: 0;\n  border: 0;\n  line-height: 1;\n  cursor: pointer;\n  overflow: hidden;\n  transition-property: background-color, box-shadow;\n  &::before, \n  &::after {\n    transition-property: opacity;\n  }\n  &,\n  &::before,\n  &::after {\n    transition-duration: 200ms;\n  }\n",(o=>o.brandPresetUsed?o.outline&&o.onColored?i.outline.onColored:o.outline&&!o.onColored?i.outline.default:!o.outline&&o.onColored?i.filled.onColored:i.filled.default:o.inverse?d.inverse:o.outline?d.outline:d.filled),(o=>b(o,'height')),(o=>b(o,'width')),(o=>"border-radius: ".concat(o.borderRadius,";")));export{p as Root};
 //# sourceMappingURL=style.js.map

package/components/Arrow/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { DefaultTheme, ThemedStyledProps } from 'styled-components'\nimport { injectDefaultTheme } from 'shared/utils/inject-theme'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport { TRANSIENT_PROPS } from './constants'\nimport type { ArrowRootProps, ArrowStaticSize, ArrowTransientProp } from './types'\n\nconst SIZES: Record<ArrowStaticSize, number> = { l: 48, m: 44, xs: 40 }\n\nconst DEFAULT_SIZES: Record<ArrowStaticSize, number> = { l: 40, m: 28, xs: 20 }\n\nconst baseStyles = `\n  &,\n  & > span {\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  position: relative;\n  flex-shrink: 0;\n  padding: 0;\n  border: 0;\n  line-height: 1;\n  cursor: pointer;\n  overflow: hidden;\n  transition-property: background-color, box-shadow;\n  &::before, \n  &::after {\n    transition-property: opacity;\n  }\n  &,\n  &::before,\n  &::after {\n    transition-duration: 200ms;\n  }\n`\n\nconst pseudoBaseStyles = `\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n`\n\nconst defaultDisabledStyles = `\n  cursor: not-allowed;\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n`\n\nconst PRESET = {\n  filled: {\n    default: css<ArrowRootProps>`\n      ${({ theme, disabled }) => `\n        background-color: ${disabled ? theme.colors['bg-disabled-large'] : theme.colors['bg-onmain-tertiary']};\n        color: ${disabled ? theme.colors['content-disabled'] : theme.colors['content-onmain-primary']};\n        &::before {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          background-color: ${theme.colors['bg-oncolor-hover']};\n      \n        }\n        &::after {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          box-shadow: inset 0 4px ${theme.colors['bg-oncolor-hover']};\n        }\n        ${\n          disabled\n            ? 'cursor: default;'\n            : `\n              &:hover::before {\n                opacity: 1;\n              }\n              &:active::before {\n                opacity: 0;\n              }\n              &:active::after {\n                opacity: 1;\n              }\n              &:active {\n                background-color: ${theme.colors['bg-brand-primary-basic-active']};\n                color: ${theme.colors['content-oncolor-primary']};\n              }\n            `\n        }\n      `}\n    `,\n    onColored: css<ArrowRootProps>`\n      ${({ theme, disabled }) => `\n        background-color: ${theme.colors['bg-oncolor-primary']};\n        color: ${disabled ? theme.colors['content-disabled'] : theme.colors['content-oncolor-constant']};\n        &::before {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          background-color: ${theme.colors['bg-oncolor-hover']};\n        }\n        &::after {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          box-shadow: inset 0 4px ${theme.colors['bg-oncolor-hover']};\n        }\n        ${\n          disabled\n            ? 'cursor: default;'\n            : `\n              &:hover::before {\n                opacity: 1;\n              }\n              &:active::after {\n                opacity: 1;\n              }\n            `\n        }\n      `}\n    `,\n  },\n  outline: {\n    default: css<ArrowRootProps>`\n      ${({ theme, disabled }) => `\n        background-color: transparent; \n        color: ${disabled ? theme.colors['border-disabled'] : theme.colors['content-onmain-primary']};\n        &::before {\n          ${pseudoBaseStyles}\n          opacity: 1;\n          box-shadow: inset 0 0 0 1px ${\n            disabled ? theme.colors['border-disabled'] : theme.colors['border-onmain-contrast']\n          };\n        }\n        &::after {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          box-shadow: inset 0 4px ${theme.colors['bg-oncolor-hover']};\n        }\n        ${\n          disabled\n            ? 'cursor: default;'\n            : `\n              &:hover::before {\n                opacity: 0;\n              }\n              &:hover {\n                background-color: ${theme.colors['bg-onmain-tertiary']};\n              }\n              &:active::after {\n                opacity: 1;\n              }\n              &:active {\n                background-color: ${theme.colors['bg-brand-primary-basic-active']};\n                color: ${theme.colors['content-oncolor-primary']};\n              }\n            `\n        }\n      `}\n    `,\n    onColored: css<ArrowRootProps>`\n      ${({ theme, disabled }) => `\n        background-color: transparent; \n        color: ${disabled ? theme.colors['border-oncolor-disabled'] : theme.colors['content-oncolor-primary']};\n        &::before {\n          ${pseudoBaseStyles}\n          opacity: 1;\n          box-shadow: inset 0 0 0 1px ${\n            disabled ? theme.colors['border-oncolor-disabled'] : theme.colors['border-oncolor-default']\n          };\n        }\n        &::after {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          box-shadow: inset 0 4px ${theme.colors['bg-oncolor-hover']};\n        }\n        ${\n          disabled\n            ? 'cursor: default;'\n            : `\n              &:hover::before {\n                opacity: 0;\n              }\n              &:hover {\n                background-color: ${theme.colors['bg-oncolor-primary']};\n                color: ${theme.colors['content-oncolor-constant']};\n              }\n              &:active::after {\n                opacity: 1;\n              }\n            `\n        }\n      `}\n    `,\n  },\n}\n\nconst PRESET_DEFAULT = {\n  filled: css<ArrowRootProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<ArrowRootProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<ArrowRootProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      &:hover {\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nconst extractSize = (props: ThemedStyledProps<ArrowRootProps, DefaultTheme>, cssProperty: 'height' | 'width') => {\n  const config = props.brandPresetUsed ? SIZES : DEFAULT_SIZES\n\n  return ['l', 'm', 'xs'].includes(<ArrowStaticSize>props.size)\n    ? `${cssProperty}: ${config[<ArrowStaticSize>props.size]}px;`\n    : responsiveProperty('size', cssProperty)\n}\n\nconst extractStyles = (props: ThemedStyledProps<ArrowRootProps, DefaultTheme>) => {\n  if (props.brandPresetUsed) {\n    if (props.outline && props.onColored) return PRESET.outline.onColored\n    if (props.outline && !props.onColored) return PRESET.outline.default\n    if (!props.outline && props.onColored) return PRESET.filled.onColored\n\n    return PRESET.filled.default\n  }\n\n  if (props.inverse) return PRESET_DEFAULT.inverse\n  if (props.outline) return PRESET_DEFAULT.outline\n\n  return PRESET_DEFAULT.filled\n}\n\nexport const Root = styled.button\n  .withConfig({\n    shouldForwardProp: (prop) => {\n      return !TRANSIENT_PROPS.includes(<ArrowTransientProp>prop)\n    },\n  })\n  .attrs(injectDefaultTheme)<ArrowRootProps>`\n  ${baseStyles}\n  ${extractStyles}\n  ${(props) => extractSize(props, 'height')}\n  ${(props) => extractSize(props, 'width')}\n  ${(props) => `border-radius: ${props.borderRadius};`}\n`\n"],"names":["SIZES","l","m","xs","DEFAULT_SIZES","pseudoBaseStyles","defaultDisabledStyles","PRESET","filled","default","css","_ref","theme","disabled","concat","colors","onColored","_ref2","outline","_ref3","_ref4","PRESET_DEFAULT","_ref5","white","accent","_ref6","alto","inverse","_ref7","extractSize","props","cssProperty","config","brandPresetUsed","includes","size","responsiveProperty","Root","styled","button","withConfig","shouldForwardProp","prop","TRANSIENT_PROPS","attrs","injectDefaultTheme","componentId","borderRadius"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { DefaultTheme, ThemedStyledProps } from 'styled-components'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport { injectDefaultTheme } from 'shared/utils/inject-theme'\nimport { TRANSIENT_PROPS } from './constants'\nimport type { StyledArrowProps, ArrowStaticSize, ArrowTransientProp } from './types'\n\nconst SIZES: Record<ArrowStaticSize, number> = { l: 48, m: 44, xs: 40 }\n\nconst DEFAULT_SIZES: Record<ArrowStaticSize, number> = { l: 40, m: 28, xs: 20 }\n\nconst baseStyles = `\n  &,\n  & > span {\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n  }\n  position: relative;\n  flex-shrink: 0;\n  padding: 0;\n  border: 0;\n  line-height: 1;\n  cursor: pointer;\n  overflow: hidden;\n  transition-property: background-color, box-shadow;\n  &::before, \n  &::after {\n    transition-property: opacity;\n  }\n  &,\n  &::before,\n  &::after {\n    transition-duration: 200ms;\n  }\n`\n\nconst pseudoBaseStyles = `\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n`\n\nconst defaultDisabledStyles = `\n  cursor: not-allowed;\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n`\n\nconst PRESET = {\n  filled: {\n    default: css<StyledArrowProps>`\n      ${({ theme, disabled }) => `\n        background-color: ${disabled ? theme.colors['bg-disabled-large'] : theme.colors['bg-onmain-tertiary']};\n        color: ${disabled ? theme.colors['content-disabled'] : theme.colors['content-onmain-primary']};\n        &::before {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          background-color: ${theme.colors['bg-oncolor-hover']};\n      \n        }\n        &::after {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          box-shadow: inset 0 4px ${theme.colors['bg-oncolor-hover']};\n        }\n        ${\n          disabled\n            ? 'cursor: default;'\n            : `\n              &:hover::before {\n                opacity: 1;\n              }\n              &:active::before {\n                opacity: 0;\n              }\n              &:active::after {\n                opacity: 1;\n              }\n              &:active {\n                background-color: ${theme.colors['bg-brand-primary-basic-active']};\n                color: ${theme.colors['content-oncolor-primary']};\n              }\n            `\n        }\n      `}\n    `,\n    onColored: css<StyledArrowProps>`\n      ${({ theme, disabled }) => `\n        background-color: ${theme.colors['bg-oncolor-primary']};\n        color: ${disabled ? theme.colors['content-disabled'] : theme.colors['content-oncolor-constant']};\n        &::before {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          background-color: ${theme.colors['bg-oncolor-hover']};\n        }\n        &::after {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          box-shadow: inset 0 4px ${theme.colors['bg-oncolor-hover']};\n        }\n        ${\n          disabled\n            ? 'cursor: default;'\n            : `\n              &:hover::before {\n                opacity: 1;\n              }\n              &:active::after {\n                opacity: 1;\n              }\n            `\n        }\n      `}\n    `,\n  },\n  outline: {\n    default: css<StyledArrowProps>`\n      ${({ theme, disabled }) => `\n        background-color: transparent; \n        color: ${disabled ? theme.colors['border-disabled'] : theme.colors['content-onmain-primary']};\n        &::before {\n          ${pseudoBaseStyles}\n          opacity: 1;\n          box-shadow: inset 0 0 0 1px ${\n            disabled ? theme.colors['border-disabled'] : theme.colors['border-onmain-contrast']\n          };\n        }\n        &::after {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          box-shadow: inset 0 4px ${theme.colors['bg-oncolor-hover']};\n        }\n        ${\n          disabled\n            ? 'cursor: default;'\n            : `\n              &:hover::before {\n                opacity: 0;\n              }\n              &:hover {\n                background-color: ${theme.colors['bg-onmain-tertiary']};\n              }\n              &:active::after {\n                opacity: 1;\n              }\n              &:active {\n                background-color: ${theme.colors['bg-brand-primary-basic-active']};\n                color: ${theme.colors['content-oncolor-primary']};\n              }\n            `\n        }\n      `}\n    `,\n    onColored: css<StyledArrowProps>`\n      ${({ theme, disabled }) => `\n        background-color: transparent; \n        color: ${disabled ? theme.colors['border-oncolor-disabled'] : theme.colors['content-oncolor-primary']};\n        &::before {\n          ${pseudoBaseStyles}\n          opacity: 1;\n          box-shadow: inset 0 0 0 1px ${\n            disabled ? theme.colors['border-oncolor-disabled'] : theme.colors['border-oncolor-default']\n          };\n        }\n        &::after {\n          ${pseudoBaseStyles}\n          opacity: 0;\n          box-shadow: inset 0 4px ${theme.colors['bg-oncolor-hover']};\n        }\n        ${\n          disabled\n            ? 'cursor: default;'\n            : `\n              &:hover::before {\n                opacity: 0;\n              }\n              &:hover {\n                background-color: ${theme.colors['bg-oncolor-primary']};\n                color: ${theme.colors['content-oncolor-constant']};\n              }\n              &:active::after {\n                opacity: 1;\n              }\n            `\n        }\n      `}\n    `,\n  },\n}\n\nconst PRESET_DEFAULT = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      &:hover {\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nconst extractSize = (props: ThemedStyledProps<StyledArrowProps, DefaultTheme>, cssProperty: 'height' | 'width') => {\n  const config = props.brandPresetUsed ? SIZES : DEFAULT_SIZES\n\n  return ['l', 'm', 'xs'].includes(<ArrowStaticSize>props.size)\n    ? `${cssProperty}: ${config[<ArrowStaticSize>props.size]}px;`\n    : responsiveProperty('size', cssProperty)\n}\n\nconst extractStyles = (props: ThemedStyledProps<StyledArrowProps, DefaultTheme>) => {\n  if (props.brandPresetUsed) {\n    if (props.outline && props.onColored) return PRESET.outline.onColored\n    if (props.outline && !props.onColored) return PRESET.outline.default\n    if (!props.outline && props.onColored) return PRESET.filled.onColored\n\n    return PRESET.filled.default\n  }\n\n  if (props.inverse) return PRESET_DEFAULT.inverse\n  if (props.outline) return PRESET_DEFAULT.outline\n\n  return PRESET_DEFAULT.filled\n}\n\nexport const Root = styled.button\n  .withConfig({\n    shouldForwardProp: (prop) => {\n      return !TRANSIENT_PROPS.includes(<ArrowTransientProp>prop)\n    },\n  })\n  .attrs(injectDefaultTheme)<StyledArrowProps>`\n  ${baseStyles}\n  ${extractStyles}\n  ${(props) => extractSize(props, 'height')}\n  ${(props) => extractSize(props, 'width')}\n  ${(props) => `border-radius: ${props.borderRadius};`}\n`\n"],"names":["SIZES","l","m","xs","DEFAULT_SIZES","pseudoBaseStyles","defaultDisabledStyles","PRESET","filled","default","css","_ref","theme","disabled","concat","colors","onColored","_ref2","outline","_ref3","_ref4","PRESET_DEFAULT","_ref5","white","accent","_ref6","alto","inverse","_ref7","extractSize","props","cssProperty","config","brandPresetUsed","includes","size","responsiveProperty","Root","styled","button","withConfig","shouldForwardProp","prop","TRANSIENT_PROPS","attrs","injectDefaultTheme","componentId","borderRadius"],"mappings":"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"}

package/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Color } from '../../mixins/color'\nimport { getAvatarText } from './utils'\nimport * as Styled from './style'\n\nexport interface AvatarProps extends BaseProps, Color {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /** Title for avatar. Example user name. */\n  title?: string\n  /** Image source */\n  src?: string\n  /** Size of avatar */\n  size?: 'l' | 'm' | 'sm' | 's' | 'xs' | number\n  /** Shadow of avatar */\n  shadow?: boolean\n  /** Make ref func */\n  ref?: React.LegacyRef<HTMLDivElement>\n  /**\n   * Generate color by title automatically\n   *\n   * `Performance Info`: Each render of component call getAvatarColor function on received title\n   */\n  autoColor?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n */\nexport class Avatar extends PureComponent<AvatarProps> {\n  static defaultProps = {\n    size: 'm',\n    autoColor: false,\n  }\n\n  static displayName = 'Avatar'\n\n  getAvatarText() {\n    return getAvatarText(this.props.title || '')\n  }\n\n  render() {\n    const { src, ref, ...restProps } = this.props\n\n    const text = this.getAvatarText()\n\n    if (src) {\n      return (\n        <Styled.Root\n          {...restProps}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={ref as any}\n          style={\n            src\n              ? {\n                  backgroundImage: src && `url(${src})`,\n                }\n              : undefined\n          }\n        />\n      )\n    }\n\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      <Styled.Root {...restProps} ref={this.props.ref as any}>\n        {text}\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["Avatar","PureComponent","getAvatarText","this","props","title","render","_this$props","src","ref","restProps","_objectWithoutProperties","_excluded","text","_jsx","Styled.Root","style","backgroundImage","concat","children","defaultProps","size","autoColor","displayName"],"mappings":"uSAkCO,MAAMA,UAAeC,EAQ1BC,gBACE,OAAOA,EAAcC,KAAKC,MAAMC,OAAS,IAG3CC,SACE,IAAAC,EAAmCJ,KAAKC,OAAlCI,IAAEA,EAAFC,IAAOA,GAAbF,EAAqBG,EAArBC,EAAAJ,EAAAK,GAEA,IAAMC,EAAOV,KAAKD,gBAElB,OAEIY,EAACC,SACKL,GADN,GAFAF,EAEA,CAGEC,IAAKA,EACLO,MACER,EACI,CACES,gBAAiBT,GAAG,OAAAU,OAAWV,EAAX,cAUhC,CAA4BC,IAAKN,KAAKC,MAAMK,IAA5CU,SACGN,MArCIb,EACJoB,aAAe,CACpBC,KAAM,IACNC,cAHStB,EAMJuB,YAAc"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport { getAvatarText } from './utils'\nimport * as Styled from './style'\n\nexport interface AvatarProps extends BaseProps, ColorProperty {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /** Title for avatar. Example user name. */\n  title?: string\n  /** Image source */\n  src?: string\n  /** Size of avatar */\n  size?: 'l' | 'm' | 'sm' | 's' | 'xs' | number\n  /** Shadow of avatar */\n  shadow?: boolean\n  /** Make ref func */\n  ref?: React.LegacyRef<HTMLDivElement>\n  /**\n   * Generate color by title automatically\n   *\n   * `Performance Info`: Each render of component call getAvatarColor function on received title\n   */\n  autoColor?: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n */\nexport class Avatar extends PureComponent<AvatarProps> {\n  static defaultProps = {\n    size: 'm',\n    autoColor: false,\n  }\n\n  static displayName = 'Avatar'\n\n  getAvatarText() {\n    return getAvatarText(this.props.title || '')\n  }\n\n  render() {\n    const { src, ref, ...restProps } = this.props\n\n    const text = this.getAvatarText()\n\n    if (src) {\n      return (\n        <Styled.Root\n          {...restProps}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          ref={ref as any}\n          style={\n            src\n              ? {\n                  backgroundImage: src && `url(${src})`,\n                }\n              : undefined\n          }\n        />\n      )\n    }\n\n    return (\n      // eslint-disable-next-line @typescript-eslint/no-explicit-any\n      <Styled.Root {...restProps} ref={this.props.ref as any}>\n        {text}\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["Avatar","PureComponent","getAvatarText","this","props","title","render","_this$props","src","ref","restProps","_objectWithoutProperties","_excluded","text","_jsx","Styled.Root","style","backgroundImage","concat","children","defaultProps","size","autoColor","displayName"],"mappings":"uSAkCO,MAAMA,UAAeC,EAQ1BC,gBACE,OAAOA,EAAcC,KAAKC,MAAMC,OAAS,IAG3CC,SACE,IAAAC,EAAmCJ,KAAKC,OAAlCI,IAAEA,EAAFC,IAAOA,GAAbF,EAAqBG,EAArBC,EAAAJ,EAAAK,GAEA,IAAMC,EAAOV,KAAKD,gBAElB,OAEIY,EAACC,SACKL,GADN,GAFAF,EAEA,CAGEC,IAAKA,EACLO,MACER,EACI,CACES,gBAAiBT,GAAG,OAAAU,OAAWV,EAAX,cAUhC,CAA4BC,IAAKN,KAAKC,MAAMK,IAA5CU,SACGN,MArCIb,EACJoB,aAAe,CACpBC,KAAM,IACNC,cAHStB,EAMJuB,YAAc"}

package/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { useClassname } from 'hooks/useClassname'\nimport { Color } from '../../mixins/color'\nimport { Display } from '../../mixins/display'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Text, TextProps } from '../Text'\nimport * as Styled from './style'\n\nexport interface BadgeProps extends BaseProps, Color, Display {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: string | React.ReactNode\n  textProps?: TextProps\n  /** Make badge round */\n  round?: string\n}\n\nBadge.displayName = 'Badge'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Badge({\n  children,\n  content,\n  className,\n  textProps,\n  round,\n  display = 'inline-block',\n  ...restProps\n}: BadgeProps) {\n  const _className = useClassname(Badge.displayName, className)\n  return (\n    <Styled.Root round={round} display={display} className={_className} {...restProps}>\n      <Text\n        className='text'\n        size={round ? 10 : 12}\n        weight={round ? 'bolder' : 'normal'}\n        lineHeight='s'\n        content={typeof content === 'string' ? content : undefined}\n        {...textProps}\n      >\n        {children || content}\n      </Text>\n    </Styled.Root>\n  )\n}\n"],"names":["Badge","_ref","children","content","className","textProps","round","display","restProps","_objectWithoutProperties","_excluded","_className","useClassname","displayName","_jsx","Styled.Root","_objectSpread","Text","size","weight","lineHeight","undefined"],"mappings":"qWA0BO,SAASA,EAQDC,GAAA,IAROC,SACpBA,EADoBC,QAEpBA,EAFoBC,UAGpBA,EAHoBC,UAIpBA,EAJoBC,MAKpBA,EALoBC,QAMpBA,EAAU,gBAEGN,EADVO,EACUC,EAAAR,EAAAS,GACb,IAAMC,EAAaC,EAAaZ,EAAMa,YAAaT,GACnD,OACEU,EAACC,EAADC,EAAAA,EAAA,CAAaV,MAAOA,EAAOC,QAASA,EAASH,UAAWO,GAAgBH,GAAxE,GAAA,CAAAN,SACEY,EAACG,EAADD,EAAAA,EAAA,CACEZ,UAAU,OACVc,KAAMZ,EAAQ,GAAK,GACnBa,OAAQb,EAAQ,SAAW,SAC3Bc,WAAW,IACXjB,QAA4B,iBAAZA,EAAuBA,OAAUkB,GAC7ChB,GANN,GAAA,CAAAH,SAQGA,GAAYC,QA5BrBH,EAAMa,YAAc"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { Text, TextProps } from '../Text'\nimport * as Styled from './style'\n\nexport interface BadgeProps extends BaseProps, ColorProperty, DisplayProperty {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  content?: string | React.ReactNode\n  textProps?: TextProps\n  /** Make badge round */\n  round?: string\n}\n\nBadge.displayName = 'Badge'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Badge({\n  children,\n  content,\n  className,\n  textProps,\n  round,\n  display = 'inline-block',\n  ...restProps\n}: BadgeProps) {\n  const _className = useClassname(Badge.displayName, className)\n  return (\n    <Styled.Root round={round} display={display} className={_className} {...restProps}>\n      <Text\n        className='text'\n        size={round ? 10 : 12}\n        weight={round ? 'bolder' : 'normal'}\n        lineHeight='s'\n        content={typeof content === 'string' ? content : undefined}\n        {...textProps}\n      >\n        {children || content}\n      </Text>\n    </Styled.Root>\n  )\n}\n"],"names":["Badge","_ref","children","content","className","textProps","round","display","restProps","_objectWithoutProperties","_excluded","_className","useClassname","displayName","_jsx","Styled.Root","_objectSpread","Text","size","weight","lineHeight","undefined"],"mappings":"qWA0BO,SAASA,EAQDC,GAAA,IAROC,SACpBA,EADoBC,QAEpBA,EAFoBC,UAGpBA,EAHoBC,UAIpBA,EAJoBC,MAKpBA,EALoBC,QAMpBA,EAAU,gBAEGN,EADVO,EACUC,EAAAR,EAAAS,GACb,IAAMC,EAAaC,EAAaZ,EAAMa,YAAaT,GACnD,OACEU,EAACC,EAADC,EAAAA,EAAA,CAAaV,MAAOA,EAAOC,QAASA,EAASH,UAAWO,GAAgBH,GAAxE,GAAA,CAAAN,SACEY,EAACG,EAADD,EAAAA,EAAA,CACEZ,UAAU,OACVc,KAAMZ,EAAQ,GAAK,GACnBa,OAAQb,EAAQ,SAAW,SAC3Bc,WAAW,IACXjB,QAA4B,iBAAZA,EAAuBA,OAAUkB,GAC7ChB,GANN,GAAA,CAAAH,SAQGA,GAAYC,QA5BrBH,EAAMa,YAAc"}

package/components/Badge/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from '../../mixins/color'\nimport { display } from '../../mixins/display'\nimport { BadgeProps } from './Badge'\n\nconst round = css`\n  min-width: 16px;\n  padding: 3px 4px 1px;\n  border-radius: 100%;\n  box-sizing: border-box;\n  line-height: 0;\n\n  .text {\n    line-height: 12px;\n  }\n`\n\nexport const Root = styled.div.withConfig<BadgeProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  background-color: currentColor;\n  padding: 2px 12px 0px;\n  border-radius: 3px;\n  vertical-align: middle;\n  text-align: center;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  .text {\n    display: inline-block;\n    vertical-align: middle;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  ${(props) => (props.round ? round : null)}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) => (props.display ? display(props.display) : null)}\n`\n"],"names":["round","css","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","color","display"],"mappings":"2IAKA,IAAMA,EAAQC,EAAd,CAAA,uHAYO,IAAMC,EAAOC,EAAOC,IAAIC,WAAuB,CACpDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KAD1DF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,gRAAA,IAAA,IAAA,KAsBZO,GAAWA,EAAMV,MAAQA,EAAQ,OACjCU,GAAWA,EAAMC,MAAQA,EAAMD,EAAMC,MAAO,oBAAsB,OAClED,GAAWA,EAAME,QAAUA,EAAQF,EAAME,SAAW"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { BadgeProps } from './Badge'\n\nconst round = css`\n  min-width: 16px;\n  padding: 3px 4px 1px;\n  border-radius: 100%;\n  box-sizing: border-box;\n  line-height: 0;\n\n  .text {\n    line-height: 12px;\n  }\n`\n\nexport const Root = styled.div.withConfig<BadgeProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  background-color: currentColor;\n  padding: 2px 12px 0px;\n  border-radius: 3px;\n  vertical-align: middle;\n  text-align: center;\n\n  &:not(:last-child) {\n    margin-right: 8px;\n  }\n\n  .text {\n    display: inline-block;\n    vertical-align: middle;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n    max-width: 100%;\n    overflow: hidden;\n  }\n\n  ${(props) => (props.round ? round : null)}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) => (props.display ? display(props.display) : null)}\n`\n"],"names":["round","css","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","color","display"],"mappings":"2IAKA,IAAMA,EAAQC,EAAd,CAAA,uHAYO,IAAMC,EAAOC,EAAOC,IAAIC,WAAuB,CACpDC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KAD1DF,WAAA,CAAAI,YAAA,uBAAGN,CAAH,CAAA,gRAAA,IAAA,IAAA,KAsBZO,GAAWA,EAAMV,MAAQA,EAAQ,OACjCU,GAAWA,EAAMC,MAAQA,EAAMD,EAAMC,MAAO,oBAAsB,OAClED,GAAWA,EAAME,QAAUA,EAAQF,EAAME,SAAW"}

package/components/Button/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Button/constants.ts"],"sourcesContent":["import type { ButtonForwardProp, ButtonRootProps, ButtonStaticSize } from './types'\n\nexport const FORWARD_PROPS: ButtonForwardProp[] = [\n  'id',\n  'to',\n  'target',\n  'ref',\n  'rel',\n  'href',\n  'type',\n  'disabled',\n  'className',\n  'style',\n  'form',\n  'onClick',\n  'onClickCapture',\n  'onMouseLeave',\n  'onMouseEnter',\n  'children',\n]\n\nexport const STATIC_SIZES: ButtonStaticSize[] = ['xl', 'l', 'm', 's', 'xs']\n\nexport const DEFAULT_PROPS_BY_SIZE: Record<ButtonStaticSize, Partial<ButtonRootProps>> = {\n  xl: {\n    fontSize: 'xl',\n    height: 68,\n    paddingLeft: 40,\n    paddingRight: 40,\n    paddingLeftM: 36,\n    paddingRightM: 36,\n    paddingLeftS: 32,\n    paddingRightS: 32,\n  },\n  l: {\n    fontSize: 'l',\n    fontSizeM: 'm',\n    height: 60,\n    heightM: 56,\n    heightS: 52,\n    paddingLeft: 36,\n    paddingRight: 36,\n    paddingLeftM: 28,\n    paddingRightM: 28,\n    paddingLeftS: 24,\n    paddingRightS: 24,\n  },\n  m: {\n    fontSize: 'm',\n    height: 52,\n    paddingLeft: 32,\n    paddingRight: 32,\n    paddingLeftM: 24,\n    paddingRightM: 24,\n    paddingLeftS: 20,\n    paddingRightS: 20,\n  },\n  s: {\n    fontSize: 's',\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n  xs: {\n    fontSize: 's',\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n}\n\nexport const BRAND_PROPS_BY_SIZE: Record<ButtonStaticSize, Partial<ButtonRootProps>> = {\n  xl: {\n    fontSize: 18,\n    height: 56,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  l: {\n    fontSize: 16,\n    height: 48,\n    paddingLeft: 26,\n    paddingRight: 26,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 24,\n    paddingRight: 24,\n  },\n  xs: {\n    fontSize: 14,\n    height: 32,\n    paddingLeft: 16,\n    paddingRight: 16,\n  },\n}\n"],"names":["FORWARD_PROPS","STATIC_SIZES","DEFAULT_PROPS_BY_SIZE","xl","fontSize","height","paddingLeft","paddingRight","paddingLeftM","paddingRightM","paddingLeftS","paddingRightS","l","fontSizeM","heightM","heightS","m","s","xs","BRAND_PROPS_BY_SIZE"],"mappings":"AAEaA,IAAAA,EAAqC,CAChD,KACA,KACA,SACA,MACA,MACA,OACA,OACA,WACA,YACA,QACA,OACA,UACA,iBACA,eACA,eACA,YAGWC,IAAAA,EAAmC,CAAC,KAAM,IAAK,IAAK,IAAK,MAE/D,IAAMC,EAA4E,CACvFC,GAAI,CACFC,SAAU,KACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,GACdC,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBC,EAAG,CACDR,SAAU,IACVS,UAAW,IACXR,OAAQ,GACRS,QAAS,GACTC,QAAS,GACTT,YAAa,GACbC,aAAc,GACdC,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBK,EAAG,CACDZ,SAAU,IACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,GACdC,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBM,EAAG,CACDb,SAAU,IACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,GACdC,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBO,GAAI,CACFd,SAAU,IACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,GACdC,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,KAIZ,IAAMQ,EAA0E,CACrFhB,GAAI,CACFC,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBK,EAAG,CACDR,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBS,EAAG,CACDZ,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBU,EAAG,CACDb,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBW,GAAI,CACFd,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Button/constants.ts"],"sourcesContent":["import type { ButtonForwardProp, StyledButtonProps, ButtonStaticSize } from './types'\n\nexport const FORWARD_PROPS: ButtonForwardProp[] = [\n  'id',\n  'to',\n  'target',\n  'ref',\n  'rel',\n  'href',\n  'type',\n  'disabled',\n  'className',\n  'style',\n  'form',\n  'onClick',\n  'onClickCapture',\n  'onMouseLeave',\n  'onMouseEnter',\n  'children',\n]\n\nexport const STATIC_SIZES: ButtonStaticSize[] = ['xl', 'l', 'm', 's', 'xs']\n\nexport const DEFAULT_PROPS_BY_SIZE: Record<ButtonStaticSize, Partial<StyledButtonProps>> = {\n  xl: {\n    fontSize: 'xl',\n    height: 68,\n    paddingLeft: 40,\n    paddingRight: 40,\n    paddingLeftM: 36,\n    paddingRightM: 36,\n    paddingLeftS: 32,\n    paddingRightS: 32,\n  },\n  l: {\n    fontSize: 'l',\n    fontSizeM: 'm',\n    height: 60,\n    heightM: 56,\n    heightS: 52,\n    paddingLeft: 36,\n    paddingRight: 36,\n    paddingLeftM: 28,\n    paddingRightM: 28,\n    paddingLeftS: 24,\n    paddingRightS: 24,\n  },\n  m: {\n    fontSize: 'm',\n    height: 52,\n    paddingLeft: 32,\n    paddingRight: 32,\n    paddingLeftM: 24,\n    paddingRightM: 24,\n    paddingLeftS: 20,\n    paddingRightS: 20,\n  },\n  s: {\n    fontSize: 's',\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n  xs: {\n    fontSize: 's',\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n}\n\nexport const BRAND_PROPS_BY_SIZE: Record<ButtonStaticSize, Partial<StyledButtonProps>> = {\n  xl: {\n    fontSize: 18,\n    height: 56,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  l: {\n    fontSize: 16,\n    height: 48,\n    paddingLeft: 26,\n    paddingRight: 26,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 24,\n    paddingRight: 24,\n  },\n  xs: {\n    fontSize: 14,\n    height: 32,\n    paddingLeft: 16,\n    paddingRight: 16,\n  },\n}\n"],"names":["FORWARD_PROPS","STATIC_SIZES","DEFAULT_PROPS_BY_SIZE","xl","fontSize","height","paddingLeft","paddingRight","paddingLeftM","paddingRightM","paddingLeftS","paddingRightS","l","fontSizeM","heightM","heightS","m","s","xs","BRAND_PROPS_BY_SIZE"],"mappings":"AAEaA,IAAAA,EAAqC,CAChD,KACA,KACA,SACA,MACA,MACA,OACA,OACA,WACA,YACA,QACA,OACA,UACA,iBACA,eACA,eACA,YAGWC,IAAAA,EAAmC,CAAC,KAAM,IAAK,IAAK,IAAK,MAE/D,IAAMC,EAA8E,CACzFC,GAAI,CACFC,SAAU,KACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,GACdC,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBC,EAAG,CACDR,SAAU,IACVS,UAAW,IACXR,OAAQ,GACRS,QAAS,GACTC,QAAS,GACTT,YAAa,GACbC,aAAc,GACdC,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBK,EAAG,CACDZ,SAAU,IACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,GACdC,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBM,EAAG,CACDb,SAAU,IACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,GACdC,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBO,GAAI,CACFd,SAAU,IACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,GACdC,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,KAIZ,IAAMQ,EAA4E,CACvFhB,GAAI,CACFC,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBK,EAAG,CACDR,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBS,EAAG,CACDZ,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBU,EAAG,CACDb,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBW,GAAI,CACFd,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc"}

package/components/Button/style.js

@@ -1,2 +1,2 @@
-import o,{css as n,keyframes as r}from'styled-components';import e from'tinycolor2';import{injectDefaultTheme as t}from'../../shared/utils/inject-theme.js';import{property as a,responsiveNamedProperty as c,responsiveProperty as i}from'../../mixins/responsive-property.js';import{color as s}from'../../mixins/color.js';import{FORWARD_PROPS as d,STATIC_SIZES as l}from'./constants.js';import g from'./images/check.module.svg.js';import p from'./images/spinner.module.svg.js';var m={xl:320,l:280,m:245,s:180,xs:140};var h={xl:60,l:52,m:48,s:40,xs:32};var b={xl:18,l:16,m:16,s:14,xs:14};var u=n(["",""],(o=>"\n    display: ".concat(o.display,";\n    font-weight: ").concat(o.fontWeight,";\n    border-radius: ").concat(o.borderRadius,";\n    line-height: ").concat(o.lineHeight,";\n    padding: ").concat(o.basePadding,";\n    box-sizing: border-box;\n    position: relative;\n    isolation: isolate;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    cursor: pointer;\n    user-select: none;\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    white-space: nowrap;\n    text-align: center;\n    vertical-align: top;\n    transition-property: color, background-color, box-shadow;\n    &::before,\n    &::after {\n      transition-property: opacity;\n    }\n    &,\n    &::before,\n    &::after {\n      transition-duration: 200ms;\n    }\n    & + & {\n      margin-left: ").concat(o.noSpacing?'auto':'1em',";\n    }\n  ")));var f=r(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);var v=r(["100%{transform:rotate(360deg);}"]);var y=n(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;cursor:progress;"],f);var L=o=>'auto'===o?'auto':'number'==typeof o||'boolean'==typeof o?o:o&&m[o]?m[o]:'auto';var S=function(o,r){var e=arguments.length>1&&void 0!==r?r:'px';return n(["width:","",";height:","",";font-size:","",";line-height:","",";padding:","",";"],o,e,o,e,.44*o,e,.44*o,e,.28*o,e)};var x=()=>n(["min-width:initial;width:100%;"]);var X="\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n";var w={filled:{default:n(["",""],(o=>{var n=o.theme.colors['bg-brand-primary-basic'];o.black&&(n=o.theme.colors['bg-onmain-contrast']),o.danger&&(n=o.theme.colors['alert-bg-error-500']),o.success&&(n=o.theme.colors['alert-bg-success-500']),o.disabled&&(n=o.theme.colors['bg-disabled-large']);var r=o.theme.colors['content-oncolor-primary'];o.disabled&&(r=o.theme.colors['content-disabled']);var e=o.theme.colors['bg-oncolor-hover'];return o.black&&!o.danger&&(e=o.theme.colors['bg-oncontrast-hover']),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(e,";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                  &:hover::before {\n                    opacity: 1;\n                  }\n                  &:active::after {\n                    opacity: 1;\n                  }\n                ","\n        ")})),onColored:n(["",""],(o=>{var n=o.theme.colors['bg-oncolor-primary'];o.disabled&&(n=o.theme.colors['bg-oncolor-disabled']);var r=o.theme.colors['content-oncolor-constant'];return o.success&&(r=o.theme.colors['alert-success']),o.disabled&&(r=o.theme.colors['content-oncolor-disabled']),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                  &:hover::before {\n                    opacity: 1;\n                  }\n                  &:active::after {\n                    opacity: 1;\n                  }\n                ","\n        ")}))},outline:{default:n(["",""],(o=>{var n='transparent';!o.loading||o.success||o.black||o.danger||(n=o.theme.colors['bg-brand-primary-basic']),o.loading&&!o.success&&o.black&&(n=o.theme.colors['bg-onmain-contrast']),o.loading&&!o.success&&o.danger&&(n=o.theme.colors['alert-bg-error-500']),o.success&&(n=o.theme.colors['alert-bg-success-500']),o.disabled&&(n=o.theme.colors['bg-disabled-large']);var r=o.theme.colors['content-brand-primary'];o.black&&(r=o.theme.colors['content-oncolor-inverse']),o.danger&&(r=o.theme.colors['alert-error']),(o.success||o.loading)&&(r=o.theme.colors['content-oncolor-primary']),o.disabled&&(r=o.theme.colors['content-disabled']);var e=o.theme.colors['border-brand-primary'];o.black&&(e=o.theme.colors['border-onmain-contrast']),o.danger&&(e=o.theme.colors['alert-bg-error-500']),o.loading&&!o.success&&(e='transparent'),o.success&&(e=o.theme.colors['alert-bg-success-500']),o.disabled&&(e=o.theme.colors['bg-disabled-large']);var t=o.theme.colors['bg-brand-primary-basic'];o.black&&(t=o.theme.colors['bg-onmain-contrast']),o.danger&&(t=o.theme.colors['alert-bg-error-500']);var a=o.theme.colors['bg-oncolor-hover'];return o.black&&!o.danger&&(a=o.theme.colors['bg-oncontrast-hover']),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n          box-shadow: inset 0 0 0 ").concat(o.fontBold?2:1,"px ").concat(e,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(t,";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            background-color: ").concat(a,";\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n            ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                  &:hover {\n                    color: ".concat(o.theme.colors['content-oncolor-primary'],";\n                    box-shadow: none;\n                  }\n                  &:hover::before {\n                    opacity: 1;\n                  }\n                  &:active::after {\n                    opacity: 1;\n                  }\n                "),"\n        ")})),onColored:n(["",""],(o=>{var n='transparent';(o.success||o.loading)&&(n=o.theme.colors['bg-oncolor-primary']),o.disabled&&(n=o.theme.colors['bg-oncolor-disabled']);var r=o.theme.colors['content-oncolor-primary'];o.loading&&!o.success&&(r=o.theme.colors['content-oncolor-constant']),o.success&&(r=o.theme.colors['alert-success']),o.disabled&&(r=o.theme.colors['content-oncolor-disabled']);var e=o.theme.colors['border-oncolor-default'];return o.disabled&&(e='transparent'),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n          box-shadow: inset 0 0 0 ").concat(o.fontBold?2:1,"px ").concat(e,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-primary'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                &:hover {\n                  color: ".concat(o.theme.colors['content-oncolor-constant'],";\n                  box-shadow: none;\n                }\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              "),"\n        ")}))},base:{default:n(["",""],(o=>{var n=o.theme.colors['bg-onmain-tertiary'];o.success&&(n=o.theme.colors['alert-bg-success-500']),o.disabled&&(n=o.theme.colors['bg-disabled-large']);var r=o.theme.colors['content-brand-primary'];return o.black&&(r=o.theme.colors['content-oncolor-inverse']),o.danger&&(r=o.theme.colors['alert-error']),o.success&&(r=o.theme.colors['content-oncolor-primary']),o.disabled&&(r=o.theme.colors['content-disabled']),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              ","\n        ")})),onColored:n(["",""],(o=>{var n=o.theme.colors['bg-oncolor-secondary'];o.success&&(n=o.theme.colors['bg-oncolor-primary']),o.disabled&&(n=o.theme.colors['bg-oncolor-disabled']);var r=o.theme.colors['content-oncolor-primary'];return o.success&&(r=o.theme.colors['alert-success']),o.disabled&&(r=o.theme.colors['content-oncolor-disabled']),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              ","\n        ")}))},clear:{default:n(["",""],(o=>{var n=o.theme.colors['content-brand-primary'];return o.black&&(n=o.theme.colors['content-oncolor-inverse']),o.danger&&(n=o.theme.colors['alert-error']),o.success&&(n=o.theme.colors['alert-success']),o.disabled&&(n=o.theme.colors['content-disabled']),"\n          background-color: transparent;\n          color: ".concat(n,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              ","\n        ")})),onColored:n(["",""],(o=>{var n=o.theme.colors['content-oncolor-primary'];return o.disabled&&(n=o.theme.colors['content-oncolor-disabled']),"\n          background-color: transparent;\n          color: ".concat(n,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncontrast-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncontrast-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              ","\n        ")}))}};var k={default:n([""," "," "," "," "," ",""],(o=>o.disabled||o.loading?'':"\n        &:active {\n          box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n        }\n        &:hover {\n          color: ".concat(o.fontColor,";\n          background-color: ").concat(e(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString(),";\n        }\n        ").concat(o.inverted||o.basic||o.outline?"\n                &:not(:hover) {\n                  border: 1px solid ".concat(o.theme.colors[o.color],";\n                }\n                &:hover {\n                  border: 1px solid ").concat(o.theme.colors[o.color],";\n                }\n              "):'',"\n      ")),(o=>o.loading?y:''),(o=>{var n='background-color';return(o.inverted||o.basic||o.outline)&&(n='color'),s(o.color,n)}),(o=>{var n='color';return(o.inverted||o.basic||o.outline)&&(n='background-color'),s(o.fontColor,n)}),(o=>o.disabled?"\n        cursor: not-allowed;\n        background-color: ".concat(o.theme.colors.mercury,";\n        color: ").concat(o.theme.colors.silver,";\n      "):''),(o=>o.basic||o.outline?'background-color: transparent;':''))};var z=o.button.withConfig({shouldForwardProp:o=>d.includes(o)||o.includes('data')}).attrs(t).withConfig({componentId:"fox-ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],u,(o=>o.brandPresetUsed?!o.clear||o.base||o.outline||o.onColored?o.clear&&!o.base&&!o.outline&&o.onColored?w.clear.onColored:!o.base||o.clear||o.outline||o.onColored?o.base&&!o.clear&&!o.outline&&o.onColored?w.base.onColored:!o.outline||o.clear||o.base||o.onColored?o.outline&&!o.clear&&!o.base&&o.onColored?w.outline.onColored:o.onColored?w.filled.onColored:w.filled.default:w.outline.default:w.base.default:w.clear.default:k.default),(o=>l.includes(o.size)?'':i('size','font-size')),(o=>o.round?l.includes(o.size)?o.brandPresetUsed?"font-size: ".concat(b[o.size],"px;\n        padding: 1em;"):a(h[o.size],S):'padding: 1em;':''),(o=>o.padding?a(o.padding,'padding'):null),(o=>o.paddingTop?a(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?a(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?a(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?a(o.paddingLeft,'padding-left'):null),(o=>o.margin?a(o.margin,'margin'):null),(o=>o.marginTop?a(o.marginTop,'margin-top'):null),(o=>o.marginRight?a(o.marginRight,'margin-right'):null),(o=>o.marginBottom?a(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?a(o.marginLeft,'margin-left'):null),(o=>o.fontSize?a(o.fontSize,'font-size'):null),(o=>o.height?a(o.height,'height'):null),(o=>{var n=o.fluid&&'auto'!==o.width?'max-width':'width';return o.width?a(L(o.width),n):null}),(o=>{var{paddingXS:n,paddingS:r,paddingM:e,paddingL:t,paddingXL:a}=o;return c({sizes:{paddingXS:n,paddingS:r,paddingM:e,paddingL:t,paddingXL:a},cssProperty:'padding'})}),(o=>{var{paddingTopXS:n,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:a}=o;return c({sizes:{paddingTopXS:n,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:a},cssProperty:'padding-top'})}),(o=>{var{paddingRightXS:n,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:a}=o;return c({sizes:{paddingRightXS:n,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:a},cssProperty:'padding-right'})}),(o=>{var{paddingBottomXS:n,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:a}=o;return c({sizes:{paddingBottomXS:n,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:a},cssProperty:'padding-bottom'})}),(o=>{var{paddingLeftXS:n,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:a}=o;return c({sizes:{paddingLeftXS:n,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:a},cssProperty:'padding-left'})}),(o=>{var{marginXS:n,marginS:r,marginM:e,marginL:t,marginXL:a}=o;return c({sizes:{marginXS:n,marginS:r,marginM:e,marginL:t,marginXL:a},cssProperty:'margin'})}),(o=>{var{marginTopXS:n,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:a}=o;return c({sizes:{marginTopXS:n,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:a},cssProperty:'margin-top'})}),(o=>{var{marginRightXS:n,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:a}=o;return c({sizes:{marginRightXS:n,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:a},cssProperty:'margin-right'})}),(o=>{var{marginBottomXS:n,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:a}=o;return c({sizes:{marginBottomXS:n,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:a},cssProperty:'margin-bottom'})}),(o=>{var{marginLeftXS:n,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:a}=o;return c({sizes:{marginLeftXS:n,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:a},cssProperty:'margin-left'})}),(o=>{var{fontSizeXS:n,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:a}=o;return c({sizes:{fontSizeXS:n,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:a},cssProperty:'font-size'})}),(o=>{var{heightXS:n,heightS:r,heightM:e,heightL:t,heightXL:a}=o;return c({sizes:{heightXS:n,heightS:r,heightM:e,heightL:t,heightXL:a},cssProperty:'height'})}),(o=>{var{widthXS:n,widthS:r,widthM:e,widthL:t,widthXL:a,fluid:i,width:s}=o;return c({sizes:{widthXS:n,widthS:r,widthM:e,widthL:t,widthXL:a},cssProperty:i&&'auto'!==s?'max-width':'width',customSizeHandler:L})}),(o=>o.fluid?a(o.fluid,x):null),(o=>{var{fluidXS:n,fluidS:r,fluidM:e,fluidL:t,fluidXL:a}=o;return c({sizes:{fluidXS:n,fluidS:r,fluidM:e,fluidL:t,fluidXL:a},cssProperty:x})}));var R=o.span.withConfig({componentId:"fox-ui__sc-16o31r2-1"})(["",""],(o=>"\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    margin-left: ".concat(o.marginLeft?'0.4em':0,";\n    margin-right: ").concat(o.marginRight?'0.4em':0,";\n  ")));var M=o.span.withConfig({componentId:"fox-ui__sc-16o31r2-2"})(["position:relative;z-index:1;"]);var T=o(p).withConfig({componentId:"fox-ui__sc-16o31r2-3"})(["width:100%;animation:"," 2000ms linear infinite;",""],v,(o=>"\n    > path {\n      stroke-width: ".concat(o.strokeWidth,";\n    }\n  ")));var B=o(g).withConfig({componentId:"fox-ui__sc-16o31r2-4"})(["width:100%;",""],(o=>"\n    > path {\n      stroke-width: ".concat(o.strokeWidth,";\n    }\n  ")));export{B as CheckIcon,M as Content,R as IconSlot,z as Root,T as SpinnerIcon};
+import o,{css as n,keyframes as r}from'styled-components';import e from'tinycolor2';import{property as t,responsiveNamedProperty as a,responsiveProperty as c}from'../../mixins/responsive-property.js';import{color as i}from'../../mixins/color.js';import{injectDefaultTheme as s}from'../../shared/utils/inject-theme.js';import{FORWARD_PROPS as d,STATIC_SIZES as l}from'./constants.js';import g from'./images/check.module.svg.js';import p from'./images/spinner.module.svg.js';var m={xl:320,l:280,m:245,s:180,xs:140};var h={xl:60,l:52,m:48,s:40,xs:32};var b={xl:18,l:16,m:16,s:14,xs:14};var u=n(["",""],(o=>"\n    display: ".concat(o.display,";\n    font-weight: ").concat(o.fontWeight,";\n    border-radius: ").concat(o.borderRadius,";\n    line-height: ").concat(o.lineHeight,";\n    padding: ").concat(o.basePadding,";\n    box-sizing: border-box;\n    position: relative;\n    isolation: isolate;\n    justify-content: center;\n    align-items: center;\n    overflow: hidden;\n    cursor: pointer;\n    user-select: none;\n    border: none;\n    text-decoration: none;\n    appearance: none;\n    white-space: nowrap;\n    text-align: center;\n    vertical-align: top;\n    transition-property: color, background-color, box-shadow;\n    &::before,\n    &::after {\n      transition-property: opacity;\n    }\n    &,\n    &::before,\n    &::after {\n      transition-duration: 200ms;\n    }\n    & + & {\n      margin-left: ").concat(o.noSpacing?'auto':'1em',";\n    }\n  ")));var f=r(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);var v=r(["100%{transform:rotate(360deg);}"]);var y=n(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;cursor:progress;"],f);var L=o=>'auto'===o?'auto':'number'==typeof o||'boolean'==typeof o?o:o&&m[o]?m[o]:'auto';var S=function(o,r){var e=arguments.length>1&&void 0!==r?r:'px';return n(["width:","",";height:","",";font-size:","",";line-height:","",";padding:","",";"],o,e,o,e,.44*o,e,.44*o,e,.28*o,e)};var x=()=>n(["min-width:initial;width:100%;"]);var X="\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n";var w={filled:{default:n(["",""],(o=>{var n=o.theme.colors['bg-brand-primary-basic'];o.black&&(n=o.theme.colors['bg-onmain-contrast']),o.danger&&(n=o.theme.colors['alert-bg-error-500']),o.success&&(n=o.theme.colors['alert-bg-success-500']),o.disabled&&(n=o.theme.colors['bg-disabled-large']);var r=o.theme.colors['content-oncolor-primary'];o.disabled&&(r=o.theme.colors['content-disabled']);var e=o.theme.colors['bg-oncolor-hover'];return o.black&&!o.danger&&(e=o.theme.colors['bg-oncontrast-hover']),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(e,";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                  &:hover::before {\n                    opacity: 1;\n                  }\n                  &:active::after {\n                    opacity: 1;\n                  }\n                ","\n        ")})),onColored:n(["",""],(o=>{var n=o.theme.colors['bg-oncolor-primary'];o.disabled&&(n=o.theme.colors['bg-oncolor-disabled']);var r=o.theme.colors['content-oncolor-constant'];return o.success&&(r=o.theme.colors['alert-success']),o.disabled&&(r=o.theme.colors['content-oncolor-disabled']),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                  &:hover::before {\n                    opacity: 1;\n                  }\n                  &:active::after {\n                    opacity: 1;\n                  }\n                ","\n        ")}))},outline:{default:n(["",""],(o=>{var n='transparent';!o.loading||o.success||o.black||o.danger||(n=o.theme.colors['bg-brand-primary-basic']),o.loading&&!o.success&&o.black&&(n=o.theme.colors['bg-onmain-contrast']),o.loading&&!o.success&&o.danger&&(n=o.theme.colors['alert-bg-error-500']),o.success&&(n=o.theme.colors['alert-bg-success-500']),o.disabled&&(n=o.theme.colors['bg-disabled-large']);var r=o.theme.colors['content-brand-primary'];o.black&&(r=o.theme.colors['content-oncolor-inverse']),o.danger&&(r=o.theme.colors['alert-error']),(o.success||o.loading)&&(r=o.theme.colors['content-oncolor-primary']),o.disabled&&(r=o.theme.colors['content-disabled']);var e=o.theme.colors['border-brand-primary'];o.black&&(e=o.theme.colors['border-onmain-contrast']),o.danger&&(e=o.theme.colors['alert-bg-error-500']),o.loading&&!o.success&&(e='transparent'),o.success&&(e=o.theme.colors['alert-bg-success-500']),o.disabled&&(e=o.theme.colors['bg-disabled-large']);var t=o.theme.colors['bg-brand-primary-basic'];o.black&&(t=o.theme.colors['bg-onmain-contrast']),o.danger&&(t=o.theme.colors['alert-bg-error-500']);var a=o.theme.colors['bg-oncolor-hover'];return o.black&&!o.danger&&(a=o.theme.colors['bg-oncontrast-hover']),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n          box-shadow: inset 0 0 0 ").concat(o.fontBold?2:1,"px ").concat(e,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(t,";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            background-color: ").concat(a,";\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n            ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                  &:hover {\n                    color: ".concat(o.theme.colors['content-oncolor-primary'],";\n                    box-shadow: none;\n                  }\n                  &:hover::before {\n                    opacity: 1;\n                  }\n                  &:active::after {\n                    opacity: 1;\n                  }\n                "),"\n        ")})),onColored:n(["",""],(o=>{var n='transparent';(o.success||o.loading)&&(n=o.theme.colors['bg-oncolor-primary']),o.disabled&&(n=o.theme.colors['bg-oncolor-disabled']);var r=o.theme.colors['content-oncolor-primary'];o.loading&&!o.success&&(r=o.theme.colors['content-oncolor-constant']),o.success&&(r=o.theme.colors['alert-success']),o.disabled&&(r=o.theme.colors['content-oncolor-disabled']);var e=o.theme.colors['border-oncolor-default'];return o.disabled&&(e='transparent'),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n          box-shadow: inset 0 0 0 ").concat(o.fontBold?2:1,"px ").concat(e,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-primary'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                &:hover {\n                  color: ".concat(o.theme.colors['content-oncolor-constant'],";\n                  box-shadow: none;\n                }\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              "),"\n        ")}))},base:{default:n(["",""],(o=>{var n=o.theme.colors['bg-onmain-tertiary'];o.success&&(n=o.theme.colors['alert-bg-success-500']),o.disabled&&(n=o.theme.colors['bg-disabled-large']);var r=o.theme.colors['content-brand-primary'];return o.black&&(r=o.theme.colors['content-oncolor-inverse']),o.danger&&(r=o.theme.colors['alert-error']),o.success&&(r=o.theme.colors['content-oncolor-primary']),o.disabled&&(r=o.theme.colors['content-disabled']),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              ","\n        ")})),onColored:n(["",""],(o=>{var n=o.theme.colors['bg-oncolor-secondary'];o.success&&(n=o.theme.colors['bg-oncolor-primary']),o.disabled&&(n=o.theme.colors['bg-oncolor-disabled']);var r=o.theme.colors['content-oncolor-primary'];return o.success&&(r=o.theme.colors['alert-success']),o.disabled&&(r=o.theme.colors['content-oncolor-disabled']),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              ","\n        ")}))},clear:{default:n(["",""],(o=>{var n=o.theme.colors['content-brand-primary'];return o.black&&(n=o.theme.colors['content-oncolor-inverse']),o.danger&&(n=o.theme.colors['alert-error']),o.success&&(n=o.theme.colors['alert-success']),o.disabled&&(n=o.theme.colors['content-disabled']),"\n          background-color: transparent;\n          color: ".concat(n,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              ","\n        ")})),onColored:n(["",""],(o=>{var n=o.theme.colors['content-oncolor-primary'];return o.disabled&&(n=o.theme.colors['content-oncolor-disabled']),"\n          background-color: transparent;\n          color: ".concat(n,";\n\n          &::before {\n            ").concat(X,"\n            background-color: ").concat(o.theme.colors['bg-oncontrast-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(X,"\n            box-shadow: inset 0px 4px 0px ").concat(o.theme.colors['bg-oncontrast-hover'],";\n            opacity: 0;\n          }\n\n          ").concat(o.disabled||o.success||o.loading?'cursor: default;':"\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              ","\n        ")}))}};var k={default:n([""," "," "," "," "," ",""],(o=>o.disabled||o.loading?'':"\n        &:active {\n          box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n        }\n        &:hover {\n          color: ".concat(o.fontColor,";\n          background-color: ").concat(e(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString(),";\n        }\n        ").concat(o.inverted||o.basic||o.outline?"\n                &:not(:hover) {\n                  border: 1px solid ".concat(o.theme.colors[o.color],";\n                }\n                &:hover {\n                  border: 1px solid ").concat(o.theme.colors[o.color],";\n                }\n              "):'',"\n      ")),(o=>o.loading?y:''),(o=>{var n='background-color';return(o.inverted||o.basic||o.outline)&&(n='color'),i(o.color,n)}),(o=>{var n='color';return(o.inverted||o.basic||o.outline)&&(n='background-color'),i(o.fontColor,n)}),(o=>o.disabled?"\n        cursor: not-allowed;\n        background-color: ".concat(o.theme.colors.mercury,";\n        color: ").concat(o.theme.colors.silver,";\n      "):''),(o=>o.basic||o.outline?'background-color: transparent;':''))};var z=o.button.withConfig({shouldForwardProp:o=>d.includes(o)||o.includes('data')}).attrs(s).withConfig({componentId:"fox-ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],u,(o=>o.brandPresetUsed?!o.clear||o.base||o.outline||o.onColored?o.clear&&!o.base&&!o.outline&&o.onColored?w.clear.onColored:!o.base||o.clear||o.outline||o.onColored?o.base&&!o.clear&&!o.outline&&o.onColored?w.base.onColored:!o.outline||o.clear||o.base||o.onColored?o.outline&&!o.clear&&!o.base&&o.onColored?w.outline.onColored:o.onColored?w.filled.onColored:w.filled.default:w.outline.default:w.base.default:w.clear.default:k.default),(o=>l.includes(o.size)?'':c('size','font-size')),(o=>o.round?l.includes(o.size)?o.brandPresetUsed?"font-size: ".concat(b[o.size],"px;\n        padding: 1em;"):t(h[o.size],S):'padding: 1em;':''),(o=>o.padding?t(o.padding,'padding'):null),(o=>o.paddingTop?t(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?t(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?t(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?t(o.paddingLeft,'padding-left'):null),(o=>o.margin?t(o.margin,'margin'):null),(o=>o.marginTop?t(o.marginTop,'margin-top'):null),(o=>o.marginRight?t(o.marginRight,'margin-right'):null),(o=>o.marginBottom?t(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?t(o.marginLeft,'margin-left'):null),(o=>o.fontSize?t(o.fontSize,'font-size'):null),(o=>o.height?t(o.height,'height'):null),(o=>{var n=o.fluid&&'auto'!==o.width?'max-width':'width';return o.width?t(L(o.width),n):null}),(o=>{var{paddingXS:n,paddingS:r,paddingM:e,paddingL:t,paddingXL:c}=o;return a({sizes:{paddingXS:n,paddingS:r,paddingM:e,paddingL:t,paddingXL:c},cssProperty:'padding'})}),(o=>{var{paddingTopXS:n,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:c}=o;return a({sizes:{paddingTopXS:n,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:c},cssProperty:'padding-top'})}),(o=>{var{paddingRightXS:n,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:c}=o;return a({sizes:{paddingRightXS:n,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:c},cssProperty:'padding-right'})}),(o=>{var{paddingBottomXS:n,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:c}=o;return a({sizes:{paddingBottomXS:n,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:c},cssProperty:'padding-bottom'})}),(o=>{var{paddingLeftXS:n,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:c}=o;return a({sizes:{paddingLeftXS:n,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:c},cssProperty:'padding-left'})}),(o=>{var{marginXS:n,marginS:r,marginM:e,marginL:t,marginXL:c}=o;return a({sizes:{marginXS:n,marginS:r,marginM:e,marginL:t,marginXL:c},cssProperty:'margin'})}),(o=>{var{marginTopXS:n,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:c}=o;return a({sizes:{marginTopXS:n,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:c},cssProperty:'margin-top'})}),(o=>{var{marginRightXS:n,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:c}=o;return a({sizes:{marginRightXS:n,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:c},cssProperty:'margin-right'})}),(o=>{var{marginBottomXS:n,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:c}=o;return a({sizes:{marginBottomXS:n,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:c},cssProperty:'margin-bottom'})}),(o=>{var{marginLeftXS:n,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:c}=o;return a({sizes:{marginLeftXS:n,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:c},cssProperty:'margin-left'})}),(o=>{var{fontSizeXS:n,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:c}=o;return a({sizes:{fontSizeXS:n,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:c},cssProperty:'font-size'})}),(o=>{var{heightXS:n,heightS:r,heightM:e,heightL:t,heightXL:c}=o;return a({sizes:{heightXS:n,heightS:r,heightM:e,heightL:t,heightXL:c},cssProperty:'height'})}),(o=>{var{widthXS:n,widthS:r,widthM:e,widthL:t,widthXL:c,fluid:i,width:s}=o;return a({sizes:{widthXS:n,widthS:r,widthM:e,widthL:t,widthXL:c},cssProperty:i&&'auto'!==s?'max-width':'width',customSizeHandler:L})}),(o=>o.fluid?t(o.fluid,x):null),(o=>{var{fluidXS:n,fluidS:r,fluidM:e,fluidL:t,fluidXL:c}=o;return a({sizes:{fluidXS:n,fluidS:r,fluidM:e,fluidL:t,fluidXL:c},cssProperty:x})}));var R=o.span.withConfig({componentId:"fox-ui__sc-16o31r2-1"})(["",""],(o=>"\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    margin-left: ".concat(o.marginLeft?'0.4em':0,";\n    margin-right: ").concat(o.marginRight?'0.4em':0,";\n  ")));var M=o.span.withConfig({componentId:"fox-ui__sc-16o31r2-2"})(["position:relative;z-index:1;"]);var T=o(p).withConfig({componentId:"fox-ui__sc-16o31r2-3"})(["width:100%;animation:"," 2000ms linear infinite;",""],v,(o=>"\n    > path {\n      stroke-width: ".concat(o.strokeWidth,";\n    }\n  ")));var B=o(g).withConfig({componentId:"fox-ui__sc-16o31r2-4"})(["width:100%;",""],(o=>"\n    > path {\n      stroke-width: ".concat(o.strokeWidth,";\n    }\n  ")));export{B as CheckIcon,M as Content,R as IconSlot,z as Root,T as SpinnerIcon};
 //# sourceMappingURL=style.js.map