@foxford/ui 2.38.0 → 2.39.0-beta-345ac6d-20240814

package/components/Avatar/Avatar.js

@@ -1,2 +1 @@
-import r from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Skeleton as a}from'../Skeleton/Skeleton.js';import{Text as o}from'../Text/Text.js';import{abbreviateCaption as i}from'./utils.js';import{SIZES_SQUARE as n,SIZES as p}from'./constants.js';import{SIZES_DEFAULT as m,SIZES_MAPPING_RULES as l}from'./default-constants.js';import{Root as d}from'./style.js';import{jsx as f,Fragment as h}from'react/jsx-runtime';var c=["size","textProps","children","text"];var S=s(t(((t,s)=>{var n;var{size:p="m",textProps:m={},children:S,text:u}=t,j=e(t,c);var b='string'!=typeof p||'default'!==j.preset&&'sm'!==p?p:null!==(n=l[p])&&void 0!==n?n:p;return f(d,r(r({},j),{},{size:b,ref:s,children:j.loading?f(a,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):f(h,{children:null!=S?S:!j.src&&f(o,r(r({as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase"},m),{},{children:i(u||j.title||'')}))})}))})),{displayName:'Avatar',sizes:r=>'brand'===r.preset?r.square?n:p:m});export{S as Avatar};
-//# sourceMappingURL=Avatar.js.map
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var utils=require('./utils.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');const Avatar=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="m",textProps:s={},children:a,text:i,...n}=e;const o=typeof t!='string'||n.preset!=='default'&&t!=='sm'?t:defaultConstants.SIZES_MAPPING_RULES[t]??t;return require$$0.jsx(style.Root,{...n,size:o,ref:r,children:n.loading?require$$0.jsx(Skeleton.Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):require$$0.jsx(require$$0.Fragment,{children:a??(!n.src&&require$$0.jsx(Text.Text,{as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase",...s,children:utils.abbreviateCaption(i||n.title||'')}))})})})),{displayName:'Avatar',sizes:e=>e.preset==='brand'?e.square?constants.SIZES_SQUARE:constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.Avatar=Avatar;

package/components/Avatar/Avatar.mjs

@@ -0,0 +1 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{abbreviateCaption}from'./utils.mjs';import{SIZES_SQUARE,SIZES}from'./constants.mjs';import{SIZES_DEFAULT,SIZES_MAPPING_RULES}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx,Fragment}from'react/jsx-runtime';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';const Avatar=withMergedProps(forwardRef(((t,e)=>{const{size:r="m",textProps:o={},children:s,text:i,...a}=t;const n=typeof r!='string'||a.preset!=='default'&&r!=='sm'?r:SIZES_MAPPING_RULES[r]??r;return jsx(Root,{...a,size:n,ref:e,children:a.loading?jsx(Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):jsx(Fragment,{children:s??(!a.src&&jsx(Text,{as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase",...o,children:abbreviateCaption(i||a.title||'')}))})})})),{displayName:'Avatar',sizes:t=>t.preset==='brand'?t.square?SIZES_SQUARE:SIZES:SIZES_DEFAULT});export{Avatar};

package/components/Avatar/constants.js

@@ -1,2 +1 @@
-var i={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:12,borderRadius:'50%'},xs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:6,borderRadius:'50%'}};var e={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:24,height:24,fontSize:10,borderRadius:5},xxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxs:{width:16,height:16,fontSize:6,borderRadius:4}};export{i as SIZES,e as SIZES_SQUARE};
-//# sourceMappingURL=constants.js.map
+'use strict';exports.SIZES={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:12,borderRadius:'50%'},xs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:6,borderRadius:'50%'}},exports.SIZES_SQUARE={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:24,height:24,fontSize:10,borderRadius:5},xxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxs:{width:16,height:16,fontSize:6,borderRadius:4}};

package/components/Avatar/constants.mjs

@@ -0,0 +1 @@
+const SIZES={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:12,borderRadius:'50%'},xs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:6,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:24,height:24,fontSize:10,borderRadius:5},xxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxs:{width:16,height:16,fontSize:6,borderRadius:4}};export{SIZES,SIZES_SQUARE};

package/components/Avatar/default-constants.js

@@ -1,2 +1 @@
-var i={l:'xl',m:'l',sm:'m'};var e={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}};export{e as SIZES_DEFAULT,i as SIZES_MAPPING_RULES};
-//# sourceMappingURL=default-constants.js.map
+'use strict';exports.SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}},exports.SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'};

package/components/Avatar/default-constants.mjs

@@ -0,0 +1 @@
+const SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'};const SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}};export{SIZES_DEFAULT,SIZES_MAPPING_RULES};

package/components/Avatar/style.js

@@ -1,2 +1 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as n}from'../../shared/utils/style.js';import{responsiveSize as a}from'../../mixins/responsive-size.js';import{responsiveMargin as t}from'../../mixins/responsive-margin.js';import{getColor as s}from'../../mixins/color.js';var c=n((o=>!['src','shadow','square','loading'].includes(o)));var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  filter: drop-shadow(0 6px 10px ").concat(o.shadowColor,");\n");var l={default:e(["",""],(r=>i(o({color:r.theme.colors.white,backgroundColor:r.loading?r.theme.colors.transparent:r.theme.colors.mercury,shadowColor:r.shadow?r.theme.colors['bg-oncolor-hover']:r.theme.colors.transparent},r.palette)))),primary:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.loading?r.theme.colors.transparent:r.theme.colors['bg-brand-primary-100'],shadowColor:r.shadow?r.theme.colors['bg-oncolor-hover']:r.theme.colors.transparent},r.palette))))};var d=r.span.withConfig({shouldForwardProp:c}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:'string'==typeof r?r:"".concat(r).concat(e),borderRadius:o.square?'0.2em':'50%',width:'1em',height:'1em'})}))).withConfig({componentId:"fox-ui__sc-1dzfgqr-0"})([""," "," "," "," ",""],(o=>"\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ".concat(o.src&&!o.loading?"\n          background-image: url(".concat(o.src,");\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        "):'',"\n  ")),(o=>'brand'===o.preset?l.primary:l.default),(o=>o.color&&!o.loading&&"background-color: ".concat(s(o.color,o),";")),a,t);export{d as Root};
-//# sourceMappingURL=style.js.map
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var color=require('../../mixins/color.js');const shouldForwardAvatarProp=style.createShouldForwardProp((o=>!['src','shadow','square','loading'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n`;const COLOR_SCHEMA={default:styled.css(["",""],(o=>template({color:o.theme.colors.white,backgroundColor:o.loading?o.theme.colors.transparent:o.theme.colors.mercury,shadowColor:o.shadow?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.loading?o.theme.colors.transparent:o.theme.colors['bg-brand-primary-100'],shadowColor:o.shadow?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardAvatarProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%',width:'1em',height:'1em'})}))).withConfig({componentId:"fox-ui__sc-1dzfgqr-0"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${o.src&&!o.loading?`\n          background-image: url(${o.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `:''}\n  `),(o=>o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),(o=>o.color&&!o.loading&&`background-color: ${color.getColor(o.color,o)};`),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;

package/components/Avatar/style.mjs

@@ -0,0 +1 @@
+import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{getColor}from'../../mixins/color.mjs';const shouldForwardAvatarProp=createShouldForwardProp((o=>!['src','shadow','square','loading'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n`;const COLOR_SCHEMA={default:css(["",""],(o=>template({color:o.theme.colors.white,backgroundColor:o.loading?o.theme.colors.transparent:o.theme.colors.mercury,shadowColor:o.shadow?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.loading?o.theme.colors.transparent:o.theme.colors['bg-brand-primary-100'],shadowColor:o.shadow?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardAvatarProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%',width:'1em',height:'1em'})}))).withConfig({componentId:"fox-ui__sc-1dzfgqr-0"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${o.src&&!o.loading?`\n          background-image: url(${o.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `:''}\n  `),(o=>o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),(o=>o.color&&!o.loading&&`background-color: ${getColor(o.color,o)};`),responsiveSize,responsiveMargin);export{Root};

package/components/Avatar/utils.js

@@ -1,2 +1 @@
-var t=t=>t.split(' ').map((t=>t.trim())).filter((t=>0!==t.length)).slice(0,2).reduce(((t,e)=>{if('string'==typeof e){var r=e.codePointAt(0);'number'==typeof r&&(t+=String.fromCodePoint(r))}return t}),'')||'#';export{t as abbreviateCaption};
-//# sourceMappingURL=utils.js.map
+'use strict';exports.abbreviateCaption=t=>t.split(' ').map((t=>t.trim())).filter((t=>t.length!==0)).slice(0,2).reduce(((t,e)=>{if(typeof e=='string'){const i=e.codePointAt(0);typeof i=='number'&&(t+=String.fromCodePoint(i))}return t}),'')||'#';

package/components/Avatar/utils.mjs

@@ -0,0 +1 @@
+const abbreviateCaption=t=>t.split(' ').map((t=>t.trim())).filter((t=>t.length!==0)).slice(0,2).reduce(((t,e)=>{if(typeof e=='string'){const i=e.codePointAt(0);typeof i=='number'&&(t+=String.fromCodePoint(i))}return t}),'')||'#';export{abbreviateCaption};

package/components/Badge/Badge.js

@@ -1,2 +1 @@
-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
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Badge=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:s="s",borderRadius:i=3,textProps:o={},iconProps:t={},children:n,content:c,icon:a,...d}=e;const[u,p]=Array.isArray(a)?a:[a];const g={as:'span',size:'inherit',color:'inherit',marginLeft:u?'0.25em':void 0,marginRight:p?'0.25em':void 0};const x={color:'inherit'};return require$$0.jsx(style.Root,{...d,size:s,borderRadius:i,ref:r,children:typeof n=='function'?n({baseTextProps:g,textProps:o,iconBaseProps:x,iconProps:t,icon:a}):require$$0.jsxs(require$$0.Fragment,{children:[u&&require$$0.jsx(Icon.Icon,{name:typeof u=='string'?u:void 0,icon:typeof u!='string'?u:void 0,...x,...t}),(n||c)&&require$$0.jsx(Text.Text,{...g,...o,children:n||c}),p&&require$$0.jsx(Icon.Icon,{name:typeof p=='string'?p:void 0,icon:typeof p!='string'?p:void 0,...x,...t})]})})})),{displayName:'Badge',sizes:e=>e.round?constants.SIZES_ROUND:constants.SIZES});exports.Badge=Badge;

package/components/Badge/Badge.mjs

@@ -0,0 +1 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root}from'./style.mjs';import{SIZES_ROUND,SIZES}from'./constants.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const Badge=withMergedProps(forwardRef(((o,r)=>{const{size:e="s",borderRadius:t=3,textProps:s={},iconProps:i={},children:n,content:c,icon:m,...a}=o;const[d,p]=Array.isArray(m)?m:[m];const f={as:'span',size:'inherit',color:'inherit',marginLeft:d?'0.25em':void 0,marginRight:p?'0.25em':void 0};const x={color:'inherit'};return jsx(Root,{...a,size:e,borderRadius:t,ref:r,children:typeof n=='function'?n({baseTextProps:f,textProps:s,iconBaseProps:x,iconProps:i,icon:m}):jsxs(Fragment,{children:[d&&jsx(Icon,{name:typeof d=='string'?d:void 0,icon:typeof d!='string'?d:void 0,...x,...i}),(n||c)&&jsx(Text,{...f,...s,children:n||c}),p&&jsx(Icon,{name:typeof p=='string'?p:void 0,icon:typeof p!='string'?p:void 0,...x,...i})]})})})),{displayName:'Badge',sizes:o=>o.round?SIZES_ROUND:SIZES});export{Badge};

package/components/Badge/constants.js

@@ -1,2 +1 @@
-var i={xxxl:{height:34,fontSize:22,paddingRight:10,paddingLeft:10},xxl:{height:32,fontSize:20,paddingRight:10,paddingLeft:10},xl:{height:30,fontSize:18,paddingRight:10,paddingLeft:10},l:{height:28,fontSize:16,paddingRight:8,paddingLeft:8},m:{height:26,fontSize:14,paddingRight:8,paddingLeft:8},s:{height:24,fontSize:12,paddingRight:8,paddingLeft:8},xs:{height:22,fontSize:10,paddingRight:6,paddingLeft:6},xxs:{height:20,fontSize:10,paddingRight:6,paddingLeft:6},xxxs:{height:18,fontSize:10,paddingRight:6,paddingLeft:6}};var t={xxxl:{height:34,width:34,fontSize:22},xxl:{height:32,width:32,fontSize:20},xl:{height:30,width:30,fontSize:18},l:{height:28,width:28,fontSize:16},m:{height:26,width:26,fontSize:14},s:{height:24,width:24,fontSize:12},xs:{height:22,width:22,fontSize:10},xxs:{height:20,width:20,fontSize:10},xxxs:{height:18,width:18,fontSize:10}};export{i as SIZES,t as SIZES_ROUND};
-//# sourceMappingURL=constants.js.map
+'use strict';exports.SIZES={xxxl:{height:34,fontSize:22,paddingRight:10,paddingLeft:10},xxl:{height:32,fontSize:20,paddingRight:10,paddingLeft:10},xl:{height:30,fontSize:18,paddingRight:10,paddingLeft:10},l:{height:28,fontSize:16,paddingRight:8,paddingLeft:8},m:{height:26,fontSize:14,paddingRight:8,paddingLeft:8},s:{height:24,fontSize:12,paddingRight:8,paddingLeft:8},xs:{height:22,fontSize:10,paddingRight:6,paddingLeft:6},xxs:{height:20,fontSize:10,paddingRight:6,paddingLeft:6},xxxs:{height:18,fontSize:10,paddingRight:6,paddingLeft:6}},exports.SIZES_ROUND={xxxl:{height:34,width:34,fontSize:22},xxl:{height:32,width:32,fontSize:20},xl:{height:30,width:30,fontSize:18},l:{height:28,width:28,fontSize:16},m:{height:26,width:26,fontSize:14},s:{height:24,width:24,fontSize:12},xs:{height:22,width:22,fontSize:10},xxs:{height:20,width:20,fontSize:10},xxxs:{height:18,width:18,fontSize:10}};

package/components/Badge/constants.mjs

@@ -0,0 +1 @@
+const SIZES={xxxl:{height:34,fontSize:22,paddingRight:10,paddingLeft:10},xxl:{height:32,fontSize:20,paddingRight:10,paddingLeft:10},xl:{height:30,fontSize:18,paddingRight:10,paddingLeft:10},l:{height:28,fontSize:16,paddingRight:8,paddingLeft:8},m:{height:26,fontSize:14,paddingRight:8,paddingLeft:8},s:{height:24,fontSize:12,paddingRight:8,paddingLeft:8},xs:{height:22,fontSize:10,paddingRight:6,paddingLeft:6},xxs:{height:20,fontSize:10,paddingRight:6,paddingLeft:6},xxxs:{height:18,fontSize:10,paddingRight:6,paddingLeft:6}};const SIZES_ROUND={xxxl:{height:34,width:34,fontSize:22},xxl:{height:32,width:32,fontSize:20},xl:{height:30,width:30,fontSize:18},l:{height:28,width:28,fontSize:16},m:{height:26,width:26,fontSize:14},s:{height:24,width:24,fontSize:12},xs:{height:22,width:22,fontSize:10},xxs:{height:20,width:20,fontSize:10},xxxs:{height:18,width:18,fontSize:10}};export{SIZES,SIZES_ROUND};

package/components/Badge/style.js

@@ -1,2 +1 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o,{css as n}from'styled-components';import{color as e}from'../../mixins/color.js';import{display as a}from'../../mixins/display.js';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as i}from'../../mixins/responsive-margin.js';import{createShouldForwardProp as s}from'../../shared/utils/style.js';import{focus as c}from'../../mixins/focus.js';var d=s((r=>!['round','content','borderRadius','resetDefaultMargin','display'].includes(r)));var l=r=>"\n  color: ".concat(r.color,";\n  background-color: ").concat(r.backgroundColor,";\n");var m={primary:n(["",""],(o=>l(r({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100']},o.palette)))),secondary:n(["",""],(o=>l(r({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-100']},o.palette)))),tertiary:n(["",""],(o=>l(r({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-100']},o.palette)))),quaternary:n(["",""],(o=>l(r({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-100']},o.palette))))};var p=o.div.withConfig({shouldForwardProp:d}).attrs((r=>({dynamicSizeDeclaration:(o,n)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(n),height:'1.8em',width:r.round?'1.8em':void 0,paddingRight:r.round?void 0:'0.6em',paddingLeft:r.round?void 0:'0.6em'})}))).withConfig({componentId:"fox-ui__sc-h3lnrc-0"})([""," "," "," "," "," "," "," ",""],(r=>{var o='number'==typeof r.borderRadius?"".concat(r.borderRadius,"px"):r.borderRadius;return"\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ".concat(r.round?'50%':o,";\n      cursor: default;\n    ")}),(r=>r.quaternary?m.quaternary:r.tertiary?m.tertiary:r.secondary?m.secondary:m.primary),c,t,i,(r=>r.color&&e(r.color,'background-color')),(r=>r.display&&a(r.display)),(r=>!r.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }'));export{p as Root};
-//# sourceMappingURL=style.js.map
+'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var display=require('../../mixins/display.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');const shouldForwardBadgeProp=style.createShouldForwardProp((r=>!['round','content','borderRadius','resetDefaultMargin','display'].includes(r)));const template=r=>`\n  color: ${r.color};\n  background-color: ${r.backgroundColor};\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],...r.palette}))),secondary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-100'],...r.palette}))),tertiary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-100'],...r.palette}))),quaternary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-100'],...r.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardBadgeProp}).attrs((r=>({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,height:'1.8em',width:r.round?'1.8em':void 0,paddingRight:r.round?void 0:'0.6em',paddingLeft:r.round?void 0:'0.6em'})}))).withConfig({componentId:"fox-ui__sc-h3lnrc-0"})([""," "," "," "," "," "," "," ",""],(r=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${r.round?'50%':typeof r.borderRadius=='number'?`${r.borderRadius}px`:r.borderRadius};\n      cursor: default;\n    `),(r=>r.quaternary?COLOR_SCHEMA.quaternary:r.tertiary?COLOR_SCHEMA.tertiary:r.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(r=>r.color&&color.color(r.color,'background-color')),(r=>r.display&&display.display(r.display)),(r=>!r.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }'));exports.Root=Root;

package/components/Badge/style.mjs

@@ -0,0 +1 @@
+import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{display}from'../../mixins/display.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{focus}from'../../mixins/focus.mjs';const shouldForwardBadgeProp=createShouldForwardProp((o=>!['round','content','borderRadius','resetDefaultMargin','display'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-100'],...o.palette}))),tertiary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-100'],...o.palette}))),quaternary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-100'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardBadgeProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,height:'1.8em',width:o.round?'1.8em':void 0,paddingRight:o.round?void 0:'0.6em',paddingLeft:o.round?void 0:'0.6em'})}))).withConfig({componentId:"fox-ui__sc-h3lnrc-0"})([""," "," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${o.round?'50%':typeof o.borderRadius=='number'?`${o.borderRadius}px`:o.borderRadius};\n      cursor: default;\n    `),(o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus,responsiveSize,responsiveMargin,(o=>o.color&&color(o.color,'background-color')),(o=>o.display&&display(o.display)),(o=>!o.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }'));export{Root};

package/components/Button/Button.js

@@ -1,2 +1 @@
-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
+'use strict';var React=require('react');var styled=require('styled-components');var reactRouterDom=require('react-router-dom');var useClassname=require('../../hooks/useClassname.js');var withMergedProps=require('../../hocs/withMergedProps.js');var hooks=require('./hooks.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Button=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{let{size:s="m",inline:t=!0,rounded:o=!0,color:n="accent",fontColor:a="white",textProps:i={},iconProps:c={},as:u,className:l,children:d,content:p,fontWeight:m,icon:h,innerRef:f,...q}=e;const y=styled.useTheme();q.preset!=='default'||typeof s!='string'||q.round||(q={...defaultConstants.PROPS_BY_SIZE[s]??{},...q}),q.href&&(u='a'),q.to&&(u=reactRouterDom.Link),q.primary&&(n='primary'),q.secondary&&(n='atlantis');const v=useClassname.useClassname("Button",l);const g=useClassname.useClassname("Button");const x=hooks.useComputedRel(y,q);const $=hooks.useComputedLinkProps(u,q);let[j,C]=Array.isArray(h)?h:[h];q.success&&(j='checkFill',C=null),q.preset==='brand'&&q.loading&&(j=require$$0.jsx(style.LoaderIcon,{}),C=null);const P={as:'span',size:'inherit',color:'inherit',weight:m??(q.preset==='brand'?800:600),lineHeight:q.preset==='brand'?1.2:1,marginLeft:j?'0.25em':void 0,marginRight:C?'0.25em':void 0};const I={as:'span',color:'inherit'};return require$$0.jsx(style.Root,{...q,...$,size:s,inline:t,color:n,fontColor:a,rounded:o,rel:x,as:u,className:v,ref:r??f,children:typeof d=='function'?d({baseTextProps:P,textProps:i,iconBaseProps:I,iconProps:c,icon:[j,C]}):require$$0.jsxs(require$$0.Fragment,{children:[j&&require$$0.jsx(Icon.Icon,{className:"icon",name:typeof j=='string'?j:void 0,icon:typeof j!='string'?j:void 0,...I,...c}),(d||p)&&require$$0.jsx(Text.Text,{className:`${g}__content`,...P,...i,children:d||p}),C&&require$$0.jsx(Icon.Icon,{className:"icon",name:typeof C=='string'?C:void 0,icon:typeof C!='string'?C:void 0,...I,...c})]})})})),{displayName:"Button",sizes:e=>{let r=e.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT;return e.round&&(r=e.preset==='brand'?constants.SIZES_ROUND:defaultConstants.SIZES_ROUND_DEFAULT),r}});exports.Button=Button,exports.COMPONENT_NAME="Button";

package/components/Button/Button.mjs

@@ -0,0 +1 @@
+import{forwardRef}from'react';import{useTheme}from'styled-components';import{Link}from'react-router-dom';import{useClassname}from'../../hooks/useClassname.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useComputedRel,useComputedLinkProps}from'./hooks.mjs';import{SIZES,SIZES_ROUND}from'./constants.mjs';import{SIZES_DEFAULT,SIZES_ROUND_DEFAULT,PROPS_BY_SIZE}from'./default-constants.mjs';import{Root,LoaderIcon}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Button';const Button=withMergedProps(forwardRef(((o,e)=>{let{size:t="m",inline:s=!0,rounded:r=!0,color:n="accent",fontColor:i="white",textProps:m={},iconProps:a={},as:c,className:p,children:l,content:d,fontWeight:u,icon:f,innerRef:h,...S}=o;const E=useTheme();S.preset!=='default'||typeof t!='string'||S.round||(S={...PROPS_BY_SIZE[t]??{},...S}),S.href&&(c='a'),S.to&&(c=Link),S.primary&&(n='primary'),S.secondary&&(n='atlantis');const g=useClassname("Button",p);const j=useClassname("Button");const x=useComputedRel(E,S);const I=useComputedLinkProps(c,S);let[P,N]=Array.isArray(f)?f:[f];S.success&&(P='checkFill',N=null),S.preset==='brand'&&S.loading&&(P=jsx(LoaderIcon,{}),N=null);const _={as:'span',size:'inherit',color:'inherit',weight:u??(S.preset==='brand'?800:600),lineHeight:S.preset==='brand'?1.2:1,marginLeft:P?'0.25em':void 0,marginRight:N?'0.25em':void 0};const y={as:'span',color:'inherit'};return jsx(Root,{...S,...I,size:t,inline:s,color:n,fontColor:i,rounded:r,rel:x,as:c,className:g,ref:e??h,children:typeof l=='function'?l({baseTextProps:_,textProps:m,iconBaseProps:y,iconProps:a,icon:[P,N]}):jsxs(Fragment,{children:[P&&jsx(Icon,{className:"icon",name:typeof P=='string'?P:void 0,icon:typeof P!='string'?P:void 0,...y,...a}),(l||d)&&jsx(Text,{className:`${j}__content`,..._,...m,children:l||d}),N&&jsx(Icon,{className:"icon",name:typeof N=='string'?N:void 0,icon:typeof N!='string'?N:void 0,...y,...a})]})})})),{displayName:"Button",sizes:o=>{let e=o.preset==='brand'?SIZES:SIZES_DEFAULT;return o.round&&(e=o.preset==='brand'?SIZES_ROUND:SIZES_ROUND_DEFAULT),e}});export{Button,COMPONENT_NAME};

package/components/Button/constants.js

@@ -1,2 +1 @@
-var i={xxxl:{fontSize:22,height:64,paddingLeft:36,paddingRight:36},xxl:{fontSize:20,height:60,paddingLeft:34,paddingRight:34},xl:{fontSize:18,height:56,paddingLeft:32,paddingRight:32},l:{fontSize:16,height:48,paddingLeft:28,paddingRight:28},m:{fontSize:16,height:44,paddingLeft:28,paddingRight:28},s:{fontSize:14,height:40,paddingLeft:24,paddingRight:24},xs:{fontSize:14,height:32,paddingLeft:16,paddingRight:16},xxs:{fontSize:12,height:28,paddingLeft:14,paddingRight:14},xxxs:{fontSize:10,height:24,paddingLeft:12,paddingRight:12}};var t={xxxl:{fontSize:32,height:64,width:64},xxl:{fontSize:28,height:60,width:60},xl:{fontSize:24,height:56,width:56},l:{fontSize:20,height:48,width:48},m:{fontSize:16,height:44,width:44},s:{fontSize:16,height:40,width:40},xs:{fontSize:16,height:32,width:32},xxs:{fontSize:16,height:28,width:28},xxxs:{fontSize:14,height:24,width:24}};export{i as SIZES,t as SIZES_ROUND};
-//# sourceMappingURL=constants.js.map
+'use strict';exports.SIZES={xxxl:{fontSize:22,height:64,paddingLeft:36,paddingRight:36},xxl:{fontSize:20,height:60,paddingLeft:34,paddingRight:34},xl:{fontSize:18,height:56,paddingLeft:32,paddingRight:32},l:{fontSize:16,height:48,paddingLeft:28,paddingRight:28},m:{fontSize:16,height:44,paddingLeft:28,paddingRight:28},s:{fontSize:14,height:40,paddingLeft:24,paddingRight:24},xs:{fontSize:14,height:32,paddingLeft:16,paddingRight:16},xxs:{fontSize:12,height:28,paddingLeft:14,paddingRight:14},xxxs:{fontSize:10,height:24,paddingLeft:12,paddingRight:12}},exports.SIZES_ROUND={xxxl:{fontSize:32,height:64,width:64},xxl:{fontSize:28,height:60,width:60},xl:{fontSize:24,height:56,width:56},l:{fontSize:20,height:48,width:48},m:{fontSize:16,height:44,width:44},s:{fontSize:16,height:40,width:40},xs:{fontSize:16,height:32,width:32},xxs:{fontSize:16,height:28,width:28},xxxs:{fontSize:14,height:24,width:24}};

package/components/Button/constants.mjs

@@ -0,0 +1 @@
+const SIZES={xxxl:{fontSize:22,height:64,paddingLeft:36,paddingRight:36},xxl:{fontSize:20,height:60,paddingLeft:34,paddingRight:34},xl:{fontSize:18,height:56,paddingLeft:32,paddingRight:32},l:{fontSize:16,height:48,paddingLeft:28,paddingRight:28},m:{fontSize:16,height:44,paddingLeft:28,paddingRight:28},s:{fontSize:14,height:40,paddingLeft:24,paddingRight:24},xs:{fontSize:14,height:32,paddingLeft:16,paddingRight:16},xxs:{fontSize:12,height:28,paddingLeft:14,paddingRight:14},xxxs:{fontSize:10,height:24,paddingLeft:12,paddingRight:12}};const SIZES_ROUND={xxxl:{fontSize:32,height:64,width:64},xxl:{fontSize:28,height:60,width:60},xl:{fontSize:24,height:56,width:56},l:{fontSize:20,height:48,width:48},m:{fontSize:16,height:44,width:44},s:{fontSize:16,height:40,width:40},xs:{fontSize:16,height:32,width:32},xxs:{fontSize:16,height:28,width:28},xxxs:{fontSize:14,height:24,width:24}};export{SIZES,SIZES_ROUND};

package/components/Button/default-constants.js

@@ -1,2 +1 @@
-var i={xxxl:{fontSize:24,height:78,paddingLeft:44,paddingRight:44},xxl:{fontSize:22,height:72,paddingLeft:40,paddingRight:40},xl:{fontSize:20,height:68,paddingLeft:40,paddingRight:40},l:{fontSize:18,height:60,paddingLeft:36,paddingRight:36},m:{fontSize:16,height:52,paddingLeft:32,paddingRight:32},s:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xs:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xxs:{fontSize:12,height:32,paddingLeft:18,paddingRight:18},xxxs:{fontSize:10,height:28,paddingLeft:12,paddingRight:12}};var d={xxxl:{fontSize:32,lineHeight:1,padding:'0.28em',width:72,height:72},xxl:{fontSize:30,lineHeight:1,padding:'0.28em',width:68,height:68},xl:{fontSize:26,lineHeight:1,padding:'0.28em',width:60,height:60},l:{fontSize:23,lineHeight:1,padding:'0.28em',width:52,height:52},m:{fontSize:21,lineHeight:1,padding:'0.28em',width:48,height:48},s:{fontSize:18,lineHeight:1,padding:'0.28em',width:40,height:40},xs:{fontSize:14,lineHeight:1,padding:'0.28em',width:32,height:32},xxs:{fontSize:12,lineHeight:1,padding:'0.28em',width:24,height:24},xxxs:{fontSize:8,lineHeight:1,padding:'0.28em',width:18,height:18}};var t={xl:{paddingLeftM:36,paddingRightM:36,paddingLeftS:32,paddingRightS:32},l:{fontSizeM:'m',heightM:56,heightS:52,paddingLeftM:28,paddingRightM:28,paddingLeftS:24,paddingRightS:24},m:{paddingLeftM:24,paddingRightM:24,paddingLeftS:20,paddingRightS:20},s:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16},xs:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16}};export{t as PROPS_BY_SIZE,i as SIZES_DEFAULT,d as SIZES_ROUND_DEFAULT};
-//# sourceMappingURL=default-constants.js.map
+'use strict';exports.PROPS_BY_SIZE={xl:{paddingLeftM:36,paddingRightM:36,paddingLeftS:32,paddingRightS:32},l:{fontSizeM:'m',heightM:56,heightS:52,paddingLeftM:28,paddingRightM:28,paddingLeftS:24,paddingRightS:24},m:{paddingLeftM:24,paddingRightM:24,paddingLeftS:20,paddingRightS:20},s:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16},xs:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16}},exports.SIZES_DEFAULT={xxxl:{fontSize:24,height:78,paddingLeft:44,paddingRight:44},xxl:{fontSize:22,height:72,paddingLeft:40,paddingRight:40},xl:{fontSize:20,height:68,paddingLeft:40,paddingRight:40},l:{fontSize:18,height:60,paddingLeft:36,paddingRight:36},m:{fontSize:16,height:52,paddingLeft:32,paddingRight:32},s:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xs:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xxs:{fontSize:12,height:32,paddingLeft:18,paddingRight:18},xxxs:{fontSize:10,height:28,paddingLeft:12,paddingRight:12}},exports.SIZES_ROUND_DEFAULT={xxxl:{fontSize:32,lineHeight:1,padding:'0.28em',width:72,height:72},xxl:{fontSize:30,lineHeight:1,padding:'0.28em',width:68,height:68},xl:{fontSize:26,lineHeight:1,padding:'0.28em',width:60,height:60},l:{fontSize:23,lineHeight:1,padding:'0.28em',width:52,height:52},m:{fontSize:21,lineHeight:1,padding:'0.28em',width:48,height:48},s:{fontSize:18,lineHeight:1,padding:'0.28em',width:40,height:40},xs:{fontSize:14,lineHeight:1,padding:'0.28em',width:32,height:32},xxs:{fontSize:12,lineHeight:1,padding:'0.28em',width:24,height:24},xxxs:{fontSize:8,lineHeight:1,padding:'0.28em',width:18,height:18}};

package/components/Button/default-constants.mjs

@@ -0,0 +1 @@
+const SIZES_DEFAULT={xxxl:{fontSize:24,height:78,paddingLeft:44,paddingRight:44},xxl:{fontSize:22,height:72,paddingLeft:40,paddingRight:40},xl:{fontSize:20,height:68,paddingLeft:40,paddingRight:40},l:{fontSize:18,height:60,paddingLeft:36,paddingRight:36},m:{fontSize:16,height:52,paddingLeft:32,paddingRight:32},s:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xs:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xxs:{fontSize:12,height:32,paddingLeft:18,paddingRight:18},xxxs:{fontSize:10,height:28,paddingLeft:12,paddingRight:12}};const SIZES_ROUND_DEFAULT={xxxl:{fontSize:32,lineHeight:1,padding:'0.28em',width:72,height:72},xxl:{fontSize:30,lineHeight:1,padding:'0.28em',width:68,height:68},xl:{fontSize:26,lineHeight:1,padding:'0.28em',width:60,height:60},l:{fontSize:23,lineHeight:1,padding:'0.28em',width:52,height:52},m:{fontSize:21,lineHeight:1,padding:'0.28em',width:48,height:48},s:{fontSize:18,lineHeight:1,padding:'0.28em',width:40,height:40},xs:{fontSize:14,lineHeight:1,padding:'0.28em',width:32,height:32},xxs:{fontSize:12,lineHeight:1,padding:'0.28em',width:24,height:24},xxxs:{fontSize:8,lineHeight:1,padding:'0.28em',width:18,height:18}};const PROPS_BY_SIZE={xl:{paddingLeftM:36,paddingRightM:36,paddingLeftS:32,paddingRightS:32},l:{fontSizeM:'m',heightM:56,heightS:52,paddingLeftM:28,paddingRightM:28,paddingLeftS:24,paddingRightS:24},m:{paddingLeftM:24,paddingRightM:24,paddingLeftS:20,paddingRightS:20},s:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16},xs:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16}};export{PROPS_BY_SIZE,SIZES_DEFAULT,SIZES_ROUND_DEFAULT};

package/components/Button/hooks.js

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

package/components/Button/hooks.mjs

@@ -0,0 +1 @@
+function useComputedRel(e,t){const r=e.utils?.relBuilder;let o;return t.href&&(o=t.rel,!o&&r&&t.autoRel&&(t.href||t.to)&&(o=r(t.href??t.to,t.target))),o}function useComputedLinkProps(e,t){let r={};return e===void 0||t.disabled||(e==='a'?r={href:t.href||t.to,target:t.target}:typeof e!='string'&&(r={to:t.to||t.href})),r}export{useComputedLinkProps,useComputedRel};

package/components/Button/style.js

@@ -1,2 +1 @@
-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
+'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var responsiveProperty=require('../../mixins/responsive-property.js');var color=require('../../mixins/color.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');var regexp=require('../../shared/regexp.js');var index=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js');const shouldForwardButtonProp=style.createShouldForwardProp((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=>!(regexp.responsiveFluidPropKeyRegExp.test(o)||regexp.responsiveWidthPropKeyRegExp.test(o)||regexp.responsivePaddingPropKeyRegExp.test(o)||regexp.responsiveFontSizePropKeyRegExp.test(o)||regexp.responsiveHeightPropKeyRegExp.test(o))));const WIDTHS={xl:320,l:280,m:245,s:180,xs:140};const loadingAnimation=styled.keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const defaultLoadingStyles=styled.css(["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;"],loadingAnimation);const getWidth=o=>o==='auto'?'auto':typeof o=='number'||typeof o=='boolean'?o:o&&WIDTHS[o]?WIDTHS[o]:'auto';const fluidStyles=()=>styled.css(["min-width:initial;width:100%;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={onColored:{clear:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-oncontrast-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-secondary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success||o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},danger:{clear:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['alert-bg-error-500'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['alert-bg-error-500'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},black:{clear:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.loading?o.theme.colors['content-onmain-inverse']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-onmain-inverse']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-onmain-contrast'],colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():o.theme.colors['bg-onmain-inverse'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-inverse'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{clear:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:styled.css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:styled.css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-brand-primary'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['bg-brand-primary-basic'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-brand-primary-basic'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const defaultStyles=styled.css([""," "," "," "," "," ",""],(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: ${o.fontColor};\n        background-color: ${tinycolor(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString()};\n      }\n      ${o.inverted||o.basic||o.outline?`\n              &:not(:hover) {\n                border: 1px solid ${o.theme.colors[o.color]};\n              }\n              &:hover {\n                border: 1px solid ${o.theme.colors[o.color]};\n              }\n            `:''}\n    `),(o=>o.loading?defaultLoadingStyles:''),(o=>{let r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),color.color(o.color,r)}),(o=>{let r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),color.color(o.fontColor,r)}),(o=>o.disabled?`\n      cursor: not-allowed;\n      background-color: ${o.theme.colors.mercury};\n      color: ${o.theme.colors.silver};\n    `:''),(o=>o.basic||o.outline?'background-color: transparent;':''));const Root=styled.button.withConfig({shouldForwardProp:shouldForwardButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${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=>{let r=o.inline?'inline-flex':'flex';o.display&&(r=o.display);let e='0px';o.rounded&&(e=o.preset==='brand'?'48px':'5px'),o.round&&(e='50%');let t='pointer';return o.disabled&&(t='not-allowed'),o.loading&&(t='wait'),`\n      display: ${r};\n      border-radius: ${e};\n      cursor: ${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      ${o.preset==='brand'?"\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(o.preset==='default')return defaultStyles;let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.danger&&(r=COLOR_SCHEMA.danger),o.onColored&&(r=COLOR_SCHEMA.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),focus.focus,responsiveSize.responsiveSize,(o=>o.padding?responsiveProperty.property(o.padding,'padding'):null),(o=>o.paddingTop?responsiveProperty.property(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?responsiveProperty.property(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?responsiveProperty.property(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?responsiveProperty.property(o.paddingLeft,'padding-left'):null),(o=>o.margin?responsiveProperty.property(o.margin,'margin'):null),(o=>o.marginTop?responsiveProperty.property(o.marginTop,'margin-top'):null),(o=>o.marginRight?responsiveProperty.property(o.marginRight,'margin-right'):null),(o=>o.marginBottom?responsiveProperty.property(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?responsiveProperty.property(o.marginLeft,'margin-left'):null),(o=>o.fontSize?responsiveProperty.property(o.fontSize,'font-size'):null),(o=>o.height?responsiveProperty.property(o.height,'height'):null),(o=>{const r=o.fluid&&o.width!=='auto'?'max-width':'width';return o.width?responsiveProperty.property(getWidth(o.width),r):null}),(({paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n},cssProperty:'padding'})),(({paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n},cssProperty:'padding-top'})),(({paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n},cssProperty:'padding-right'})),(({paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n},cssProperty:'padding-bottom'})),(({paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n},cssProperty:'padding-left'})),(({marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n},cssProperty:'margin'})),(({marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n},cssProperty:'margin-top'})),(({marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n},cssProperty:'margin-right'})),(({marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n},cssProperty:'margin-bottom'})),(({marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n},cssProperty:'margin-left'})),(({fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n},cssProperty:'font-size'})),(({heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n},cssProperty:'height'})),(({widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n,fluid:s,width:c})=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n},cssProperty:s&&c!=='auto'?'max-width':'width',customSizeHandler:getWidth})),(o=>o.fluid?responsiveProperty.property(o.fluid,fluidStyles):null),(({fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n})=>responsiveProperty.responsiveNamedProperty({sizes:{fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n},cssProperty:fluidStyles})));const LoaderIcon=styled(index.LoaderFill).withConfig({componentId:"fox-ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);exports.LoaderIcon=LoaderIcon,exports.Root=Root;

package/components/Button/style.mjs

@@ -0,0 +1 @@
+import styled,{keyframes,css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{color}from'../../mixins/color.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveFluidPropKeyRegExp,responsiveWidthPropKeyRegExp,responsivePaddingPropKeyRegExp,responsiveFontSizePropKeyRegExp,responsiveHeightPropKeyRegExp}from'../../shared/regexp.mjs';import{LoaderFill as LoaderFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.mjs';const shouldForwardButtonProp=createShouldForwardProp((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=>!(responsiveFluidPropKeyRegExp.test(o)||responsiveWidthPropKeyRegExp.test(o)||responsivePaddingPropKeyRegExp.test(o)||responsiveFontSizePropKeyRegExp.test(o)||responsiveHeightPropKeyRegExp.test(o))));const WIDTHS={xl:320,l:280,m:245,s:180,xs:140};const loadingAnimation=keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const defaultLoadingStyles=css(["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;"],loadingAnimation);const getWidth=o=>o==='auto'?'auto':typeof o=='number'||typeof o=='boolean'?o:o&&WIDTHS[o]?WIDTHS[o]:'auto';const fluidStyles=()=>css(["min-width:initial;width:100%;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={onColored:{clear:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-oncontrast-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncontrast-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-secondary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():tinycolor(o.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success||o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:o.success?tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString():o.theme.colors['bg-oncolor-primary'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},danger:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['alert-error'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['alert-error']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['alert-error'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['alert-bg-error-500'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['alert-bg-error-500'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['alert-bg-error-500']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},black:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-oncolor-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.loading?o.theme.colors['content-onmain-inverse']:o.theme.colors['content-oncolor-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-onmain-inverse']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-onmain-contrast'],colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():o.theme.colors['bg-onmain-inverse'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-inverse'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-inverse'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).lighten(4).toString():tinycolor(o.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{clear:css(["",""],(o=>template({color:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['alert-success']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.theme.colors['bg-oncolor-hover'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),base:css(["",""],(o=>template({color:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.success?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-brand-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-onmain-tertiary']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),outline:css(["",""],(o=>template({color:o.success||o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-brand-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors.transparent,borderColor:o.success||o.loading?o.theme.colors.transparent:o.theme.colors['border-brand-primary'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():o.theme.colors['bg-brand-primary-basic'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.success?o.theme.colors['alert-bg-success-500']:o.theme.colors['bg-brand-primary-basic'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.success?tinycolor(o.theme.colors['alert-bg-success-500']).darken(2).toString():tinycolor(o.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.loading?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-disabled'],backgroundColorDisabled:o.loading?o.theme.colors['bg-brand-primary-basic']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const defaultStyles=css([""," "," "," "," "," ",""],(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: ${o.fontColor};\n        background-color: ${tinycolor(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString()};\n      }\n      ${o.inverted||o.basic||o.outline?`\n              &:not(:hover) {\n                border: 1px solid ${o.theme.colors[o.color]};\n              }\n              &:hover {\n                border: 1px solid ${o.theme.colors[o.color]};\n              }\n            `:''}\n    `),(o=>o.loading?defaultLoadingStyles:''),(o=>{let r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),color(o.color,r)}),(o=>{let r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),color(o.fontColor,r)}),(o=>o.disabled?`\n      cursor: not-allowed;\n      background-color: ${o.theme.colors.mercury};\n      color: ${o.theme.colors.silver};\n    `:''),(o=>o.basic||o.outline?'background-color: transparent;':''));const Root=styled.button.withConfig({shouldForwardProp:shouldForwardButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${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=>{let r=o.inline?'inline-flex':'flex';o.display&&(r=o.display);let e='0px';o.rounded&&(e=o.preset==='brand'?'48px':'5px'),o.round&&(e='50%');let t='pointer';return o.disabled&&(t='not-allowed'),o.loading&&(t='wait'),`\n      display: ${r};\n      border-radius: ${e};\n      cursor: ${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      ${o.preset==='brand'?"\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(o.preset==='default')return defaultStyles;let r=COLOR_SCHEMA.default;return o.black&&(r=COLOR_SCHEMA.black),o.danger&&(r=COLOR_SCHEMA.danger),o.onColored&&(r=COLOR_SCHEMA.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),focus,responsiveSize,(o=>o.padding?property(o.padding,'padding'):null),(o=>o.paddingTop?property(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?property(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?property(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?property(o.paddingLeft,'padding-left'):null),(o=>o.margin?property(o.margin,'margin'):null),(o=>o.marginTop?property(o.marginTop,'margin-top'):null),(o=>o.marginRight?property(o.marginRight,'margin-right'):null),(o=>o.marginBottom?property(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?property(o.marginLeft,'margin-left'):null),(o=>o.fontSize?property(o.fontSize,'font-size'):null),(o=>o.height?property(o.height,'height'):null),(o=>{const r=o.fluid&&o.width!=='auto'?'max-width':'width';return o.width?property(getWidth(o.width),r):null}),(({paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n})=>responsiveNamedProperty({sizes:{paddingXS:o,paddingS:r,paddingM:e,paddingL:t,paddingXL:n},cssProperty:'padding'})),(({paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n})=>responsiveNamedProperty({sizes:{paddingTopXS:o,paddingTopS:r,paddingTopM:e,paddingTopL:t,paddingTopXL:n},cssProperty:'padding-top'})),(({paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n})=>responsiveNamedProperty({sizes:{paddingRightXS:o,paddingRightS:r,paddingRightM:e,paddingRightL:t,paddingRightXL:n},cssProperty:'padding-right'})),(({paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n})=>responsiveNamedProperty({sizes:{paddingBottomXS:o,paddingBottomS:r,paddingBottomM:e,paddingBottomL:t,paddingBottomXL:n},cssProperty:'padding-bottom'})),(({paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n})=>responsiveNamedProperty({sizes:{paddingLeftXS:o,paddingLeftS:r,paddingLeftM:e,paddingLeftL:t,paddingLeftXL:n},cssProperty:'padding-left'})),(({marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n})=>responsiveNamedProperty({sizes:{marginXS:o,marginS:r,marginM:e,marginL:t,marginXL:n},cssProperty:'margin'})),(({marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n})=>responsiveNamedProperty({sizes:{marginTopXS:o,marginTopS:r,marginTopM:e,marginTopL:t,marginTopXL:n},cssProperty:'margin-top'})),(({marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n})=>responsiveNamedProperty({sizes:{marginRightXS:o,marginRightS:r,marginRightM:e,marginRightL:t,marginRightXL:n},cssProperty:'margin-right'})),(({marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n})=>responsiveNamedProperty({sizes:{marginBottomXS:o,marginBottomS:r,marginBottomM:e,marginBottomL:t,marginBottomXL:n},cssProperty:'margin-bottom'})),(({marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n})=>responsiveNamedProperty({sizes:{marginLeftXS:o,marginLeftS:r,marginLeftM:e,marginLeftL:t,marginLeftXL:n},cssProperty:'margin-left'})),(({fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n})=>responsiveNamedProperty({sizes:{fontSizeXS:o,fontSizeS:r,fontSizeM:e,fontSizeL:t,fontSizeXL:n},cssProperty:'font-size'})),(({heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n})=>responsiveNamedProperty({sizes:{heightXS:o,heightS:r,heightM:e,heightL:t,heightXL:n},cssProperty:'height'})),(({widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n,fluid:s,width:c})=>responsiveNamedProperty({sizes:{widthXS:o,widthS:r,widthM:e,widthL:t,widthXL:n},cssProperty:s&&c!=='auto'?'max-width':'width',customSizeHandler:getWidth})),(o=>o.fluid?property(o.fluid,fluidStyles):null),(({fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n})=>responsiveNamedProperty({sizes:{fluidXS:o,fluidS:r,fluidM:e,fluidL:t,fluidXL:n},cssProperty:fluidStyles})));const LoaderIcon=styled(LoaderFill_2).withConfig({componentId:"fox-ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);export{LoaderIcon,Root};

package/components/Checkbox/Checkbox.js

@@ -1,2 +1 @@
-import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as o}from'react';import{useTheme as a}from'styled-components';import s from'clsx';import{useClassname as t}from'../../hooks/useClassname.js';import{useConfigPriority as n}from'../../hooks/use-config-priority.js';import{InputCheckbox as c}from'../InputCheckbox/InputCheckbox.js';import{CheckboxGroup as i}from'./Group.js';import{Root as d,Input as l,Background as m,BrandMask as h,CheckIcon as u,DefaultMask as p,Content as b}from'./style.js';import{jsxs as k,jsx as f,Fragment as C}from'react/jsx-runtime';var v=["preset","style","id","name","value","disabled","error","success","fluid","children","label","checked","defaultChecked","background","onColored","size","inline","width","className","onChange"];var x='Checkbox';var g=o(((o,c)=>{var i;var x=a();var g=t("Checkbox");var j=n(null===(i=x.components)||void 0===i?void 0:i.Checkbox,o),{preset:y,style:N,id:I,name:w,value:M,disabled:P,error:z,success:G,fluid:_,children:B,label:E,checked:F,defaultChecked:O,background:R,onColored:T,size:W="m",inline:A=!0,width:D=x.defaultInputControlsWidth,className:S,onChange:U=(()=>{})}=j,q=r(j,v);var H='brand'===x.preset;'string'==typeof y&&(H='brand'===y);var J=s(g,S,F&&"".concat(g,"--checked"));var K="".concat(g,"__label");var L=void 0===F?{defaultChecked:O}:{checked:F};return k(d,{ref:c,className:J,style:N,fluid:_,disabled:P,htmlFor:I||w,size:W,inline:A,width:D,error:z,success:G,background:R,onColored:T,brandPresetUsed:H,children:[f(l,e(e(e({},q),L),{},{id:I||w,name:w,type:"checkbox",value:M,disabled:P,onChange:U})),H?k(C,{children:[R&&f(m,{}),f(h,{children:f(u,{})})]}):f(p,{}),(E||B)&&f(b,{className:K,children:E||B})]})}));g.Input=c,g.Group=i,g.displayName="Checkbox";export{x as COMPONENT_NAME,g as Checkbox};
-//# sourceMappingURL=Checkbox.js.map
+'use strict';var React=require('react');var styled=require('styled-components');var cx=require('clsx');var useClassname=require('../../hooks/useClassname.js');var useConfigPriority=require('../../hooks/use-config-priority.js');var Group=require('./Group.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var InputCheckbox=require('../InputCheckbox/InputCheckbox.js');const Checkbox=React.forwardRef(((e,r)=>{const s=styled.useTheme();const o=useClassname.useClassname("Checkbox");const{preset:t,style:c,id:n,name:i,value:u,disabled:a,error:l,success:d,fluid:h,children:C,label:x,checked:k,defaultChecked:b,background:p,onColored:$,size:y="m",inline:q=!0,width:m=s.defaultInputControlsWidth,className:f,onChange:j=()=>{},...v}=useConfigPriority.useConfigPriority(s.components?.Checkbox,e);let g=s.preset==='brand';typeof t=='string'&&(g=t==='brand');const I=cx(o,f,k&&`${o}--checked`);const N=`${o}__label`;return require$$0.jsxs(style.Root,{ref:r,className:I,style:c,fluid:h,disabled:a,htmlFor:n||i,size:y,inline:q,width:m,error:l,success:d,background:p,onColored:$,brandPresetUsed:g,children:[require$$0.jsx(style.Input,{...v,...k===void 0?{defaultChecked:b}:{checked:k},id:n||i,name:i,type:"checkbox",value:u,disabled:a,onChange:j}),g?require$$0.jsxs(require$$0.Fragment,{children:[p&&require$$0.jsx(style.Background,{}),require$$0.jsx(style.BrandMask,{children:require$$0.jsx(style.CheckIcon,{})})]}):require$$0.jsx(style.DefaultMask,{}),(x||C)&&require$$0.jsx(style.Content,{className:N,children:x||C})]})}));Checkbox.Input=InputCheckbox.InputCheckbox,Checkbox.Group=Group.CheckboxGroup,Checkbox.displayName="Checkbox",exports.COMPONENT_NAME="Checkbox",exports.Checkbox=Checkbox;

package/components/Checkbox/Checkbox.mjs

@@ -0,0 +1 @@
+import{forwardRef}from'react';import{useTheme}from'styled-components';import cx from'clsx';import{useClassname}from'../../hooks/useClassname.mjs';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{CheckboxGroup}from'./Group.mjs';import{Root,Input,Background,BrandMask,CheckIcon,DefaultMask,Content}from'./style.mjs';import{jsxs,jsx,Fragment}from'react/jsx-runtime';import{InputCheckbox}from'../InputCheckbox/InputCheckbox.mjs';const COMPONENT_NAME='Checkbox';const Checkbox=forwardRef(((e,o)=>{const s=useTheme();const r=useClassname("Checkbox");const{preset:n,style:t,id:c,name:a,value:d,disabled:i,error:m,success:l,fluid:h,children:u,label:k,checked:C,defaultChecked:x,background:p,onColored:b,size:f="m",inline:j=!0,width:g=s.defaultInputControlsWidth,className:y,onChange:I=()=>{},...N}=useConfigPriority(s.components?.Checkbox,e);let M=s.preset==='brand';typeof n=='string'&&(M=n==='brand');const P=cx(r,y,C&&`${r}--checked`);const w=`${r}__label`;return jsxs(Root,{ref:o,className:P,style:t,fluid:h,disabled:i,htmlFor:c||a,size:f,inline:j,width:g,error:m,success:l,background:p,onColored:b,brandPresetUsed:M,children:[jsx(Input,{...N,...C===void 0?{defaultChecked:x}:{checked:C},id:c||a,name:a,type:"checkbox",value:d,disabled:i,onChange:I}),M?jsxs(Fragment,{children:[p&&jsx(Background,{}),jsx(BrandMask,{children:jsx(CheckIcon,{})})]}):jsx(DefaultMask,{}),(k||u)&&jsx(Content,{className:w,children:k||u})]})}));Checkbox.Input=InputCheckbox,Checkbox.Group=CheckboxGroup,Checkbox.displayName="Checkbox";export{COMPONENT_NAME,Checkbox};

package/components/Checkbox/Group.js

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

package/components/Checkbox/Group.mjs

@@ -0,0 +1 @@
+import{Group}from'./style.mjs';import{jsx}from'react/jsx-runtime';const CheckboxGroup=({children:r,...o})=>jsx(Group,{...o,children:r});export{CheckboxGroup};

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

@@ -0,0 +1 @@
+'use strict';function _interopNamespaceDefault(e){var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceDefault(require('react'));var _rect,_g;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}module.exports=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20"},e),_rect||(_rect=React__namespace.createElement("rect",{width:19.091,height:19.091,x:.455,y:.455,fill:"#fff",stroke:"#B8B8B8",rx:5})),_g||(_g=React__namespace.createElement("g",{fill:"none"},React__namespace.createElement("rect",{width:20,height:20,fill:"#1A96F6",rx:5}),React__namespace.createElement("path",{stroke:"#fff",strokeWidth:2,d:"M6 9.99 9 13l6-6"}))));

package/components/Checkbox/images/check-default.svg.mjs

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

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

@@ -0,0 +1 @@
+'use strict';function _interopNamespaceDefault(e){var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}var React__namespace=_interopNamespaceDefault(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}module.exports=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 12 9"},e),_path||(_path=React__namespace.createElement("path",{stroke:"currentcolor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M10.5 1.5 4.312 8 1.5 5.045"})));

package/components/Checkbox/images/check.svg.mjs

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