@foxford/ui 2.26.1 → 2.27.0-beta-b8dc728-20240507

package/components/ActionBtn/ActionBtn.js.map

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

package/components/Anchor/Anchor.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{Link as s}from'react-router-dom';import{useTheme as i}from'styled-components';import{withMergedProps as a}from'../../hocs/withMergedProps.js';import{useClassname as t}from'../../hooks/useClassname.js';import{Text as n}from'../Text/Text.js';import{Icon as m}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as c}from'./constants.js';import{Root as l}from'./style.js';import{jsx as p,jsxs as d,Fragment as h}from'react/jsx-runtime';var v=["size","autoRel","textProps","iconProps","icon","children","content"];var f='Anchor';var u=a(e(((e,a)=>{var c,f,u;var{size:j="inherit",autoRel:P=!0,textProps:b={},iconProps:x={},icon:g,children:y,content:A}=e,N=o(e,v);var T=i();var z=t("Anchor",N.className);var I=null===(c=T.utils)||void 0===c?void 0:c.relBuilder;var R=null!==(f=N.href)&&void 0!==f?f:N.to;var M=null!==(u=N.rel)&&void 0!==u?u:P&&I&&'string'==typeof R?I(R,N.target):void 0;var[w,C]=Array.isArray(g)?g:[g];var E={as:'span',size:'inherit',color:'inherit',underline:N.underline,marginLeft:w?'0.25em':void 0,marginRight:C?'0.25em':void 0};var S={as:'span',color:'inherit'};var k;return N.to&&(k=s),N.pseudo&&(k='div'),N.disabled&&(k='span'),N.as&&(k=N.as),p(l,r(r({},N),{},{ref:a,as:k,className:z,size:j,rel:M,"data-disabled":N.disabled,children:'function'==typeof y?y({baseTextProps:E,textProps:b,iconBaseProps:S,iconProps:x,icon:g}):'brand'===e.preset?d(h,{children:[w&&p(m,r(r({icon:w},S),x)),p(n,r(r(r({},E),b),{},{children:y||A})),C&&p(m,r(r({icon:C},S),x))]}):p(h,{children:y||A})}))})),{displayName:"Anchor",sizes:c});export{u as Anchor,f as COMPONENT_NAME};
+import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{Link as s}from'react-router-dom';import{useTheme as i}from'styled-components';import{withMergedProps as t}from'../../hocs/withMergedProps.js';import{useClassname as a}from'../../hooks/useClassname.js';import{Text as n}from'../Text/Text.js';import{Icon as m}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as p}from'./constants.js';import{Root as c}from'./style.js';import{jsx as d,jsxs as l,Fragment as v}from'react/jsx-runtime';var f=["size","autoRel","textProps","iconProps","icon","children","content"];var h='Anchor';var u=t(e(((e,t)=>{var p,h,u;var{size:g="inherit",autoRel:j=!0,textProps:P={},iconProps:b={},icon:x,children:y,content:A}=e,N=o(e,f);var T=i();var z=a("Anchor",N.className);var I=null===(p=T.utils)||void 0===p?void 0:p.relBuilder;var R=null!==(h=N.href)&&void 0!==h?h:N.to;var M=null!==(u=N.rel)&&void 0!==u?u:j&&I&&'string'==typeof R?I(R,N.target):void 0;var[w,C]=Array.isArray(x)?x:[x];var E={as:'span',size:'inherit',color:'inherit',underline:N.underline,marginLeft:w?'0.25em':void 0,marginRight:C?'0.25em':void 0};var S={as:'span',color:'inherit'};var k;return N.to&&(k=s),N.pseudo&&(k='div'),N.disabled&&(k='span'),N.as&&(k=N.as),d(c,r(r({},N),{},{ref:t,as:k,className:z,size:g,rel:M,"data-disabled":N.disabled,children:'function'==typeof y?y({baseTextProps:E,textProps:P,iconBaseProps:S,iconProps:b,icon:x}):'brand'===e.preset?l(v,{children:[w&&d(m,r(r({name:'string'==typeof w?w:void 0,icon:'string'!=typeof w?w:void 0},S),b)),d(n,r(r(r({},E),P),{},{children:y||A})),C&&d(m,r(r({name:'string'==typeof C?C:void 0,icon:'string'!=typeof C?C:void 0},S),b))]}):d(v,{children:y||A})}))})),{displayName:"Anchor",sizes:p});export{u as Anchor,h as COMPONENT_NAME};
 //# sourceMappingURL=Anchor.js.map

package/components/Anchor/Anchor.js.map

@@ -1 +1 @@
-{"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { AnchorProps } from './types'\n\nconst COMPONENT_NAME = 'Anchor'\n\n/**\n *\n * Component accepts all \\<a\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AnchorProps](https://github.com/foxford/ui/blob/master/src/components/Anchor/types.ts)\n */\nconst Anchor: React.ForwardRefExoticComponent<AnchorProps> = withMergedProps<AnchorProps, HTMLAnchorElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'inherit',\n      autoRel = true,\n      textProps = {},\n      iconProps = {},\n      icon,\n      children,\n      content,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n    const relBuilder = theme.utils?.relBuilder\n    const href = restProps.href ?? restProps.to\n\n    const rel =\n      restProps.rel ??\n      (autoRel && relBuilder && typeof href === 'string' ? relBuilder(href, restProps.target) : undefined)\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      underline: restProps.underline,\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    let rootNode\n    if (restProps.to) rootNode = Link\n    if (restProps.pseudo) rootNode = 'div'\n    if (restProps.disabled) rootNode = 'span'\n    if (restProps.as) rootNode = restProps.as\n\n    return (\n      <Styled.Root\n        {...restProps}\n        ref={ref}\n        as={rootNode}\n        className={className}\n        size={size}\n        rel={rel}\n        data-disabled={restProps.disabled}\n      >\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : props.preset === 'brand' ? (\n          <>\n            {before && <Icon icon={before} {...iconBaseProps} {...iconProps} />}\n            <Text {...baseTextProps} {...textProps}>\n              {children || content}\n            </Text>\n            {after && <Icon icon={after} {...iconBaseProps} {...iconProps} />}\n          </>\n        ) : (\n          <>{children || content}</>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Anchor, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Anchor","withMergedProps","forwardRef","props","ref","_theme$utils","_restProps$href","_restProps$rel","size","autoRel","textProps","iconProps","icon","children","content","restProps","_excluded","theme","useTheme","className","useClassname","relBuilder","utils","href","to","rel","target","before","after","Array","isArray","baseTextProps","as","color","underline","marginLeft","marginRight","undefined","iconBaseProps","rootNode","Link","pseudo","disabled","_jsx","Styled.Root","preset","_jsxs","_Fragment","Icon","_objectSpread","Text","displayName","sizes","SIZES"],"mappings":"kqBAaMA,IAAAA,EAAiB,SAYjBC,IAAAA,EAAuDC,EAC3DC,GAAAA,CAAYC,EAAOC,KAAQ,IAAAC,EAAAC,EAAAC,EACzB,IAAMC,KACJA,EAAO,UADHC,QAEJA,GAAAA,EAFIC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,KAKJA,EALIC,SAMJA,EANIC,QAOJA,GAEEX,EADCY,IACDZ,EATJa,GAWA,IAAMC,EAAQC,IAEd,IAAMC,EAAYC,EA3BC,SA2B4BL,EAAUI,WACzD,IAAME,EAAU,QAAGJ,EAAAA,EAAMK,aAAT,IAAAjB,OAAA,EAAGA,EAAagB,WAChC,IAAME,EAAyBR,UAAlBA,EAAUQ,YAAQR,IAAAA,EAAAA,EAAAA,EAAUS,GAEzC,IAAMC,UACJV,EAAAA,EAAUU,WAAAA,QACThB,GAAWY,GAA8B,iBAATE,EAAoBF,EAAWE,EAAMR,EAAUW,aAAAA,EAElF,IAAOC,EAAQC,GAASC,MAAMC,QAAQlB,GAAQA,EAAO,CAACA,GAEtD,IAAMmB,EAA2B,CAC/BC,GAAI,OACJxB,KAAM,UACNyB,MAAO,UACPC,UAAWnB,EAAUmB,UACrBC,WAAYR,EAAS,cAAA,EACrBS,YAAaR,EAAQ,cAAWS,GAGlC,IAAMC,EAA2B,CAAEN,GAAI,OAAQC,MAAO,WAEtD,IAAIM,EAMJ,OALIxB,EAAUS,KAAIe,EAAWC,GACzBzB,EAAU0B,SAAQF,EAAW,OAC7BxB,EAAU2B,WAAUH,EAAW,QAC/BxB,EAAUiB,KAAIO,EAAWxB,EAAUiB,IAGrCW,EAACC,SACK7B,GADN,GAAA,CAEEX,IAAKA,EACL4B,GAAIO,EACJpB,UAAWA,EACXX,KAAMA,EACNiB,IAAKA,EACL,gBAAeV,EAAU2B,SAP3B7B,SASuB,mBAAbA,EACNA,EAAS,CAAEkB,cAAAA,EAAerB,UAAAA,EAAW4B,cAAAA,EAAe3B,UAAAA,EAAWC,KAAAA,IAC5C,UAAjBT,EAAM0C,OACRC,EAAAC,EAAA,CAAAlC,SACGc,CAAAA,GAAUgB,EAACK,EAADC,EAAAA,EAAA,CAAMrC,KAAMe,GAAYW,GAAmB3B,IACtDgC,EAACO,EAADD,EAAAA,EAAAA,EAAA,GAAUlB,GAAmBrB,GAA7B,GAAA,CAAAG,SACGA,GAAYC,KAEdc,GAASe,EAACK,EAADC,EAAAA,EAAA,CAAMrC,KAAMgB,GAAWU,GAAmB3B,OAGtDgC,EAAAI,EAAA,CAAAlC,SAAGA,GAAYC,UAKvB,CACEqC,YAjFmB,SAkFnBC,MAAOC"}
+{"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { AnchorProps } from './types'\n\nconst COMPONENT_NAME = 'Anchor'\n\n/**\n *\n * Component accepts all \\<a\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AnchorProps](https://github.com/foxford/ui/blob/master/src/components/Anchor/types.ts)\n */\nconst Anchor: React.ForwardRefExoticComponent<AnchorProps> = withMergedProps<AnchorProps, HTMLAnchorElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'inherit',\n      autoRel = true,\n      textProps = {},\n      iconProps = {},\n      icon,\n      children,\n      content,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n    const relBuilder = theme.utils?.relBuilder\n    const href = restProps.href ?? restProps.to\n\n    const rel =\n      restProps.rel ??\n      (autoRel && relBuilder && typeof href === 'string' ? relBuilder(href, restProps.target) : undefined)\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      underline: restProps.underline,\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    let rootNode\n    if (restProps.to) rootNode = Link\n    if (restProps.pseudo) rootNode = 'div'\n    if (restProps.disabled) rootNode = 'span'\n    if (restProps.as) rootNode = restProps.as\n\n    return (\n      <Styled.Root\n        {...restProps}\n        ref={ref}\n        as={rootNode}\n        className={className}\n        size={size}\n        rel={rel}\n        data-disabled={restProps.disabled}\n      >\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : props.preset === 'brand' ? (\n          <>\n            {before && (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            <Text {...baseTextProps} {...textProps}>\n              {children || content}\n            </Text>\n            {after && (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        ) : (\n          <>{children || content}</>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Anchor, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Anchor","withMergedProps","forwardRef","props","ref","_theme$utils","_restProps$href","_restProps$rel","size","autoRel","textProps","iconProps","icon","children","content","restProps","_excluded","theme","useTheme","className","useClassname","relBuilder","utils","href","to","rel","target","undefined","before","after","Array","isArray","baseTextProps","as","color","underline","marginLeft","marginRight","iconBaseProps","rootNode","Link","pseudo","disabled","_jsx","Styled.Root","preset","_jsxs","_Fragment","Icon","_objectSpread","name","Text","displayName","sizes","SIZES"],"mappings":"kqBAaMA,IAAAA,EAAiB,SAYjBC,IAAAA,EAAuDC,EAC3DC,GAAW,CAACC,EAAOC,KAAQ,IAAAC,EAAAC,EAAAC,EACzB,IAAMC,KACJA,EAAO,UADHC,QAEJA,GAAU,EAFNC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,KAKJA,EALIC,SAMJA,EANIC,QAOJA,GAEEX,EADCY,IACDZ,EATJa,GAWA,IAAMC,EAAQC,IAEd,IAAMC,EAAYC,EA3BC,SA2B4BL,EAAUI,WACzD,IAAME,EAAU,QAAGJ,EAAAA,EAAMK,aAAAA,IAATjB,OAAAA,EAAGA,EAAagB,WAChC,IAAME,EAAyBR,UAAlBA,EAAUQ,YAAAA,IAAQR,EAAAA,EAAAA,EAAUS,GAEzC,IAAMC,UACJV,EAAAA,EAAUU,WAAAA,QACThB,GAAWY,GAA8B,iBAATE,EAAoBF,EAAWE,EAAMR,EAAUW,aAAUC,EAE5F,IAAOC,EAAQC,GAASC,MAAMC,QAAQnB,GAAQA,EAAO,CAACA,GAEtD,IAAMoB,EAA2B,CAC/BC,GAAI,OACJzB,KAAM,UACN0B,MAAO,UACPC,UAAWpB,EAAUoB,UACrBC,WAAYR,EAAS,cAAA,EACrBS,YAAaR,EAAQ,cAAWF,GAGlC,IAAMW,EAA2B,CAAEL,GAAI,OAAQC,MAAO,WAEtD,IAAIK,EAMJ,OALIxB,EAAUS,KAAIe,EAAWC,GACzBzB,EAAU0B,SAAQF,EAAW,OAC7BxB,EAAU2B,WAAUH,EAAW,QAC/BxB,EAAUkB,KAAIM,EAAWxB,EAAUkB,IAGrCU,EAACC,SACK7B,GADN,GAAA,CAEEX,IAAKA,EACL6B,GAAIM,EACJpB,UAAWA,EACXX,KAAMA,EACNiB,IAAKA,EACL,gBAAeV,EAAU2B,SAP3B7B,SASuB,mBAAbA,EACNA,EAAS,CAAEmB,cAAAA,EAAetB,UAAAA,EAAW4B,cAAAA,EAAe3B,UAAAA,EAAWC,KAAAA,IAC5C,UAAjBT,EAAM0C,OACRC,EAAAC,EAAA,CAAAlC,SACGe,CAAAA,GACCe,EAACK,EAADC,EAAAA,EAAA,CACEC,KAAwB,iBAAXtB,EAAsBA,OAAAA,EACnChB,KAAwB,iBAAXgB,EAAsBA,UAC/BU,GACA3B,IAGRgC,EAACQ,EAADF,EAAAA,EAAAA,EAAA,GAAUjB,GAAmBtB,GAA7B,GAAA,CAAAG,SACGA,GAAYC,KAEde,GACCc,EAACK,EAADC,EAAAA,EAAA,CACEC,KAAuB,iBAAVrB,EAAqBA,OAAAA,EAClCjB,KAAuB,iBAAViB,EAAqBA,OAAAA,GAC9BS,GACA3B,OAKVgC,EAAAI,EAAA,CAAAlC,SAAGA,GAAYC,UAKvB,CACEsC,YA/FmB,SAgGnBC,MAAOC"}

package/components/Arrow/Arrow.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as a}from'./constants.js';import{SIZES_DEFAULT as i}from'./default-constants.js';import p from'./images/arrow-top.module.svg.js';import{Root as m}from'./style.js';import{jsx as n}from'react/jsx-runtime';var c=["type","size","iconProps"];var f='Arrow';var j=s(e(((e,s)=>{var{type:a="button",size:i="l",iconProps:f={}}=e,j=o(e,c);return n(m,r(r({},j),{},{type:a,size:i,ref:s,children:n(t,r(r('brand'===j.preset?{icon:n(p,{})}:{name:"chevronUp"},{as:'span',color:'inherit'}),f))}))})),{displayName:"Arrow",sizes:r=>'brand'===r.preset?a:i});export{j as Arrow,f as COMPONENT_NAME};
+import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as a}from'./constants.js';import{SIZES_DEFAULT as i}from'./default-constants.js';import{Root as p}from'./style.js';import{jsx as m}from'react/jsx-runtime';var n=["type","size","iconProps"];var c='Arrow';var f=s(e(((e,s)=>{var{type:a="button",size:i="l",iconProps:c={}}=e,f=o(e,n);return m(p,r(r({},f),{},{type:a,size:i,ref:s,children:m(t,r(r({name:'brand'===f.preset?'arrowUp':'chevronUp'},{as:'span',color:'inherit'}),c))}))})),{displayName:"Arrow",sizes:r=>'brand'===r.preset?a:i});export{f as Arrow,c 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 { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport ArrowTop from './images/arrow-top.module.svg'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowProps](https://github.com/foxford/ui/blob/master/src/components/Arrow/types.ts)\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { type = 'button', size = 'l', iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} ref={ref}>\n        {restProps.preset === 'brand' ? (\n          <Icon icon={<ArrowTop />} {...iconBaseProps} {...iconProps} />\n        ) : (\n          <Icon name='chevronUp' {...iconBaseProps} {...iconProps} />\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","iconProps","restProps","_excluded","_jsx","Styled.Root","children","Icon","_objectSpread","preset","icon","ArrowTop","name","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+gBAWMA,IAAAA,EAAiB,QAYjBC,IAAAA,EAAqDC,EACzDC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,SAATC,KAAmBA,EAAO,IAA1BC,UAA+BA,EAAY,IAAqBJ,EAAdK,IAAcL,EAAtEM,GAIA,OACEC,EAACC,SAAgBH,GAAjB,GAAA,CAA4BH,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAzDQ,SAEIF,EAACG,EAADC,EAAAA,EADoB,UAArBN,EAAUO,OACT,CAAMC,KAAMN,EAACO,EAAD,KAEZ,CAAMC,KAAK,aAPgB,CAAEC,GAAI,OAAQC,MAAO,YAKCb,UAOzD,CACEc,YA7BmB,QA8BnBC,MAAQnB,GAA4B,UAAjBA,EAAMY,OAAqBQ,EAAQC"}
+{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowProps](https://github.com/foxford/ui/blob/master/src/components/Arrow/types.ts)\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { type = 'button', size = 'l', iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","iconProps","restProps","_excluded","_jsx","Styled.Root","children","Icon","_objectSpread","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+dAUMA,IAAAA,EAAiB,QAYjBC,IAAAA,EAAqDC,EACzDC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,SAATC,KAAmBA,EAAO,IAA1BC,UAA+BA,EAAY,IAAqBJ,EAAdK,IAAcL,EAAtEM,GAIA,OACEC,EAACC,SAAgBH,GAAjB,GAAA,CAA4BH,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAzDQ,SACEF,EAACG,EAADC,EAAAA,EAAA,CAAMC,KAA2B,UAArBP,EAAUQ,OAAqB,UAAY,aAJ1B,CAAEC,GAAI,OAAQC,MAAO,YAIyCX,UAIjG,CACEY,YAzBmB,QA0BnBC,MAAQjB,GAA4B,UAAjBA,EAAMa,OAAqBK,EAAQC"}

package/components/Badge/Badge.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Text as i}from'../Text/Text.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as a}from'./style.js';import{SIZES_ROUND as n,SIZES as c}from'./constants.js';import{jsx as m,jsxs as p,Fragment as d}from'react/jsx-runtime';var f=["size","borderRadius","textProps","iconProps","children","content","icon"];var h=s(e(((e,s)=>{var{size:n="s",borderRadius:c=3,textProps:h={},iconProps:l={},children:j,content:x,icon:P}=e,b=o(e,f);var[u,g]=Array.isArray(P)?P:[P];var v={as:'span',size:'inherit',color:'inherit',marginLeft:u?'0.25em':void 0,marginRight:g?'0.25em':void 0};var R={color:'inherit'};return m(a,r(r({},b),{},{size:n,borderRadius:c,ref:s,children:'function'==typeof j?j({baseTextProps:v,textProps:h,iconBaseProps:R,iconProps:l,icon:P}):p(d,{children:[u&&m(t,r(r({icon:u},R),l)),(j||x)&&m(i,r(r(r({},v),h),{},{children:j||x})),g&&m(t,r(r({icon:g},R),l))]})}))})),{displayName:'Badge',sizes:r=>r.round?n:c});export{h as Badge};
+import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{Text as s}from'../Text/Text.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as n}from'./style.js';import{SIZES_ROUND as a,SIZES as p}from'./constants.js';import{jsx as c,jsxs as m,Fragment as d}from'react/jsx-runtime';var f=["size","borderRadius","textProps","iconProps","children","content","icon"];var h=i(e(((e,i)=>{var{size:a="s",borderRadius:p=3,textProps:h={},iconProps:l={},children:g,content:v,icon:j}=e,x=o(e,f);var[P,b]=Array.isArray(j)?j:[j];var u={as:'span',size:'inherit',color:'inherit',marginLeft:P?'0.25em':void 0,marginRight:b?'0.25em':void 0};var y={color:'inherit'};return c(n,r(r({},x),{},{size:a,borderRadius:p,ref:i,children:'function'==typeof g?g({baseTextProps:u,textProps:h,iconBaseProps:y,iconProps:l,icon:j}):m(d,{children:[P&&c(t,r(r({name:'string'==typeof P?P:void 0,icon:'string'!=typeof P?P:void 0},y),l)),(g||v)&&c(s,r(r(r({},u),h),{},{children:g||v})),b&&c(t,r(r({name:'string'==typeof b?b:void 0,icon:'string'!=typeof b?b:void 0},y),l))]})}))})),{displayName:'Badge',sizes:r=>r.round?a:p});export{h as Badge};
 //# sourceMappingURL=Badge.js.map

package/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [BadgeProps](https://github.com/foxford/ui/blob/master/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before && <Icon icon={before} {...iconBaseProps} {...iconProps} />}\n            {(children || content) && (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && <Icon icon={after} {...iconBaseProps} {...iconProps} />}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","_excluded","before","after","Array","isArray","baseTextProps","as","color","marginLeft","marginRight","iconBaseProps","_jsx","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"wiBAsBO,IAAMA,EAAqDC,EAChEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,aAEJA,EAAe,EAFXC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,SAKJA,EALIC,QAMJA,EANIC,KAOJA,GAEER,EADCS,IACDT,EATJU,GAWA,IAAOC,EAAQC,GAASC,MAAMC,QAAQN,GAAQA,EAAO,CAACA,GAEtD,IAAMO,EAA2B,CAC/BC,GAAI,OACJd,KAAM,UACNe,MAAO,UACPC,WAAYP,EAAS,gBACrBQ,YAAaP,EAAQ,cAAA,GAEvB,IAAMQ,EAA2B,CAAEH,MAAO,WAE1C,OACEI,EAACC,SAAgBb,GAAjB,GAAA,CAA4BP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAzEK,SACuB,mBAAbA,EACNA,EAAS,CAAES,cAAAA,EAAeX,UAAAA,EAAWgB,cAAAA,EAAef,UAAAA,EAAWG,KAAAA,IAE/De,EAAAC,EAAA,CAAAlB,SACGK,CAAAA,GAAUU,EAACI,EAADC,EAAAA,EAAA,CAAMlB,KAAMG,GAAYS,GAAmBf,KACpDC,GAAYC,IACZc,EAACM,EAASZ,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBX,GAA7B,GAAA,CAAAE,SACGA,GAAYC,KAGhBK,GAASS,EAACI,EAADC,EAAAA,EAAA,CAAMlB,KAAMI,GAAWQ,GAAmBf,aAM9D,CACEuB,YAvDmB,QAwDnBC,MAAQ7B,GAAWA,EAAM8B,MAAQC,EAAcC"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [BadgeProps](https://github.com/foxford/ui/blob/master/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            {(children || content) && (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","_excluded","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"wiBAsBO,IAAMA,EAAqDC,EAChEC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,aAEJA,EAAe,EAFXC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,SAKJA,EALIC,QAMJA,EANIC,KAOJA,GAEER,EADCS,IACDT,EATJU,GAWA,IAAOC,EAAQC,GAASC,MAAMC,QAAQN,GAAQA,EAAO,CAACA,GAEtD,IAAMO,EAA2B,CAC/BC,GAAI,OACJd,KAAM,UACNe,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAA,GAEvB,IAAMS,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,EAACC,SAAgBd,GAAjB,GAAA,CAA4BP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAzEK,SACuB,mBAAbA,EACNA,EAAS,CAAES,cAAAA,EAAeX,UAAAA,EAAWiB,cAAAA,EAAehB,UAAAA,EAAWG,KAAAA,IAE/DgB,EAAAC,EAAA,CAAAnB,SACGK,CAAAA,GACCW,EAACI,EAADC,EAAAA,EAAA,CACEC,KAAwB,iBAAXjB,EAAsBA,OAAAA,EACnCH,KAAwB,iBAAXG,EAAsBA,OAASQ,GACxCE,GACAhB,KAGNC,GAAYC,IACZe,EAACO,EAASd,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBX,GAA7B,GAAA,CAAAE,SACGA,GAAYC,KAGhBK,GACCU,EAACI,EAADC,EAAAA,EAAA,CACEC,KAAuB,iBAAVhB,EAAqBA,OAAAA,EAClCJ,KAAuB,iBAAVI,EAAqBA,OAAQO,GACtCE,GACAhB,aAQlB,CACEyB,YArEmB,QAsEnBC,MAAQ/B,GAAWA,EAAMgC,MAAQC,EAAcC"}

package/components/Button/Button.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{useTheme as s}from'styled-components';import{Link as t}from'react-router-dom';import{useClassname as a}from'../../hooks/useClassname.js';import{withMergedProps as n}from'../../hocs/withMergedProps.js';import{Icon as i}from'../Icon/Icon.js';import'../Icon/icons.js';import{Text as m}from'../Text/Text.js';import{useComputedRel as c,useComputedLinkProps as l}from'./hooks.js';import{SIZES as p,SIZES_ROUND as d}from'./constants.js';import{SIZES_DEFAULT as u,SIZES_ROUND_DEFAULT as f,PROPS_BY_SIZE as h}from'./default-constants.js';import v from'./images/success.module.svg.js';import{Root as j,LoaderIcon as P}from'./style.js';import{jsx as g,jsxs as b,Fragment as N}from'react/jsx-runtime';var x=["size","inline","rounded","color","fontColor","textProps","iconProps","as","className","children","content","fontWeight","icon","innerRef"];var S='Button';var y=n(e(((e,n)=>{var{size:p="m",inline:d=!0,rounded:u=!0,color:f="accent",fontColor:S="white",textProps:y={},iconProps:I={},as:E,className:R,children:_,content:C,fontWeight:T,icon:B,innerRef:L}=e,w=o(e,x);var z=s();if('default'===w.preset&&'string'==typeof p&&!w.round){var A;var O=null!==(A=h[p])&&void 0!==A?A:{};w=r(r({},O),w)}w.href&&(E='a'),w.to&&(E=t),w.primary&&(f='primary'),w.secondary&&(f='atlantis');var Z=a("Button",R);var k=a("Button");var D=c(z,w);var M=l(E,w);var[U,F]=Array.isArray(B)?B:[B];w.success&&(U=g(v,{}),F=null),'brand'===w.preset&&w.loading&&(U=g(P,{}),F=null);var W={as:'span',size:'inherit',color:'inherit',weight:null!=T?T:'brand'===w.preset?800:600,lineHeight:'brand'===w.preset?1.2:1,marginLeft:U?'0.25em':void 0,marginRight:F?'0.25em':void 0};var H={as:'span',color:'inherit'};return g(j,r(r(r({},w),M),{},{size:p,inline:d,color:f,fontColor:S,rounded:u,rel:D,as:E,className:Z,ref:null!=n?n:L,children:'function'==typeof _?_({baseTextProps:W,textProps:y,iconBaseProps:H,iconProps:I,icon:[U,F]}):b(N,{children:[U&&g(i,r(r({className:"icon",icon:U},H),I)),(_||C)&&g(m,r(r(r({className:"".concat(k,"__content")},W),y),{},{children:_||C})),F&&g(i,r(r({className:"icon",icon:F},H),I))]})}))})),{displayName:"Button",sizes:r=>{var o='brand'===r.preset?p:u;return r.round&&(o='brand'===r.preset?d:f),o}});export{y as Button,S as COMPONENT_NAME};
+import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{useTheme as s}from'styled-components';import{Link as t}from'react-router-dom';import{useClassname as n}from'../../hooks/useClassname.js';import{withMergedProps as a}from'../../hocs/withMergedProps.js';import{Icon as i}from'../Icon/Icon.js';import'../Icon/icons.js';import{Text as m}from'../Text/Text.js';import{useComputedRel as c,useComputedLinkProps as p}from'./hooks.js';import{SIZES as l,SIZES_ROUND as d}from'./constants.js';import{SIZES_DEFAULT as f,SIZES_ROUND_DEFAULT as u,PROPS_BY_SIZE as h}from'./default-constants.js';import{Root as v,LoaderIcon as g}from'./style.js';import{jsx as P,jsxs as j,Fragment as y}from'react/jsx-runtime';var b=["size","inline","rounded","color","fontColor","textProps","iconProps","as","className","children","content","fontWeight","icon","innerRef"];var N='Button';var x=a(e(((e,a)=>{var{size:l="m",inline:d=!0,rounded:f=!0,color:u="accent",fontColor:N="white",textProps:x={},iconProps:S={},as:I,className:E,children:R,content:_,fontWeight:C,icon:T,innerRef:B}=e,L=o(e,b);var k=s();if('default'===L.preset&&'string'==typeof l&&!L.round){var w;var z=null!==(w=h[l])&&void 0!==w?w:{};L=r(r({},z),L)}L.href&&(I='a'),L.to&&(I=t),L.primary&&(u='primary'),L.secondary&&(u='atlantis');var A=n("Button",E);var O=n("Button");var Z=c(k,L);var D=p(I,L);var[F,M]=Array.isArray(T)?T:[T];L.success&&(F='checkFill',M=null),'brand'===L.preset&&L.loading&&(F=P(g,{}),M=null);var U={as:'span',size:'inherit',color:'inherit',weight:null!=C?C:'brand'===L.preset?800:600,lineHeight:'brand'===L.preset?1.2:1,marginLeft:F?'0.25em':void 0,marginRight:M?'0.25em':void 0};var W={as:'span',color:'inherit'};return P(v,r(r(r({},L),D),{},{size:l,inline:d,color:u,fontColor:N,rounded:f,rel:Z,as:I,className:A,ref:null!=a?a:B,children:'function'==typeof R?R({baseTextProps:U,textProps:x,iconBaseProps:W,iconProps:S,icon:[F,M]}):j(y,{children:[F&&P(i,r(r({className:"icon",name:'string'==typeof F?F:void 0,icon:'string'!=typeof F?F:void 0},W),S)),(R||_)&&P(m,r(r(r({className:"".concat(O,"__content")},U),x),{},{children:R||_})),M&&P(i,r(r({className:"icon",name:'string'==typeof M?M:void 0,icon:'string'!=typeof M?M:void 0},W),S))]})}))})),{displayName:"Button",sizes:r=>{var o='brand'===r.preset?l:f;return r.round&&(o='brand'===r.preset?d:u),o}});export{x as Button,N as COMPONENT_NAME};
 //# sourceMappingURL=Button.js.map

package/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { Link } from 'react-router-dom'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE } from './default-constants'\nimport SuccessIcon from './images/success.module.svg'\nimport type { ButtonProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ButtonProps](https://github.com/foxford/ui/blob/master/src/components/Button/types.ts)\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      textProps = {},\n      iconProps = {},\n      as: _as,\n      className,\n      children,\n      content,\n      fontWeight,\n      icon,\n      innerRef,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n      const propsBySize = PROPS_BY_SIZE[size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = Link\n\n    if (restProps.primary) color = 'primary'\n    if (restProps.secondary) color = 'atlantis'\n\n    const rootClassName = useClassname(COMPONENT_NAME, className)\n    const textClassName = useClassname(COMPONENT_NAME)\n    const rel = useComputedRel(theme, restProps)\n    const linkProps = useComputedLinkProps(_as, restProps)\n\n    let [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    if (restProps.success) {\n      before = <SuccessIcon />\n      after = null\n    }\n\n    if (restProps.preset === 'brand' && restProps.loading) {\n      before = <Styled.LoaderIcon />\n      after = null\n    }\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        size={size}\n        inline={inline}\n        color={color}\n        fontColor={fontColor}\n        rounded={rounded}\n        rel={rel}\n        as={_as}\n        className={rootClassName}\n        ref={ref ?? innerRef}\n      >\n        {typeof children === 'function' ? (\n          children({\n            baseTextProps,\n            textProps,\n            iconBaseProps,\n            iconProps,\n            icon: [before, after],\n          })\n        ) : (\n          <>\n            {before && <Icon className='icon' icon={before} {...iconBaseProps} {...iconProps} />}\n            {(children || content) && (\n              <Text className={`${textClassName}__content`} {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && <Icon className='icon' icon={after} {...iconBaseProps} {...iconProps} />}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n      if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n      return sizes\n    },\n  }\n)\n\nexport { Button, COMPONENT_NAME }\n\nexport type { ButtonProps }\n"],"names":["COMPONENT_NAME","Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","iconProps","as","_as","className","children","content","fontWeight","icon","innerRef","restProps","_excluded","theme","useTheme","preset","round","_PROPS_BY_SIZE$size","propsBySize","PROPS_BY_SIZE","href","to","Link","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","success","_jsx","SuccessIcon","loading","Styled.LoaderIcon","baseTextProps","weight","lineHeight","marginLeft","marginRight","iconBaseProps","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","Text","displayName","sizes","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"g+BAgBMA,IAAAA,EAAiB,SAYjBC,IAAAA,EAAuDC,EAC3DC,GAAW,CAACC,EAAOC,KACjB,IAAIC,KACFA,EAAO,IADLC,OAEFA,GAAAA,EAFEC,QAGFA,GAAAA,EAHEC,MAIFA,EAAQ,SAJNC,UAKFA,EAAY,QALVC,UAMFA,EAAY,GANVC,UAOFA,EAAY,GACZC,GAAIC,EARFC,UASFA,EATEC,SAUFA,EAVEC,QAWFA,EAXEC,WAYFA,EAZEC,KAaFA,EAbEC,SAcFA,GAEEhB,EADCiB,IACDjB,EAhBJkB,GAkBA,IAAMC,EAAQC,IAEd,GAAyB,YAArBH,EAAUI,QAAwC,iBAATnB,IAAsBe,EAAUK,MAAO,CAAA,IAAAC,EAClF,IAAMC,UAAcC,EAAAA,EAAcvB,kBAAS,GAC3Ce,EAAiBO,EAAAA,EAAAA,GAAAA,GAAgBP,GAG/BA,EAAUS,OAAMhB,EAAM,KACtBO,EAAUU,KAAIjB,EAAMkB,GAEpBX,EAAUY,UAASxB,EAAQ,WAC3BY,EAAUa,YAAWzB,EAAQ,YAEjC,IAAM0B,EAAgBC,EA7CH,SA6CgCrB,GACnD,IAAMsB,EAAgBD,EA9CH,UA+CnB,IAAME,EAAMC,EAAehB,EAAOF,GAClC,IAAMmB,EAAYC,EAAqB3B,EAAKO,GAE5C,IAAKqB,EAAQC,GAASC,MAAMC,QAAQ1B,GAAQA,EAAO,CAACA,GAEhDE,EAAUyB,UACZJ,EAASK,EAACC,EAAV,IACAL,EAAQ,MAGe,UAArBtB,EAAUI,QAAsBJ,EAAU4B,UAC5CP,EAASK,EAACG,EAAV,IACAP,EAAQ,MAGV,IAAMQ,EAA2B,CAC/BtC,GAAI,OACJP,KAAM,UACNG,MAAO,UACP2C,OAAQlC,MAAAA,EAAAA,EAAoC,UAArBG,EAAUI,OAAqB,IAAM,IAC5D4B,WAAiC,UAArBhC,EAAUI,OAAqB,IAAM,EACjD6B,WAAYZ,EAAS,cAAA,EACrBa,YAAaZ,EAAQ,iBAGvB,IAAMa,EAA2B,CAAE3C,GAAI,OAAQJ,MAAO,WAEtD,OACEsC,EAACU,EACKpC,EAAAA,EAAAA,EAAAA,GAAAA,GACAmB,GAFN,GAAA,CAGElC,KAAMA,EACNC,OAAQA,EACRE,MAAOA,EACPC,UAAWA,EACXF,QAASA,EACT8B,IAAKA,EACLzB,GAAIC,EACJC,UAAWoB,EACX9B,IAAKA,MAAAA,EAAAA,EAAOe,EAXdJ,SAauB,mBAAbA,EACNA,EAAS,CACPmC,cAAAA,EACAxC,UAAAA,EACA6C,cAAAA,EACA5C,UAAAA,EACAO,KAAM,CAACuB,EAAQC,KAGjBe,EAAAC,EAAA,CAAA3C,SACG0B,CAAAA,GAAUK,EAACa,EAADC,EAAAA,EAAA,CAAM9C,UAAU,OAAOI,KAAMuB,GAAYc,GAAmB5C,KACrEI,GAAYC,IACZ8B,EAACe,EAADD,EAAAA,EAAAA,EAAA,CAAM9C,oBAAcsB,EAAL,cAAmCc,GAAmBxC,GAArE,GAAA,CAAAK,SACGA,GAAYC,KAGhB0B,GAASI,EAACa,EAADC,EAAAA,EAAA,CAAM9C,UAAU,OAAOI,KAAMwB,GAAWa,GAAmB5C,aAM/E,CACEmD,YA/GmB,SAgHnBC,MAAQ5D,IACN,IAAI4D,EAAyB,UAAjB5D,EAAMqB,OAAqBwC,EAAQC,EAG/C,OAFI9D,EAAMsB,QAAOsC,EAAyB,UAAjB5D,EAAMqB,OAAqB0C,EAAcC,GAE3DJ"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { Link } from 'react-router-dom'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE } from './default-constants'\nimport type { ButtonProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ButtonProps](https://github.com/foxford/ui/blob/master/src/components/Button/types.ts)\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      textProps = {},\n      iconProps = {},\n      as: _as,\n      className,\n      children,\n      content,\n      fontWeight,\n      icon,\n      innerRef,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n      const propsBySize = PROPS_BY_SIZE[size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = Link\n\n    if (restProps.primary) color = 'primary'\n    if (restProps.secondary) color = 'atlantis'\n\n    const rootClassName = useClassname(COMPONENT_NAME, className)\n    const textClassName = useClassname(COMPONENT_NAME)\n    const rel = useComputedRel(theme, restProps)\n    const linkProps = useComputedLinkProps(_as, restProps)\n\n    let [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    if (restProps.success) {\n      before = 'checkFill'\n      after = null\n    }\n\n    if (restProps.preset === 'brand' && restProps.loading) {\n      before = <Styled.LoaderIcon />\n      after = null\n    }\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        size={size}\n        inline={inline}\n        color={color}\n        fontColor={fontColor}\n        rounded={rounded}\n        rel={rel}\n        as={_as}\n        className={rootClassName}\n        ref={ref ?? innerRef}\n      >\n        {typeof children === 'function' ? (\n          children({\n            baseTextProps,\n            textProps,\n            iconBaseProps,\n            iconProps,\n            icon: [before, after],\n          })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                className='icon'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            {(children || content) && (\n              <Text className={`${textClassName}__content`} {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && (\n              <Icon\n                className='icon'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n      if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n      return sizes\n    },\n  }\n)\n\nexport { Button, COMPONENT_NAME }\n\nexport type { ButtonProps }\n"],"names":["COMPONENT_NAME","Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","iconProps","as","_as","className","children","content","fontWeight","icon","innerRef","restProps","_excluded","theme","useTheme","preset","round","_PROPS_BY_SIZE$size","propsBySize","PROPS_BY_SIZE","href","to","Link","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","success","loading","_jsx","Styled.LoaderIcon","baseTextProps","weight","lineHeight","marginLeft","marginRight","iconBaseProps","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","name","undefined","Text","displayName","sizes","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"k7BAeMA,IAAAA,EAAiB,SAYjBC,IAAAA,EAAuDC,EAC3DC,IAAYC,EAAOC,KACjB,IAAIC,KACFA,EAAO,IADLC,OAEFA,KAFEC,QAGFA,KAHEC,MAIFA,EAAQ,SAJNC,UAKFA,EAAY,QALVC,UAMFA,EAAY,GANVC,UAOFA,EAAY,GACZC,GAAIC,EARFC,UASFA,EATEC,SAUFA,EAVEC,QAWFA,EAXEC,WAYFA,EAZEC,KAaFA,EAbEC,SAcFA,GAEEhB,EADCiB,IACDjB,EAhBJkB,GAkBA,IAAMC,EAAQC,IAEd,GAAyB,YAArBH,EAAUI,QAAwC,iBAATnB,IAAsBe,EAAUK,MAAO,CAAA,IAAAC,EAClF,IAAMC,UAAcC,EAAAA,EAAcvB,kBAAS,GAC3Ce,EAAiBO,EAAAA,EAAAA,GAAAA,GAAgBP,GAG/BA,EAAUS,OAAMhB,EAAM,KACtBO,EAAUU,KAAIjB,EAAMkB,GAEpBX,EAAUY,UAASxB,EAAQ,WAC3BY,EAAUa,YAAWzB,EAAQ,YAEjC,IAAM0B,EAAgBC,EA7CH,SA6CgCrB,GACnD,IAAMsB,EAAgBD,EA9CH,UA+CnB,IAAME,EAAMC,EAAehB,EAAOF,GAClC,IAAMmB,EAAYC,EAAqB3B,EAAKO,GAE5C,IAAKqB,EAAQC,GAASC,MAAMC,QAAQ1B,GAAQA,EAAO,CAACA,GAEhDE,EAAUyB,UACZJ,EAAS,YACTC,EAAQ,MAGe,UAArBtB,EAAUI,QAAsBJ,EAAU0B,UAC5CL,EAASM,EAACC,EAAV,IACAN,EAAQ,MAGV,IAAMO,EAA2B,CAC/BrC,GAAI,OACJP,KAAM,UACNG,MAAO,UACP0C,OAAQjC,MAAAA,EAAAA,EAAoC,UAArBG,EAAUI,OAAqB,IAAM,IAC5D2B,WAAiC,UAArB/B,EAAUI,OAAqB,IAAM,EACjD4B,WAAYX,EAAS,cAAA,EACrBY,YAAaX,EAAQ,iBAGvB,IAAMY,EAA2B,CAAE1C,GAAI,OAAQJ,MAAO,WAEtD,OACEuC,EAACQ,EACKnC,EAAAA,EAAAA,EAAAA,GAAAA,GACAmB,GAFN,GAAA,CAGElC,KAAMA,EACNC,OAAQA,EACRE,MAAOA,EACPC,UAAWA,EACXF,QAASA,EACT8B,IAAKA,EACLzB,GAAIC,EACJC,UAAWoB,EACX9B,IAAKA,MAAAA,EAAAA,EAAOe,EAXdJ,SAauB,mBAAbA,EACNA,EAAS,CACPkC,cAAAA,EACAvC,UAAAA,EACA4C,cAAAA,EACA3C,UAAAA,EACAO,KAAM,CAACuB,EAAQC,KAGjBc,EAAAC,EAAA,CAAA1C,SACG0B,CAAAA,GACCM,EAACW,EAADC,EAAAA,EAAA,CACE7C,UAAU,OACV8C,KAAwB,iBAAXnB,EAAsBA,OAASoB,EAC5C3C,KAAwB,iBAAXuB,EAAsBA,UAC/Ba,GACA3C,KAGNI,GAAYC,IACZ+B,EAACe,EAADH,EAAAA,EAAAA,EAAA,CAAM7C,oBAAcsB,EAAL,cAAmCa,GAAmBvC,GAArE,GAAA,CAAAK,SACGA,GAAYC,KAGhB0B,GACCK,EAACW,EAADC,EAAAA,EAAA,CACE7C,UAAU,OACV8C,KAAuB,iBAAVlB,EAAqBA,SAClCxB,KAAuB,iBAAVwB,EAAqBA,OAAAA,GAC9BY,GACA3C,aAQlB,CACEoD,YA/HmB,SAgInBC,MAAQ7D,IACN,IAAI6D,EAAyB,UAAjB7D,EAAMqB,OAAqByC,EAAQC,EAG/C,OAFI/D,EAAMsB,QAAOuC,EAAyB,UAAjB7D,EAAMqB,OAAqB2C,EAAcC,GAE3DJ"}

package/components/Button/style.js

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