@foxford/ui 2.19.0-beta-2d7873b-20240207 → 2.19.1-beta-9d83b85-20240221

package/components/Button/Button.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as r}from'react';import{useTheme as n}from'styled-components';import{Link as t}from'react-router-dom';import{mergeDeepLeft as s}from'ramda';import{useClassname as a}from'../../hooks/useClassname.js';import{useConfigPriority as i}from'../../hooks/use-config-priority.js';import{useComputedRel as l,useComputedLinkProps as d}from'./hooks.js';import{PROPS_BY_SIZE as c,SIZES_BRAND as u,SIZES as m,SIZES_ROUND_BRAND as p,SIZES_ROUND as f}from'./constants.js';import{Root as h,IconSlot as v,Content as y,SpinnerIcon as C,CheckIcon as g}from'./style.js';import{jsxs as b,jsx as S}from'react/jsx-runtime';var k=["display","size","sizes","fontColor","color","disabled","rounded","width","as","type","className","children","content","onClick","onClickCapture","onMouseEnter","onMouseLeave"];var N='Button';var R=r(((r,N)=>{var R;var j=n();var E=i(null===(R=j.components)||void 0===R?void 0:R.Button,r),{display:B="inline-flex",size:_="m",sizes:x,fontColor:z="white",color:I="accent",disabled:M=!1,rounded:L=!0,width:P="auto",as:D="button",type:W,className:w,children:A,content:O,onClick:Z,onClickCapture:U,onMouseEnter:T,onMouseLeave:H}=E,Y=e(E,k);var q='brand'===j.preset;if('string'==typeof Y.preset&&(q='brand'===Y.preset),!q&&'string'==typeof _&&!Y.round){var F;var G=null!==(F=c[_])&&void 0!==F?F:{};Y=o(o({},G),Y)}var J=q?u:m;Y.round&&(J=q?p:f),x&&(J=s(x,J));var K=a("Button",w);var Q=a("Button");var V=l(j,Y);var X=d(D,M,Y);Y.href&&(D='a'),Y.to&&(D=t),Y.primary&&(I='primary'),Y.secondary&&(I='atlantis');var $=q?800:600;Y.fontWeight&&($=Y.fontWeight);var oo='number'==typeof $&&$>=800||'bold'===$;var eo='0px';L&&(eo=q?'48px':'5px'),Y.round&&(eo='50%');var[ro,no]=Array.isArray(Y.icon)?Y.icon:[Y.icon];return q&&Y.loading&&!Y.success&&!M&&(ro=S(C,{strokeWidth:oo?2.5:1.5}),no=null),Y.success&&(ro=S(g,{strokeWidth:oo?3:1.5}),no=null),b(h,o(o(o({},Y),X),{},{className:K,as:D,color:I,fontColor:z,disabled:M,rel:V,display:B,rounded:L,size:_,sizes:J,dynamicSizeDeclaration:(o,e)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(e),padding:Y.round?'1em':'1em 1.6em'}),fontWeight:$,borderRadius:eo,brandPresetUsed:q,ref:null!=N?N:Y.innerRef,type:'button'===D?W:void 0,lineHeight:q?1.2:1,width:Y.round?void 0:P,onClick:o=>{M||Y.loading||null==Z||Z(o)},onClickCapture:o=>{M||Y.loading||null==U||U(o)},onMouseEnter:o=>{M||Y.loading||null==T||T(o)},onMouseLeave:o=>{M||Y.loading||null==H||H(o)},children:[ro&&S(v,{className:"icon",marginRight:!Y.round,children:ro}),(O||A)&&S(y,{className:"".concat(Q,"__content"),children:O||A}),no&&!Y.round&&S(v,{className:"icon",marginLeft:!0,children:no})]}))}));R.displayName="Button";export{R as Button,N as COMPONENT_NAME};
+import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{useTheme as s}from'styled-components';import{Link as t}from'react-router-dom';import{useClassname as a}from'../../hooks/useClassname.js';import{withMergedProps as n}from'../../hocs/withMergedProps.js';import{Icon as i}from'../Icon/Icon.js';import'../Icon/icons.js';import{Text as m}from'../Text/Text.js';import{useComputedRel as c,useComputedLinkProps as l}from'./hooks.js';import{SIZES as p,SIZES_DEFAULT as d,SIZES_ROUND as u,SIZES_ROUND_DEFAULT as f,PROPS_BY_SIZE as h}from'./constants.js';import v from'./images/success.module.svg.js';import{Root as P,LoaderIcon as g}from'./style.js';import{jsx as j,jsxs as b,Fragment as N}from'react/jsx-runtime';var x=["size","inline","rounded","color","fontColor","textProps","iconProps","as","className","children","content","fontWeight","icon","innerRef"];var S='Button';var y=n(e(((e,n)=>{var{size:p="m",inline:d=!0,rounded:u=!0,color:f="accent",fontColor:S="white",textProps:y={},iconProps:I={},as:E,className:R,children:_,content:C,fontWeight:T,icon:B,innerRef:L}=e,w=o(e,x);var z=s();if('default'===w.preset&&'string'==typeof p&&!w.round){var A;var O=null!==(A=h[p])&&void 0!==A?A:{};w=r(r({},O),w)}w.href&&(E='a'),w.to&&(E=t),w.primary&&(f='primary'),w.secondary&&(f='atlantis');var Z=a("Button",R);var k=a("Button");var D=c(z,w);var M=l(E,w);var[U,F]=Array.isArray(B)?B:[B];w.success&&(U=j(v,{}),F=null),'brand'===w.preset&&w.loading&&(U=j(g,{}),F=null);var W={as:'span',size:'inherit',color:'inherit',weight:null!=T?T:'brand'===w.preset?800:600,lineHeight:'brand'===w.preset?1.2:1,marginLeft:U?'0.25em':void 0,marginRight:F?'0.25em':void 0};var H={as:'span',color:'inherit'};return j(P,r(r(r({},w),M),{},{size:p,inline:d,color:f,fontColor:S,rounded:u,rel:D,as:E,className:Z,ref:null!=n?n:L,children:'function'==typeof _?_({baseTextProps:W,textProps:y,iconBaseProps:H,iconProps:I,icon:[U,F]}):b(N,{children:[U&&j(i,r(r({className:"icon",icon:U},H),I)),(C||_)&&j(m,r(r(r({className:"".concat(k,"__content")},W),y),{},{children:C||_})),F&&j(i,r(r({className:"icon",icon:F},H),I))]})}))})),{displayName:"Button",sizes:r=>{var o='brand'===r.preset?p:d;return r.round&&(o='brand'===r.preset?u:f),o}});export{y as Button,S as COMPONENT_NAME};
 //# sourceMappingURL=Button.js.map

package/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { Link } from 'react-router-dom'\nimport { mergeDeepLeft } from 'ramda'\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport type { Sizes } from 'shared/types'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_BRAND, SIZES_ROUND, SIZES_ROUND_BRAND, PROPS_BY_SIZE } from './constants'\nimport type { ButtonProps, StyledButtonProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n * Main button\n */\nconst Button = forwardRef<HTMLElement, ButtonProps>((props, ref) => {\n  const theme = useTheme()\n\n  let {\n    display = 'inline-flex',\n    size = 'm',\n    sizes,\n    fontColor = 'white',\n    color = 'accent',\n    disabled = false,\n    rounded = true,\n    width = 'auto',\n    as: _as = 'button',\n    type: _type,\n    className: _className,\n    children,\n    content,\n    onClick,\n    onClickCapture,\n    onMouseEnter,\n    onMouseLeave,\n    ...configProps\n  } = useConfigPriority<ButtonProps>(theme.components?.Button, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof configProps.preset === 'string') brandPresetUsed = configProps.preset === 'brand'\n\n  if (!brandPresetUsed && typeof size === 'string' && !configProps.round) {\n    const propsBySize = PROPS_BY_SIZE[size] ?? {}\n    configProps = { ...propsBySize, ...configProps }\n  }\n\n  let componentSizes = brandPresetUsed ? SIZES_BRAND : SIZES\n  if (configProps.round) componentSizes = brandPresetUsed ? SIZES_ROUND_BRAND : SIZES_ROUND\n  if (sizes) componentSizes = mergeDeepLeft(sizes, componentSizes) as Sizes\n\n  const className = useClassname(COMPONENT_NAME, _className)\n  const classNameContent = useClassname(COMPONENT_NAME)\n  const rel = useComputedRel(theme, configProps)\n  const linkProps = useComputedLinkProps(_as, disabled, configProps)\n\n  if (configProps.href) _as = 'a'\n  if (configProps.to) _as = Link\n\n  if (configProps.primary) color = 'primary'\n  if (configProps.secondary) color = 'atlantis'\n\n  let fontWeight: ButtonProps['fontWeight'] = brandPresetUsed ? 800 : 600\n  if (configProps.fontWeight) fontWeight = configProps.fontWeight\n\n  const fontBold = (typeof fontWeight === 'number' && fontWeight >= 800) || fontWeight === 'bold'\n\n  let borderRadius = '0px'\n  if (rounded) borderRadius = brandPresetUsed ? '48px' : '5px'\n  if (configProps.round) borderRadius = '50%'\n\n  let [leftIcon, rightIcon] = Array.isArray(configProps.icon) ? configProps.icon : [configProps.icon]\n\n  if (brandPresetUsed && configProps.loading && !configProps.success && !disabled) {\n    leftIcon = <Styled.SpinnerIcon strokeWidth={fontBold ? 2.5 : 1.5} />\n    rightIcon = null\n  }\n  if (configProps.success) {\n    leftIcon = <Styled.CheckIcon strokeWidth={fontBold ? 3 : 1.5} />\n    rightIcon = null\n  }\n\n  const handleDynamicSizeDeclaration: StyledButtonProps['dynamicSizeDeclaration'] = (size, sizeUnits) => {\n    return {\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: configProps.round ? '1em' : '1em 1.6em',\n    }\n  }\n\n  const handleClick: ButtonProps['onClick'] = (evt) => {\n    if (!disabled && !configProps.loading) onClick?.(evt)\n  }\n  const handleClickCapture: ButtonProps['onClickCapture'] = (evt) => {\n    if (!disabled && !configProps.loading) onClickCapture?.(evt)\n  }\n  const handleMouseEnter: ButtonProps['onMouseEnter'] = (evt) => {\n    if (!disabled && !configProps.loading) onMouseEnter?.(evt)\n  }\n  const handleMouseLeave: ButtonProps['onMouseLeave'] = (evt) => {\n    if (!disabled && !configProps.loading) onMouseLeave?.(evt)\n  }\n\n  return (\n    <Styled.Root\n      {...configProps}\n      {...linkProps}\n      className={className}\n      as={_as}\n      color={color}\n      fontColor={fontColor}\n      disabled={disabled}\n      rel={rel}\n      display={display}\n      rounded={rounded}\n      size={size}\n      sizes={componentSizes}\n      dynamicSizeDeclaration={handleDynamicSizeDeclaration}\n      fontWeight={fontWeight}\n      borderRadius={borderRadius}\n      brandPresetUsed={brandPresetUsed}\n      ref={ref ?? configProps.innerRef}\n      type={_as === 'button' ? _type : undefined}\n      lineHeight={brandPresetUsed ? 1.2 : 1}\n      width={configProps.round ? undefined : width}\n      onClick={handleClick}\n      onClickCapture={handleClickCapture}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n    >\n      {leftIcon && (\n        <Styled.IconSlot className='icon' marginRight={!configProps.round}>\n          {leftIcon}\n        </Styled.IconSlot>\n      )}\n      {(content || children) && (\n        <Styled.Content className={`${classNameContent}__content`}>{content || children}</Styled.Content>\n      )}\n      {rightIcon && !configProps.round && (\n        <Styled.IconSlot className='icon' marginLeft>\n          {rightIcon}\n        </Styled.IconSlot>\n      )}\n    </Styled.Root>\n  )\n})\n\nButton.displayName = COMPONENT_NAME\n\nexport { Button, COMPONENT_NAME }\n\nexport type { ButtonProps }\n"],"names":["COMPONENT_NAME","Button","forwardRef","props","ref","_theme$components","theme","useTheme","useConfigPriority","components","display","size","sizes","fontColor","color","disabled","rounded","width","as","_as","type","_type","className","_className","children","content","onClick","onClickCapture","onMouseEnter","onMouseLeave","_useConfigPriority","configProps","_objectWithoutProperties","_excluded","brandPresetUsed","preset","round","_PROPS_BY_SIZE$size","propsBySize","PROPS_BY_SIZE","componentSizes","SIZES_BRAND","SIZES","SIZES_ROUND_BRAND","SIZES_ROUND","mergeDeepLeft","useClassname","classNameContent","rel","useComputedRel","linkProps","useComputedLinkProps","href","to","Link","primary","secondary","fontWeight","fontBold","borderRadius","leftIcon","rightIcon","Array","isArray","icon","loading","success","_jsx","Styled.SpinnerIcon","strokeWidth","Styled.CheckIcon","_jsxs","Styled.Root","dynamicSizeDeclaration","sizeUnits","fontSize","padding","innerRef","undefined","lineHeight","evt","Styled.IconSlot","marginRight","Styled.Content","concat","marginLeft","displayName"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { Link } from 'react-router-dom'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND, SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE } from './constants'\nimport SuccessIcon from './images/success.module.svg'\nimport type { ButtonProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Component interface extends:\n * - [`BaseProps`](#/Interfaces)\n * - [`TypographyProps`](#/Interfaces)\n * - [`ResponsiveSizeProps`](#/Interfaces)\n * - [`ColorPaletteProps<keyof ButtonPalette>`](#/Interfaces)\n * - [`React.ComponentPropsWithRef<'button'>`](#/Interfaces)\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      textProps = {},\n      iconProps = {},\n      as: _as,\n      className,\n      children,\n      content,\n      fontWeight,\n      icon,\n      innerRef,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n      const propsBySize = PROPS_BY_SIZE[size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = Link\n\n    if (restProps.primary) color = 'primary'\n    if (restProps.secondary) color = 'atlantis'\n\n    const rootClassName = useClassname(COMPONENT_NAME, className)\n    const textClassName = useClassname(COMPONENT_NAME)\n    const rel = useComputedRel(theme, restProps)\n    const linkProps = useComputedLinkProps(_as, restProps)\n\n    let [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    if (restProps.success) {\n      before = <SuccessIcon />\n      after = null\n    }\n\n    if (restProps.preset === 'brand' && restProps.loading) {\n      before = <Styled.LoaderIcon />\n      after = null\n    }\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        size={size}\n        inline={inline}\n        color={color}\n        fontColor={fontColor}\n        rounded={rounded}\n        rel={rel}\n        as={_as}\n        className={rootClassName}\n        ref={ref ?? innerRef}\n      >\n        {typeof children === 'function' ? (\n          children({\n            baseTextProps,\n            textProps,\n            iconBaseProps,\n            iconProps,\n            icon: [before, after],\n          })\n        ) : (\n          <>\n            {before && <Icon className='icon' icon={before} {...iconBaseProps} {...iconProps} />}\n            {(content || children) && (\n              <Text className={`${textClassName}__content`} {...baseTextProps} {...textProps}>\n                {content || children}\n              </Text>\n            )}\n            {after && <Icon className='icon' icon={after} {...iconBaseProps} {...iconProps} />}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n      if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n      return sizes\n    },\n  }\n)\n\nexport { Button, COMPONENT_NAME }\n\nexport type { ButtonProps }\n"],"names":["COMPONENT_NAME","Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","iconProps","as","_as","className","children","content","fontWeight","icon","innerRef","restProps","_excluded","theme","useTheme","preset","round","_PROPS_BY_SIZE$size","propsBySize","PROPS_BY_SIZE","href","to","Link","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","success","_jsx","SuccessIcon","loading","Styled.LoaderIcon","baseTextProps","weight","lineHeight","marginLeft","undefined","marginRight","iconBaseProps","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","Text","displayName","sizes","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"47BAeMA,IAAAA,EAAiB,SAWjBC,IAAAA,EAAuDC,EAC3DC,IAAYC,EAAOC,KACjB,IAAIC,KACFA,EAAO,IADLC,OAEFA,GAAS,EAFPC,QAGFA,GAAU,EAHRC,MAIFA,EAAQ,SAJNC,UAKFA,EAAY,QALVC,UAMFA,EAAY,GANVC,UAOFA,EAAY,GACZC,GAAIC,EARFC,UASFA,EATEC,SAUFA,EAVEC,QAWFA,EAXEC,WAYFA,EAZEC,KAaFA,EAbEC,SAcFA,GAEEhB,EADCiB,IACDjB,EAhBJkB,GAkBA,IAAMC,EAAQC,IAEd,GAAyB,YAArBH,EAAUI,QAAwC,iBAATnB,IAAsBe,EAAUK,MAAO,CAAA,IAAAC,EAClF,IAAMC,UAAcC,EAAAA,EAAcvB,UAAAA,QAAS,GAC3Ce,EAAiBO,EAAAA,EAAAA,GAAAA,GAAgBP,GAG/BA,EAAUS,OAAMhB,EAAM,KACtBO,EAAUU,KAAIjB,EAAMkB,GAEpBX,EAAUY,UAASxB,EAAQ,WAC3BY,EAAUa,YAAWzB,EAAQ,YAEjC,IAAM0B,EAAgBC,EA5CH,SA4CgCrB,GACnD,IAAMsB,EAAgBD,EA7CH,UA8CnB,IAAME,EAAMC,EAAehB,EAAOF,GAClC,IAAMmB,EAAYC,EAAqB3B,EAAKO,GAE5C,IAAKqB,EAAQC,GAASC,MAAMC,QAAQ1B,GAAQA,EAAO,CAACA,GAEhDE,EAAUyB,UACZJ,EAASK,EAACC,EAAV,IACAL,EAAQ,MAGe,UAArBtB,EAAUI,QAAsBJ,EAAU4B,UAC5CP,EAASK,EAACG,EAAV,IACAP,EAAQ,MAGV,IAAMQ,EAA2B,CAC/BtC,GAAI,OACJP,KAAM,UACNG,MAAO,UACP2C,OAAQlC,MAAAA,EAAAA,EAAoC,UAArBG,EAAUI,OAAqB,IAAM,IAC5D4B,WAAiC,UAArBhC,EAAUI,OAAqB,IAAM,EACjD6B,WAAYZ,EAAS,cAAWa,EAChCC,YAAab,EAAQ,cAAA,GAGvB,IAAMc,EAA2B,CAAE5C,GAAI,OAAQJ,MAAO,WAEtD,OACEsC,EAACW,EACKrC,EAAAA,EAAAA,EAAAA,GAAAA,GACAmB,GAFN,GAAA,CAGElC,KAAMA,EACNC,OAAQA,EACRE,MAAOA,EACPC,UAAWA,EACXF,QAASA,EACT8B,IAAKA,EACLzB,GAAIC,EACJC,UAAWoB,EACX9B,IAAKA,MAAAA,EAAAA,EAAOe,EAXdJ,SAauB,mBAAbA,EACNA,EAAS,CACPmC,cAAAA,EACAxC,UAAAA,EACA8C,cAAAA,EACA7C,UAAAA,EACAO,KAAM,CAACuB,EAAQC,KAGjBgB,EAAAC,EAAA,CAAA5C,SACG0B,CAAAA,GAAUK,EAACc,EAADC,EAAAA,EAAA,CAAM/C,UAAU,OAAOI,KAAMuB,GAAYe,GAAmB7C,KACrEK,GAAWD,IACX+B,EAACgB,EAADD,EAAAA,EAAAA,EAAA,CAAM/C,oBAAcsB,EAAL,cAAmCc,GAAmBxC,GAArE,GAAA,CAAAK,SACGC,GAAWD,KAGf2B,GAASI,EAACc,EAADC,EAAAA,EAAA,CAAM/C,UAAU,OAAOI,KAAMwB,GAAWc,GAAmB7C,aAM/E,CACEoD,YA9GmB,SA+GnBC,MAAQ7D,IACN,IAAI6D,EAAyB,UAAjB7D,EAAMqB,OAAqByC,EAAQC,EAG/C,OAFI/D,EAAMsB,QAAOuC,EAAyB,UAAjB7D,EAAMqB,OAAqB2C,EAAcC,GAE3DJ"}

package/components/Button/constants.js

@@ -1,2 +1,2 @@
-var i=['id','to','target','ref','rel','href','type','disabled','className','style','form','onClick','onClickCapture','onMouseLeave','onMouseEnter','children'];var d={xxxl:{fontSize:24,height:78,paddingLeft:44,paddingRight:44},xxl:{fontSize:22,height:72,paddingLeft:40,paddingRight:40},xl:{fontSize:20,height:68,paddingLeft:40,paddingRight:40},l:{fontSize:18,height:60,paddingLeft:36,paddingRight:36},m:{fontSize:16,height:52,paddingLeft:32,paddingRight:32},s:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xs:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xxs:{fontSize:12,height:32,paddingLeft:18,paddingRight:18},xxxs:{fontSize:10,height:28,paddingLeft:12,paddingRight:12}};var t={xxxl:{fontSize:22,height:64,paddingLeft:36,paddingRight:36},xxl:{fontSize:20,height:60,paddingLeft:34,paddingRight:34},xl:{fontSize:18,height:56,paddingLeft:32,paddingRight:32},l:{fontSize:16,height:48,paddingLeft:26,paddingRight:26},m:{fontSize:16,height:44,paddingLeft:28,paddingRight:28},s:{fontSize:14,height:40,paddingLeft:24,paddingRight:24},xs:{fontSize:14,height:32,paddingLeft:16,paddingRight:16},xxs:{fontSize:12,height:28,paddingLeft:14,paddingRight:14},xxxs:{fontSize:10,height:24,paddingLeft:12,paddingRight:12}};var e={xxxl:{fontSize:32,lineHeight:1,padding:'0.28em',width:72,height:72},xxl:{fontSize:30,lineHeight:1,padding:'0.28em',width:68,height:68},xl:{fontSize:26,lineHeight:1,padding:'0.28em',width:60,height:60},l:{fontSize:23,lineHeight:1,padding:'0.28em',width:52,height:52},m:{fontSize:21,lineHeight:1,padding:'0.28em',width:48,height:48},s:{fontSize:18,lineHeight:1,padding:'0.28em',width:40,height:40},xs:{fontSize:14,lineHeight:1,padding:'0.28em',width:32,height:32},xxs:{fontSize:12,lineHeight:1,padding:'0.28em',width:24,height:24},xxxs:{fontSize:8,lineHeight:1,padding:'0.28em',width:18,height:18}};var g={xxxl:{fontSize:22,padding:'1em'},xxl:{fontSize:20,padding:'1em'},xl:{fontSize:18,padding:'1em'},l:{fontSize:16,padding:'1em'},m:{fontSize:16,padding:'1em'},s:{fontSize:14,padding:'1em'},xs:{fontSize:14,padding:'1em'},xxs:{fontSize:12,padding:'1em'},xxxs:{fontSize:10,padding:'1em'}};var n={xl:{paddingLeftM:36,paddingRightM:36,paddingLeftS:32,paddingRightS:32},l:{fontSizeM:'m',heightM:56,heightS:52,paddingLeftM:28,paddingRightM:28,paddingLeftS:24,paddingRightS:24},m:{paddingLeftM:24,paddingRightM:24,paddingLeftS:20,paddingRightS:20},s:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16},xs:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16}};export{i as FORWARD_PROPS,n as PROPS_BY_SIZE,d as SIZES,t as SIZES_BRAND,e as SIZES_ROUND,g as SIZES_ROUND_BRAND};
+var i={xxxl:{fontSize:22,height:64,paddingLeft:36,paddingRight:36},xxl:{fontSize:20,height:60,paddingLeft:34,paddingRight:34},xl:{fontSize:18,height:56,paddingLeft:32,paddingRight:32},l:{fontSize:16,height:48,paddingLeft:28,paddingRight:28},m:{fontSize:16,height:44,paddingLeft:28,paddingRight:28},s:{fontSize:14,height:40,paddingLeft:24,paddingRight:24},xs:{fontSize:14,height:32,paddingLeft:16,paddingRight:16},xxs:{fontSize:12,height:28,paddingLeft:14,paddingRight:14},xxxs:{fontSize:10,height:24,paddingLeft:12,paddingRight:12}};var t={xxxl:{fontSize:32,height:64,width:64},xxl:{fontSize:28,height:60,width:60},xl:{fontSize:24,height:56,width:56},l:{fontSize:20,height:48,width:48},m:{fontSize:16,height:44,width:44},s:{fontSize:16,height:40,width:40},xs:{fontSize:16,height:32,width:32},xxs:{fontSize:16,height:28,width:28},xxxs:{fontSize:14,height:24,width:24}};var d={xxxl:{fontSize:24,height:78,paddingLeft:44,paddingRight:44},xxl:{fontSize:22,height:72,paddingLeft:40,paddingRight:40},xl:{fontSize:20,height:68,paddingLeft:40,paddingRight:40},l:{fontSize:18,height:60,paddingLeft:36,paddingRight:36},m:{fontSize:16,height:52,paddingLeft:32,paddingRight:32},s:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xs:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xxs:{fontSize:12,height:32,paddingLeft:18,paddingRight:18},xxxs:{fontSize:10,height:28,paddingLeft:12,paddingRight:12}};var g={xxxl:{fontSize:32,lineHeight:1,padding:'0.28em',width:72,height:72},xxl:{fontSize:30,lineHeight:1,padding:'0.28em',width:68,height:68},xl:{fontSize:26,lineHeight:1,padding:'0.28em',width:60,height:60},l:{fontSize:23,lineHeight:1,padding:'0.28em',width:52,height:52},m:{fontSize:21,lineHeight:1,padding:'0.28em',width:48,height:48},s:{fontSize:18,lineHeight:1,padding:'0.28em',width:40,height:40},xs:{fontSize:14,lineHeight:1,padding:'0.28em',width:32,height:32},xxs:{fontSize:12,lineHeight:1,padding:'0.28em',width:24,height:24},xxxs:{fontSize:8,lineHeight:1,padding:'0.28em',width:18,height:18}};var e={xl:{paddingLeftM:36,paddingRightM:36,paddingLeftS:32,paddingRightS:32},l:{fontSizeM:'m',heightM:56,heightS:52,paddingLeftM:28,paddingRightM:28,paddingLeftS:24,paddingRightS:24},m:{paddingLeftM:24,paddingRightM:24,paddingLeftS:20,paddingRightS:20},s:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16},xs:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16}};export{e as PROPS_BY_SIZE,i as SIZES,d as SIZES_DEFAULT,t as SIZES_ROUND,g as SIZES_ROUND_DEFAULT};
 //# sourceMappingURL=constants.js.map

package/components/Button/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Button/constants.ts"],"sourcesContent":["import type { Sizes, Size } from 'shared/types'\nimport type { ButtonProps } from './types'\n\nexport const FORWARD_PROPS = [\n  'id',\n  'to',\n  'target',\n  'ref',\n  'rel',\n  'href',\n  'type',\n  'disabled',\n  'className',\n  'style',\n  'form',\n  'onClick',\n  'onClickCapture',\n  'onMouseLeave',\n  'onMouseEnter',\n  'children',\n]\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 24,\n    height: 78,\n    paddingLeft: 44,\n    paddingRight: 44,\n  },\n  xxl: {\n    fontSize: 22,\n    height: 72,\n    paddingLeft: 40,\n    paddingRight: 40,\n  },\n  xl: {\n    fontSize: 20,\n    height: 68,\n    paddingLeft: 40,\n    paddingRight: 40,\n  },\n  l: {\n    fontSize: 18,\n    height: 60,\n    paddingLeft: 36,\n    paddingRight: 36,\n  },\n  m: {\n    fontSize: 16,\n    height: 52,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  xs: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  xxs: {\n    fontSize: 12,\n    height: 32,\n    paddingLeft: 18,\n    paddingRight: 18,\n  },\n  xxxs: {\n    fontSize: 10,\n    height: 28,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n}\n\nexport const SIZES_BRAND: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    height: 64,\n    paddingLeft: 36,\n    paddingRight: 36,\n  },\n  xxl: {\n    fontSize: 20,\n    height: 60,\n    paddingLeft: 34,\n    paddingRight: 34,\n  },\n  xl: {\n    fontSize: 18,\n    height: 56,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  l: {\n    fontSize: 16,\n    height: 48,\n    paddingLeft: 26,\n    paddingRight: 26,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 24,\n    paddingRight: 24,\n  },\n  xs: {\n    fontSize: 14,\n    height: 32,\n    paddingLeft: 16,\n    paddingRight: 16,\n  },\n  xxs: {\n    fontSize: 12,\n    height: 28,\n    paddingLeft: 14,\n    paddingRight: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n    height: 24,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n}\n\nexport const SIZES_ROUND: Sizes = {\n  xxxl: {\n    fontSize: 32,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 72,\n    height: 72,\n  },\n  xxl: {\n    fontSize: 30,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 68,\n    height: 68,\n  },\n  xl: {\n    fontSize: 26,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 60,\n    height: 60,\n  },\n  l: {\n    fontSize: 23,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 52,\n    height: 52,\n  },\n  m: {\n    fontSize: 21,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 48,\n    height: 48,\n  },\n  s: {\n    fontSize: 18,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 40,\n    height: 40,\n  },\n  xs: {\n    fontSize: 14,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 32,\n    height: 32,\n  },\n  xxs: {\n    fontSize: 12,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 24,\n    height: 24,\n  },\n  xxxs: {\n    fontSize: 8,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 18,\n    height: 18,\n  },\n}\n\nexport const SIZES_ROUND_BRAND: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    padding: '1em',\n  },\n  xxl: {\n    fontSize: 20,\n    padding: '1em',\n  },\n  xl: {\n    fontSize: 18,\n    padding: '1em',\n  },\n  l: {\n    fontSize: 16,\n    padding: '1em',\n  },\n  m: {\n    fontSize: 16,\n    padding: '1em',\n  },\n  s: {\n    fontSize: 14,\n    padding: '1em',\n  },\n  xs: {\n    fontSize: 14,\n    padding: '1em',\n  },\n  xxs: {\n    fontSize: 12,\n    padding: '1em',\n  },\n  xxxs: {\n    fontSize: 10,\n    padding: '1em',\n  },\n}\n\n// delete in next major version bump\nexport const PROPS_BY_SIZE: Partial<Record<Size, ButtonProps>> = {\n  xl: {\n    paddingLeftM: 36,\n    paddingRightM: 36,\n    paddingLeftS: 32,\n    paddingRightS: 32,\n  },\n  l: {\n    fontSizeM: 'm',\n    heightM: 56,\n    heightS: 52,\n    paddingLeftM: 28,\n    paddingRightM: 28,\n    paddingLeftS: 24,\n    paddingRightS: 24,\n  },\n  m: {\n    paddingLeftM: 24,\n    paddingRightM: 24,\n    paddingLeftS: 20,\n    paddingRightS: 20,\n  },\n  s: {\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n  xs: {\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n}\n"],"names":["FORWARD_PROPS","SIZES","xxxl","fontSize","height","paddingLeft","paddingRight","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_BRAND","SIZES_ROUND","lineHeight","padding","width","SIZES_ROUND_BRAND","PROPS_BY_SIZE","paddingLeftM","paddingRightM","paddingLeftS","paddingRightS","fontSizeM","heightM","heightS"],"mappings":"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"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Button/constants.ts"],"sourcesContent":["import type { Sizes, Size } from 'shared/types'\nimport type { ButtonProps } from './types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    height: 64,\n    paddingLeft: 36,\n    paddingRight: 36,\n  },\n  xxl: {\n    fontSize: 20,\n    height: 60,\n    paddingLeft: 34,\n    paddingRight: 34,\n  },\n  xl: {\n    fontSize: 18,\n    height: 56,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  l: {\n    fontSize: 16,\n    height: 48,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 24,\n    paddingRight: 24,\n  },\n  xs: {\n    fontSize: 14,\n    height: 32,\n    paddingLeft: 16,\n    paddingRight: 16,\n  },\n  xxs: {\n    fontSize: 12,\n    height: 28,\n    paddingLeft: 14,\n    paddingRight: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n    height: 24,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n}\n\nexport const SIZES_ROUND: Sizes = {\n  xxxl: {\n    fontSize: 32,\n    height: 64,\n    width: 64,\n  },\n  xxl: {\n    fontSize: 28,\n    height: 60,\n    width: 60,\n  },\n  xl: {\n    fontSize: 24,\n    height: 56,\n    width: 56,\n  },\n  l: {\n    fontSize: 20,\n    height: 48,\n    width: 48,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    width: 44,\n  },\n  s: {\n    fontSize: 16,\n    height: 40,\n    width: 40,\n  },\n  xs: {\n    fontSize: 16,\n    height: 32,\n    width: 32,\n  },\n  xxs: {\n    fontSize: 16,\n    height: 28,\n    width: 28,\n  },\n  xxxs: {\n    fontSize: 14,\n    height: 24,\n    width: 24,\n  },\n}\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    fontSize: 24,\n    height: 78,\n    paddingLeft: 44,\n    paddingRight: 44,\n  },\n  xxl: {\n    fontSize: 22,\n    height: 72,\n    paddingLeft: 40,\n    paddingRight: 40,\n  },\n  xl: {\n    fontSize: 20,\n    height: 68,\n    paddingLeft: 40,\n    paddingRight: 40,\n  },\n  l: {\n    fontSize: 18,\n    height: 60,\n    paddingLeft: 36,\n    paddingRight: 36,\n  },\n  m: {\n    fontSize: 16,\n    height: 52,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  xs: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  xxs: {\n    fontSize: 12,\n    height: 32,\n    paddingLeft: 18,\n    paddingRight: 18,\n  },\n  xxxs: {\n    fontSize: 10,\n    height: 28,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n}\n\nexport const SIZES_ROUND_DEFAULT: Sizes = {\n  xxxl: {\n    fontSize: 32,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 72,\n    height: 72,\n  },\n  xxl: {\n    fontSize: 30,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 68,\n    height: 68,\n  },\n  xl: {\n    fontSize: 26,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 60,\n    height: 60,\n  },\n  l: {\n    fontSize: 23,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 52,\n    height: 52,\n  },\n  m: {\n    fontSize: 21,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 48,\n    height: 48,\n  },\n  s: {\n    fontSize: 18,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 40,\n    height: 40,\n  },\n  xs: {\n    fontSize: 14,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 32,\n    height: 32,\n  },\n  xxs: {\n    fontSize: 12,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 24,\n    height: 24,\n  },\n  xxxs: {\n    fontSize: 8,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 18,\n    height: 18,\n  },\n}\n\n// delete in next major version bump\nexport const PROPS_BY_SIZE: Partial<Record<Size, ButtonProps>> = {\n  xl: {\n    paddingLeftM: 36,\n    paddingRightM: 36,\n    paddingLeftS: 32,\n    paddingRightS: 32,\n  },\n  l: {\n    fontSizeM: 'm',\n    heightM: 56,\n    heightS: 52,\n    paddingLeftM: 28,\n    paddingRightM: 28,\n    paddingLeftS: 24,\n    paddingRightS: 24,\n  },\n  m: {\n    paddingLeftM: 24,\n    paddingRightM: 24,\n    paddingLeftS: 20,\n    paddingRightS: 20,\n  },\n  s: {\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n  xs: {\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","height","paddingLeft","paddingRight","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_ROUND","width","SIZES_DEFAULT","SIZES_ROUND_DEFAULT","lineHeight","padding","PROPS_BY_SIZE","paddingLeftM","paddingRightM","paddingLeftS","paddingRightS","fontSizeM","heightM","heightS"],"mappings":"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"}

package/components/Button/hooks.js

@@ -1,2 +1,2 @@
-function r(r,e){var t;var o=null===(t=r.utils)||void 0===t?void 0:t.relBuilder;var u;var a;return e.href&&!(u=e.rel)&&o&&e.autoRel&&(e.href||e.to)&&(u=o(null!==(a=e.href)&&void 0!==a?a:e.to,e.target)),u}function e(r,e,t){var o={};return void 0===r||e||('a'===r?o={href:t.href||t.to,target:t.target}:'string'!=typeof r&&(o={to:t.to||t.href})),o}export{e as useComputedLinkProps,r as useComputedRel};
+function r(r,e){var t;var o=null===(t=r.utils)||void 0===t?void 0:t.relBuilder;var a;var u;return e.href&&!(a=e.rel)&&o&&e.autoRel&&(e.href||e.to)&&(a=o(null!==(u=e.href)&&void 0!==u?u:e.to,e.target)),a}function e(r,e){var t={};return void 0===r||e.disabled||('a'===r?t={href:e.href||e.to,target:e.target}:'string'!=typeof r&&(t={to:e.to||e.href})),t}export{e as useComputedLinkProps,r as useComputedRel};
 //# sourceMappingURL=hooks.js.map

package/components/Button/hooks.js.map

@@ -1 +1 @@
-{"version":3,"file":"hooks.js","sources":["../../../../src/components/Button/hooks.ts"],"sourcesContent":["import { DefaultTheme } from 'styled-components'\nimport type { ButtonProps } from './types'\n\nexport function useComputedRel(theme: DefaultTheme, config: ButtonProps) {\n  const relBuilder = theme.utils?.relBuilder\n\n  let rel\n\n  if (config.href) {\n    rel = config.rel\n\n    if (!rel && relBuilder && config.autoRel && (config.href || config.to)) {\n      rel = relBuilder(config.href ?? config.to, config.target)\n    }\n  }\n\n  return rel\n}\n\nexport function useComputedLinkProps(_as: ButtonProps['as'], disabled: boolean, config: ButtonProps) {\n  let props = {}\n\n  if (_as === undefined || disabled) return props\n\n  if (_as === 'a') {\n    props = { href: config.href || config.to, target: config.target }\n  } else if (typeof _as !== 'string') {\n    props = { to: config.to || config.href }\n  }\n\n  return props\n}\n"],"names":["useComputedRel","theme","config","_theme$utils","relBuilder","utils","rel","_config$href","href","autoRel","to","target","useComputedLinkProps","_as","disabled","props"],"mappings":"AAGO,SAASA,EAAeC,EAAqBC,GAAqB,IAAAC,EACvE,IAAMC,EAAU,QAAGH,EAAAA,EAAMI,iBAATF,OAAAA,EAAGA,EAAaC,WAEhC,IAAIE,EAKsE,IAAAC,EAK1E,OARIL,EAAOM,QACTF,EAAMJ,EAAOI,MAEDF,GAAcF,EAAOO,UAAYP,EAAOM,MAAQN,EAAOQ,MACjEJ,EAAMF,EAAU,QAACF,EAAAA,EAAOM,YAAR,IAAAD,EAAAA,EAAgBL,EAAOQ,GAAIR,EAAOS,SAI/CL,EAGF,SAASM,EAAqBC,EAAwBC,EAAmBZ,GAC9E,IAAIa,EAAQ,GAEZ,gBAAIF,GAAqBC,IAEb,MAARD,EACFE,EAAQ,CAAEP,KAAMN,EAAOM,MAAQN,EAAOQ,GAAIC,OAAQT,EAAOS,QACjC,iBAARE,IAChBE,EAAQ,CAAEL,GAAIR,EAAOQ,IAAMR,EAAOM,QALMO"}
+{"version":3,"file":"hooks.js","sources":["../../../../src/components/Button/hooks.ts"],"sourcesContent":["import { DefaultTheme } from 'styled-components'\nimport type { ButtonProps } from './types'\n\nexport function useComputedRel(theme: DefaultTheme, config: ButtonProps) {\n  const relBuilder = theme.utils?.relBuilder\n\n  let rel\n\n  if (config.href) {\n    rel = config.rel\n\n    if (!rel && relBuilder && config.autoRel && (config.href || config.to)) {\n      rel = relBuilder(config.href ?? config.to, config.target)\n    }\n  }\n\n  return rel\n}\n\nexport function useComputedLinkProps(_as: ButtonProps['as'], config: ButtonProps) {\n  let props = {}\n\n  if (_as === undefined || config.disabled) return props\n\n  if (_as === 'a') {\n    props = { href: config.href || config.to, target: config.target }\n  } else if (typeof _as !== 'string') {\n    props = { to: config.to || config.href }\n  }\n\n  return props\n}\n"],"names":["useComputedRel","theme","config","_theme$utils","relBuilder","utils","rel","_config$href","href","autoRel","to","target","useComputedLinkProps","_as","props","disabled"],"mappings":"AAGO,SAASA,EAAeC,EAAqBC,GAAqB,IAAAC,EACvE,IAAMC,EAAU,QAAGH,EAAAA,EAAMI,iBAATF,OAAAA,EAAGA,EAAaC,WAEhC,IAAIE,EAKsE,IAAAC,EAK1E,OARIL,EAAOM,QACTF,EAAMJ,EAAOI,MAEDF,GAAcF,EAAOO,UAAYP,EAAOM,MAAQN,EAAOQ,MACjEJ,EAAMF,EAAU,QAACF,EAAAA,EAAOM,YAAR,IAAAD,EAAAA,EAAgBL,EAAOQ,GAAIR,EAAOS,SAI/CL,EAGF,SAASM,EAAqBC,EAAwBX,GAC3D,IAAIY,EAAQ,GAEZ,YAAA,IAAID,GAAqBX,EAAOa,WAEpB,MAARF,EACFC,EAAQ,CAAEN,KAAMN,EAAOM,MAAQN,EAAOQ,GAAIC,OAAQT,EAAOS,QACjC,iBAARE,IAChBC,EAAQ,CAAEJ,GAAIR,EAAOQ,IAAMR,EAAOM,QALaM"}

package/components/Button/images/loader.module.svg.js

@@ -0,0 +1,2 @@
+import*as a from'react';var e;function l(){return l=Object.assign||function(a){for(var e=1;e<arguments.length;e++){var l=arguments[e];for(var r in l)({}).hasOwnProperty.call(l,r)&&(a[r]=l[r])}return a},l.apply(this,arguments)}var r=r=>a.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 24 24"},r),e||(e=a.createElement("path",{fill:"currentcolor",fillRule:"evenodd",d:"M12 1.5A1.5 1.5 0 0 1 13.5 3v3a1.5 1.5 0 0 1-3 0V3A1.5 1.5 0 0 1 12 1.5m7.426 3.074a1.5 1.5 0 0 1 0 2.121l-2.121 2.122a1.5 1.5 0 1 1-2.121-2.122l2.12-2.12a1.5 1.5 0 0 1 2.122 0m-14.85.002a1.5 1.5 0 0 1 2.121 0L8.82 6.7A1.5 1.5 0 0 1 6.7 8.82L4.575 6.697a1.5 1.5 0 0 1 0-2.12M1.5 12A1.5 1.5 0 0 1 3 10.5h3a1.5 1.5 0 0 1 0 3H3A1.5 1.5 0 0 1 1.5 12m15 0a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 0 3h-3a1.5 1.5 0 0 1-1.5-1.5m-7.682 3.182a1.5 1.5 0 0 1 0 2.12l-2.123 2.124a1.5 1.5 0 1 1-2.12-2.121l2.122-2.123a1.5 1.5 0 0 1 2.121 0m6.364 0a1.5 1.5 0 0 1 2.12 0l2.122 2.12a1.5 1.5 0 1 1-2.121 2.122l-2.122-2.121a1.5 1.5 0 0 1 0-2.122M12 16.5a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 0 1 1.5-1.5",clipRule:"evenodd"})));export{r as default};
+//# sourceMappingURL=loader.module.svg.js.map

package/components/Button/images/loader.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loader.module.svg.js","sources":["../../../../../src/components/Button/images/loader.module.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" viewBox=\"0 0 24 24\"><path fill=\"currentcolor\" fill-rule=\"evenodd\" d=\"M12 1.5A1.5 1.5 0 0 1 13.5 3v3a1.5 1.5 0 0 1-3 0V3A1.5 1.5 0 0 1 12 1.5m7.426 3.074a1.5 1.5 0 0 1 0 2.121l-2.121 2.122a1.5 1.5 0 1 1-2.121-2.122l2.12-2.12a1.5 1.5 0 0 1 2.122 0m-14.85.002a1.5 1.5 0 0 1 2.121 0L8.82 6.7A1.5 1.5 0 0 1 6.7 8.82L4.575 6.697a1.5 1.5 0 0 1 0-2.12M1.5 12A1.5 1.5 0 0 1 3 10.5h3a1.5 1.5 0 0 1 0 3H3A1.5 1.5 0 0 1 1.5 12m15 0a1.5 1.5 0 0 1 1.5-1.5h3a1.5 1.5 0 0 1 0 3h-3a1.5 1.5 0 0 1-1.5-1.5m-7.682 3.182a1.5 1.5 0 0 1 0 2.12l-2.123 2.124a1.5 1.5 0 1 1-2.12-2.121l2.122-2.123a1.5 1.5 0 0 1 2.121 0m6.364 0a1.5 1.5 0 0 1 2.12 0l2.122 2.12a1.5 1.5 0 1 1-2.121 2.122l-2.122-2.121a1.5 1.5 0 0 1 0-2.122M12 16.5a1.5 1.5 0 0 1 1.5 1.5v3a1.5 1.5 0 0 1-3 0v-3a1.5 1.5 0 0 1 1.5-1.5\" clip-rule=\"evenodd\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgLoadermodule","props","React","createElement","xmlns","fill","viewBox","fillRule","d","clipRule"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,OAA+BE,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA2CC,GACzBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,MAAO,6BACPC,KAAM,OACNC,QAAS,aACRL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEE,KAAM,eACNE,SAAU,UACVC,EAAG,8rBACHC,SAAU"}

package/components/Button/images/success.module.svg.js

@@ -0,0 +1,2 @@
+import*as e from'react';var r;function l(){return l=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var l=arguments[r];for(var a in l)({}).hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},l.apply(this,arguments)}var a=a=>e.createElement("svg",l({viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},a),r||(r=e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M21.064 5.443a1.5 1.5 0 0 1-.007 2.121l-11.077 11a1.5 1.5 0 0 1-2.114 0l-4.923-4.889a1.5 1.5 0 0 1 2.114-2.128l3.866 3.839 10.02-9.95a1.5 1.5 0 0 1 2.121.007z",fill:"currentcolor"})));export{a as default};
+//# sourceMappingURL=success.module.svg.js.map

package/components/Button/images/success.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"success.module.svg.js","sources":["../../../../../src/components/Button/images/success.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M21.064 5.443a1.5 1.5 0 0 1-.007 2.121l-11.077 11a1.5 1.5 0 0 1-2.114 0l-4.923-4.889a1.5 1.5 0 0 1 2.114-2.128l3.866 3.839 10.02-9.95a1.5 1.5 0 0 1 2.121.007z\" fill=\"currentcolor\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgSuccessmodule","props","React","createElement","viewBox","fill","xmlns","fillRule","clipRule","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,OAA+BE,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA6CC,GAC3BC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,KAAM,OACNC,MAAO,8BACNL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,SAAU,UACVC,SAAU,UACVC,EAAG,iKACHJ,KAAM"}

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{property as t,responsiveNamedProperty as a}from'../../mixins/responsive-property.js';import{color as c}from'../../mixins/color.js';import{responsiveSize as i}from'../../mixins/responsive-size.js';import{FORWARD_PROPS as s}from'./constants.js';import d from'./images/check.module.svg.js';import l from'./images/spinner.module.svg.js';var g={xl:320,l:280,m:245,s:180,xs:140};var m=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    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 p=r(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);var h=r(["100%{transform:rotate(360deg);}"]);var b=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;"],p);var u=o=>'auto'===o?'auto':'number'==typeof o||'boolean'==typeof o?o:o&&g[o]?g[o]:'auto';var f=()=>n(["min-width:initial;width:100%;"]);var v="\n  content: '';\n  position: absolute;\n  inset: 0;\n  border-radius: inherit;\n";var y={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(v,"\n            background-color: ").concat(e,";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(v,"\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(v,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(v,"\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=o.theme.colors.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=o.theme.colors.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 1px ").concat(e,";\n\n          &::before {\n            ").concat(v,"\n            background-color: ").concat(t,";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(v,"\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=o.theme.colors.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=o.theme.colors.transparent),"\n          background-color: ".concat(n,";\n          color: ").concat(r,";\n          box-shadow: inset 0 0 0 1px ").concat(e,";\n\n          &::before {\n            ").concat(v,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-primary'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(v,"\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(v,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(v,"\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(v,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(v,"\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(v,"\n            background-color: ").concat(o.theme.colors['bg-oncolor-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(v,"\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(v,"\n            background-color: ").concat(o.theme.colors['bg-oncontrast-hover'],";\n            opacity: 0;\n          }\n          &::after {\n            ").concat(v,"\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 L={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?b:''),(o=>{var n='background-color';return(o.inverted||o.basic||o.outline)&&(n='color'),c(o.color,n)}),(o=>{var n='color';return(o.inverted||o.basic||o.outline)&&(n='background-color'),c(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 S=o.button.withConfig({shouldForwardProp:o=>s.includes(o)||o.includes('data')}).withConfig({componentId:"fox-ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],m,(o=>o.brandPresetUsed?!o.clear||o.base||o.outline||o.onColored?o.clear&&!o.base&&!o.outline&&o.onColored?y.clear.onColored:!o.base||o.clear||o.outline||o.onColored?o.base&&!o.clear&&!o.outline&&o.onColored?y.base.onColored:!o.outline||o.clear||o.base||o.onColored?o.outline&&!o.clear&&!o.base&&o.onColored?y.outline.onColored:o.onColored?y.filled.onColored:y.filled.default:y.outline.default:y.base.default:y.clear.default:L.default),i,(o=>o.padding?t(o.padding,'padding'):null),(o=>o.paddingTop?t(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?t(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?t(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?t(o.paddingLeft,'padding-left'):null),(o=>o.margin?t(o.margin,'margin'):null),(o=>o.marginTop?t(o.marginTop,'margin-top'):null),(o=>o.marginRight?t(o.marginRight,'margin-right'):null),(o=>o.marginBottom?t(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?t(o.marginLeft,'margin-left'):null),(o=>o.fontSize?t(o.fontSize,'font-size'):null),(o=>o.height?t(o.height,'height'):null),(o=>{var n=o.fluid&&'auto'!==o.width?'max-width':'width';return o.width?t(u(o.width),n):null}),(o=>{var{paddingXS:n,paddingS:r,paddingM:e,paddingL:t,paddingXL:c}=o;return a({sizes:{paddingXS:n,paddingS:r,paddingM:e,paddingL:t,paddingXL:c},cssProperty:'padding'})}),(o=>{var{paddingTopXS:n,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:c}=o;return a({sizes:{paddingTopXS:n,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:c},cssProperty:'padding-top'})}),(o=>{var{paddingRightXS:n,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:c}=o;return a({sizes:{paddingRightXS:n,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:c},cssProperty:'padding-right'})}),(o=>{var{paddingBottomXS:n,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:c}=o;return a({sizes:{paddingBottomXS:n,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:c},cssProperty:'padding-bottom'})}),(o=>{var{paddingLeftXS:n,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:c}=o;return a({sizes:{paddingLeftXS:n,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:c},cssProperty:'padding-left'})}),(o=>{var{marginXS:n,marginS:r,marginM:e,marginL:t,marginXL:c}=o;return a({sizes:{marginXS:n,marginS:r,marginM:e,marginL:t,marginXL:c},cssProperty:'margin'})}),(o=>{var{marginTopXS:n,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:c}=o;return a({sizes:{marginTopXS:n,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:c},cssProperty:'margin-top'})}),(o=>{var{marginRightXS:n,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:c}=o;return a({sizes:{marginRightXS:n,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:c},cssProperty:'margin-right'})}),(o=>{var{marginBottomXS:n,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:c}=o;return a({sizes:{marginBottomXS:n,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:c},cssProperty:'margin-bottom'})}),(o=>{var{marginLeftXS:n,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:c}=o;return a({sizes:{marginLeftXS:n,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:c},cssProperty:'margin-left'})}),(o=>{var{fontSizeXS:n,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:c}=o;return a({sizes:{fontSizeXS:n,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:c},cssProperty:'font-size'})}),(o=>{var{heightXS:n,heightS:r,heightM:e,heightL:t,heightXL:c}=o;return a({sizes:{heightXS:n,heightS:r,heightM:e,heightL:t,heightXL:c},cssProperty:'height'})}),(o=>{var{widthXS:n,widthS:r,widthM:e,widthL:t,widthXL:c,fluid:i,width:s}=o;return a({sizes:{widthXS:n,widthS:r,widthM:e,widthL:t,widthXL:c},cssProperty:i&&'auto'!==s?'max-width':'width',customSizeHandler:u})}),(o=>o.fluid?t(o.fluid,f):null),(o=>{var{fluidXS:n,fluidS:r,fluidM:e,fluidL:t,fluidXL:c}=o;return a({sizes:{fluidXS:n,fluidS:r,fluidM:e,fluidL:t,fluidXL:c},cssProperty:f})}));var x=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 X=o.span.withConfig({componentId:"fox-ui__sc-16o31r2-2"})(["position:relative;z-index:1;"]);var w=o(l).withConfig({componentId:"fox-ui__sc-16o31r2-3"})(["width:100%;animation:"," 2000ms linear infinite;",""],h,(o=>"\n    > path {\n      stroke-width: ".concat(o.strokeWidth,";\n    }\n  ")));var k=o(d).withConfig({componentId:"fox-ui__sc-16o31r2-4"})(["width:100%;",""],(o=>"\n    > path {\n      stroke-width: ".concat(o.strokeWidth,";\n    }\n  ")));export{k as CheckIcon,X as Content,x as IconSlot,S as Root,w as SpinnerIcon};
+import o from'@babel/runtime/helpers/objectSpread2';import r,{keyframes as e,css as t}from'styled-components';import n from'tinycolor2';import{property as c,responsiveNamedProperty as s}from'../../mixins/responsive-property.js';import{color as l}from'../../mixins/color.js';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{focus as i}from'../../mixins/focus.js';import{responsiveSize as d}from'../../mixins/responsive-size.js';import{responsiveFluidPropKeyRegExp as m,responsiveWidthPropKeyRegExp as g,responsivePaddingPropKeyRegExp as h,responsiveFontSizePropKeyRegExp as b,responsiveHeightPropKeyRegExp as p}from'../../shared/regexp.js';import u from'./images/loader.module.svg.js';var v=a((o=>!['fluid','width','display','padding','paddingTop','paddingRight','paddingBottom','paddingLeft','fontSize','height','inline','round','success','loading','black','danger','onColored','clear','base','outline','autoRel','noSpacing','primary','secondary','inverted','rounded','basic'].includes(o)),(o=>!(m.test(o)||g.test(o)||h.test(o)||b.test(o)||p.test(o))));var C={xl:320,l:280,m:245,s:180,xs:140};var y=e(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);var k=e(["100%{transform:rotate(360deg);}"]);var S=t(["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;"],y);var f=o=>'auto'===o?'auto':'number'==typeof o||'boolean'==typeof o?o:o&&C[o]?C[o]:'auto';var L=()=>t(["min-width:initial;width:100%;"]);var X=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &::before {\n    box-shadow: inset 0px 4px 0px ").concat(o.shadowColor,";\n  }\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:active {\n    color: ").concat(o.colorActive,";\n    background-color: ").concat(o.backgroundColorActive,";\n    border-color: ").concat(o.borderColorActive,";\n  }\n  &:disabled {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n");var H={onColored:{clear:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-oncontrast-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-secondary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():n(r.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():n(r.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success||r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorHover:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():r.theme.colors['bg-oncolor-primary'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorActive:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():r.theme.colors['bg-oncolor-primary'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColor:r.theme.colors['bg-oncolor-primary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorHover:n(r.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorActive:n(r.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},danger:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['alert-error']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['alert-error']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-onmain-tertiary']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success||r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():r.theme.colors['alert-bg-error-500'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['alert-bg-error-500'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},black:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-inverse'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-inverse'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.loading?r.theme.colors['content-onmain-inverse']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['bg-onmain-inverse']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-onmain-contrast'],colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():r.theme.colors['bg-onmain-inverse'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-inverse'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},default:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-brand-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-brand-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-onmain-tertiary']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success||r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-brand-primary'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():r.theme.colors['bg-brand-primary-basic'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-brand-primary-basic'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}};var D=t([""," "," "," "," "," ",""],(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(n(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?S:''),(o=>{var r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),l(o.color,r)}),(o=>{var r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),l(o.fontColor,r)}),(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 w=r.button.withConfig({shouldForwardProp:v}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:'string'==typeof r?r:"".concat(r).concat(e),height:'2.8em',width:o.round?'2.8em':void 0,paddingRight:o.round?void 0:'1.6em',paddingLeft:o.round?void 0:'1.6em'})}))).withConfig({componentId:"fox-ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(o=>{var r;var e=o.inline?'inline-flex':'flex';o.display&&(e=o.display);var t='0px';return o.rounded&&(t='brand'===o.preset?'48px':'5px'),o.round&&(t='50%'),"\n      display: ".concat(e,";\n      border-radius: ").concat(t,";\n      cursor: ").concat(null!==(r=o.cursor)&&void 0!==r?r:'pointer',";\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      justify-content: center;\n      align-items: center;\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      ").concat('brand'===o.preset?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            overflow: hidden;\n            transition-property: background-color, color;\n            transition-duration: 200ms;\n            & + & {\n              margin-left: ".concat(o.noSpacing?'auto':'1em',";\n            }"),"\n    ")}),(o=>{if('default'===o.preset)return D;var r=H.default;return o.black&&(r=H.black),o.danger&&(r=H.danger),o.onColored&&(r=H.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),i,d,(o=>o.padding?c(o.padding,'padding'):null),(o=>o.paddingTop?c(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?c(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?c(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?c(o.paddingLeft,'padding-left'):null),(o=>o.margin?c(o.margin,'margin'):null),(o=>o.marginTop?c(o.marginTop,'margin-top'):null),(o=>o.marginRight?c(o.marginRight,'margin-right'):null),(o=>o.marginBottom?c(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?c(o.marginLeft,'margin-left'):null),(o=>o.fontSize?c(o.fontSize,'font-size'):null),(o=>o.height?c(o.height,'height'):null),(o=>{var r=o.fluid&&'auto'!==o.width?'max-width':'width';return o.width?c(f(o.width),r):null}),(o=>{var{paddingXS:r,paddingS:e,paddingM:t,paddingL:n,paddingXL:c}=o;return s({sizes:{paddingXS:r,paddingS:e,paddingM:t,paddingL:n,paddingXL:c},cssProperty:'padding'})}),(o=>{var{paddingTopXS:r,paddingTopS:e,paddingTopM:t,paddingTopL:n,paddingTopXL:c}=o;return s({sizes:{paddingTopXS:r,paddingTopS:e,paddingTopM:t,paddingTopL:n,paddingTopXL:c},cssProperty:'padding-top'})}),(o=>{var{paddingRightXS:r,paddingRightS:e,paddingRightM:t,paddingRightL:n,paddingRightXL:c}=o;return s({sizes:{paddingRightXS:r,paddingRightS:e,paddingRightM:t,paddingRightL:n,paddingRightXL:c},cssProperty:'padding-right'})}),(o=>{var{paddingBottomXS:r,paddingBottomS:e,paddingBottomM:t,paddingBottomL:n,paddingBottomXL:c}=o;return s({sizes:{paddingBottomXS:r,paddingBottomS:e,paddingBottomM:t,paddingBottomL:n,paddingBottomXL:c},cssProperty:'padding-bottom'})}),(o=>{var{paddingLeftXS:r,paddingLeftS:e,paddingLeftM:t,paddingLeftL:n,paddingLeftXL:c}=o;return s({sizes:{paddingLeftXS:r,paddingLeftS:e,paddingLeftM:t,paddingLeftL:n,paddingLeftXL:c},cssProperty:'padding-left'})}),(o=>{var{marginXS:r,marginS:e,marginM:t,marginL:n,marginXL:c}=o;return s({sizes:{marginXS:r,marginS:e,marginM:t,marginL:n,marginXL:c},cssProperty:'margin'})}),(o=>{var{marginTopXS:r,marginTopS:e,marginTopM:t,marginTopL:n,marginTopXL:c}=o;return s({sizes:{marginTopXS:r,marginTopS:e,marginTopM:t,marginTopL:n,marginTopXL:c},cssProperty:'margin-top'})}),(o=>{var{marginRightXS:r,marginRightS:e,marginRightM:t,marginRightL:n,marginRightXL:c}=o;return s({sizes:{marginRightXS:r,marginRightS:e,marginRightM:t,marginRightL:n,marginRightXL:c},cssProperty:'margin-right'})}),(o=>{var{marginBottomXS:r,marginBottomS:e,marginBottomM:t,marginBottomL:n,marginBottomXL:c}=o;return s({sizes:{marginBottomXS:r,marginBottomS:e,marginBottomM:t,marginBottomL:n,marginBottomXL:c},cssProperty:'margin-bottom'})}),(o=>{var{marginLeftXS:r,marginLeftS:e,marginLeftM:t,marginLeftL:n,marginLeftXL:c}=o;return s({sizes:{marginLeftXS:r,marginLeftS:e,marginLeftM:t,marginLeftL:n,marginLeftXL:c},cssProperty:'margin-left'})}),(o=>{var{fontSizeXS:r,fontSizeS:e,fontSizeM:t,fontSizeL:n,fontSizeXL:c}=o;return s({sizes:{fontSizeXS:r,fontSizeS:e,fontSizeM:t,fontSizeL:n,fontSizeXL:c},cssProperty:'font-size'})}),(o=>{var{heightXS:r,heightS:e,heightM:t,heightL:n,heightXL:c}=o;return s({sizes:{heightXS:r,heightS:e,heightM:t,heightL:n,heightXL:c},cssProperty:'height'})}),(o=>{var{widthXS:r,widthS:e,widthM:t,widthL:n,widthXL:c,fluid:l,width:a}=o;return s({sizes:{widthXS:r,widthS:e,widthM:t,widthL:n,widthXL:c},cssProperty:l&&'auto'!==a?'max-width':'width',customSizeHandler:f})}),(o=>o.fluid?c(o.fluid,L):null),(o=>{var{fluidXS:r,fluidS:e,fluidM:t,fluidL:n,fluidXL:c}=o;return s({sizes:{fluidXS:r,fluidS:e,fluidM:t,fluidL:n,fluidXL:c},cssProperty:L})}));var A=r(u).withConfig({componentId:"fox-ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],k);export{A as LoaderIcon,w as Root};
 //# sourceMappingURL=style.js.map