@foxford/ui 2.5.0-beta-a6ad80d-20230627 → 2.5.0-beta-d9eb542-20230703

package/components/Arrow/Arrow.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{useFallbackTheme as s}from'../../hooks/use-theme.js';import{useConfigPriority as t}from'../../hooks/use-config-priority.js';import a from'./images/arrow.module.svg.js';import i from'./images/chevron.module.svg.js';import{getArrowRotation as m}from'./utils.js';import{Root as l}from'./style.js';import{jsx as p}from'react/jsx-runtime';var n=["className","style","onClick"],f=["size"];var u='Arrow';var c=o(((o,u)=>{var c;var d=s();var{className:v,style:b,onClick:y}=o,h=e(o,n);var j=t(null===(c=d.components)||void 0===c?void 0:c.Arrow,h),{size:g="l"}=j,w=e(j,f);var N='brand'===d.preset;'string'==typeof w.preset&&(N='brand'===w.preset);var k=w.square?'8px':'50%';var A=N?a:i;var C=m(w);return p(l,r(r({ref:u,type:"button",className:v,style:b,size:g,borderRadius:k,brandPresetUsed:N,onClick:r=>{r.preventDefault(),w.disabled||'function'!=typeof y||y(r)}},w),{},{children:p("span",{children:p(A,{style:C})})}))}));c.displayName="Arrow";export{c as Arrow,u as COMPONENT_NAME};
+import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{useFallbackTheme as s}from'../../hooks/use-theme.js';import{useConfigPriority as t}from'../../hooks/use-config-priority.js';import a from'./images/arrow.module.svg.js';import i from'./images/chevron.module.svg.js';import{getArrowRotation as m}from'./utils.js';import{Root as p}from'./style.js';import{jsx as n}from'react/jsx-runtime';var l=["size","onClick"];var f='Arrow';var u=o(((o,f)=>{var u;var d=s();var v=t(null===(u=d.components)||void 0===u?void 0:u.Arrow,o),{size:c="l",onClick:b}=v,h=e(v,l);var j='brand'===d.preset;'string'==typeof h.preset&&(j='brand'===h.preset);var g=h.square?'8px':'50%';var y=j?a:i;var w=m(h);return n(p,r(r({},h),{},{ref:f,type:"button",size:c,borderRadius:g,brandPresetUsed:j,onClick:r=>{r.preventDefault(),h.disabled||'function'!=typeof b||b(r)},children:n("span",{children:n(y,{style:w})})}))}));u.displayName="Arrow";export{u as Arrow,f as COMPONENT_NAME};
 //# sourceMappingURL=Arrow.js.map

package/components/Arrow/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useFallbackTheme } from 'hooks/use-theme'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport ArrowSvg from './images/arrow.module.svg'\nimport ChevronSvg from './images/chevron.module.svg'\nimport type { ArrowProps, ArrowConfigProps } from './types'\nimport { getArrowRotation } from './utils'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n * Button with arrow icon\n */\nconst Arrow = forwardRef<HTMLButtonElement, ArrowProps>((props, ref) => {\n  const theme = useFallbackTheme()\n\n  const { className, style, onClick, ...restProps } = props\n\n  const { size = 'l', ...configProps } = useConfigPriority<ArrowProps>(theme.components?.Arrow, restProps)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof configProps.preset === 'string') brandPresetUsed = configProps.preset === 'brand'\n\n  const borderRadius = configProps.square ? '8px' : '50%'\n  const Icon = brandPresetUsed ? ArrowSvg : ChevronSvg\n  const iconStyles = getArrowRotation(configProps)\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault()\n\n    if (!configProps.disabled && typeof onClick === 'function') {\n      onClick(event)\n    }\n  }\n\n  return (\n    <Styled.Root\n      ref={ref}\n      type='button'\n      className={className}\n      style={style}\n      size={size}\n      borderRadius={borderRadius}\n      brandPresetUsed={brandPresetUsed}\n      onClick={handleClick}\n      {...configProps}\n    >\n      <span>{<Icon style={iconStyles} />}</span>\n    </Styled.Root>\n  )\n})\n\nArrow.displayName = COMPONENT_NAME\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps, ArrowConfigProps }\n"],"names":["COMPONENT_NAME","Arrow","forwardRef","props","ref","_theme$components","theme","useFallbackTheme","className","style","onClick","restProps","_excluded","useConfigPriority","components","size","_useConfigPriority","configProps","_objectWithoutProperties","_excluded2","brandPresetUsed","preset","borderRadius","square","Icon","ArrowSvg","ChevronSvg","iconStyles","getArrowRotation","_jsx","Styled.Root","_objectSpread","type","event","preventDefault","disabled","children","displayName"],"mappings":"2hBAUMA,IAAAA,EAAiB,QAKjBC,IAAAA,EAAQC,IAA2CC,EAAOC,KAAQ,IAAAC,EACtE,IAAMC,EAAQC,IAEd,IAAMC,UAAEA,EAAFC,MAAaA,EAAbC,QAAoBA,GAA0BP,EAAdQ,IAAcR,EAApDS,GAEA,IAAuCC,EAAAA,UAA8BP,EAAAA,EAAMQ,kBAAAA,aAANT,EAAkBJ,MAAOU,IAAxFI,KAAEA,EAAO,KAAfC,EAAuBC,EAAvBC,EAAAF,EAAAG,GAEA,IAAIC,EAAmC,UAAjBd,EAAMe,OACM,iBAAvBJ,EAAYI,SAAqBD,EAAyC,UAAvBH,EAAYI,QAE1E,IAAMC,EAAeL,EAAYM,OAAS,MAAQ,MAClD,IAAMC,EAAOJ,EAAkBK,EAAWC,EAC1C,IAAMC,EAAaC,EAAiBX,GAUpC,OACEY,EAACC,EAADC,EAAAA,EAAA,CACE3B,IAAKA,EACL4B,KAAK,SACLxB,UAAWA,EACXC,MAAOA,EACPM,KAAMA,EACNO,aAAcA,EACdF,gBAAiBA,EACjBV,QAjBiBuB,IACnBA,EAAMC,iBAEDjB,EAAYkB,UAA+B,mBAAZzB,GAClCA,EAAQuB,KAcJhB,GATN,GAAA,CAAAmB,SAWEP,EAAA,OAAA,CAAAO,SAAOP,EAACL,EAAD,CAAMf,MAAOkB,YAK1B1B,EAAMoC,YA5CiB"}
+{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useFallbackTheme } from 'hooks/use-theme'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport ArrowSvg from './images/arrow.module.svg'\nimport ChevronSvg from './images/chevron.module.svg'\nimport type { ArrowProps } from './types'\nimport { getArrowRotation } from './utils'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n * Button with arrow icon\n */\nconst Arrow = forwardRef<HTMLButtonElement, ArrowProps>((props, ref) => {\n  const theme = useFallbackTheme()\n\n  const { size = 'l', onClick, ...configProps } = useConfigPriority<ArrowProps>(theme.components?.Arrow, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof configProps.preset === 'string') brandPresetUsed = configProps.preset === 'brand'\n\n  const borderRadius = configProps.square ? '8px' : '50%'\n  const Icon = brandPresetUsed ? ArrowSvg : ChevronSvg\n  const iconStyles = getArrowRotation(configProps)\n\n  const handleClick = (event: React.MouseEvent<HTMLButtonElement>) => {\n    event.preventDefault()\n\n    if (!configProps.disabled && typeof onClick === 'function') {\n      onClick(event)\n    }\n  }\n\n  return (\n    <Styled.Root\n      {...configProps}\n      ref={ref}\n      type='button'\n      size={size}\n      borderRadius={borderRadius}\n      brandPresetUsed={brandPresetUsed}\n      onClick={handleClick}\n    >\n      <span>{<Icon style={iconStyles} />}</span>\n    </Styled.Root>\n  )\n})\n\nArrow.displayName = COMPONENT_NAME\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","forwardRef","props","ref","_theme$components","theme","useFallbackTheme","useConfigPriority","components","size","onClick","_useConfigPriority","configProps","_objectWithoutProperties","_excluded","brandPresetUsed","preset","borderRadius","square","Icon","ArrowSvg","ChevronSvg","iconStyles","getArrowRotation","_jsx","Styled.Root","type","event","preventDefault","disabled","children","style","displayName"],"mappings":"mgBAUMA,IAAAA,EAAiB,QAKjBC,IAAAA,EAAQC,GAA0C,CAACC,EAAOC,KAAQ,IAAAC,EACtE,IAAMC,EAAQC,IAEd,IAAgDC,EAAAA,UAA8BF,EAAAA,EAAMG,kBAAAA,aAANJ,EAAkBJ,MAAOE,IAAjGO,KAAEA,EAAO,IAATC,QAAcA,GAApBC,EAAgCC,EAAhCC,EAAAF,EAAAG,GAEA,IAAIC,EAAmC,UAAjBV,EAAMW,OACM,iBAAvBJ,EAAYI,SAAqBD,EAAyC,UAAvBH,EAAYI,QAE1E,IAAMC,EAAeL,EAAYM,OAAS,MAAQ,MAClD,IAAMC,EAAOJ,EAAkBK,EAAWC,EAC1C,IAAMC,EAAaC,EAAiBX,GAUpC,OACEY,EAACC,SACKb,GADN,GAAA,CAEET,IAAKA,EACLuB,KAAK,SACLjB,KAAMA,EACNQ,aAAcA,EACdF,gBAAiBA,EACjBL,QAhBiBiB,IACnBA,EAAMC,iBAEDhB,EAAYiB,UAA+B,mBAAZnB,GAClCA,EAAQiB,IAKVG,SASEN,EAAA,OAAA,CAAAM,SAAON,EAACL,EAAD,CAAMY,MAAOT,YAK1BtB,EAAMgC,YAxCiB"}

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{Link as n}from'react-router-dom';import{mergeDeepLeft as t}from'ramda';import{useClassname as a}from'../../hooks/useClassname.js';import{useFallbackTheme as s}from'../../hooks/use-theme.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 u}from'./constants.js';import{Root as m,IconSlot as c,Content as p,SpinnerIcon as f,CheckIcon as h}from'./style.js';import{jsxs as v,jsx as y}from'react/jsx-runtime';var C=["className","children","style","onClick","onClickCapture","onMouseEnter","onMouseLeave","content"],b=["display","size","fontColor","color","disabled","rounded","width","as","type"];var g='Button';var k=r(((r,g)=>{var k;var{className:j,children:N,style:x,onClick:B,onClickCapture:M,onMouseEnter:P,onMouseLeave:L,content:R}=r,E=e(r,C);var W=s();var w=i(null===(k=W.components)||void 0===k?void 0:k.Button,E),{display:S="inline-flex",size:_="m",fontColor:I="white",color:z="accent",disabled:A=!1,rounded:O=!0,width:T="auto",as:D="button",type:F}=w,H=e(w,b);var U='brand'===W.preset;if('string'==typeof H.preset&&(U='brand'===H.preset),!U&&!H.round){var Y;var Z=null!==(Y=u[_])&&void 0!==Y?Y:u.m;H=t(H,Z)}var q=a("Button",j);var G=a("Button");var J=l(W,H);var K=d(D,A,H);H.href&&(D='a'),H.to&&(D=n),H.primary&&(z='primary'),H.secondary&&(z='atlantis');var Q=U?800:600;H.fontWeight&&(Q=H.fontWeight);var V='number'==typeof Q&&Q>=800||'bold'===Q;var X='0px';O&&(X=U?'48px':'5px'),H.round&&(X='50%');var $=U?'0.9em 1.6em':'0px';U&&H.round&&($='1em');var[oo,eo]=Array.isArray(H.icon)?H.icon:[H.icon];return U&&H.loading&&!H.success&&!A&&(oo=y(f,{strokeWidth:V?2.5:1.5}),eo=null),H.success&&(oo=y(h,{strokeWidth:V?3:1.5}),eo=null),v(m,o(o(o({},H),K),{},{className:q,as:D,color:z,fontColor:I,disabled:A,rel:J,display:S,rounded:O,size:_,style:x,fontWeight:Q,borderRadius:X,basePadding:$,fontBold:V,brandPresetUsed:U,ref:null!=g?g:H.innerRef,type:'button'===D?F:void 0,lineHeight:U?1.2:1,width:H.round?void 0:T,onClick:o=>{A||H.loading||null==B||B(o)},onClickCapture:o=>{A||H.loading||null==M||M(o)},onMouseEnter:o=>{A||H.loading||null==P||P(o)},onMouseLeave:o=>{A||H.loading||null==L||L(o)},children:[oo&&y(c,{className:"icon",marginRight:!H.round,children:oo}),(R||N)&&y(p,{className:"".concat(G,"__content"),children:R||N}),eo&&!H.round&&y(c,{className:"icon",marginLeft:!0,children:eo})]}))}));k.displayName="Button";export{k as Button,g as COMPONENT_NAME};
+import o from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as r}from'react';import{Link as n}from'react-router-dom';import{mergeDeepLeft as a}from'ramda';import{useClassname as t}from'../../hooks/useClassname.js';import{useFallbackTheme as s}from'../../hooks/use-theme.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 u}from'./constants.js';import{Root as m,IconSlot as c,Content as p,SpinnerIcon as f,CheckIcon as h}from'./style.js';import{jsxs as v,jsx as C}from'react/jsx-runtime';var b=["display","size","fontColor","color","disabled","rounded","width","as","type","className","children","content","onClick","onClickCapture","onMouseEnter","onMouseLeave"];var g='Button';var y=r(((r,g)=>{var y;var k=s();var j=i(null===(y=k.components)||void 0===y?void 0:y.Button,r),{display:N="inline-flex",size:x="m",fontColor:B="white",color:M="accent",disabled:P=!1,rounded:L=!0,width:R="auto",as:E="button",type:W,className:w,children:S,content:_,onClick:I,onClickCapture:z,onMouseEnter:A,onMouseLeave:O}=j,T=e(j,b);var D='brand'===k.preset;if('string'==typeof T.preset&&(D='brand'===T.preset),!D&&!T.round){var F;var H=null!==(F=u[x])&&void 0!==F?F:u.m;T=a(T,H)}var U=t("Button",w);var Y=t("Button");var Z=l(k,T);var q=d(E,P,T);T.href&&(E='a'),T.to&&(E=n),T.primary&&(M='primary'),T.secondary&&(M='atlantis');var G=D?800:600;T.fontWeight&&(G=T.fontWeight);var J='number'==typeof G&&G>=800||'bold'===G;var K='0px';L&&(K=D?'48px':'5px'),T.round&&(K='50%');var Q=D?'0.9em 1.6em':'0px';D&&T.round&&(Q='1em');var[V,X]=Array.isArray(T.icon)?T.icon:[T.icon];return D&&T.loading&&!T.success&&!P&&(V=C(f,{strokeWidth:J?2.5:1.5}),X=null),T.success&&(V=C(h,{strokeWidth:J?3:1.5}),X=null),v(m,o(o(o({},T),q),{},{className:U,as:E,color:M,fontColor:B,disabled:P,rel:Z,display:N,rounded:L,size:x,fontWeight:G,borderRadius:K,basePadding:Q,fontBold:J,brandPresetUsed:D,ref:null!=g?g:T.innerRef,type:'button'===E?W:void 0,lineHeight:D?1.2:1,width:T.round?void 0:R,onClick:o=>{P||T.loading||null==I||I(o)},onClickCapture:o=>{P||T.loading||null==z||z(o)},onMouseEnter:o=>{P||T.loading||null==A||A(o)},onMouseLeave:o=>{P||T.loading||null==O||O(o)},children:[V&&C(c,{className:"icon",marginRight:!T.round,children:V}),(_||S)&&C(p,{className:"".concat(Y,"__content"),children:_||S}),X&&!T.round&&C(c,{className:"icon",marginLeft:!0,children:X})]}))}));y.displayName="Button";export{y as Button,g 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 { Link } from 'react-router-dom'\nimport { mergeDeepLeft } from 'ramda'\nimport { useClassname } from 'hooks/useClassname'\nimport { useFallbackTheme } from 'hooks/use-theme'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { PROPS_BY_SIZE } from './constants'\nimport type { ButtonProps, ButtonConfigProps, ButtonStaticSize } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n * Main button\n */\nconst Button = forwardRef<HTMLElement, ButtonProps>(\n  (\n    {\n      className: _className,\n      children,\n      style,\n      onClick,\n      onClickCapture,\n      onMouseEnter,\n      onMouseLeave,\n      content,\n      ...restProps\n    },\n    ref\n  ) => {\n    const theme = useFallbackTheme()\n\n    let {\n      display = 'inline-flex',\n      size = 'm',\n      fontColor = 'white',\n      color = 'accent',\n      disabled = false,\n      rounded = true,\n      width = 'auto',\n      as: _as = 'button',\n      type: _type,\n      ...config\n    } = useConfigPriority<ButtonProps>(theme.components?.Button, restProps)\n\n    let brandPresetUsed = theme.preset === 'brand'\n    if (typeof config.preset === 'string') brandPresetUsed = config.preset === 'brand'\n\n    if (!brandPresetUsed && !config.round) {\n      const defaultProps = PROPS_BY_SIZE[size as ButtonStaticSize] ?? PROPS_BY_SIZE.m\n      config = mergeDeepLeft(config, defaultProps) as ButtonProps\n    }\n\n    const className = useClassname(COMPONENT_NAME, _className)\n    const classNameContent = useClassname(COMPONENT_NAME)\n    const rel = useComputedRel(theme, config)\n    const linkProps = useComputedLinkProps(_as, disabled, config)\n\n    if (config.href) _as = 'a'\n    if (config.to) _as = Link\n\n    if (config.primary) color = 'primary'\n    if (config.secondary) color = 'atlantis'\n\n    let fontWeight: ButtonProps['fontWeight'] = brandPresetUsed ? 800 : 600\n    if (config.fontWeight) fontWeight = config.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 (config.round) borderRadius = '50%'\n\n    let basePadding = brandPresetUsed ? '0.9em 1.6em' : '0px'\n    if (brandPresetUsed && config.round) basePadding = '1em'\n\n    let [leftIcon, rightIcon] = Array.isArray(config.icon) ? config.icon : [config.icon]\n\n    if (brandPresetUsed && config.loading && !config.success && !disabled) {\n      leftIcon = <Styled.SpinnerIcon strokeWidth={fontBold ? 2.5 : 1.5} />\n      rightIcon = null\n    }\n    if (config.success) {\n      leftIcon = <Styled.CheckIcon strokeWidth={fontBold ? 3 : 1.5} />\n      rightIcon = null\n    }\n\n    const handleClick: ButtonProps['onClick'] = (evt) => {\n      if (!disabled && !config.loading) onClick?.(evt)\n    }\n    const handleClickCapture: ButtonProps['onClickCapture'] = (evt) => {\n      if (!disabled && !config.loading) onClickCapture?.(evt)\n    }\n    const handleMouseEnter: ButtonProps['onMouseEnter'] = (evt) => {\n      if (!disabled && !config.loading) onMouseEnter?.(evt)\n    }\n    const handleMouseLeave: ButtonProps['onMouseLeave'] = (evt) => {\n      if (!disabled && !config.loading) onMouseLeave?.(evt)\n    }\n\n    return (\n      <Styled.Root\n        {...config}\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        style={style}\n        fontWeight={fontWeight}\n        borderRadius={borderRadius}\n        basePadding={basePadding}\n        fontBold={fontBold}\n        brandPresetUsed={brandPresetUsed}\n        ref={ref ?? config.innerRef}\n        type={_as === 'button' ? _type : undefined}\n        lineHeight={brandPresetUsed ? 1.2 : 1}\n        width={config.round ? undefined : width}\n        onClick={handleClick}\n        onClickCapture={handleClickCapture}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n      >\n        {leftIcon && (\n          <Styled.IconSlot className='icon' marginRight={!config.round}>\n            {leftIcon}\n          </Styled.IconSlot>\n        )}\n        {(content || children) && (\n          <Styled.Content className={`${classNameContent}__content`}>{content || children}</Styled.Content>\n        )}\n        {rightIcon && !config.round && (\n          <Styled.IconSlot className='icon' marginLeft>\n            {rightIcon}\n          </Styled.IconSlot>\n        )}\n      </Styled.Root>\n    )\n  }\n)\n\nButton.displayName = COMPONENT_NAME\n\nexport { Button, COMPONENT_NAME }\n\nexport type { ButtonProps, ButtonConfigProps }\n"],"names":["COMPONENT_NAME","Button","forwardRef","_ref","ref","_theme$components","className","_className","children","style","onClick","onClickCapture","onMouseEnter","onMouseLeave","content","restProps","_objectWithoutProperties","_excluded","theme","useFallbackTheme","useConfigPriority","components","display","size","fontColor","color","disabled","rounded","width","as","_as","type","_type","_useConfigPriority","config","_excluded2","brandPresetUsed","preset","round","_PROPS_BY_SIZE","defaultProps","PROPS_BY_SIZE","m","mergeDeepLeft","useClassname","classNameContent","rel","useComputedRel","linkProps","useComputedLinkProps","href","to","Link","primary","secondary","fontWeight","fontBold","borderRadius","basePadding","leftIcon","rightIcon","Array","isArray","icon","loading","success","_jsx","Styled.SpinnerIcon","strokeWidth","Styled.CheckIcon","_jsxs","Styled.Root","innerRef","lineHeight","undefined","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 { Link } from 'react-router-dom'\nimport { mergeDeepLeft } from 'ramda'\nimport { useClassname } from 'hooks/useClassname'\nimport { useFallbackTheme } from 'hooks/use-theme'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { PROPS_BY_SIZE } from './constants'\nimport type { ButtonProps, ButtonStaticSize } from './types'\n\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 = useFallbackTheme()\n\n  let {\n    display = 'inline-flex',\n    size = 'm',\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 && !configProps.round) {\n    const defaultProps = PROPS_BY_SIZE[size as ButtonStaticSize] ?? PROPS_BY_SIZE.m\n    configProps = mergeDeepLeft(configProps, defaultProps) as ButtonProps\n  }\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 basePadding = brandPresetUsed ? '0.9em 1.6em' : '0px'\n  if (brandPresetUsed && configProps.round) basePadding = '1em'\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 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      fontWeight={fontWeight}\n      borderRadius={borderRadius}\n      basePadding={basePadding}\n      fontBold={fontBold}\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","useFallbackTheme","useConfigPriority","components","display","size","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","defaultProps","PROPS_BY_SIZE","m","mergeDeepLeft","useClassname","classNameContent","rel","useComputedRel","linkProps","useComputedLinkProps","href","to","Link","primary","secondary","fontWeight","fontBold","borderRadius","basePadding","leftIcon","rightIcon","Array","isArray","icon","loading","success","_jsx","Styled.SpinnerIcon","strokeWidth","Styled.CheckIcon","_jsxs","Styled.Root","innerRef","undefined","lineHeight","evt","Styled.IconSlot","marginRight","Styled.Content","concat","marginLeft","displayName"],"mappings":"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"}

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 { ButtonConfigProps } from './types'\n\nexport function useComputedRel(theme: DefaultTheme, config: ButtonConfigProps) {\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: ButtonConfigProps['as'], disabled: boolean, config: ButtonConfigProps) {\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,GAA2B,IAAAC,EAC7E,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,EAA8BC,EAAmBZ,GACpF,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'], 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"}

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}from'./constants.js';import l from'./images/check.module.svg.js';import g from'./images/spinner.module.svg.js';var p={l:20,m:18,s:16,xs:14};var m=['l','m','s','xs'];var h={l:280,m:245,s:180,xs:140};var b={l:52,m:48,s:40,xs:32};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&&h[o]?h[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=>o.brandPresetUsed?m.includes(o.size)?"font-size: ".concat(p[o.size],"px;"):i('size','font-size'):''),(o=>o.brandPresetUsed||!o.round?'':m.includes(o.size)?a(b[o.size],S):''),(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 B=o(g).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 C=o(l).withConfig({componentId:"fox-ui__sc-16o31r2-4"})(["width:100%;",""],(o=>"\n    > path {\n      stroke-width: ".concat(o.strokeWidth,";\n    }\n  ")));export{C as CheckIcon,M as Content,R as IconSlot,z as Root,B 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}from'./constants.js';import l from'./images/check.module.svg.js';import g from'./images/spinner.module.svg.js';var p={l:20,m:18,s:16,xs:14};var m=['l','m','s','xs'];var h={l:280,m:245,s:180,xs:140};var b={l:52,m:48,s:40,xs:32};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&&h[o]?h[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=>o.brandPresetUsed?m.includes(o.size)?"font-size: ".concat(p[o.size],"px;"):i('size','font-size'):''),(o=>o.brandPresetUsed||!o.round?'':m.includes(o.size)?a(b[o.size],S):''),(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 B=o(g).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 C=o(l).withConfig({componentId:"fox-ui__sc-16o31r2-4"})(["width:100%;",""],(o=>"\n    > path {\n      stroke-width: ".concat(o.strokeWidth,";\n    }\n  ")));export{C as CheckIcon,M as Content,R as IconSlot,z as Root,B 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 } 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 SIZES: Record<ButtonStaticSize, number> = {\n  l: 20,\n  m: 18,\n  s: 16,\n  xs: 14,\n}\n\nconst STATIC_SIZES: ButtonStaticSize[] = ['l', 'm', 's', 'xs']\n\nconst WIDTHS: Record<ButtonStaticSize, number> = {\n  l: 280,\n  m: 245,\n  s: 180,\n  xs: 140,\n}\n\nconst DEFAULT_ROUND_SIZES: Record<ButtonStaticSize, number> = {\n  l: 52,\n  m: 48,\n  s: 40,\n  xs: 32,\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 extractSizes = (props: ThemedStyledProps<ButtonRootProps, DefaultTheme>) => {\n  if (!props.brandPresetUsed) return ''\n\n  return STATIC_SIZES.includes(<ButtonStaticSize>props.size)\n    ? `font-size: ${SIZES[<ButtonStaticSize>props.size]}px;`\n    : responsiveProperty('size', 'font-size')\n}\n\nconst extractDefaultRoundSizes = (props: ThemedStyledProps<ButtonRootProps, DefaultTheme>) => {\n  if (props.brandPresetUsed || !props.round) return ''\n  if (!STATIC_SIZES.includes(<ButtonStaticSize>props.size)) return ''\n\n  return property(DEFAULT_ROUND_SIZES[<ButtonStaticSize>props.size], getDefaultRoundSizes)\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  ${extractSizes}\n  ${extractDefaultRoundSizes}\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":["SIZES","l","m","s","xs","STATIC_SIZES","WIDTHS","DEFAULT_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","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 } 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 SIZES: Record<ButtonStaticSize, number> = {\n  l: 20,\n  m: 18,\n  s: 16,\n  xs: 14,\n}\n\nconst STATIC_SIZES: ButtonStaticSize[] = ['l', 'm', 's', 'xs']\n\nconst WIDTHS: Record<ButtonStaticSize, number> = {\n  l: 280,\n  m: 245,\n  s: 180,\n  xs: 140,\n}\n\nconst DEFAULT_ROUND_SIZES: Record<ButtonStaticSize, number> = {\n  l: 52,\n  m: 48,\n  s: 40,\n  xs: 32,\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 extractSizes = (props: ThemedStyledProps<ButtonRootProps, DefaultTheme>) => {\n  if (!props.brandPresetUsed) return ''\n\n  return STATIC_SIZES.includes(<ButtonStaticSize>props.size)\n    ? `font-size: ${SIZES[<ButtonStaticSize>props.size]}px;`\n    : responsiveProperty('size', 'font-size')\n}\n\nconst extractDefaultRoundSizes = (props: ThemedStyledProps<ButtonRootProps, DefaultTheme>) => {\n  if (props.brandPresetUsed || !props.round) return ''\n  if (!STATIC_SIZES.includes(<ButtonStaticSize>props.size)) return ''\n\n  return property(DEFAULT_ROUND_SIZES[<ButtonStaticSize>props.size], getDefaultRoundSizes)\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  ${extractSizes}\n  ${extractDefaultRoundSizes}\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":["SIZES","l","m","s","xs","STATIC_SIZES","WIDTHS","DEFAULT_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","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":"ucAYA,IAAMA,EAA0C,CAC9CC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,IAGN,IAAMC,EAAmC,CAAC,IAAK,IAAK,IAAK,MAEzD,IAAMC,EAA2C,CAC/CL,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,KAGN,IAAMG,EAAwD,CAC5DN,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,IAGN,IAAMI,EAAaC,EAAH,CAAA,GAAA,KACXC,GACUA,kBAAAA,OAAAA,EAAMC,uCACFD,EAAME,WAFrB,0BAAAC,OAGiBH,EAAMI,aACRJ,wBAAAA,OAAAA,EAAMK,WACVL,oBAAAA,OAAAA,EAAMM,YALjB,qmBAAAH,OA+BiBH,EAAMO,UAAY,OAAS,wBAKhD,IAAMC,EAAUC,EAAhB,CAAA,qEASA,IAAMC,EAAOD,EAAb,CAAA,oCAMA,IAAME,EAAuBZ,EAAH,CAAA,4NAAA,wCAYXS,GAIf,IAAMI,EAAYC,GACF,SAAVA,EAAyB,OACR,iBAAVA,GACU,kBAAVA,EAD2BA,EAGlCA,GAASjB,EAAOiB,GAAejB,EAAOiB,GAEnC,OAGT,IAAMC,EAAqC,SAACC,EAADC,GAAA,IAAOC,+BAAPD,EAAAA,EAAgB,KAAhB,OAAyBjB,qFACzDgB,EAAiBE,EAChBF,EAAiBE,EACd,IAAQF,EAAkBE,EACxB,IAAQF,EAAkBE,EAC9B,IAAQF,EAAkBE,IAGvC,IAAMC,EAA4B,IAAMnB,EAAxC,CAAA,kCAKA,IAAMoB,EAAN,oFAOA,IAAMC,EAAS,CACbC,OAAQ,CACNC,QAASvB,EACJC,CAAAA,GAAAA,KAAAA,IACD,IAAIuB,EAAavB,EAAMwB,MAAMC,OAAO,0BAChCzB,EAAM0B,QAAOH,EAAavB,EAAMwB,MAAMC,OAAO,uBAC7CzB,EAAM2B,SAAQJ,EAAavB,EAAMwB,MAAMC,OAAO,uBAC9CzB,EAAM4B,UAASL,EAAavB,EAAMwB,MAAMC,OAAO,yBAC/CzB,EAAM6B,WAAUN,EAAavB,EAAMwB,MAAMC,OAAO,sBAEpD,IAAIK,EAAQ9B,EAAMwB,MAAMC,OAAO,2BAC3BzB,EAAM6B,WAAUC,EAAQ9B,EAAMwB,MAAMC,OAAO,qBAE/C,IAAIM,EAAmB/B,EAAMwB,MAAMC,OAAO,oBAG1C,OAFIzB,EAAM0B,QAAU1B,EAAM2B,SAAQI,EAAmB/B,EAAMwB,MAAMC,OAAO,wBAExE,iCAAAtB,OACsBoB,EADtB,wBAAApB,OAEW2B,EAFX,4CAAA3B,OAKMgB,EACkBY,oCAAAA,OAAAA,EAIlBZ,+EAAAA,OAAAA,yDAC8BnB,EAAMwB,MAAMC,OAAO,oBAXvD,yDAAAtB,OAgBKH,EAAM6B,UAAa7B,EAAM4B,SAAY5B,EAAMQ,QASxC,8NAzBR,iBA8BJwB,UAAWjC,EACNC,CAAAA,GAAAA,KAAAA,IACD,IAAIuB,EAAavB,EAAMwB,MAAMC,OAAO,sBAChCzB,EAAM6B,WAAUN,EAAavB,EAAMwB,MAAMC,OAAO,wBAEpD,IAAIK,EAAQ9B,EAAMwB,MAAMC,OAAO,4BAI/B,OAHIzB,EAAM4B,UAASE,EAAQ9B,EAAMwB,MAAMC,OAAO,kBAC1CzB,EAAM6B,WAAUC,EAAQ9B,EAAMwB,MAAMC,OAAO,6BAE/C,iCAAAtB,OACsBoB,EACXO,wBAAAA,OAAAA,+DAGLX,EALN,oCAAAhB,OAMwBH,EAAMwB,MAAMC,OAAO,0GAIrCN,EAVN,gDAAAhB,OAWoCH,EAAMwB,MAAMC,OAAO,oFAKlDzB,EAAM6B,UAAa7B,EAAM4B,SAAY5B,EAAMQ,QASxC,8NAzBR,kBA+BNyB,QAAS,CACPX,QAASvB,EACJC,CAAAA,GAAAA,KAAAA,IACD,IAAIuB,EAAa,eACbvB,EAAMQ,SAAYR,EAAM4B,SAAY5B,EAAM0B,OAAU1B,EAAM2B,SAC5DJ,EAAavB,EAAMwB,MAAMC,OAAO,2BAC9BzB,EAAMQ,UAAYR,EAAM4B,SAAW5B,EAAM0B,QAAOH,EAAavB,EAAMwB,MAAMC,OAAO,uBAChFzB,EAAMQ,UAAYR,EAAM4B,SAAW5B,EAAM2B,SAAQJ,EAAavB,EAAMwB,MAAMC,OAAO,uBACjFzB,EAAM4B,UAASL,EAAavB,EAAMwB,MAAMC,OAAO,yBAC/CzB,EAAM6B,WAAUN,EAAavB,EAAMwB,MAAMC,OAAO,sBAEpD,IAAIK,EAAQ9B,EAAMwB,MAAMC,OAAO,yBAC3BzB,EAAM0B,QAAOI,EAAQ9B,EAAMwB,MAAMC,OAAO,4BACxCzB,EAAM2B,SAAQG,EAAQ9B,EAAMwB,MAAMC,OAAO,iBACzCzB,EAAM4B,SAAW5B,EAAMQ,WAASsB,EAAQ9B,EAAMwB,MAAMC,OAAO,4BAC3DzB,EAAM6B,WAAUC,EAAQ9B,EAAMwB,MAAMC,OAAO,qBAE/C,IAAIS,EAAoBlC,EAAMwB,MAAMC,OAAO,wBACvCzB,EAAM0B,QAAOQ,EAAYlC,EAAMwB,MAAMC,OAAO,2BAC5CzB,EAAM2B,SAAQO,EAAYlC,EAAMwB,MAAMC,OAAO,uBAC7CzB,EAAMQ,UAAYR,EAAM4B,UAASM,EAAY,eAC7ClC,EAAM4B,UAASM,EAAYlC,EAAMwB,MAAMC,OAAO,yBAC9CzB,EAAM6B,WAAUK,EAAYlC,EAAMwB,MAAMC,OAAO,sBAEnD,IAAIM,EAAmB/B,EAAMwB,MAAMC,OAAO,0BACtCzB,EAAM0B,QAAOK,EAAmB/B,EAAMwB,MAAMC,OAAO,uBACnDzB,EAAM2B,SAAQI,EAAmB/B,EAAMwB,MAAMC,OAAO,uBAExD,IAAIU,EAAkBnC,EAAMwB,MAAMC,OAAO,oBAGzC,OAFIzB,EAAM0B,QAAU1B,EAAM2B,SAAQQ,EAAkBnC,EAAMwB,MAAMC,OAAO,wBAGjDF,iCAAAA,OAAAA,EACXO,wBAAAA,OAAAA,EACiB9B,yCAAAA,OAAAA,EAAMoC,SAAW,EAAI,EAHjD,OAAAjC,OAGwD+B,EAGlDf,4CAAAA,OAAAA,EACkBY,oCAAAA,OAAAA,EAIlBZ,+EAAAA,OAAAA,EACkBgB,oCAAAA,OAAAA,EACYnC,iDAAAA,OAAAA,EAAMwB,MAAMC,OAAO,oBAKjD,2DAAAtB,OAACH,EAAM6B,UAAa7B,EAAM4B,SAAY5B,EAAMQ,QAaxC,mBAVWR,6DAAAA,OAAAA,EAAMwB,MAAMC,OAAO,2BAHlC,yQAlBN,iBAoCJO,UAAWjC,EACNC,CAAAA,GAAAA,KAAAA,IACD,IAAIuB,EAAa,eACbvB,EAAM4B,SAAW5B,EAAMQ,WAASe,EAAavB,EAAMwB,MAAMC,OAAO,uBAChEzB,EAAM6B,WAAUN,EAAavB,EAAMwB,MAAMC,OAAO,wBAEpD,IAAIK,EAAQ9B,EAAMwB,MAAMC,OAAO,2BAC3BzB,EAAMQ,UAAYR,EAAM4B,UAASE,EAAQ9B,EAAMwB,MAAMC,OAAO,6BAC5DzB,EAAM4B,UAASE,EAAQ9B,EAAMwB,MAAMC,OAAO,kBAC1CzB,EAAM6B,WAAUC,EAAQ9B,EAAMwB,MAAMC,OAAO,6BAE/C,IAAIS,EAAoBlC,EAAMwB,MAAMC,OAAO,0BAG3C,OAFIzB,EAAM6B,WAAUK,EAAY,eAEhC,iCAAA/B,OACsBoB,EADtB,wBAAApB,OAEW2B,EAFX,yCAAA3B,OAG4BH,EAAMoC,SAAW,EAAI,EAHjD,OAAAjC,OAGwD+B,EAHxD,4CAAA/B,OAMMgB,EANN,oCAAAhB,OAOwBH,EAAMwB,MAAMC,OAAO,sBAIrCN,+EAAAA,OAAAA,EAC8BnB,gDAAAA,OAAAA,EAAMwB,MAAMC,OAAO,oBAZvD,yDAAAtB,OAiBKH,EAAM6B,UAAa7B,EAAM4B,SAAY5B,EAAMQ,QAaxC,mBAVWR,yDAAAA,OAAAA,EAAMwB,MAAMC,OAAO,4BAHlC,uPAjBJ,kBAoCNY,KAAM,CACJf,QAASvB,EACJC,CAAAA,GAAAA,KAAAA,IACD,IAAIuB,EAAavB,EAAMwB,MAAMC,OAAO,sBAChCzB,EAAM4B,UAASL,EAAavB,EAAMwB,MAAMC,OAAO,yBAC/CzB,EAAM6B,WAAUN,EAAavB,EAAMwB,MAAMC,OAAO,sBAEpD,IAAIK,EAAQ9B,EAAMwB,MAAMC,OAAO,yBAM/B,OALIzB,EAAM0B,QAAOI,EAAQ9B,EAAMwB,MAAMC,OAAO,4BACxCzB,EAAM2B,SAAQG,EAAQ9B,EAAMwB,MAAMC,OAAO,gBACzCzB,EAAM4B,UAASE,EAAQ9B,EAAMwB,MAAMC,OAAO,4BAC1CzB,EAAM6B,WAAUC,EAAQ9B,EAAMwB,MAAMC,OAAO,qBAE/C,iCAAAtB,OACsBoB,EACXO,wBAAAA,OAAAA,qDAGLX,EALN,oCAAAhB,OAMwBH,EAAMwB,MAAMC,OAAO,0GAIrCN,EAVN,gDAAAhB,OAWoCH,EAAMwB,MAAMC,OAAO,oFAKlDzB,EAAM6B,UAAa7B,EAAM4B,SAAY5B,EAAMQ,QASxC,gNAzBR,iBA8BJwB,UAAWjC,EACNC,CAAAA,GAAAA,KAAAA,IACD,IAAIuB,EAAavB,EAAMwB,MAAMC,OAAO,wBAChCzB,EAAM4B,UAASL,EAAavB,EAAMwB,MAAMC,OAAO,uBAC/CzB,EAAM6B,WAAUN,EAAavB,EAAMwB,MAAMC,OAAO,wBAEpD,IAAIK,EAAQ9B,EAAMwB,MAAMC,OAAO,2BAI/B,OAHIzB,EAAM4B,UAASE,EAAQ9B,EAAMwB,MAAMC,OAAO,kBAC1CzB,EAAM6B,WAAUC,EAAQ9B,EAAMwB,MAAMC,OAAO,6BAE/C,iCAAAtB,OACsBoB,EACXO,wBAAAA,OAAAA,qDAGLX,EALN,oCAAAhB,OAMwBH,EAAMwB,MAAMC,OAAO,0GAIrCN,EAVN,gDAAAhB,OAWoCH,EAAMwB,MAAMC,OAAO,oFAKlDzB,EAAM6B,UAAa7B,EAAM4B,SAAY5B,EAAMQ,QASxC,gNAzBR,kBA+BN8B,MAAO,CACLhB,QAASvB,EACJC,CAAAA,GAAAA,KAAAA,IACD,IAAI8B,EAAQ9B,EAAMwB,MAAMC,OAAO,yBAM/B,OALIzB,EAAM0B,QAAOI,EAAQ9B,EAAMwB,MAAMC,OAAO,4BACxCzB,EAAM2B,SAAQG,EAAQ9B,EAAMwB,MAAMC,OAAO,gBACzCzB,EAAM4B,UAASE,EAAQ9B,EAAMwB,MAAMC,OAAO,kBAC1CzB,EAAM6B,WAAUC,EAAQ9B,EAAMwB,MAAMC,OAAO,qBAE/C,gEAAAtB,OAEW2B,EAGLX,4CAAAA,OAAAA,EACkBnB,oCAAAA,OAAAA,EAAMwB,MAAMC,OAAO,oBAN3C,+EAAAtB,OAUMgB,EAC8BnB,gDAAAA,OAAAA,EAAMwB,MAAMC,OAAO,oBAXvD,yDAAAtB,OAgBKH,EAAM6B,UAAa7B,EAAM4B,SAAY5B,EAAMQ,QASxC,gNAzBR,iBA8BJwB,UAAWjC,EACNC,CAAAA,GAAAA,KAAAA,IACD,IAAI8B,EAAQ9B,EAAMwB,MAAMC,OAAO,2BAG/B,OAFIzB,EAAM6B,WAAUC,EAAQ9B,EAAMwB,MAAMC,OAAO,6BAE/C,gEAAAtB,OAEW2B,EAGLX,4CAAAA,OAAAA,EACkBnB,oCAAAA,OAAAA,EAAMwB,MAAMC,OAAO,uBAN3C,+EAAAtB,OAUMgB,EAC8BnB,gDAAAA,OAAAA,EAAMwB,MAAMC,OAAO,uBAXvD,yDAAAtB,OAgBKH,EAAM6B,UAAa7B,EAAM4B,SAAY5B,EAAMQ,QASxC,gNAzBR,mBAiCR,IAAM+B,EAAiB,CACrBjB,QAASvB,EACJC,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,KAAAA,GACGA,EAAM6B,UAAY7B,EAAMQ,QAAgB,GAE5C,wIAAAL,OAKaH,EAAMwC,UALnB,mCAAArC,OAMwBsC,EAAKzC,EAAMwB,MAAMC,OAAOzB,EAAM8B,QAAQY,UAAU,GAAGC,SAAS,GAAGC,WAGnF5C,0BAAAA,OAAAA,EAAM6C,UAAY7C,EAAM8C,OAAS9C,EAAMiC,QAGXjC,0EAAAA,OAAAA,EAAMwB,MAAMC,OAAOzB,EAAM8B,OAGzB9B,yFAAAA,OAAAA,EAAMwB,MAAMC,OAAOzB,EAAM8B,gDAGjD,GAlBR,cAuBC9B,GAAWA,EAAMQ,QAAUG,EAAuB,KAElDX,IACD,IAAI+C,EAAc,mBAGlB,OAFI/C,EAAM6C,UAAY7C,EAAM8C,OAAS9C,EAAMiC,WAASc,EAAc,SAE3DC,EAAQhD,EAAM8B,MAAOiB,MAG3B/C,IACD,IAAI+C,EAAc,QAGlB,OAFI/C,EAAM6C,UAAY7C,EAAM8C,OAAS9C,EAAMiC,WAASc,EAAc,oBAE3DC,EAAQhD,EAAMwC,UAAWO,MAG/B/C,GACIA,EAAM6B,SAEX,6DAAA1B,OAEsBH,EAAMwB,MAAMC,OAAOwB,QAC9BjD,sBAAAA,OAAAA,EAAMwB,MAAMC,OAAOyB,OAH9B,aAF4B,KAS3BlD,GAAWA,EAAM8C,OAAS9C,EAAMiC,QAAU,iCAAmC,MAoC7E,IAAMkB,EAAOC,EAAOC,OACxBC,WAAW,CACVC,kBAAoBC,GACXC,EAAcC,SAA4BF,IAASA,EAAKE,SAAS,UAG3EC,MAAMC,GANQN,WAAA,CAAAO,YAAA,wBAAGT,CAOhBtD,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,GAvCmBE,GACjBA,EAAM8D,iBACJ9D,EAAMsC,OAAUtC,EAAMqC,MAASrC,EAAMiC,SAAYjC,EAAMgC,UACvDhC,EAAMsC,QAAUtC,EAAMqC,OAASrC,EAAMiC,SAAWjC,EAAMgC,UAAkBZ,EAAOkB,MAAMN,WAErFhC,EAAMqC,MAASrC,EAAMsC,OAAUtC,EAAMiC,SAAYjC,EAAMgC,UACvDhC,EAAMqC,OAASrC,EAAMsC,QAAUtC,EAAMiC,SAAWjC,EAAMgC,UAAkBZ,EAAOiB,KAAKL,WAEpFhC,EAAMiC,SAAYjC,EAAMsC,OAAUtC,EAAMqC,MAASrC,EAAMgC,UACvDhC,EAAMiC,UAAYjC,EAAMsC,QAAUtC,EAAMqC,MAAQrC,EAAMgC,UAAkBZ,EAAOa,QAAQD,UAEpFhC,EAAMgC,UAAYZ,EAAOC,OAAOW,UAAYZ,EAAOC,OAAOC,QAHYF,EAAOa,QAAQX,QAHfF,EAAOiB,KAAKf,QAHZF,EAAOkB,MAAMhB,QAYrFiB,EAAejB,UAGFtB,GACfA,EAAM8D,gBAEJnE,EAAa+D,SAA2B1D,EAAMe,2BACnCzB,EAAwBU,EAAMe,MAC5CgD,OAAAA,EAAmB,OAAQ,aAJI,KAOH/D,GAC5BA,EAAM8D,kBAAoB9D,EAAMgE,MAAc,GAC7CrE,EAAa+D,SAA2B1D,EAAMe,MAE5CkD,EAASpE,EAAsCG,EAAMe,MAAOD,GAFF,KAiB9Dd,GAAWA,EAAMkE,QAAUD,EAASjE,EAAMkE,QAAS,WAAa,OAChElE,GAAWA,EAAMmE,WAAaF,EAASjE,EAAMmE,WAAY,eAAiB,OAC1EnE,GAAWA,EAAMoE,aAAeH,EAASjE,EAAMoE,aAAc,iBAAmB,OAChFpE,GAAWA,EAAMqE,cAAgBJ,EAASjE,EAAMqE,cAAe,kBAAoB,OACnFrE,GAAWA,EAAMsE,YAAcL,EAASjE,EAAMsE,YAAa,gBAAkB,OAE7EtE,GAAWA,EAAMuE,OAASN,EAASjE,EAAMuE,OAAQ,UAAY,OAC7DvE,GAAWA,EAAMwE,UAAYP,EAASjE,EAAMwE,UAAW,cAAgB,OACvExE,GAAWA,EAAMyE,YAAcR,EAASjE,EAAMyE,YAAa,gBAAkB,OAC7EzE,GAAWA,EAAM0E,aAAeT,EAASjE,EAAM0E,aAAc,iBAAmB,OAChF1E,GAAWA,EAAM2E,WAAaV,EAASjE,EAAM2E,WAAY,eAAiB,OAE1E3E,GAAWA,EAAM4E,SAAWX,EAASjE,EAAM4E,SAAU,aAAe,OAEpE5E,GAAWA,EAAM6E,OAASZ,EAASjE,EAAM6E,OAAQ,UAAY,OAE7D7E,IACD,IAAM+C,EAAc/C,EAAM8E,OAAyB,SAAhB9E,EAAMa,MAAmB,YAAc,QAC1E,OAAOb,EAAMa,MAAQoD,EAASrD,EAASZ,EAAMa,OAAQkC,GAAe,QAGpEgC,IAA4D,IAA3DC,UAAEA,EAAFC,SAAaA,EAAbC,SAAuBA,EAAvBC,SAAiCA,EAAjCC,UAA2CA,GAAgBL,EAC5D,OAAOM,EAAwB,CAC7BC,MAAO,CAAEN,UAAAA,EAAWC,SAAAA,EAAUC,SAAAA,EAAUC,SAAAA,EAAUC,UAAAA,GAClDrC,YAAa,eAGfwC,IAA2E,IAA1EC,aAAEA,EAAFC,YAAgBA,EAAhBC,YAA6BA,EAA7BC,YAA0CA,EAA1CC,aAAuDA,GAAmBL,EAC3E,OAAOF,EAAwB,CAC7BC,MAAO,CAAEE,aAAAA,EAAcC,YAAAA,EAAaC,YAAAA,EAAaC,YAAAA,EAAaC,aAAAA,GAC9D7C,YAAa,mBAGf8C,IAAqF,IAApFC,eAAEA,EAAFC,cAAkBA,EAAlBC,cAAiCA,EAAjCC,cAAgDA,EAAhDC,eAA+DA,GAAqBL,EACrF,OAAOR,EAAwB,CAC7BC,MAAO,CAAEQ,eAAAA,EAAgBC,cAAAA,EAAeC,cAAAA,EAAeC,cAAAA,EAAeC,eAAAA,GACtEnD,YAAa,qBAGfoD,IAA0F,IAAzFC,gBAAEA,EAAFC,eAAmBA,EAAnBC,eAAmCA,EAAnCC,eAAmDA,EAAnDC,gBAAmEA,GAAsBL,EAC1F,OAAOd,EAAwB,CAC7BC,MAAO,CAAEc,gBAAAA,EAAiBC,eAAAA,EAAgBC,eAAAA,EAAgBC,eAAAA,EAAgBC,gBAAAA,GAC1EzD,YAAa,sBAGf0D,IAAgF,IAA/EC,cAAEA,EAAFC,aAAiBA,EAAjBC,aAA+BA,EAA/BC,aAA6CA,EAA7CC,cAA2DA,GAAoBL,EAChF,OAAOpB,EAAwB,CAC7BC,MAAO,CAAEoB,cAAAA,EAAeC,aAAAA,EAAcC,aAAAA,EAAcC,aAAAA,EAAcC,cAAAA,GAClE/D,YAAa,oBAIfgE,IAAuD,IAAtDC,SAAEA,EAAFC,QAAYA,EAAZC,QAAqBA,EAArBC,QAA8BA,EAA9BC,SAAuCA,GAAeL,EACvD,OAAO1B,EAAwB,CAAEC,MAAO,CAAE0B,SAAAA,EAAUC,QAAAA,EAASC,QAAAA,EAASC,QAAAA,EAASC,SAAAA,GAAYrE,YAAa,cAExGsE,IAAsE,IAArEC,YAAEA,EAAFC,WAAeA,EAAfC,WAA2BA,EAA3BC,WAAuCA,EAAvCC,YAAmDA,GAAkBL,EACtE,OAAOhC,EAAwB,CAC7BC,MAAO,CAAEgC,YAAAA,EAAaC,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,YAAAA,GAC1D3E,YAAa,kBAGf4E,IAAgF,IAA/EC,cAAEA,EAAFC,aAAiBA,EAAjBC,aAA+BA,EAA/BC,aAA6CA,EAA7CC,cAA2DA,GAAoBL,EAChF,OAAOtC,EAAwB,CAC7BC,MAAO,CAAEsC,cAAAA,EAAeC,aAAAA,EAAcC,aAAAA,EAAcC,aAAAA,EAAcC,cAAAA,GAClEjF,YAAa,oBAGfkF,IAAqF,IAApFC,eAAEA,EAAFC,cAAkBA,EAAlBC,cAAiCA,EAAjCC,cAAgDA,EAAhDC,eAA+DA,GAAqBL,EACrF,OAAO5C,EAAwB,CAC7BC,MAAO,CAAE4C,eAAAA,EAAgBC,cAAAA,EAAeC,cAAAA,EAAeC,cAAAA,EAAeC,eAAAA,GACtEvF,YAAa,qBAGfwF,IAA2E,IAA1EC,aAAEA,EAAFC,YAAgBA,EAAhBC,YAA6BA,EAA7BC,YAA0CA,EAA1CC,aAAuDA,GAAmBL,EAC3E,OAAOlD,EAAwB,CAC7BC,MAAO,CAAEkD,aAAAA,EAAcC,YAAAA,EAAaC,YAAAA,EAAaC,YAAAA,EAAaC,aAAAA,GAC9D7F,YAAa,mBAIf8F,IAAiE,IAAhEC,WAAEA,EAAFC,UAAcA,EAAdC,UAAyBA,EAAzBC,UAAoCA,EAApCC,WAA+CA,GAAiBL,EACjE,OAAOxD,EAAwB,CAC7BC,MAAO,CAAEwD,WAAAA,EAAYC,UAAAA,EAAWC,UAAAA,EAAWC,UAAAA,EAAWC,WAAAA,GACtDnG,YAAa,iBAIfoG,IAAuD,IAAtDC,SAAEA,EAAFC,QAAYA,EAAZC,QAAqBA,EAArBC,QAA8BA,EAA9BC,SAAuCA,GAAeL,EACvD,OAAO9D,EAAwB,CAC7BC,MAAO,CAAE8D,SAAAA,EAAUC,QAAAA,EAASC,QAAAA,EAASC,QAAAA,EAASC,SAAAA,GAC9CzG,YAAa,cAIf0G,IAAgE,IAA/DC,QAAEA,EAAFC,OAAWA,EAAXC,OAAmBA,EAAnBC,OAA2BA,EAA3BC,QAAmCA,EAAnChF,MAA4CA,EAA5CjE,MAAmDA,GAAY4I,EAChE,OAAOpE,EAAwB,CAC7BC,MAAO,CAAEoE,QAAAA,EAASC,OAAAA,EAAQC,OAAAA,EAAQC,OAAAA,EAAQC,QAAAA,GAC1C/G,YAAa+B,GAAmB,SAAVjE,EAAmB,YAAc,QACvDkJ,kBAAmBnJ,OAIpBZ,GAAWA,EAAM8E,MAAQb,EAASjE,EAAM8E,MAAO5D,GAAe,OAC/D8I,IAAkD,IAAjDC,QAAEA,EAAFC,OAAWA,EAAXC,OAAmBA,EAAnBC,OAA2BA,EAA3BC,QAAmCA,GAAcL,EAClD,OAAO3E,EAAwB,CAC7BC,MAAO,CAAE2E,QAAAA,EAASC,OAAAA,EAAQC,OAAAA,EAAQC,OAAAA,EAAQC,QAAAA,GAC1CtH,YAAa7B,OAKNoJ,IAAAA,EAAWlH,EAAOmH,KAAVjH,WAAA,CAAAO,YAAA,wBAAGT,CAAH,CAAA,GAAA,KAKhBpD,GAOcA,4IAAAA,OAAAA,EAAM2E,WAAa,QAAU,EAC5B3E,yBAAAA,OAAAA,EAAMyE,YAAc,QAAU,aAIrC+F,IAAAA,EAAUpH,EAAOmH,KAAVjH,WAAA,CAAAO,YAAA,wBAAGT,CAAhB,CAAA,qCAKMqH,EAAcrH,EAAOsH,GAAVpH,WAAA,CAAAO,YAAA,wBAAGT,CAEZ1C,CAAAA,wBAAAA,2BAAAA,IAAAA,GACVV,GAAD,uCAAAG,OAEkBH,EAAM2K,kCAKfC,EAAYxH,EAAOyH,GAAVvH,WAAA,CAAAO,YAAA,wBAAGT,CAAH,CAAA,cAAA,KAEjBpD,GAEiBA,uCAAAA,OAAAA,EAAM2K"}

package/components/Checkbox/Checkbox.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import s from'clsx';import{useTheme as a}from'styled-components';import{useClassname as l}from'../../hooks/useClassname.js';import{CheckboxGroup as t}from'./Group.js';import{Root as i}from'./style.js';import{jsxs as o,jsx as d}from'react/jsx-runtime';var c=["children","disabled","error","id","name","size","value","label","fluid","display","width","className","style"];function h(t){var m=void 0===t.checked;var n=a();var{children:p,disabled:f,error:u,id:b,name:k,size:v,value:x,label:y,fluid:w,display:g,width:C=n.defaultInputControlsWidth,className:j,style:N}=t,z=r(t,c);var B=l(h.displayName);var W=s(B,j,t.checked&&!m?"".concat(B,"--checked"):null);var G="".concat(B,"__label");var P=m?{defaultChecked:t.defaultChecked}:{checked:t.checked};return o(i,{className:W,style:N,disabled:f,error:u,htmlFor:b||k,size:v,fluid:w,width:C,display:g,children:[d("input",e(e({},z),{},{id:b||k,name:k,type:"checkbox",value:x,disabled:f},P)),o("svg",{viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",children:[d("rect",{x:".455",y:".455",width:"19.091",height:"19.091",rx:"5",transform:"translate(0 0)",fill:"#fff",stroke:"#B8B8B8",strokeWidth:"1"}),o("g",{fill:"none",children:[d("rect",{fill:"#48A1E6",width:"20",height:"20",rx:"5"}),d("path",{stroke:"#fff",strokeWidth:"2",d:"M6 9.99l3 3.01 6-6"})]})]}),(y||p)&&d("span",{className:G,children:y||p})]})}h.defaultProps={disabled:!1,size:'medium',display:'inline-flex',onChange:e=>console.log(e,e.target.value)},h.Group=t,h.displayName='Checkbox';export{h as Checkbox};
+import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as a}from'react';import s from'clsx';import{useClassname as o}from'../../hooks/useClassname.js';import{useFallbackTheme as t}from'../../hooks/use-theme.js';import{useConfigPriority as i}from'../../hooks/use-config-priority.js';import{CheckboxGroup as l}from'./Group.js';import{Root as c,Input as d,Background as n,BrandMask as m,CheckIcon as h,DefaultMask as u,Content as p}from'./style.js';import{jsxs as b,jsx as k,Fragment as f}from'react/jsx-runtime';var C=["preset","style","id","name","value","disabled","error","success","fluid","children","label","checked","defaultChecked","background","onColored","size","inline","width","className","onChange"];var v='Checkbox';var x=a(((a,l)=>{var v;var x=t();var g=o("Checkbox");var j=i(null===(v=x.components)||void 0===v?void 0:v.Checkbox,a),{preset:y,style:N,id:w,name:M,value:P,disabled:z,error:F,success:G,fluid:I,children:_,label:B,checked:E,defaultChecked:O,background:R,onColored:T,size:W="m",inline:A=!0,width:D=x.defaultInputControlsWidth,className:S,onChange:U=(()=>{})}=j,q=r(j,C);var H='brand'===x.preset;'string'==typeof y&&(H='brand'===y);var J=s(g,S,E&&"".concat(g,"--checked"));var K="".concat(g,"__label");var L=void 0===E?{defaultChecked:O}:{checked:E};return b(c,{ref:l,className:J,style:N,fluid:I,disabled:z,htmlFor:w||M,size:W,inline:A,width:D,error:F,success:G,background:R,onColored:T,brandPresetUsed:H,children:[k(d,e(e(e({},q),L),{},{id:w||M,name:M,type:"checkbox",value:P,disabled:z,onChange:U})),H?b(f,{children:[R&&k(n,{}),k(m,{children:k(h,{})})]}):k(u,{}),(B||_)&&k(p,{className:K,children:B||_})]})}));x.Group=l,x.displayName="Checkbox";export{v as COMPONENT_NAME,x as Checkbox};
 //# sourceMappingURL=Checkbox.js.map

package/components/Checkbox/Checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import cx from 'clsx'\nimport { useTheme } from 'styled-components'\nimport { useClassname } from 'hooks/useClassname'\nimport { Display } from '../../mixins/display'\nimport { ResponsiveProperty } from '../../mixins/responsive-property'\nimport { SizeInput } from '../../shared/enums/sizeInput'\nimport { BaseProps } from '../../shared/interfaces'\nimport { CheckboxGroup } from './Group'\nimport * as Styled from './style'\n\ntype CheckboxInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface CheckboxProps extends BaseProps, Display, CheckboxInputHtmlAttributes {\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * A checkbox can appear disabled and be unable to change states\n   */\n  disabled?: boolean\n  /**\n   * Field can show the data contains errors\n   */\n  error?: boolean\n  /**\n   * Whether or not checkbox is checked\n   */\n  checked?: boolean\n  /**\n   * Value\n   */\n  value?: string | number\n  /**\n   * On change handler\n   */\n  onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n  /**\n   * Input element ID\n   */\n  id?: string\n  /**\n   * Input element name\n   */\n  name?: string\n  /**\n   * Input element label\n   */\n  label?: string\n  /**\n   * Checkbox size\n   */\n  size?: 'small' | 'medium' | 'large' | 'extraLarge' | 's' | 'm' | 'l' | 'xl'\n  fluid?: boolean\n  /**\n   * Width of label. Default is `Theme.defaultInputControlsWidth`\n   */\n  width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nCheckbox.defaultProps = {\n  disabled: false,\n  size: 'medium',\n  display: 'inline-flex',\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nCheckbox.Group = CheckboxGroup\n\nCheckbox.displayName = 'Checkbox'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Checkbox(props: typeof Checkbox.defaultProps & CheckboxProps) {\n  const uncontrolled = props.checked === undefined\n  const theme = useTheme()\n\n  const {\n    children,\n    disabled,\n    error,\n    id,\n    name,\n    size,\n    value,\n    label,\n    fluid,\n    display,\n    width = theme.defaultInputControlsWidth,\n    className,\n    style,\n    ...anotherProps\n  } = props\n\n  const baseClassName = useClassname(Checkbox.displayName)\n  const _className = cx(baseClassName, className, props.checked && !uncontrolled ? `${baseClassName}--checked` : null)\n  const _labelClassName = `${baseClassName}__label`\n\n  const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n  return (\n    <Styled.Root\n      className={_className}\n      style={style}\n      disabled={disabled}\n      error={error}\n      htmlFor={id || name}\n      size={size}\n      fluid={fluid}\n      width={width}\n      display={display}\n    >\n      <input\n        {...anotherProps}\n        id={id || name}\n        name={name}\n        type='checkbox'\n        value={value}\n        disabled={disabled}\n        {...inputProps}\n      />\n      <svg viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'>\n        <rect\n          x='.455'\n          y='.455'\n          width='19.091'\n          height='19.091'\n          rx='5'\n          transform='translate(0 0)'\n          fill='#fff'\n          stroke='#B8B8B8'\n          strokeWidth='1'\n        />\n        <g fill='none'>\n          <rect fill='#48A1E6' width='20' height='20' rx='5' />\n          <path stroke='#fff' strokeWidth='2' d='M6 9.99l3 3.01 6-6' />\n        </g>\n      </svg>\n      {(label || children) && <span className={_labelClassName}>{label || children}</span>}\n    </Styled.Root>\n  )\n}\n"],"names":["Checkbox","props","uncontrolled","undefined","checked","theme","useTheme","children","disabled","error","id","name","size","value","label","fluid","display","width","defaultInputControlsWidth","className","style","anotherProps","_excluded","baseClassName","useClassname","displayName","_className","cx","_labelClassName","inputProps","defaultChecked","_jsxs","Styled.Root","htmlFor","_jsx","type","viewBox","xmlns","x","y","height","rx","transform","fill","stroke","strokeWidth","d","defaultProps","onChange","e","console","log","target","Group","CheckboxGroup"],"mappings":"oeA4EO,SAASA,EAASC,GACvB,IAAMC,OAAiCC,IAAlBF,EAAMG,QAC3B,IAAMC,EAAQC,IAEd,IAAMC,SACJA,EADIC,SAEJA,EAFIC,MAGJA,EAHIC,GAIJA,EAJIC,KAKJA,EALIC,KAMJA,EANIC,MAOJA,EAPIC,MAQJA,EARIC,MASJA,EATIC,QAUJA,EAVIC,MAWJA,EAAQZ,EAAMa,0BAXVC,UAYJA,EAZIC,MAaJA,GAEEnB,EADCoB,IACDpB,EAfJqB,GAiBA,IAAMC,EAAgBC,EAAaxB,EAASyB,aAC5C,IAAMC,EAAaC,EAAGJ,EAAeJ,EAAWlB,EAAMG,UAAYF,YAAkBqB,EAApC,aAA+D,MAC/G,IAAMK,EAAqBL,GAAAA,OAAAA,EAA3B,WAEA,IAAMM,EAAa3B,EAAe,CAAE4B,eAAgB7B,EAAM6B,gBAAmB,CAAE1B,QAASH,EAAMG,SAE9F,OACE2B,EAACC,EAAD,CACEb,UAAWO,EACXN,MAAOA,EACPZ,SAAUA,EACVC,MAAOA,EACPwB,QAASvB,GAAMC,EACfC,KAAMA,EACNG,MAAOA,EACPE,MAAOA,EACPD,QAASA,EATXT,SAAA,CAWE2B,iBACMb,GADN,GAAA,CAEEX,GAAIA,GAAMC,EACVA,KAAMA,EACNwB,KAAK,WACLtB,MAAOA,EACPL,SAAUA,GACNqB,IAENE,EAAA,MAAA,CAAKK,QAAQ,YAAYC,MAAM,6BAA/B9B,SACE,CAAA2B,EAAA,OAAA,CACEI,EAAE,OACFC,EAAE,OACFtB,MAAM,SACNuB,OAAO,SACPC,GAAG,IACHC,UAAU,iBACVC,KAAK,OACLC,OAAO,UACPC,YAAY,MAEdd,EAAA,IAAA,CAAGY,KAAK,OAARpC,SACE,CAAA2B,EAAA,OAAA,CAAMS,KAAK,UAAU1B,MAAM,KAAKuB,OAAO,KAAKC,GAAG,MAC/CP,EAAA,OAAA,CAAMU,OAAO,OAAOC,YAAY,IAAIC,EAAE,8BAGxChC,GAASP,IAAa2B,EAAA,OAAA,CAAMf,UAAWS,EAAjBrB,SAAmCO,GAASP,OAjF1EP,EAAS+C,aAAe,CACtBvC,UAAAA,EACAI,KAAM,SACNI,QAAS,cACTgC,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOvC,QAGhFb,EAASqD,MAAQC,EAEjBtD,EAASyB,YAAc"}
+{"version":3,"file":"Checkbox.js","sources":["../../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport cx from 'clsx'\nimport { useClassname } from 'hooks/useClassname'\nimport { useFallbackTheme } from 'hooks/use-theme'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { CheckboxGroup } from './Group'\nimport type { CheckboxComponent, CheckboxProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Checkbox'\n\nconst Checkbox = forwardRef<HTMLLabelElement, CheckboxProps>((props, ref) => {\n  const theme = useFallbackTheme()\n  const baseClassName = useClassname(COMPONENT_NAME)\n\n  const {\n    preset,\n    style,\n    id,\n    name,\n    value,\n    disabled,\n    error,\n    success,\n    fluid,\n    children,\n    label,\n    checked,\n    defaultChecked,\n    background,\n    onColored,\n    size = 'm',\n    inline = true,\n    width = theme.defaultInputControlsWidth,\n    className: _className,\n    onChange = () => undefined,\n    ...configProps\n  } = useConfigPriority<CheckboxProps>(theme.components?.Checkbox, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof preset === 'string') brandPresetUsed = preset === 'brand'\n\n  const className = cx(baseClassName, _className, checked && `${baseClassName}--checked`)\n  const labelClassName = `${baseClassName}__label`\n  const inputProps = checked === undefined ? { defaultChecked } : { checked }\n\n  return (\n    <Styled.Root\n      ref={ref}\n      className={className}\n      style={style}\n      fluid={fluid}\n      disabled={disabled}\n      htmlFor={id || name}\n      size={size}\n      inline={inline}\n      width={width}\n      error={error}\n      success={success}\n      background={background}\n      onColored={onColored}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        {...configProps}\n        {...inputProps}\n        id={id || name}\n        name={name}\n        type='checkbox'\n        value={value}\n        disabled={disabled}\n        onChange={onChange}\n      />\n      {brandPresetUsed ? (\n        <>\n          {background && <Styled.Background />}\n          <Styled.BrandMask>\n            <Styled.CheckIcon />\n          </Styled.BrandMask>\n        </>\n      ) : (\n        <Styled.DefaultMask />\n      )}\n      {(label || children) && <Styled.Content className={labelClassName}>{label || children}</Styled.Content>}\n    </Styled.Root>\n  )\n}) as CheckboxComponent\n\nCheckbox.Group = CheckboxGroup\n\nCheckbox.displayName = COMPONENT_NAME\n\nexport { Checkbox, COMPONENT_NAME }\n\nexport type { CheckboxProps }\n"],"names":["COMPONENT_NAME","Checkbox","forwardRef","props","ref","_theme$components","theme","useFallbackTheme","baseClassName","useClassname","useConfigPriority","components","preset","style","id","name","value","disabled","error","success","fluid","children","label","checked","defaultChecked","background","onColored","size","inline","width","defaultInputControlsWidth","className","_className","onChange","_useConfigPriority","configProps","_objectWithoutProperties","_excluded","brandPresetUsed","cx","concat","labelClassName","inputProps","undefined","_jsxs","Styled.Root","htmlFor","_jsx","Styled.Input","type","_Fragment","Styled.Background","Styled.BrandMask","Styled.CheckIcon","Styled.DefaultMask","Styled.Content","Group","CheckboxGroup","displayName"],"mappings":"mxBAUMA,IAAAA,EAAiB,WAEjBC,IAAAA,EAAWC,GAA4C,CAACC,EAAOC,KAAQ,IAAAC,EAC3E,IAAMC,EAAQC,IACd,IAAMC,EAAgBC,EAJD,YAMrB,IAsBIC,EAAAA,UAAiCJ,EAAAA,EAAMK,+BAANN,EAAkBJ,SAAUE,IAtB3DS,OACJA,EADIC,MAEJA,EAFIC,GAGJA,EAHIC,KAIJA,EAJIC,MAKJA,EALIC,SAMJA,EANIC,MAOJA,EAPIC,QAQJA,EARIC,MASJA,EATIC,SAUJA,EAVIC,MAWJA,EAXIC,QAYJA,EAZIC,eAaJA,EAbIC,WAcJA,EAdIC,UAeJA,EAfIC,KAgBJA,EAAO,IAhBHC,OAiBJA,GAAS,EAjBLC,MAkBJA,EAAQvB,EAAMwB,0BACdC,UAAWC,EAnBPC,SAoBJA,EAAW,UApBbC,EAqBKC,EArBLC,EAAAF,EAAAG,GAwBA,IAAIC,EAAmC,UAAjBhC,EAAMM,OACN,iBAAXA,IAAqB0B,EAA6B,UAAX1B,GAElD,IAAMmB,EAAYQ,EAAG/B,EAAewB,EAAYT,GAAO,GAAAiB,OAAOhC,EAAP,cACvD,IAAMiC,EAAoBjC,GAAAA,OAAAA,EAA1B,WACA,IAAMkC,OAAyBC,IAAZpB,EAAwB,CAAEC,eAAAA,GAAmB,CAAED,QAAAA,GAElE,OACEqB,EAACC,EAAD,CACEzC,IAAKA,EACL2B,UAAWA,EACXlB,MAAOA,EACPO,MAAOA,EACPH,SAAUA,EACV6B,QAAShC,GAAMC,EACfY,KAAMA,EACNC,OAAQA,EACRC,MAAOA,EACPX,MAAOA,EACPC,QAASA,EACTM,WAAYA,EACZC,UAAWA,EACXY,gBAAiBA,EAdnBjB,SAAA,CAgBE0B,EAACC,EACKb,EAAAA,EAAAA,EAAAA,GAAAA,GACAO,GAFN,GAAA,CAGE5B,GAAIA,GAAMC,EACVA,KAAMA,EACNkC,KAAK,WACLjC,MAAOA,EACPC,SAAUA,EACVgB,SAAUA,KAEXK,EACCM,EAAAM,EAAA,CAAA7B,SACGI,CAAAA,GAAcsB,EAACI,EAAD,IACfJ,EAACK,EAAD,CAAA/B,SACE0B,EAACM,EAAD,SAIJN,EAACO,EAlCL,KAoCIhC,GAASD,IAAa0B,EAACQ,EAAD,CAAgBxB,UAAWU,EAA3BpB,SAA4CC,GAASD,UAKnFpB,EAASuD,MAAQC,EAEjBxD,EAASyD,YAjFc"}

package/components/Checkbox/Group.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{Group as o}from'./style.js';import{jsx as t}from'react/jsx-runtime';var i=["children"];function m(m){var{children:p}=m,s=e(m,i);return t(o,r(r({},s),{},{children:p}))}export{m as CheckboxGroup};
+import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{Group as o}from'./style.js';import{jsx as t}from'react/jsx-runtime';var i=["children"];var m=m=>{var{children:p}=m,a=e(m,i);return t(o,r(r({},a),{},{children:p}))};export{m as CheckboxGroup};
 //# sourceMappingURL=Group.js.map

package/components/Checkbox/Group.js.map

@@ -1 +1 @@
-{"version":3,"file":"Group.js","sources":["../../../../src/components/Checkbox/Group.tsx"],"sourcesContent":["import { BaseProps } from '../../shared/interfaces'\nimport * as Styled from './style'\n\nexport interface CheckboxGroupProps extends BaseProps {\n  inline?: boolean\n  children?: React.ReactNode\n}\n\nexport function CheckboxGroup({ children, ...props }: CheckboxGroupProps) {\n  return <Styled.Group {...props}>{children}</Styled.Group>\n}\n"],"names":["CheckboxGroup","_ref","children","props","_objectWithoutProperties","_excluded","_jsx","Styled.Group"],"mappings":"gNAQO,SAASA,EAA0DC,GAAA,IAA5CC,SAAEA,GAA0CD,EAA7BE,EAA6BC,EAAAH,EAAAI,GACxE,OAAOC,EAACC,SAAiBJ,GAAlB,GAAA,CAAAD,SAA0BA"}
+{"version":3,"file":"Group.js","sources":["../../../../src/components/Checkbox/Group.tsx"],"sourcesContent":["import * as Styled from './style'\nimport type { CheckboxGroupProps } from './types'\n\nconst CheckboxGroup = ({ children, ...props }: CheckboxGroupProps) => {\n  return <Styled.Group {...props}>{children}</Styled.Group>\n}\n\nexport { CheckboxGroup }\n"],"names":["CheckboxGroup","_ref","children","props","_objectWithoutProperties","_excluded","_jsx","Styled.Group"],"mappings":"gNAGMA,IAAAA,EAAgBC,IAAgD,IAA/CC,SAAEA,GAA6CD,EAAhCE,EAAgCC,EAAAH,EAAAI,GACpE,OAAOC,EAACC,SAAiBJ,GAAlB,GAAA,CAAAD,SAA0BA"}

package/components/Checkbox/images/check-default.module.svg.js

@@ -0,0 +1,2 @@
+import*as e from'react';var t,r;function a(){return a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},a.apply(this,arguments)}var l=l=>e.createElement("svg",a({viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg"},l),t||(t=e.createElement("rect",{x:.455,y:.455,width:19.091,height:19.091,rx:5,fill:"#fff",stroke:"#B8B8B8"})),r||(r=e.createElement("g",{fill:"none"},e.createElement("rect",{fill:"#1A96F6",width:20,height:20,rx:5}),e.createElement("path",{stroke:"#fff",strokeWidth:2,d:"M6 9.99 9 13l6-6"}))));export{l as default};
+//# sourceMappingURL=check-default.module.svg.js.map

package/components/Checkbox/images/check-default.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check-default.module.svg.js","sources":["../../../../../src/components/Checkbox/images/check-default.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 20 20\" xmlns=\"http://www.w3.org/2000/svg\"><rect x=\".455\" y=\".455\" width=\"19.091\" height=\"19.091\" rx=\"5\" fill=\"#fff\" stroke=\"#B8B8B8\"/><g fill=\"none\"><rect fill=\"#1A96F6\" width=\"20\" height=\"20\" rx=\"5\"/><path stroke=\"#fff\" stroke-width=\"2\" d=\"M6 9.99 9 13l6-6\"/></g></svg>"],"names":["_rect","_g","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgCheckDefaultmodule","props","React","createElement","viewBox","xmlns","x","y","width","height","rx","fill","stroke","strokeWidth","d"],"mappings":"wBAAA,IAAIA,EAAOC,EAEX,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAuDC,GACrCC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,MAAO,8BACNJ,GAAQhB,IAAUA,EAAqBiB,EAAMC,cAAc,OAAQ,CACpEG,EAAG,KACHC,EAAG,KACHC,MAAO,OACPC,OAAQ,OACRC,GAAI,EACJC,KAAM,OACNC,OAAQ,aACL1B,IAAOA,EAAkBgB,EAAMC,cAAc,IAAK,CACrDQ,KAAM,QACQT,EAAMC,cAAc,OAAQ,CAC1CQ,KAAM,UACNH,MAAO,GACPC,OAAQ,GACRC,GAAI,IACWR,EAAMC,cAAc,OAAQ,CAC3CS,OAAQ,OACRC,YAAa,EACbC,EAAG"}

package/components/Checkbox/images/check.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var e;function t(){return t=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var n in t)({}).hasOwnProperty.call(t,n)&&(r[n]=t[n])}return r},t.apply(this,arguments)}var n=n=>r.createElement("svg",t({viewBox:"0 0 12 9",fill:"none",xmlns:"http://www.w3.org/2000/svg"},n),e||(e=r.createElement("path",{d:"M10.5 1.5 4.312 8 1.5 5.045",stroke:"currentcolor",strokeWidth:1.5,strokeLinecap:"round",strokeLinejoin:"round"})));export{n as default};
+//# sourceMappingURL=check.module.svg.js.map

package/components/Checkbox/images/check.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"check.module.svg.js","sources":["../../../../../src/components/Checkbox/images/check.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 12 9\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M10.5 1.5 4.312 8 1.5 5.045\" stroke=\"currentcolor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/></svg>"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgCheckmodule","props","React","createElement","viewBox","fill","xmlns","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin"],"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,GAAAA,IAA+BE,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAyCC,GACvBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,WACTC,KAAM,OACNC,MAAO,8BACNL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG,8BACHC,OAAQ,eACRC,YAAa,IACbC,cAAe,QACfC,eAAgB"}