@foxford/ui 2.5.2-beta-1daba91-20230706 → 2.6.0-beta-a4621ec-20230707

package/components/Alert/Alert.js

@@ -0,0 +1,2 @@
+import o from'@babel/runtime/helpers/objectSpread2';import{forwardRef as e}from'react';import{Close as r,WarningTriangleFill as t,CheckCircleFill as i,NotifFill as n,CloseCirlceFill as s}from'@foxford/icon-pack';import{useClassname as c}from'../../hooks/useClassname.js';import{useConfigPriority as a}from'../../hooks/use-config-priority.js';import{useFallbackTheme as l}from'../../hooks/use-theme.js';import{Icon as m}from'../Icon/Icon.js';import'../Icon/icons.js';import{countdownColor as p}from'./parts/CountdownCircle.js';import{Root as h,IconWrapper as C,Timer as u,ContentWrapper as d,Title as f,Content as y,Link as k,Actions as w,SecondaryAction as g,PrimaryAction as x,CancelTimer as b,CloseIcon as T}from'./style.js';import{jsxs as A,jsx as v}from'react/jsx-runtime';var z=o=>{var{isCompact:e,theme:r,type:c}=o;var a=e?16:24;switch(c){case'error':return v(s,{color:r.colors['alert-bg-error-500'],size:a});case'info':return v(n,{color:r.colors['content-brand-primary'],size:a});case'success':return v(i,{color:r.colors['alert-success'],size:a});case'warning':return v(t,{color:r.colors['alert-warning'],size:a});default:return null}};var I='Alert';var j=e(((e,t)=>{var i;var n=l();var{cancelTimerText:s="Отменить",primaryAction:I,primaryActionProps:j,secondaryAction:W,secondaryActionProps:P,children:N,className:F,clear:E=!1,content:H,customIcon:L,image:M,isCompact:O=!1,link:R,linkProps:S,noIcon:B=!1,onClickCancelTimer:_,closeToast:q,style:D,textProps:G,textWrap:J=!1,timer:K,title:Q,titleProps:U,type:V,width:X=['fit-content','fit-content','fit-content','351px','304px','304px']}=a(null===(i=n.components)||void 0===i?void 0:i.Alert,e);var Y=c("Alert",F);var Z=Boolean(!!Q||O&&(Q||R||I||W));return A(h,{className:Y,clear:E,column:Z,isCompact:O,noIcon:B,ref:t,style:D,textWrap:J,type:V,width:X,withAction:!!I||!!W,withCloseIcon:!!q,withImage:!!M,withLink:!!R,withTimer:!!K,withTitle:!!Q,children:[(!B||L)&&A(C,{column:Z,isCompact:O,withImage:!!M,children:[!B&&!K&&!L&&!M&&z({isCompact:O,theme:n,type:V}),L&&v(m,{name:L,size:O?16:24}),M,K&&v(u,{isCompact:O,timer:K,color:p({theme:n,type:V})})]}),A(d,{column:Z,isCompact:O,children:[Q&&v(f,o({color:n.colors['content-onmain-primary'],content:Q,isCompact:O,size:O?14:16,lineHeight:"m"},U)),v(y,o(o({color:n.colors['content-onmain-primary'],column:Z,content:'string'==typeof H?H:void 0,isCompact:O,lineHeight:"s",size:O?14:16,textWrap:J},G),{},{children:N||H})),R&&v(k,o(o({clear:E,column:Z,isCompact:O,onClick:R.onClick,preset:"brand",pseudo:!0,size:O?'s':'m',withTitle:!!Q},S),{},{children:R.content})),(I||W)&&A(w,{column:Z,isCompact:O,withTitle:!!Q,children:[W&&v(g,o(o({black:!0,column:Z,fontWeight:"normal",onClick:W.onClick,outline:!0,preset:"brand",size:"xs"},P),{},{children:W.content})),I&&v(x,o(o({black:!0,fontWeight:"normal",onClick:I.onClick,preset:"brand",size:"xs"},j),{},{children:I.content}))]})]}),_&&v(b,{black:!0,clear:!0,fontWeight:"normal",isCompact:O,onClick:_,preset:"brand",size:O?'xs':'m',children:s}),!q||K&&O?null:v(T,{"aria-label":"close",onClick:q,type:"button",withTimer:!!K,children:v(r,{color:n.colors['content-onmain-primary'],size:O?18:24})})]})}));j.displayName="Alert";export{j as Alert,I as COMPONENT_NAME};
+//# sourceMappingURL=Alert.js.map

package/components/Alert/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\n\nimport { useConfigPriority } from '../../hooks/use-config-priority'\nimport { useFallbackTheme } from '../../hooks/use-theme'\n\nimport { Icon } from '../Icon'\n\nimport { countdownColor } from './parts/CountdownCircle'\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n    case 'info':\n      return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n    case 'success':\n      return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n    case 'warning':\n      return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useFallbackTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps,\n    secondaryAction,\n    secondaryActionProps,\n    children,\n    className,\n    clear = false,\n    content,\n    customIcon,\n    image,\n    isCompact = false,\n    link,\n    linkProps,\n    noIcon = false,\n    onClickCancelTimer,\n    closeToast,\n    style,\n    textProps,\n    textWrap = false,\n    timer,\n    title,\n    titleProps,\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n\n  const column = Boolean(!!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      ref={ref}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {(!noIcon || customIcon) && (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image && getDefaultIcon({ isCompact, theme, type })}\n          {customIcon && <Icon name={customIcon} size={isCompact ? 16 : 24} />}\n          {image}\n          {timer && <Styled.Timer isCompact={isCompact} timer={timer} color={countdownColor({ theme, type })} />}\n        </Styled.IconWrapper>\n      )}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title && (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            content={title}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          />\n        )}\n\n        <Styled.Content\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          content={typeof content === 'string' ? content : undefined}\n          isCompact={isCompact}\n          lineHeight='s'\n          size={isCompact ? 14 : 16}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children || content}\n        </Styled.Content>\n\n        {link && (\n          <Styled.Link\n            clear={clear}\n            column={column}\n            isCompact={isCompact}\n            onClick={link.onClick}\n            preset='brand'\n            pseudo\n            size={isCompact ? 's' : 'm'}\n            withTitle={!!title}\n            {...linkProps}\n          >\n            {link.content}\n          </Styled.Link>\n        )}\n\n        {(primaryAction || secondaryAction) && (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction && (\n              <Styled.SecondaryAction\n                black\n                column={column}\n                fontWeight='normal'\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size='xs'\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Styled.SecondaryAction>\n            )}\n\n            {primaryAction && (\n              <Styled.PrimaryAction\n                black\n                fontWeight='normal'\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size='xs'\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Styled.PrimaryAction>\n            )}\n          </Styled.Actions>\n        )}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer && (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 'm'}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      )}\n\n      {!closeToast || (timer && isCompact) ? null : (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n        </Styled.CloseIcon>\n      )}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","_ref","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","COMPONENT_NAME","Alert","forwardRef","props","ref","_theme$components","useFallbackTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","content","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","column","Boolean","_jsxs","Styled.Root","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Styled.IconWrapper","Icon","name","Styled.Timer","countdownColor","Styled.ContentWrapper","Styled.Title","_objectSpread","lineHeight","Styled.Content","Styled.Link","onClick","preset","pseudo","Styled.Actions","Styled.SecondaryAction","black","fontWeight","outline","Styled.PrimaryAction","Styled.CancelTimer","Styled.CloseIcon","Close","displayName"],"mappings":"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"}

package/components/Alert/parts/CountdownCircle.js

@@ -0,0 +1,2 @@
+import{useState as r,useEffect as e}from'react';import{Progress as s}from'../../Progress/Progress.js';import{jsx as t}from'react/jsx-runtime';var a=r=>{var{theme:e,type:s}=r;switch(s){case'error':return e.colors['alert-bg-error-500'];case'info':default:return e.colors['content-brand-primary'];case'success':return e.colors['alert-success'];case'warning':return e.colors['alert-warning']}};var o=a=>{var{className:o,color:n,isCompact:c,timer:l}=a;var[i,u]=r(l);e((()=>{var r=setInterval((()=>{u((e=>e<=.05?(clearInterval(r),e):e-.05))}),50);return()=>{clearInterval(r)}}),[]);var m=i/l*100;return t(s.Circle,{className:o,content:Math.ceil(i),progress:m,progressStartAngle:0,resultColor:n,size:c?16:20,strokeBGColor:"transparent",strokeLineWidth:1.5})};o.displayName='CountdownCircle';export{o as CountdownCircle,a as countdownColor};
+//# sourceMappingURL=CountdownCircle.js.map

package/components/Alert/parts/CountdownCircle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CountdownCircle.js","sources":["../../../../../src/components/Alert/parts/CountdownCircle.tsx"],"sourcesContent":["import { useEffect, useState } from 'react'\nimport { DefaultTheme } from 'styled-components'\n\nimport { ColorValue } from '../../../mixins/color'\n\nimport { Progress } from '../../Progress'\n\nimport { AlertProps, CountdownCircleProps } from '../types'\n\nconst 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\nconst COMPONENT_NAME = 'CountdownCircle'\n\nconst CountdownCircle = ({ className, color, isCompact, timer }: CountdownCircleProps) => {\n  const [countdown, setCountdown] = useState(timer)\n\n  useEffect(() => {\n    const progressRate = 0.05\n    const intervalId = setInterval(() => {\n      setCountdown((prevCountdown) => {\n        if (prevCountdown <= progressRate) {\n          clearInterval(intervalId)\n          return prevCountdown\n        }\n\n        return prevCountdown - progressRate\n      })\n    }, progressRate * 1000)\n\n    return () => {\n      clearInterval(intervalId)\n    }\n  }, [])\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\nCountdownCircle.displayName = COMPONENT_NAME\n\nexport { CountdownCircle, countdownColor }\n"],"names":["countdownColor","_ref","theme","type","colors","CountdownCircle","_ref2","className","color","isCompact","timer","countdown","setCountdown","useState","useEffect","intervalId","setInterval","prevCountdown","clearInterval","progressRate","progress","_jsx","Progress","Circle","content","Math","ceil","progressStartAngle","resultColor","size","strokeBGColor","strokeLineWidth","displayName"],"mappings":"8IASMA,IAAAA,EAAiBC,IAAqF,IAApFC,MAAEA,EAAFC,KAASA,GAA2EF,EAC1G,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,mBAQpBC,IAAAA,EAAkBC,IAAkE,IAAjEC,UAAEA,EAAFC,MAAaA,EAAbC,UAAoBA,EAApBC,MAA+BA,GAAkCJ,EACxF,IAAOK,EAAWC,GAAgBC,EAASH,GAE3CI,GAAU,KAER,IAAMC,EAAaC,kBACjBJ,GAAcK,GACRA,GAHa,KAIfC,cAAcH,GACPE,GAGFA,EARU,QAUlBE,IAEH,MAAO,KACLD,cAAcH,MAEf,IAEH,IAAMK,EAAYT,EAAYD,EAAS,IAEvC,OACEW,EAACC,EAASC,OAAV,CACEhB,UAAWA,EACXiB,QAASC,KAAKC,KAAKf,GACnBS,SAAUA,EACVO,mBAAoB,EACpBC,YAAapB,EACbqB,KAAMpB,EAAY,GAAK,GACvBqB,cAAc,cACdC,gBAAiB,OAKvB1B,EAAgB2B,YAvCO"}

package/components/Alert/style.js

@@ -0,0 +1,2 @@
+import o,{css as t}from'styled-components';import{responsiveProperty as i}from'../../mixins/responsive-property.js';import{injectDefaultTheme as r}from'../../shared/utils/inject-theme.js';import{Anchor as n}from'../Anchor/Anchor.js';import{Button as e}from'../Button/Button.js';import{Text as a}from'../Text/Text.js';import{CountdownCircle as p}from'./parts/CountdownCircle.js';var c=o=>{var{column:t,isCompact:i,withImage:r,withTimer:n}=o;return t?'16px':i?n?'5px':'12px':r?'8px':n?'2px':'12px'};var s=o.div.withConfig({shouldForwardProp:o=>['children','className','style'].includes(o)}).attrs(r).withConfig({componentId:"fox-ui__sc-1v79u95-0"})(["display:flex;align-items:",";justify-content:",";padding-top:",";padding-right:",";padding-bottom:",";padding-left:",";height:",";min-width:",";max-width:100%;border-radius:",";background-color:",";box-shadow:",";box-sizing:border-box;",""],(o=>o.column||(o.isCompact?!o.withTimer:o.textWrap)?'flex-start':'center'),(o=>o.withTimer?'space-between':'flex-start'),(o=>c(o)),(o=>(o=>{var{isCompact:t,withCloseIcon:i,withTimer:r}=o;return i?t?'12px':'16px':r?'8px':'20px'})(o)),(o=>c(o)),(o=>(o=>{var{isCompact:t,noIcon:i,withAction:r,withImage:n,withTitle:e}=o;return t?e?n||!i?'16px':'20px':n?'12px':r&&i?'20px':'16px':e?n||!i?'16px':'24px':n?'16px':'20px'})(o)),(o=>o.isCompact||o.column||o.textWrap?'auto':'48px'),(o=>"".concat(o.isCompact?'304px':'auto')),(o=>o.column?o.isCompact?'20px':'12px':'30px'),(o=>((o,t,i)=>{if(i)return'dark'===t.mode?t.colors['bg-onmain-primary']:t.colors['bg-oncolor-primary'];switch(o){case'error':return t.colors['alert-bg-error-200'];case'info':return t.colors['bg-brand-primary-200'];case'success':return t.colors['alert-bg-success-200'];case'warning':return t.colors['alert-bg-warning-200'];default:return t.colors['bg-oncolor-primary']}})(o.type,o.theme,!!o.clear)),(o=>o.clear?'0 6px 20px 0 rgba(0, 0, 0, 0.1)':'none'),i('width','width'));var m=o=>{var{column:t,isCompact:i}=o;return i?'20px':t?'28px':'32px'};var l=o.div.withConfig({componentId:"fox-ui__sc-1v79u95-1"})(["display:flex;margin-right:",";",";"],(o=>(o=>{var{column:t,isCompact:i,withImage:r}=o;return i?'8px':t?r?'8px':'12px':'8px'})(o)),(o=>o.withImage?t(["img,svg{height:",";width:",";}"],(o=>m(o)),(o=>m(o))):null));var x=o.div.withConfig({componentId:"fox-ui__sc-1v79u95-2"})(["display:flex;margin-right:auto;flex-direction:",";align-items:",";max-width:",";white-space:",";overflow:hidden;"],(o=>o.column?'column':'row'),(o=>o.column?'flex-start':'center'),(o=>o.column?'260px':'initial'),(o=>o.column||o.isCompact?'normal':'nowrap'));var u=o(a).withConfig({componentId:"fox-ui__sc-1v79u95-3"})(["display:inline-block;margin-top:",";margin-bottom:8px;max-width:100%;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden;"],(o=>o.isCompact?'0':'2px'));var d=o(a).withConfig({componentId:"fox-ui__sc-1v79u95-4"})(["line-height:",";text-overflow:",";white-space:",";overflow:hidden;"],(o=>o.isCompact?'18px':'20px'),(o=>o.column||o.isCompact?'clip':'ellipsis'),(o=>o.column||o.isCompact||o.textWrap?'pre-wrap':'inherit'));var h=o(n).withConfig({componentId:"fox-ui__sc-1v79u95-5"})(["display:flex;margin-top:",";margin-left:",";color:",";"],(o=>o.column?o.isCompact&&!o.withTitle?'4px':'12px':0),(o=>o.column?0:'60px'),(o=>o.clear?o.theme.colors['content-link']:o.theme.colors['content-onmain-primary']));var g=o.div.withConfig({componentId:"fox-ui__sc-1v79u95-6"})(["margin-top:",";margin-left:",";"],(o=>(o=>{var{column:t,isCompact:i,withTitle:r}=o;return t?i?r?'16px':'8px':'16px':0})(o)),(o=>o.column?0:'60px'));var f=o(e).withConfig({componentId:"fox-ui__sc-1v79u95-7"})(["margin-right:",";"],(o=>o.column?'4px':'8px'));var w=o(e).withConfig({componentId:"fox-ui__sc-1v79u95-8"})(["margin-left:0 !important;background-color:",";color:",";"],(o=>{return'dark'===(t=o.theme).mode?t.colors['bg-onmain-inverse']:t.colors['bg-onmain-contrast'];var t}),(o=>{return'dark'===(t=o.theme).mode?t.colors['content-oncolor-constant']:t.colors['content-oncolor-primary'];var t}));var v=o.button.withConfig({componentId:"fox-ui__sc-1v79u95-9"})(["-webkit-appearance:none;display:flex;margin-left:",";border-radius:0;text-align:inherit;background:none;box-shadow:none;padding:0;border:none;color:inherit;font:inherit;cursor:pointer;outline:none;&:focus-visible{outline:",";outline-offset:2px;}"],(o=>o.withTimer?'0':'16px'),(o=>"1px solid ".concat(o.theme.colors.accent)));var C=o(e).withConfig({componentId:"fox-ui__sc-1v79u95-10"})(["margin-left:",";padding-right:",";padding-left:",";"],(o=>o.isCompact?'28px':'60px'),(o=>o.isCompact?'16px':'28px'),(o=>o.isCompact?'16px':'28px'));var b=o(p).withConfig({componentId:"fox-ui__sc-1v79u95-11"})(["line-height:",";font-weight:",";font-size:",";color:",";svg{transform:rotateY(180deg);}"],(o=>o.isCompact?'12px':'18px'),(o=>o.isCompact?'700':'400'),(o=>o.isCompact?'11px':'14px'),(o=>o.color));export{g as Actions,C as CancelTimer,v as CloseIcon,d as Content,x as ContentWrapper,l as IconWrapper,h as Link,w as PrimaryAction,s as Root,f as SecondaryAction,b as Timer,u as Title};
+//# sourceMappingURL=style.js.map

package/components/Alert/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Alert/style.ts"],"sourcesContent":["import styled, { css, DefaultTheme } from 'styled-components'\n\nimport { responsiveProperty } from '../../mixins/responsive-property'\nimport { injectDefaultTheme } from '../../shared/utils/inject-theme'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Text } from '../Text'\n\nimport type { AnchorProps } from '../Anchor'\nimport type { ButtonProps } from '../Button'\nimport type { TextProps } from '../Text'\n\nimport { CountdownCircle } from './parts/CountdownCircle'\n\nimport type { AlertType, CountdownCircleProps, ExtendedAlertProps } from './types'\n\nconst bgColor = (type: AlertType | undefined, theme: DefaultTheme, clear: boolean) => {\n  if (clear) {\n    return theme.mode === 'dark' ? theme.colors['bg-onmain-primary'] : theme.colors['bg-oncolor-primary']\n  }\n\n  switch (type) {\n    case 'error':\n      return theme.colors['alert-bg-error-200']\n    case 'info':\n      return theme.colors['bg-brand-primary-200']\n    case 'success':\n      return theme.colors['alert-bg-success-200']\n    case 'warning':\n      return theme.colors['alert-bg-warning-200']\n    default:\n      return theme.colors['bg-oncolor-primary']\n  }\n}\n\nconst buttonBgColor = (theme: DefaultTheme) => {\n  return theme.mode === 'dark' ? theme.colors['bg-onmain-inverse'] : theme.colors['bg-onmain-contrast']\n}\n\nconst buttonColor = (theme: DefaultTheme) => {\n  return theme.mode === 'dark' ? theme.colors['content-oncolor-constant'] : theme.colors['content-oncolor-primary']\n}\n\nconst getPaddingY = ({\n  column,\n  isCompact,\n  withImage,\n  withTimer,\n}: Pick<ExtendedAlertProps, 'column' | 'isCompact' | 'withImage' | 'withTimer'>) => {\n  if (column) return '16px'\n\n  if (isCompact) {\n    return withTimer ? '5px' : '12px'\n  } else {\n    return withImage ? '8px' : withTimer ? '2px' : '12px'\n  }\n}\n\nconst paddingLeft = ({\n  isCompact,\n  noIcon,\n  withAction,\n  withImage,\n  withTitle,\n}: Pick<ExtendedAlertProps, 'isCompact' | 'noIcon' | 'withAction' | 'withImage' | 'withTitle'>) => {\n  if (isCompact) {\n    if (withTitle) {\n      return withImage || !noIcon ? '16px' : '20px'\n    } else {\n      return withImage ? '12px' : withAction && noIcon ? '20px' : '16px'\n    }\n  } else {\n    if (withTitle) {\n      return withImage || !noIcon ? '16px' : '24px'\n    } else {\n      return withImage ? '16px' : '20px'\n    }\n  }\n}\n\nconst paddingRight = ({\n  isCompact,\n  withCloseIcon,\n  withTimer,\n}: Pick<ExtendedAlertProps, 'isCompact' | 'withCloseIcon' | 'withTimer'>) => {\n  if (withCloseIcon) {\n    return isCompact ? '12px' : '16px'\n  } else {\n    return withTimer ? '8px' : '20px'\n  }\n}\n\nexport const Root = styled.div\n  .withConfig<ExtendedAlertProps>({\n    shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n  })\n  .attrs(injectDefaultTheme)`\n  display: flex;\n  align-items: ${(props) =>\n    props.column || (props.isCompact ? !props.withTimer : props.textWrap) ? 'flex-start' : 'center'};\n  justify-content: ${(props) => (props.withTimer ? 'space-between' : 'flex-start')};\n  padding-top: ${(props) => getPaddingY(props)};\n  padding-right: ${(props) => paddingRight(props)};\n  padding-bottom: ${(props) => getPaddingY(props)};\n  padding-left: ${(props) => paddingLeft(props)};\n  height: ${(props) => (props.isCompact || props.column || props.textWrap ? 'auto' : '48px')};\n  min-width: ${(props) => `${props.isCompact ? '304px' : 'auto'}`};\n  max-width: 100%;\n  border-radius: ${(props) => (props.column ? (props.isCompact ? '20px' : '12px') : '30px')};\n  background-color: ${(props) => bgColor(props.type, props.theme, !!props.clear)};\n  box-shadow: ${(props) => (props.clear ? '0 6px 20px 0 rgba(0, 0, 0, 0.1)' : 'none')};\n  box-sizing: border-box;\n  ${responsiveProperty('width', 'width')}\n`\n\nconst getMarginRightIconWrapper = ({\n  column,\n  isCompact,\n  withImage,\n}: {\n  column: boolean\n  isCompact: boolean\n  withImage: boolean\n}) => {\n  if (isCompact) return '8px'\n\n  return column ? (withImage ? '8px' : '12px') : '8px'\n}\n\nconst getImageSize = ({ column, isCompact }: { column: boolean; isCompact: boolean }) => {\n  if (isCompact) return '20px'\n\n  return column ? '28px' : '32px'\n}\n\nexport const IconWrapper = styled.div<{\n  column: boolean\n  isCompact: boolean\n  withImage: boolean\n}>`\n  display: flex;\n  margin-right: ${(props) => getMarginRightIconWrapper(props)};\n\n  ${(props) =>\n    props.withImage\n      ? css`\n          img,\n          svg {\n            height: ${(props: { column: boolean; isCompact: boolean }) => getImageSize(props)};\n            width: ${(props: { column: boolean; isCompact: boolean }) => getImageSize(props)};\n          }\n        `\n      : null};\n`\n\nexport const ContentWrapper = styled.div<{\n  column?: boolean\n  isCompact?: boolean\n}>`\n  display: flex;\n  margin-right: auto;\n  flex-direction: ${(props) => (props.column ? 'column' : 'row')};\n  align-items: ${(props) => (props.column ? 'flex-start' : 'center')};\n  max-width: ${(props) => (props.column ? '260px' : 'initial')};\n  white-space: ${(props) => (props.column || props.isCompact ? 'normal' : 'nowrap')};\n  overflow: hidden;\n`\n\nexport const Title = styled(Text)<TextProps & { isCompact: boolean }>`\n  display: inline-block;\n  margin-top: ${(props) => (props.isCompact ? '0' : '2px')};\n  margin-bottom: 8px;\n  max-width: 100%;\n  vertical-align: middle;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  font-weight: 700;\n  overflow: hidden;\n`\n\nexport const Content = styled(Text)<TextProps & { column: boolean; isCompact: boolean; textWrap: boolean }>`\n  line-height: ${(props) => (props.isCompact ? '18px' : '20px')};\n  text-overflow: ${(props) => (props.column || props.isCompact ? 'clip' : 'ellipsis')};\n  white-space: ${(props) => (props.column || props.isCompact || props.textWrap ? 'pre-wrap' : 'inherit')};\n  overflow: hidden;\n`\n\nexport const Link = styled(Anchor)<\n  AnchorProps & { clear: boolean; column: boolean; isCompact: boolean; withTitle: boolean }\n>`\n  display: flex;\n  margin-top: ${(props) => (props.column ? (props.isCompact && !props.withTitle ? '4px' : '12px') : 0)};\n  margin-left: ${(props) => (props.column ? 0 : '60px')};\n  color: ${(props) =>\n    props.clear ? props.theme.colors['content-link'] : props.theme.colors['content-onmain-primary']};\n`\n\nconst getActionsMarginTop = ({\n  column,\n  isCompact,\n  withTitle,\n}: Pick<ExtendedAlertProps, 'column' | 'isCompact' | 'withTitle'>) => {\n  if (column) {\n    return isCompact ? (withTitle ? '16px' : '8px') : '16px'\n  } else {\n    return 0\n  }\n}\nexport const Actions = styled.div<{ column: boolean; isCompact: boolean; withTitle: boolean }>`\n  margin-top: ${(props) => getActionsMarginTop(props)};\n  margin-left: ${(props) => (props.column ? 0 : '60px')};\n`\n\nexport const SecondaryAction = styled(Button)<ButtonProps & { column: boolean }>`\n  margin-right: ${(props) => (props.column ? '4px' : '8px')};\n`\n\nexport const PrimaryAction = styled(Button)<ButtonProps>`\n  margin-left: 0 !important;\n  background-color: ${(props) => buttonBgColor(props.theme)};\n  color: ${(props) => buttonColor(props.theme)};\n`\n\nexport const CloseIcon = styled.button<{ withTimer: boolean }>`\n  -webkit-appearance: none;\n  display: flex;\n  margin-left: ${(props) => (props.withTimer ? '0' : '16px')};\n  border-radius: 0;\n  text-align: inherit;\n  background: none;\n  box-shadow: none;\n  padding: 0;\n  border: none;\n  color: inherit;\n  font: inherit;\n  cursor: pointer;\n  outline: none;\n\n  &:focus-visible {\n    outline: ${(props) => `1px solid ${props.theme.colors.accent}`};\n    outline-offset: 2px;\n  }\n`\n\nexport const CancelTimer = styled(Button)<ButtonProps & { isCompact: boolean }>`\n  margin-left: ${(props) => (props.isCompact ? '28px' : '60px')};\n  padding-right: ${(props) => (props.isCompact ? '16px' : '28px')};\n  padding-left: ${(props) => (props.isCompact ? '16px' : '28px')};\n`\n\nexport const Timer = styled(CountdownCircle)<CountdownCircleProps>`\n  line-height: ${(props) => (props.isCompact ? '12px' : '18px')};\n  font-weight: ${(props) => (props.isCompact ? '700' : '400')};\n  font-size: ${(props) => (props.isCompact ? '11px' : '14px')};\n  color: ${(props) => props.color};\n\n  svg {\n    transform: rotateY(180deg);\n  }\n`\n"],"names":["getPaddingY","_ref","column","isCompact","withImage","withTimer","Root","styled","div","withConfig","shouldForwardProp","prop","includes","attrs","injectDefaultTheme","componentId","props","textWrap","_ref3","withCloseIcon","_ref2","noIcon","withAction","withTitle","concat","type","theme","clear","mode","colors","responsiveProperty","getImageSize","_ref5","IconWrapper","_ref4","css","ContentWrapper","Title","Text","Content","Link","Anchor","Actions","_ref6","SecondaryAction","Button","PrimaryAction","buttonBgColor","buttonColor","CloseIcon","button","accent","CancelTimer","Timer","CountdownCircle","color"],"mappings":"0XA4CA,IAAMA,EAAcC,IAKgE,IAL/DC,OACnBA,EADmBC,UAEnBA,EAFmBC,UAGnBA,EAHmBC,UAInBA,GACkFJ,EAClF,OAAIC,EAAe,OAEfC,EACKE,EAAY,MAAQ,OAEpBD,EAAY,MAAQC,EAAY,MAAQ,QAsC5C,IAAMC,EAAOC,EAAOC,IACxBC,WAA+B,CAC9BC,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KAE1EE,MAAMC,GAJQL,WAAA,CAAAM,YAAA,wBAAGR,CAAH,CAAA,4BAAA,oBAAA,gBAAA,kBAAA,mBAAA,iBAAA,WAAA,cAAA,iCAAA,qBAAA,eAAA,0BAAA,KAMCS,GACdA,EAAMd,SAAWc,EAAMb,WAAaa,EAAMX,UAAYW,EAAMC,UAAY,aAAe,WACrED,GAAWA,EAAMX,UAAY,gBAAkB,eACnDW,GAAUhB,EAAYgB,KACpBA,GAtBCE,CAAAA,IAIwD,IAJvDf,UACpBA,EADoBgB,cAEpBA,EAFoBd,UAGpBA,GAC2Ea,EAC3E,OAAIC,EACKhB,EAAY,OAAS,OAErBE,EAAY,MAAQ,QARVa,CAsBsBF,KACtBA,GAAUhB,EAAYgB,KACxBA,GA9CCI,CAAAA,IAM+E,IAN9EjB,UACnBA,EADmBkB,OAEnBA,EAFmBC,WAGnBA,EAHmBlB,UAInBA,EAJmBmB,UAKnBA,GACiGH,EACjG,OAAIjB,EACEoB,EACKnB,IAAciB,EAAS,OAAS,OAEhCjB,EAAY,OAASkB,GAAcD,EAAS,OAAS,OAG1DE,EACKnB,IAAciB,EAAS,OAAS,OAEhCjB,EAAY,OAAS,QAjBdgB,CA8CqBJ,KAC5BA,GAAWA,EAAMb,WAAaa,EAAMd,QAAUc,EAAMC,SAAW,OAAS,SACrED,GAAD,GAAAQ,OAAcR,EAAMb,UAAY,QAAU,UAErCa,GAAWA,EAAMd,OAAUc,EAAMb,UAAY,OAAS,OAAU,SAC7Da,GA7FP,EAACS,EAA6BC,EAAqBC,KACjE,GAAIA,EACF,MAAsB,SAAfD,EAAME,KAAkBF,EAAMG,OAAO,qBAAuBH,EAAMG,OAAO,sBAGlF,OAAQJ,GACN,IAAK,QACH,OAAOC,EAAMG,OAAO,sBACtB,IAAK,OACH,OAAOH,EAAMG,OAAO,wBACtB,IAAK,UACH,OAAOH,EAAMG,OAAO,wBACtB,IAAK,UACH,OAAOH,EAAMG,OAAO,wBACtB,QACE,OAAOH,EAAMG,OAAO,wBAfV,CA6FyBb,EAAMS,KAAMT,EAAMU,QAASV,EAAMW,SACzDX,GAAWA,EAAMW,MAAQ,kCAAoC,QAE1EG,EAAmB,QAAS,UAiBhC,IAAMC,EAAeC,IAAoE,IAAnE9B,OAAEA,EAAFC,UAAUA,GAAyD6B,EACvF,OAAI7B,EAAkB,OAEfD,EAAS,OAAS,QAGd+B,IAAAA,EAAc1B,EAAOC,IAAVC,WAAA,CAAAM,YAAA,wBAAGR,CAAH,CAAA,6BAAA,IAAA,MAMLS,GA1BekB,CAAAA,IAQ5B,IAR6BhC,OACjCA,EADiCC,UAEjCA,EAFiCC,UAGjCA,GAKI8B,EACJ,OAAI/B,EAAkB,MAEfD,EAAUE,EAAY,MAAQ,OAAU,OAXf8B,CA0BqBlB,KAElDA,GACDA,EAAMZ,UACF+B,EADJ,CAAA,kBAAA,UAAA,OAImBnB,GAAmDe,EAAaf,KACjEA,GAAmDe,EAAaf,KAG9E,OAGKoB,IAAAA,EAAiB7B,EAAOC,IAAVC,WAAA,CAAAM,YAAA,wBAAGR,CAAH,CAAA,iDAAA,gBAAA,cAAA,gBAAA,sBAMNS,GAAWA,EAAMd,OAAS,SAAW,QACxCc,GAAWA,EAAMd,OAAS,aAAe,WAC3Cc,GAAWA,EAAMd,OAAS,QAAU,YAClCc,GAAWA,EAAMd,QAAUc,EAAMb,UAAY,SAAW,eAI7DkC,EAAQ9B,EAAO+B,GAAV7B,WAAA,CAAAM,YAAA,wBAAGR,CAEJS,CAAAA,mCAAAA,uIAAAA,GAAWA,EAAMb,UAAY,IAAM,YAUvCoC,EAAUhC,EAAO+B,GAAV7B,WAAA,CAAAM,YAAA,wBAAGR,CAAH,CAAA,eAAA,kBAAA,gBAAA,sBACFS,GAAWA,EAAMb,UAAY,OAAS,SACpCa,GAAWA,EAAMd,QAAUc,EAAMb,UAAY,OAAS,aACxDa,GAAWA,EAAMd,QAAUc,EAAMb,WAAaa,EAAMC,SAAW,WAAa,gBAIjFuB,EAAOjC,EAAOkC,GAAVhC,WAAA,CAAAM,YAAA,wBAAGR,CAIHS,CAAAA,2BAAAA,gBAAAA,UAAAA,MAAAA,GAAWA,EAAMd,OAAUc,EAAMb,YAAca,EAAMO,UAAY,MAAQ,OAAU,IAClFP,GAAWA,EAAMd,OAAS,EAAI,SACpCc,GACRA,EAAMW,MAAQX,EAAMU,MAAMG,OAAO,gBAAkBb,EAAMU,MAAMG,OAAO,4BAc7Da,IAAAA,EAAUnC,EAAOC,IAAVC,WAAA,CAAAM,YAAA,wBAAGR,CAAH,CAAA,cAAA,gBAAA,MACHS,GAZW2B,CAAAA,IAI0C,IAJzCzC,OAC3BA,EAD2BC,UAE3BA,EAF2BoB,UAG3BA,GACoEoB,EACpE,OAAIzC,EACKC,EAAaoB,EAAY,OAAS,MAAS,OAE3C,GARiBoB,CAYmB3B,KAC7BA,GAAWA,EAAMd,OAAS,EAAI,aAGnC0C,EAAkBrC,EAAOsC,GAAVpC,WAAA,CAAAM,YAAA,wBAAGR,CACZS,CAAAA,gBAAAA,MAAAA,GAAWA,EAAMd,OAAS,MAAQ,YAGxC4C,EAAgBvC,EAAOsC,GAAVpC,WAAA,CAAAM,YAAA,wBAAGR,CAAH,CAAA,6CAAA,UAAA,MAEHS,IAAU+B,MAvLT,UADDrB,EAwLwBV,EAAMU,OAvLtCE,KAAkBF,EAAMG,OAAO,qBAAuBH,EAAMG,OAAO,sBAD3DH,IAAAA,KAyLXV,IAAUgC,MApLE,UADHtB,EAqLaV,EAAMU,OApLzBE,KAAkBF,EAAMG,OAAO,4BAA8BH,EAAMG,OAAO,2BADpEH,IAAAA,KAwLRuB,IAAAA,EAAY1C,EAAO2C,OAAVzC,WAAA,CAAAM,YAAA,wBAAGR,CAGPS,CAAAA,oDAAAA,4KAAAA,0BAAAA,GAAWA,EAAMX,UAAY,IAAM,SAarCW,GAAuBA,aAAAA,OAAAA,EAAMU,MAAMG,OAAOsB,cAK7CC,EAAc7C,EAAOsC,GAAVpC,WAAA,CAAAM,YAAA,yBAAGR,CAAH,CAAA,eAAA,kBAAA,iBAAA,MACNS,GAAWA,EAAMb,UAAY,OAAS,SACpCa,GAAWA,EAAMb,UAAY,OAAS,SACvCa,GAAWA,EAAMb,UAAY,OAAS,aAG5CkD,EAAQ9C,EAAO+C,GAAV7C,WAAA,CAAAM,YAAA,yBAAGR,CAAH,CAAA,eAAA,gBAAA,cAAA,UAAA,qCACAS,GAAWA,EAAMb,UAAY,OAAS,SACtCa,GAAWA,EAAMb,UAAY,MAAQ,QACvCa,GAAWA,EAAMb,UAAY,OAAS,SAC1Ca,GAAUA,EAAMuC"}

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 { Color } from '../../mixins/color'\nimport { ResponsiveNamedProperty } from '../../mixins/responsive-property'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Text } from '../Text/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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"}

package/components/Anchor/Anchor.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import s from'@babel/runtime/helpers/objectWithoutProperties';import{Link as r}from'react-router-dom';import{useTheme as i}from'styled-components';import{useMemo as l}from'react';import{useClassname as o}from'../../hooks/useClassname.js';import{Root as a}from'./style.js';import{jsx as t}from'react/jsx-runtime';var n=["as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","autoRel"];function d(p){var u,z,m;var{as:c,to:h,href:y,wrapper:f,className:v,style:L,children:S,content:X,pseudo:b,underline:M,color:N,display:j,size:w,sizeXS:k,sizeS:g,sizeM:x,sizeL:R,sizeXL:A,autoRel:B=!0}=p,C=s(p,n);var P=o(d.displayName,v);var T=i();var _;var H=l((()=>{var e,s;return B&&null!==(e=T.utils)&&void 0!==e&&e.relBuilder?T.utils.relBuilder(null!==(s=p.href)&&void 0!==s?s:p.to,p.target):p.rel}),[B,p.rel,p.href,p.to,p.target]);_='div'!==c||j?j:'block';var I={};return X&&(I=e(e({},I),{},{dangerouslySetInnerHTML:{__html:X}})),t(a,c?e(e(e({as:c,pseudo:b,wrapper:f,underline:M,href:y,className:P,style:L,color:N,size:w,display:_,sizeXS:k,sizeS:g,sizeM:x,sizeL:R,sizeXL:A},C),I),{},{rel:'a'===c?null!==(u=p.rel)&&void 0!==u?u:H:void 0,children:S}):b?e(e(e({as:"div",pseudo:b,wrapper:f,underline:M,href:y,className:P,color:N,style:L,size:w,display:_,sizeXS:k,sizeS:g,sizeM:x,sizeL:R,sizeXL:A},C),I),{},{children:S}):h?e(e(e({as:r,to:h,pseudo:b,wrapper:f,underline:M,className:P,color:N,size:w,style:L,display:_,sizeXS:k,sizeS:g,sizeM:x,sizeL:R,sizeXL:A},C),I),{},{rel:null!==(z=p.rel)&&void 0!==z?z:H,children:S}):e(e(e({as:"a",href:y,pseudo:b,wrapper:f,underline:M,className:P,color:N,size:w,style:L,display:_,sizeXS:k,sizeS:g,sizeM:x,sizeL:R,sizeXL:A},I),C),{},{rel:null!==(m=p.rel)&&void 0!==m?m:H,children:S}))}d.displayName='Anchor',d.defaultProps={display:'inline-block'};export{d as Anchor};
+import e from'@babel/runtime/helpers/objectSpread2';import s from'@babel/runtime/helpers/objectWithoutProperties';import{Link as r}from'react-router-dom';import{useTheme as i}from'styled-components';import{useMemo as l}from'react';import{useClassname as a}from'../../hooks/useClassname.js';import{Root as o}from'./style.js';import{jsx as n}from'react/jsx-runtime';var t=["as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","autoRel","tabIndex"];function d(p){var u,z,m;var{as:c,to:y,href:h,wrapper:v,className:f,style:b,children:L,content:S,pseudo:X,underline:w,color:x,display:M,size:N,sizeXS:I,sizeS:j,sizeM:k,sizeL:g,sizeXL:C,autoRel:D=!0,tabIndex:K=0}=p,R=s(p,t);var A=a(d.displayName,f);var B=i();var P;var T=l((()=>{var e,s;return D&&null!==(e=B.utils)&&void 0!==e&&e.relBuilder?B.utils.relBuilder(null!==(s=p.href)&&void 0!==s?s:p.to,p.target):p.rel}),[D,p.rel,p.href,p.to,p.target]);P='div'!==c||M?M:'block';var _={};S&&(_=e(e({},_),{},{dangerouslySetInnerHTML:{__html:S}}));var E=e=>{var s;'Enter'===e.key&&(null==R||null===(s=R.onClick)||void 0===s||s.call(R))};return n(o,c?e(e(e({as:c,pseudo:X,wrapper:v,underline:w,href:h,className:A,style:b,color:x,size:N,display:P,sizeXS:I,sizeS:j,sizeM:k,sizeL:g,sizeXL:C,tabIndex:K,onKeyDown:E},R),_),{},{rel:'a'===c?null!==(u=p.rel)&&void 0!==u?u:T:void 0,children:L}):X?e(e(e({as:"div",pseudo:X,wrapper:v,underline:w,href:h,className:A,color:x,style:b,size:N,display:P,sizeXS:I,sizeS:j,sizeM:k,sizeL:g,sizeXL:C,tabIndex:K,onKeyDown:E},R),_),{},{children:L}):y?e(e(e({as:r,to:y,pseudo:X,wrapper:v,underline:w,className:A,color:x,size:N,style:b,display:P,sizeXS:I,sizeS:j,sizeM:k,sizeL:g,sizeXL:C,tabIndex:K,onKeyDown:E},R),_),{},{rel:null!==(z=p.rel)&&void 0!==z?z:T,children:L}):e(e(e({as:"a",href:h,pseudo:X,wrapper:v,underline:w,className:A,color:x,size:N,style:b,display:P,sizeXS:I,sizeS:j,sizeM:k,sizeL:g,sizeXL:C,tabIndex:K},_),R),{},{rel:null!==(m=p.rel)&&void 0!==m?m:T,children:L}))}d.displayName='Anchor',d.defaultProps={display:'inline-block'};export{d as Anchor};
 //# sourceMappingURL=Anchor.js.map

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 { 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  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    ...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  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        {...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        {...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        {...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        {...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","rest","_excluded","_className","useClassname","displayName","theme","useTheme","_display","_rel","useMemo","_theme$utils","_props$href","utils","relBuilder","target","rel","contentProps","dangerouslySetInnerHTML","__html","_jsx","Styled.Root","_objectSpread","Link","defaultProps"],"mappings":"0hBAsEO,SAASA,EAAOC,GAAiD,IAAAC,EAAAC,EAAAC,EACtE,IAAMC,GACJA,EADIC,GAEJA,EAFIC,KAGJA,EAHIC,QAIJA,EAJIC,UAKJA,EALIC,MAMJA,EANIC,SAOJA,EAPIC,QAQJA,EARIC,OASJA,EATIC,UAUJA,EAVIC,MAWJA,EAXIC,QAYJA,EAZIC,KAaJA,EAbIC,OAcJA,EAdIC,MAeJA,EAfIC,MAgBJA,EAhBIC,MAiBJA,EAjBIC,OAkBJA,EAlBIC,QAmBJA,GAAU,GAERtB,EADCuB,IACDvB,EArBJwB,GAuBA,IAAMC,EAAaC,EAAa3B,EAAO4B,YAAanB,GACpD,IAAMoB,EAAQC,IAEd,IAAIC,EACJ,IAAMC,EAAOC,GAAQ,KAAM,IAAAC,EAAAC,EACzB,OAAOZ,GAAO,QAAAW,EAAIL,EAAMO,aAAAA,IAAVF,GAAIA,EAAaG,WAAaR,EAAMO,MAAMC,WAAZ,QAAAF,EAAuBlC,EAAMM,YAAAA,IAA7B4B,EAAAA,EAAqClC,EAAMK,GAAIL,EAAMqC,QAAUrC,EAAMsC,MAChH,CAAChB,EAAStB,EAAMsC,IAAKtC,EAAMM,KAAMN,EAAMK,GAAIL,EAAMqC,SAG/CP,EADM,QAAP1B,GAAiBW,EACLA,EADyB,QAGzC,IAAIwB,EAAe,GASnB,OAPI5B,IACF4B,SACKA,GADO,GAAA,CAEVC,wBAAyB,CAAEC,OAAQ9B,MAMnC+B,EAACC,EAFDvC,EAEAwC,EAAAA,EAAAA,EAAA,CACExC,GAAIA,EACJQ,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXP,KAAMA,EACNE,UAAWiB,EACXhB,MAAOA,EACPK,MAAOA,EACPE,KAAMA,EACND,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJE,GACAgB,GAjBN,GAAA,CAkBED,IAAY,MAAPlC,EAAA,QAAAH,EAAaD,EAAMsC,WAAnB,IAAArC,EAAAA,EAA0B8B,OAAAA,EAlBjCrB,SAoBGA,IAIHE,EAEAgC,EAAAA,EAAAA,EAAA,CACExC,GAAG,MACHQ,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXP,KAAMA,EACNE,UAAWiB,EACXX,MAAOA,EACPL,MAAOA,EACPO,KAAMA,EACND,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJE,GACAgB,GAjBN,GAAA,CAAA7B,SAmBGA,IAGEL,EAELuC,EAAAA,EAAAA,EAAA,CACExC,GAAIyC,EACJxC,GAAIA,EACJO,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXL,UAAWiB,EACXX,MAAOA,EACPE,KAAMA,EACNP,MAAOA,EACPM,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJE,GACAgB,GAjBN,GAAA,CAkBED,YAAKtC,EAAAA,EAAMsC,mBAAOP,EAlBpBrB,SAoBGA,IAKHkC,EAAAA,EAAAA,EAAA,CACExC,GAAG,IACHE,KAAMA,EACNM,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXL,UAAWiB,EACXX,MAAOA,EACPE,KAAMA,EACNP,MAAOA,EACPM,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJkB,GACAhB,GAjBN,GAAA,CAkBEe,YAAKtC,EAAAA,EAAMsC,WAAAA,QAAOP,EAlBpBrB,SAoBGA,KAzJTX,EAAO4B,YAAc,SACrB5B,EAAO+C,aAAe,CACpB/B,QAAS"}
+{"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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"}

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 { useClassname } from 'hooks/useClassname'\nimport { Color } from '../../mixins/color'\nimport { Display } from '../../mixins/display'\nimport { BaseProps } from '../../shared/interfaces'\nimport { Text, TextProps } from './../Text/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"}

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{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};
 //# sourceMappingURL=style.js.map

package/components/Button/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Button/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tiny from 'tinycolor2'\nimport type { DefaultTheme, ThemedStyledProps } from 'styled-components'\nimport { injectDefaultTheme } from 'shared/utils/inject-theme'\nimport { CalcProperty, property, responsiveNamedProperty, responsiveProperty } from 'mixins/responsive-property'\nimport { color as colorFn } from 'mixins/color'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport { FORWARD_PROPS, STATIC_SIZES } from './constants'\nimport Check from './images/check.module.svg'\nimport Spinner from './images/spinner.module.svg'\nimport type { ButtonStaticSize, ButtonRootProps, ButtonForwardProp } from './types'\n\nconst WIDTHS: Record<ButtonStaticSize, number> = {\n  xl: 320,\n  l: 280,\n  m: 245,\n  s: 180,\n  xs: 140,\n}\n\nconst DEFAULT_ROUND_SIZES: Record<ButtonStaticSize, number> = {\n  xl: 60,\n  l: 52,\n  m: 48,\n  s: 40,\n  xs: 32,\n}\n\nconst BRAND_ROUND_SIZES: Record<ButtonStaticSize, number> = {\n  xl: 18,\n  l: 16,\n  m: 16,\n  s: 14,\n  xs: 14,\n}\n\nconst baseStyles = css<ButtonRootProps>`\n  ${(props) => `\n    display: ${props.display};\n    font-weight: ${props.fontWeight};\n    border-radius: ${props.borderRadius};\n    line-height: ${props.lineHeight};\n    padding: ${props.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: ${props.noSpacing ? 'auto' : '1em'};\n    }\n  `}\n`\n\nconst loading = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst spin = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nconst defaultLoadingStyles = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.2) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.2) 50%,\n    rgba(255, 255, 255, 0.2) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${loading} 2s linear infinite;\n  cursor: progress;\n`\n\nconst getWidth = (width: PossibleValues): PossibleValues => {\n  if (width === 'auto') return 'auto'\n  if (typeof width === 'number') return width\n  if (typeof width === 'boolean') return width\n\n  if (width && WIDTHS[width]) return WIDTHS[width]\n\n  return 'auto'\n}\n\nconst getDefaultRoundSizes: CalcProperty = (size, sizing = 'px') => css`\n  width: ${size as number}${sizing};\n  height: ${size as number}${sizing};\n  font-size: ${0.44 * (size as number)}${sizing};\n  line-height: ${0.44 * (size as number)}${sizing};\n  padding: ${0.28 * (size as number)}${sizing};\n`\n\nconst fluidStyles: CalcProperty = () => css`\n  min-width: initial;\n  width: 100%;\n`\n\nconst pseudoBaseStyles = `\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n`\n\nconst PRESET = {\n  filled: {\n    default: css<ButtonRootProps>`\n      ${(props) => {\n        let background = props.theme.colors['bg-brand-primary-basic']\n        if (props.black) background = props.theme.colors['bg-onmain-contrast']\n        if (props.danger) background = props.theme.colors['alert-bg-error-500']\n        if (props.success) background = props.theme.colors['alert-bg-success-500']\n        if (props.disabled) background = props.theme.colors['bg-disabled-large']\n\n        let color = props.theme.colors['content-oncolor-primary']\n        if (props.disabled) color = props.theme.colors['content-disabled']\n\n        let backgroundBefore = props.theme.colors['bg-oncolor-hover']\n        if (props.black && !props.danger) backgroundBefore = props.theme.colors['bg-oncontrast-hover']\n\n        return `\n          background-color: ${background};\n          color: ${color};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${backgroundBefore};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                  &:hover::before {\n                    opacity: 1;\n                  }\n                  &:active::after {\n                    opacity: 1;\n                  }\n                `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n    onColored: css<ButtonRootProps>`\n      ${(props) => {\n        let background = props.theme.colors['bg-oncolor-primary']\n        if (props.disabled) background = props.theme.colors['bg-oncolor-disabled']\n\n        let color = props.theme.colors['content-oncolor-constant']\n        if (props.success) color = props.theme.colors['alert-success']\n        if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n        return `\n          background-color: ${background};\n          color: ${color};\n          \n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                  &:hover::before {\n                    opacity: 1;\n                  }\n                  &:active::after {\n                    opacity: 1;\n                  }\n                `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n  },\n  outline: {\n    default: css<ButtonRootProps>`\n      ${(props) => {\n        let background = 'transparent'\n        if (props.loading && !props.success && !props.black && !props.danger)\n          background = props.theme.colors['bg-brand-primary-basic']\n        if (props.loading && !props.success && props.black) background = props.theme.colors['bg-onmain-contrast']\n        if (props.loading && !props.success && props.danger) background = props.theme.colors['alert-bg-error-500']\n        if (props.success) background = props.theme.colors['alert-bg-success-500']\n        if (props.disabled) background = props.theme.colors['bg-disabled-large']\n\n        let color = props.theme.colors['content-brand-primary']\n        if (props.black) color = props.theme.colors['content-oncolor-inverse']\n        if (props.danger) color = props.theme.colors['alert-error']\n        if (props.success || props.loading) color = props.theme.colors['content-oncolor-primary']\n        if (props.disabled) color = props.theme.colors['content-disabled']\n\n        let boxShadow: string = props.theme.colors['border-brand-primary']\n        if (props.black) boxShadow = props.theme.colors['border-onmain-contrast']\n        if (props.danger) boxShadow = props.theme.colors['alert-bg-error-500']\n        if (props.loading && !props.success) boxShadow = 'transparent'\n        if (props.success) boxShadow = props.theme.colors['alert-bg-success-500']\n        if (props.disabled) boxShadow = props.theme.colors['bg-disabled-large']\n\n        let backgroundBefore = props.theme.colors['bg-brand-primary-basic']\n        if (props.black) backgroundBefore = props.theme.colors['bg-onmain-contrast']\n        if (props.danger) backgroundBefore = props.theme.colors['alert-bg-error-500']\n\n        let backgroundAfter = props.theme.colors['bg-oncolor-hover']\n        if (props.black && !props.danger) backgroundAfter = props.theme.colors['bg-oncontrast-hover']\n\n        return `\n          background-color: ${background};\n          color: ${color};\n          box-shadow: inset 0 0 0 ${props.fontBold ? 2 : 1}px ${boxShadow};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${backgroundBefore};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            background-color: ${backgroundAfter};\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n            ${\n              !props.disabled && !props.success && !props.loading\n                ? `\n                  &:hover {\n                    color: ${props.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                : 'cursor: default;'\n            }\n        `\n      }}\n    `,\n    onColored: css<ButtonRootProps>`\n      ${(props) => {\n        let background = 'transparent'\n        if (props.success || props.loading) background = props.theme.colors['bg-oncolor-primary']\n        if (props.disabled) background = props.theme.colors['bg-oncolor-disabled']\n\n        let color = props.theme.colors['content-oncolor-primary']\n        if (props.loading && !props.success) color = props.theme.colors['content-oncolor-constant']\n        if (props.success) color = props.theme.colors['alert-success']\n        if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n        let boxShadow: string = props.theme.colors['border-oncolor-default']\n        if (props.disabled) boxShadow = 'transparent'\n\n        return `\n          background-color: ${background};\n          color: ${color};\n          box-shadow: inset 0 0 0 ${props.fontBold ? 2 : 1}px ${boxShadow};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncolor-primary']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                &:hover {\n                  color: ${props.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              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n  },\n  base: {\n    default: css<ButtonRootProps>`\n      ${(props) => {\n        let background = props.theme.colors['bg-onmain-tertiary']\n        if (props.success) background = props.theme.colors['alert-bg-success-500']\n        if (props.disabled) background = props.theme.colors['bg-disabled-large']\n\n        let color = props.theme.colors['content-brand-primary']\n        if (props.black) color = props.theme.colors['content-oncolor-inverse']\n        if (props.danger) color = props.theme.colors['alert-error']\n        if (props.success) color = props.theme.colors['content-oncolor-primary']\n        if (props.disabled) color = props.theme.colors['content-disabled']\n\n        return `\n          background-color: ${background};\n          color: ${color};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n    onColored: css<ButtonRootProps>`\n      ${(props) => {\n        let background = props.theme.colors['bg-oncolor-secondary']\n        if (props.success) background = props.theme.colors['bg-oncolor-primary']\n        if (props.disabled) background = props.theme.colors['bg-oncolor-disabled']\n\n        let color = props.theme.colors['content-oncolor-primary']\n        if (props.success) color = props.theme.colors['alert-success']\n        if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n        return `\n          background-color: ${background};\n          color: ${color};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n  },\n  clear: {\n    default: css<ButtonRootProps>`\n      ${(props) => {\n        let color = props.theme.colors['content-brand-primary']\n        if (props.black) color = props.theme.colors['content-oncolor-inverse']\n        if (props.danger) color = props.theme.colors['alert-error']\n        if (props.success) color = props.theme.colors['alert-success']\n        if (props.disabled) color = props.theme.colors['content-disabled']\n\n        return `\n          background-color: transparent;\n          color: ${color};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n    onColored: css<ButtonRootProps>`\n      ${(props) => {\n        let color = props.theme.colors['content-oncolor-primary']\n        if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n        return `\n          background-color: transparent;\n          color: ${color};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncontrast-hover']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncontrast-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n  },\n}\n\nconst PRESET_DEFAULT = {\n  default: css<ButtonRootProps>`\n    ${(props) => {\n      if (props.disabled || props.loading) return ''\n\n      return `\n        &:active {\n          box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n        }\n        &:hover {\n          color: ${props.fontColor};\n          background-color: ${tiny(props.theme.colors[props.color]).saturate(-5).lighten(-8).toString()};\n        }\n        ${\n          props.inverted || props.basic || props.outline\n            ? `\n                &:not(:hover) {\n                  border: 1px solid ${props.theme.colors[props.color]};\n                }\n                &:hover {\n                  border: 1px solid ${props.theme.colors[props.color]};\n                } \n              `\n            : ''\n        }\n      `\n    }}\n\n    ${(props) => (props.loading ? defaultLoadingStyles : '')}\n        \n    ${(props) => {\n      let cssProperty = 'background-color'\n      if (props.inverted || props.basic || props.outline) cssProperty = 'color'\n\n      return colorFn(props.color, cssProperty)\n    }}\n\n    ${(props) => {\n      let cssProperty = 'color'\n      if (props.inverted || props.basic || props.outline) cssProperty = 'background-color'\n\n      return colorFn(props.fontColor, cssProperty)\n    }}\n    \n    ${(props) => {\n      if (!props.disabled) return ''\n\n      return `\n        cursor: not-allowed;\n        background-color: ${props.theme.colors.mercury};\n        color: ${props.theme.colors.silver};\n      `\n    }}\n      \n    ${(props) => (props.basic || props.outline ? 'background-color: transparent;' : '')}\n  `,\n}\n\nconst extractStyles = (props: ThemedStyledProps<ButtonRootProps, DefaultTheme>) => {\n  if (props.brandPresetUsed) {\n    if (props.clear && !props.base && !props.outline && !props.onColored) return PRESET.clear.default\n    if (props.clear && !props.base && !props.outline && props.onColored) return PRESET.clear.onColored\n\n    if (props.base && !props.clear && !props.outline && !props.onColored) return PRESET.base.default\n    if (props.base && !props.clear && !props.outline && props.onColored) return PRESET.base.onColored\n\n    if (props.outline && !props.clear && !props.base && !props.onColored) return PRESET.outline.default\n    if (props.outline && !props.clear && !props.base && props.onColored) return PRESET.outline.onColored\n\n    return props.onColored ? PRESET.filled.onColored : PRESET.filled.default\n  }\n\n  return PRESET_DEFAULT.default\n}\n\nconst extractFontSize = (props: ThemedStyledProps<ButtonRootProps, DefaultTheme>) => {\n  if (STATIC_SIZES.includes(<ButtonStaticSize>props.size)) return ''\n  return responsiveProperty('size', 'font-size')\n}\n\nconst extractRoundStyles = (props: ThemedStyledProps<ButtonRootProps, DefaultTheme>) => {\n  if (!props.round) return ''\n\n  if (STATIC_SIZES.includes(<ButtonStaticSize>props.size)) {\n    return props.brandPresetUsed\n      ? `font-size: ${BRAND_ROUND_SIZES[<ButtonStaticSize>props.size]}px;\n        padding: 1em;`\n      : property(DEFAULT_ROUND_SIZES[<ButtonStaticSize>props.size], getDefaultRoundSizes)\n  }\n\n  return 'padding: 1em;'\n}\n\nexport const Root = styled.button\n  .withConfig({\n    shouldForwardProp: (prop) => {\n      return FORWARD_PROPS.includes(<ButtonForwardProp>prop) || prop.includes('data')\n    },\n  })\n  .attrs(injectDefaultTheme)<ButtonRootProps>`\n  ${baseStyles}\n  ${extractStyles}\n  ${extractFontSize}\n  ${extractRoundStyles}\n\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n\n  ${(props) => (props.fontSize ? property(props.fontSize, 'font-size') : null)}\n\n  ${(props) => (props.height ? property(props.height, 'height') : null)}\n\n  ${(props) => {\n    const cssProperty = props.fluid && props.width !== 'auto' ? 'max-width' : 'width'\n    return props.width ? property(getWidth(props.width), cssProperty) : null\n  }}\n\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL },\n      cssProperty: 'padding',\n    })\n  }}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })\n  }}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })\n  }}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })\n  }}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })\n  }}\n\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) => {\n    return responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })\n  }}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })\n  }}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })\n  }}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })\n  }}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })\n  }}\n\n  ${({ fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL }) => {\n    return responsiveNamedProperty({\n      sizes: { fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL },\n      cssProperty: 'font-size',\n    })\n  }}\n   \n  ${({ heightXS, heightS, heightM, heightL, heightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { heightXS, heightS, heightM, heightL, heightXL },\n      cssProperty: 'height',\n    })\n  }}\n\n  ${({ widthXS, widthS, widthM, widthL, widthXL, fluid, width }) => {\n    return responsiveNamedProperty({\n      sizes: { widthXS, widthS, widthM, widthL, widthXL },\n      cssProperty: fluid && width !== 'auto' ? 'max-width' : 'width',\n      customSizeHandler: getWidth,\n    })\n  }}\n\n  ${(props) => (props.fluid ? property(props.fluid, fluidStyles) : null)}\n  ${({ fluidXS, fluidS, fluidM, fluidL, fluidXL }) => {\n    return responsiveNamedProperty({\n      sizes: { fluidXS, fluidS, fluidM, fluidL, fluidXL },\n      cssProperty: fluidStyles,\n    })\n  }}\n`\n\nexport const IconSlot = styled.span<{\n  children: React.ReactNode\n  marginLeft?: boolean\n  marginRight?: boolean\n}>`\n  ${(props) => `\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    margin-left: ${props.marginLeft ? '0.4em' : 0};\n    margin-right: ${props.marginRight ? '0.4em' : 0};\n  `}\n`\n\nexport const Content = styled.span`\n  position: relative;\n  z-index: 1;\n`\n\nexport const SpinnerIcon = styled(Spinner)`\n  width: 100%;\n  animation: ${spin} 2000ms linear infinite;\n  ${(props) => `\n    > path {\n      stroke-width: ${props.strokeWidth};\n    }\n  `}\n`\n\nexport const CheckIcon = styled(Check)`\n  width: 100%;\n  ${(props) => `\n    > path {\n      stroke-width: ${props.strokeWidth};\n    }\n  `}\n`\n"],"names":["WIDTHS","xl","l","m","s","xs","DEFAULT_ROUND_SIZES","BRAND_ROUND_SIZES","baseStyles","css","props","display","fontWeight","concat","borderRadius","lineHeight","basePadding","noSpacing","loading","keyframes","spin","defaultLoadingStyles","getWidth","width","getDefaultRoundSizes","size","r","sizing","fluidStyles","pseudoBaseStyles","PRESET","filled","default","background","theme","colors","black","danger","success","disabled","color","backgroundBefore","onColored","outline","boxShadow","backgroundAfter","fontBold","base","clear","PRESET_DEFAULT","fontColor","tiny","saturate","lighten","toString","inverted","basic","cssProperty","colorFn","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","prop","FORWARD_PROPS","includes","attrs","injectDefaultTheme","componentId","brandPresetUsed","STATIC_SIZES","responsiveProperty","round","property","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","fontSize","height","fluid","_ref","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","_ref2","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","_ref3","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","_ref4","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","_ref5","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","_ref6","marginXS","marginS","marginM","marginL","marginXL","_ref7","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","_ref8","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","_ref9","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","_ref10","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","_ref11","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","_ref12","heightXS","heightS","heightM","heightL","heightXL","_ref13","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","_ref14","fluidXS","fluidS","fluidM","fluidL","fluidXL","IconSlot","span","Content","SpinnerIcon","Spinner","strokeWidth","CheckIcon","Check"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Button/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tiny from 'tinycolor2'\nimport type { DefaultTheme, ThemedStyledProps } from 'styled-components'\nimport { injectDefaultTheme } from 'shared/utils/inject-theme'\nimport { CalcProperty, property, responsiveNamedProperty, responsiveProperty } from 'mixins/responsive-property'\nimport { color as colorFn } from 'mixins/color'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport { FORWARD_PROPS, STATIC_SIZES } from './constants'\nimport Check from './images/check.module.svg'\nimport Spinner from './images/spinner.module.svg'\nimport type { ButtonStaticSize, ButtonRootProps, ButtonForwardProp } from './types'\n\nconst WIDTHS: Record<ButtonStaticSize, number> = {\n  xl: 320,\n  l: 280,\n  m: 245,\n  s: 180,\n  xs: 140,\n}\n\nconst DEFAULT_ROUND_SIZES: Record<ButtonStaticSize, number> = {\n  xl: 60,\n  l: 52,\n  m: 48,\n  s: 40,\n  xs: 32,\n}\n\nconst BRAND_ROUND_SIZES: Record<ButtonStaticSize, number> = {\n  xl: 18,\n  l: 16,\n  m: 16,\n  s: 14,\n  xs: 14,\n}\n\nconst baseStyles = css<ButtonRootProps>`\n  ${(props) => `\n    display: ${props.display};\n    font-weight: ${props.fontWeight};\n    border-radius: ${props.borderRadius};\n    line-height: ${props.lineHeight};\n    padding: ${props.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: ${props.noSpacing ? 'auto' : '1em'};\n    }\n  `}\n`\n\nconst loading = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst spin = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nconst defaultLoadingStyles = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.2) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.2) 50%,\n    rgba(255, 255, 255, 0.2) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${loading} 2s linear infinite;\n  cursor: progress;\n`\n\nconst getWidth = (width: PossibleValues): PossibleValues => {\n  if (width === 'auto') return 'auto'\n  if (typeof width === 'number') return width\n  if (typeof width === 'boolean') return width\n\n  if (width && WIDTHS[width]) return WIDTHS[width]\n\n  return 'auto'\n}\n\nconst getDefaultRoundSizes: CalcProperty = (size, sizing = 'px') => css`\n  width: ${size as number}${sizing};\n  height: ${size as number}${sizing};\n  font-size: ${0.44 * (size as number)}${sizing};\n  line-height: ${0.44 * (size as number)}${sizing};\n  padding: ${0.28 * (size as number)}${sizing};\n`\n\nconst fluidStyles: CalcProperty = () => css`\n  min-width: initial;\n  width: 100%;\n`\n\nconst pseudoBaseStyles = `\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n`\n\nconst PRESET = {\n  filled: {\n    default: css<ButtonRootProps>`\n      ${(props) => {\n        let background = props.theme.colors['bg-brand-primary-basic']\n        if (props.black) background = props.theme.colors['bg-onmain-contrast']\n        if (props.danger) background = props.theme.colors['alert-bg-error-500']\n        if (props.success) background = props.theme.colors['alert-bg-success-500']\n        if (props.disabled) background = props.theme.colors['bg-disabled-large']\n\n        let color = props.theme.colors['content-oncolor-primary']\n        if (props.disabled) color = props.theme.colors['content-disabled']\n\n        let backgroundBefore = props.theme.colors['bg-oncolor-hover']\n        if (props.black && !props.danger) backgroundBefore = props.theme.colors['bg-oncontrast-hover']\n\n        return `\n          background-color: ${background};\n          color: ${color};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${backgroundBefore};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                  &:hover::before {\n                    opacity: 1;\n                  }\n                  &:active::after {\n                    opacity: 1;\n                  }\n                `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n    onColored: css<ButtonRootProps>`\n      ${(props) => {\n        let background = props.theme.colors['bg-oncolor-primary']\n        if (props.disabled) background = props.theme.colors['bg-oncolor-disabled']\n\n        let color = props.theme.colors['content-oncolor-constant']\n        if (props.success) color = props.theme.colors['alert-success']\n        if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n        return `\n          background-color: ${background};\n          color: ${color};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                  &:hover::before {\n                    opacity: 1;\n                  }\n                  &:active::after {\n                    opacity: 1;\n                  }\n                `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n  },\n  outline: {\n    default: css<ButtonRootProps>`\n      ${(props) => {\n        let background = 'transparent'\n        if (props.loading && !props.success && !props.black && !props.danger)\n          background = props.theme.colors['bg-brand-primary-basic']\n        if (props.loading && !props.success && props.black) background = props.theme.colors['bg-onmain-contrast']\n        if (props.loading && !props.success && props.danger) background = props.theme.colors['alert-bg-error-500']\n        if (props.success) background = props.theme.colors['alert-bg-success-500']\n        if (props.disabled) background = props.theme.colors['bg-disabled-large']\n\n        let color = props.theme.colors['content-brand-primary']\n        if (props.black) color = props.theme.colors['content-oncolor-inverse']\n        if (props.danger) color = props.theme.colors['alert-error']\n        if (props.success || props.loading) color = props.theme.colors['content-oncolor-primary']\n        if (props.disabled) color = props.theme.colors['content-disabled']\n\n        let boxShadow: string = props.theme.colors['border-brand-primary']\n        if (props.black) boxShadow = props.theme.colors['border-onmain-contrast']\n        if (props.danger) boxShadow = props.theme.colors['alert-bg-error-500']\n        if (props.loading && !props.success) boxShadow = 'transparent'\n        if (props.success) boxShadow = props.theme.colors['alert-bg-success-500']\n        if (props.disabled) boxShadow = props.theme.colors['bg-disabled-large']\n\n        let backgroundBefore = props.theme.colors['bg-brand-primary-basic']\n        if (props.black) backgroundBefore = props.theme.colors['bg-onmain-contrast']\n        if (props.danger) backgroundBefore = props.theme.colors['alert-bg-error-500']\n\n        let backgroundAfter = props.theme.colors['bg-oncolor-hover']\n        if (props.black && !props.danger) backgroundAfter = props.theme.colors['bg-oncontrast-hover']\n\n        return `\n          background-color: ${background};\n          color: ${color};\n          box-shadow: inset 0 0 0 ${props.fontBold ? 2 : 1}px ${boxShadow};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${backgroundBefore};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            background-color: ${backgroundAfter};\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n            ${\n              !props.disabled && !props.success && !props.loading\n                ? `\n                  &:hover {\n                    color: ${props.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                : 'cursor: default;'\n            }\n        `\n      }}\n    `,\n    onColored: css<ButtonRootProps>`\n      ${(props) => {\n        let background = 'transparent'\n        if (props.success || props.loading) background = props.theme.colors['bg-oncolor-primary']\n        if (props.disabled) background = props.theme.colors['bg-oncolor-disabled']\n\n        let color = props.theme.colors['content-oncolor-primary']\n        if (props.loading && !props.success) color = props.theme.colors['content-oncolor-constant']\n        if (props.success) color = props.theme.colors['alert-success']\n        if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n        let boxShadow: string = props.theme.colors['border-oncolor-default']\n        if (props.disabled) boxShadow = 'transparent'\n\n        return `\n          background-color: ${background};\n          color: ${color};\n          box-shadow: inset 0 0 0 ${props.fontBold ? 2 : 1}px ${boxShadow};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncolor-primary']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                &:hover {\n                  color: ${props.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              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n  },\n  base: {\n    default: css<ButtonRootProps>`\n      ${(props) => {\n        let background = props.theme.colors['bg-onmain-tertiary']\n        if (props.success) background = props.theme.colors['alert-bg-success-500']\n        if (props.disabled) background = props.theme.colors['bg-disabled-large']\n\n        let color = props.theme.colors['content-brand-primary']\n        if (props.black) color = props.theme.colors['content-oncolor-inverse']\n        if (props.danger) color = props.theme.colors['alert-error']\n        if (props.success) color = props.theme.colors['content-oncolor-primary']\n        if (props.disabled) color = props.theme.colors['content-disabled']\n\n        return `\n          background-color: ${background};\n          color: ${color};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n    onColored: css<ButtonRootProps>`\n      ${(props) => {\n        let background = props.theme.colors['bg-oncolor-secondary']\n        if (props.success) background = props.theme.colors['bg-oncolor-primary']\n        if (props.disabled) background = props.theme.colors['bg-oncolor-disabled']\n\n        let color = props.theme.colors['content-oncolor-primary']\n        if (props.success) color = props.theme.colors['alert-success']\n        if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n        return `\n          background-color: ${background};\n          color: ${color};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n  },\n  clear: {\n    default: css<ButtonRootProps>`\n      ${(props) => {\n        let color = props.theme.colors['content-brand-primary']\n        if (props.black) color = props.theme.colors['content-oncolor-inverse']\n        if (props.danger) color = props.theme.colors['alert-error']\n        if (props.success) color = props.theme.colors['alert-success']\n        if (props.disabled) color = props.theme.colors['content-disabled']\n\n        return `\n          background-color: transparent;\n          color: ${color};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncolor-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n    onColored: css<ButtonRootProps>`\n      ${(props) => {\n        let color = props.theme.colors['content-oncolor-primary']\n        if (props.disabled) color = props.theme.colors['content-oncolor-disabled']\n\n        return `\n          background-color: transparent;\n          color: ${color};\n\n          &::before {\n            ${pseudoBaseStyles}\n            background-color: ${props.theme.colors['bg-oncontrast-hover']};\n            opacity: 0;\n          }\n          &::after {\n            ${pseudoBaseStyles}\n            box-shadow: inset 0px 4px 0px ${props.theme.colors['bg-oncontrast-hover']};\n            opacity: 0;\n          }\n\n          ${\n            !props.disabled && !props.success && !props.loading\n              ? `\n                &:hover::before {\n                  opacity: 1;\n                }\n                &:active::after {\n                  opacity: 1;\n                }\n              `\n              : 'cursor: default;'\n          }\n        `\n      }}\n    `,\n  },\n}\n\nconst PRESET_DEFAULT = {\n  default: css<ButtonRootProps>`\n    ${(props) => {\n      if (props.disabled || props.loading) return ''\n\n      return `\n        &:active {\n          box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n        }\n        &:hover {\n          color: ${props.fontColor};\n          background-color: ${tiny(props.theme.colors[props.color]).saturate(-5).lighten(-8).toString()};\n        }\n        ${\n          props.inverted || props.basic || props.outline\n            ? `\n                &:not(:hover) {\n                  border: 1px solid ${props.theme.colors[props.color]};\n                }\n                &:hover {\n                  border: 1px solid ${props.theme.colors[props.color]};\n                }\n              `\n            : ''\n        }\n      `\n    }}\n\n    ${(props) => (props.loading ? defaultLoadingStyles : '')}\n\n    ${(props) => {\n      let cssProperty = 'background-color'\n      if (props.inverted || props.basic || props.outline) cssProperty = 'color'\n\n      return colorFn(props.color, cssProperty)\n    }}\n\n    ${(props) => {\n      let cssProperty = 'color'\n      if (props.inverted || props.basic || props.outline) cssProperty = 'background-color'\n\n      return colorFn(props.fontColor, cssProperty)\n    }}\n\n    ${(props) => {\n      if (!props.disabled) return ''\n\n      return `\n        cursor: not-allowed;\n        background-color: ${props.theme.colors.mercury};\n        color: ${props.theme.colors.silver};\n      `\n    }}\n\n    ${(props) => (props.basic || props.outline ? 'background-color: transparent;' : '')}\n  `,\n}\n\nconst extractStyles = (props: ThemedStyledProps<ButtonRootProps, DefaultTheme>) => {\n  if (props.brandPresetUsed) {\n    if (props.clear && !props.base && !props.outline && !props.onColored) return PRESET.clear.default\n    if (props.clear && !props.base && !props.outline && props.onColored) return PRESET.clear.onColored\n\n    if (props.base && !props.clear && !props.outline && !props.onColored) return PRESET.base.default\n    if (props.base && !props.clear && !props.outline && props.onColored) return PRESET.base.onColored\n\n    if (props.outline && !props.clear && !props.base && !props.onColored) return PRESET.outline.default\n    if (props.outline && !props.clear && !props.base && props.onColored) return PRESET.outline.onColored\n\n    return props.onColored ? PRESET.filled.onColored : PRESET.filled.default\n  }\n\n  return PRESET_DEFAULT.default\n}\n\nconst extractFontSize = (props: ThemedStyledProps<ButtonRootProps, DefaultTheme>) => {\n  if (STATIC_SIZES.includes(<ButtonStaticSize>props.size)) return ''\n  return responsiveProperty('size', 'font-size')\n}\n\nconst extractRoundStyles = (props: ThemedStyledProps<ButtonRootProps, DefaultTheme>) => {\n  if (!props.round) return ''\n\n  if (STATIC_SIZES.includes(<ButtonStaticSize>props.size)) {\n    return props.brandPresetUsed\n      ? `font-size: ${BRAND_ROUND_SIZES[<ButtonStaticSize>props.size]}px;\n        padding: 1em;`\n      : property(DEFAULT_ROUND_SIZES[<ButtonStaticSize>props.size], getDefaultRoundSizes)\n  }\n\n  return 'padding: 1em;'\n}\n\nexport const Root = styled.button\n  .withConfig({\n    shouldForwardProp: (prop) => {\n      return FORWARD_PROPS.includes(<ButtonForwardProp>prop) || prop.includes('data')\n    },\n  })\n  .attrs(injectDefaultTheme)<ButtonRootProps>`\n  ${baseStyles}\n  ${extractStyles}\n  ${extractFontSize}\n  ${extractRoundStyles}\n\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n\n  ${(props) => (props.fontSize ? property(props.fontSize, 'font-size') : null)}\n\n  ${(props) => (props.height ? property(props.height, 'height') : null)}\n\n  ${(props) => {\n    const cssProperty = props.fluid && props.width !== 'auto' ? 'max-width' : 'width'\n    return props.width ? property(getWidth(props.width), cssProperty) : null\n  }}\n\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL },\n      cssProperty: 'padding',\n    })\n  }}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })\n  }}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })\n  }}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })\n  }}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) => {\n    return responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })\n  }}\n\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) => {\n    return responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })\n  }}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })\n  }}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })\n  }}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })\n  }}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) => {\n    return responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })\n  }}\n\n  ${({ fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL }) => {\n    return responsiveNamedProperty({\n      sizes: { fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL },\n      cssProperty: 'font-size',\n    })\n  }}\n\n  ${({ heightXS, heightS, heightM, heightL, heightXL }) => {\n    return responsiveNamedProperty({\n      sizes: { heightXS, heightS, heightM, heightL, heightXL },\n      cssProperty: 'height',\n    })\n  }}\n\n  ${({ widthXS, widthS, widthM, widthL, widthXL, fluid, width }) => {\n    return responsiveNamedProperty({\n      sizes: { widthXS, widthS, widthM, widthL, widthXL },\n      cssProperty: fluid && width !== 'auto' ? 'max-width' : 'width',\n      customSizeHandler: getWidth,\n    })\n  }}\n\n  ${(props) => (props.fluid ? property(props.fluid, fluidStyles) : null)}\n  ${({ fluidXS, fluidS, fluidM, fluidL, fluidXL }) => {\n    return responsiveNamedProperty({\n      sizes: { fluidXS, fluidS, fluidM, fluidL, fluidXL },\n      cssProperty: fluidStyles,\n    })\n  }}\n`\n\nexport const IconSlot = styled.span<{\n  children: React.ReactNode\n  marginLeft?: boolean\n  marginRight?: boolean\n}>`\n  ${(props) => `\n    position: relative;\n    z-index: 1;\n    display: flex;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    margin-left: ${props.marginLeft ? '0.4em' : 0};\n    margin-right: ${props.marginRight ? '0.4em' : 0};\n  `}\n`\n\nexport const Content = styled.span`\n  position: relative;\n  z-index: 1;\n`\n\nexport const SpinnerIcon = styled(Spinner)`\n  width: 100%;\n  animation: ${spin} 2000ms linear infinite;\n  ${(props) => `\n    > path {\n      stroke-width: ${props.strokeWidth};\n    }\n  `}\n`\n\nexport const CheckIcon = styled(Check)`\n  width: 100%;\n  ${(props) => `\n    > path {\n      stroke-width: ${props.strokeWidth};\n    }\n  `}\n`\n"],"names":["WIDTHS","xl","l","m","s","xs","DEFAULT_ROUND_SIZES","BRAND_ROUND_SIZES","baseStyles","css","props","display","fontWeight","concat","borderRadius","lineHeight","basePadding","noSpacing","loading","keyframes","spin","defaultLoadingStyles","getWidth","width","getDefaultRoundSizes","size","r","sizing","fluidStyles","pseudoBaseStyles","PRESET","filled","default","background","theme","colors","black","danger","success","disabled","color","backgroundBefore","onColored","outline","boxShadow","backgroundAfter","fontBold","base","clear","PRESET_DEFAULT","fontColor","tiny","saturate","lighten","toString","inverted","basic","cssProperty","colorFn","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","prop","FORWARD_PROPS","includes","attrs","injectDefaultTheme","componentId","brandPresetUsed","STATIC_SIZES","responsiveProperty","round","property","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","fontSize","height","fluid","_ref","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","_ref2","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","_ref3","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","_ref4","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","_ref5","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","_ref6","marginXS","marginS","marginM","marginL","marginXL","_ref7","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","_ref8","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","_ref9","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","_ref10","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","_ref11","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","_ref12","heightXS","heightS","heightM","heightL","heightXL","_ref13","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","_ref14","fluidXS","fluidS","fluidM","fluidL","fluidXL","IconSlot","span","Content","SpinnerIcon","Spinner","strokeWidth","CheckIcon","Check"],"mappings":"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"}