@foxford/ui 2.20.4 → 2.20.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Button/style.js +1 -1
- package/components/Button/style.js.map +1 -1
- package/dts/index.d.ts +3 -3
- package/index.cjs.js +1 -1
- package/index.cjs.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,2 +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{property as c,responsiveNamedProperty as s}from'../../mixins/responsive-property.js';import{color as l}from'../../mixins/color.js';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{focus as i}from'../../mixins/focus.js';import{responsiveSize as d}from'../../mixins/responsive-size.js';import{responsiveFluidPropKeyRegExp as m,responsiveWidthPropKeyRegExp as g,responsivePaddingPropKeyRegExp as h,responsiveFontSizePropKeyRegExp as b,responsiveHeightPropKeyRegExp as p}from'../../shared/regexp.js';import u from'./images/loader.module.svg.js';var v=a((o=>!['fluid','width','display','padding','paddingTop','paddingRight','paddingBottom','paddingLeft','fontSize','height','inline','round','success','loading','black','danger','onColored','clear','base','outline','autoRel','noSpacing','primary','secondary','inverted','rounded','basic'].includes(o)),(o=>!(m.test(o)||g.test(o)||h.test(o)||b.test(o)||p.test(o))));var C={xl:320,l:280,m:245,s:180,xs:140};var y=e(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);var k=e(["100%{transform:rotate(360deg);}"]);var S=t(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;cursor:progress;"],y);var f=o=>'auto'===o?'auto':'number'==typeof o||'boolean'==typeof o?o:o&&C[o]?C[o]:'auto';var L=()=>t(["min-width:initial;width:100%;"]);var X=o=>"\n color: ".concat(o.color,";\n background-color: ").concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n &::before {\n box-shadow: inset 0px 4px 0px ").concat(o.shadowColor,";\n }\n &:hover {\n color: ").concat(o.colorHover,";\n background-color: ").concat(o.backgroundColorHover,";\n border-color: ").concat(o.borderColorHover,";\n }\n &:active {\n color: ").concat(o.colorActive,";\n background-color: ").concat(o.backgroundColorActive,";\n border-color: ").concat(o.borderColorActive,";\n }\n &:disabled {\n color: ").concat(o.colorDisabled,";\n background-color: ").concat(o.backgroundColorDisabled,";\n border-color: ").concat(o.borderColorDisabled,";\n }\n");var H={onColored:{clear:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-oncontrast-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-secondary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():n(r.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():n(r.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success||r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorHover:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():r.theme.colors['bg-oncolor-primary'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorActive:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():r.theme.colors['bg-oncolor-primary'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColor:r.theme.colors['bg-oncolor-primary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorHover:n(r.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorActive:n(r.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},danger:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['alert-error']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['alert-error']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-onmain-tertiary']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success||r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():r.theme.colors['alert-bg-error-500'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['alert-bg-error-500'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},black:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-inverse'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-inverse'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.loading?r.theme.colors['content-onmain-inverse']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['bg-onmain-inverse']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-onmain-contrast'],colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():r.theme.colors['bg-onmain-inverse'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-inverse'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},default:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-brand-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-brand-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-onmain-tertiary']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success||r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-brand-primary'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():r.theme.colors['bg-brand-primary-basic'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-brand-primary-basic'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}};var D=t([""," "," "," "," "," ",""],(o=>o.disabled||o.loading?'':"\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n &:hover {\n color: ".concat(o.fontColor,";\n background-color: ").concat(n(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString(),";\n }\n ").concat(o.inverted||o.basic||o.outline?"\n &:not(:hover) {\n border: 1px solid ".concat(o.theme.colors[o.color],";\n }\n &:hover {\n border: 1px solid ").concat(o.theme.colors[o.color],";\n }\n "):'',"\n ")),(o=>o.loading?S:''),(o=>{var r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),l(o.color,r)}),(o=>{var r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),l(o.fontColor,r)}),(o=>o.disabled?"\n cursor: not-allowed;\n background-color: ".concat(o.theme.colors.mercury,";\n color: ").concat(o.theme.colors.silver,";\n "):''),(o=>o.basic||o.outline?'background-color: transparent;':''));var w=r.button.withConfig({shouldForwardProp:v}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:'string'==typeof r?r:"".concat(r).concat(e),height:'2.8em',width:o.round?'2.8em':void 0,paddingRight:o.round?void 0:'1.6em',paddingLeft:o.round?void 0:'1.6em'})}))).withConfig({componentId:"fox-ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(o=>{var r;var e=o.inline?'inline-flex':'flex';o.display&&(e=o.display);var t='0px';return o.rounded&&(t='brand'===o.preset?'48px':'5px'),o.round&&(t='50%'),"\n display: ".concat(e,";\n border-radius: ").concat(t,";\n cursor: ").concat(null!==(r=o.cursor)&&void 0!==r?r:'pointer',";\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n justify-content: center;\n align-items: center;\n user-select: none;\n border: none;\n text-decoration: none;\n appearance: none;\n white-space: nowrap;\n text-align: center;\n vertical-align: top;\n ").concat('brand'===o.preset?"\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\n &::before {\n transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &::before {\n content: '';\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: inherit;\n opacity: 0;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }":"\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;\n & + & {\n margin-left: ".concat(o.noSpacing?'auto':'1em',";\n }"),"\n ")}),(o=>{if('default'===o.preset)return D;var r=H.default;return o.black&&(r=H.black),o.danger&&(r=H.danger),o.onColored&&(r=H.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),i,d,(o=>o.padding?c(o.padding,'padding'):null),(o=>o.paddingTop?c(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?c(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?c(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?c(o.paddingLeft,'padding-left'):null),(o=>o.margin?c(o.margin,'margin'):null),(o=>o.marginTop?c(o.marginTop,'margin-top'):null),(o=>o.marginRight?c(o.marginRight,'margin-right'):null),(o=>o.marginBottom?c(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?c(o.marginLeft,'margin-left'):null),(o=>o.fontSize?c(o.fontSize,'font-size'):null),(o=>o.height?c(o.height,'height'):null),(o=>{var r=o.fluid&&'auto'!==o.width?'max-width':'width';return o.width?c(f(o.width),r):null}),(o=>{var{paddingXS:r,paddingS:e,paddingM:t,paddingL:n,paddingXL:c}=o;return s({sizes:{paddingXS:r,paddingS:e,paddingM:t,paddingL:n,paddingXL:c},cssProperty:'padding'})}),(o=>{var{paddingTopXS:r,paddingTopS:e,paddingTopM:t,paddingTopL:n,paddingTopXL:c}=o;return s({sizes:{paddingTopXS:r,paddingTopS:e,paddingTopM:t,paddingTopL:n,paddingTopXL:c},cssProperty:'padding-top'})}),(o=>{var{paddingRightXS:r,paddingRightS:e,paddingRightM:t,paddingRightL:n,paddingRightXL:c}=o;return s({sizes:{paddingRightXS:r,paddingRightS:e,paddingRightM:t,paddingRightL:n,paddingRightXL:c},cssProperty:'padding-right'})}),(o=>{var{paddingBottomXS:r,paddingBottomS:e,paddingBottomM:t,paddingBottomL:n,paddingBottomXL:c}=o;return s({sizes:{paddingBottomXS:r,paddingBottomS:e,paddingBottomM:t,paddingBottomL:n,paddingBottomXL:c},cssProperty:'padding-bottom'})}),(o=>{var{paddingLeftXS:r,paddingLeftS:e,paddingLeftM:t,paddingLeftL:n,paddingLeftXL:c}=o;return s({sizes:{paddingLeftXS:r,paddingLeftS:e,paddingLeftM:t,paddingLeftL:n,paddingLeftXL:c},cssProperty:'padding-left'})}),(o=>{var{marginXS:r,marginS:e,marginM:t,marginL:n,marginXL:c}=o;return s({sizes:{marginXS:r,marginS:e,marginM:t,marginL:n,marginXL:c},cssProperty:'margin'})}),(o=>{var{marginTopXS:r,marginTopS:e,marginTopM:t,marginTopL:n,marginTopXL:c}=o;return s({sizes:{marginTopXS:r,marginTopS:e,marginTopM:t,marginTopL:n,marginTopXL:c},cssProperty:'margin-top'})}),(o=>{var{marginRightXS:r,marginRightS:e,marginRightM:t,marginRightL:n,marginRightXL:c}=o;return s({sizes:{marginRightXS:r,marginRightS:e,marginRightM:t,marginRightL:n,marginRightXL:c},cssProperty:'margin-right'})}),(o=>{var{marginBottomXS:r,marginBottomS:e,marginBottomM:t,marginBottomL:n,marginBottomXL:c}=o;return s({sizes:{marginBottomXS:r,marginBottomS:e,marginBottomM:t,marginBottomL:n,marginBottomXL:c},cssProperty:'margin-bottom'})}),(o=>{var{marginLeftXS:r,marginLeftS:e,marginLeftM:t,marginLeftL:n,marginLeftXL:c}=o;return s({sizes:{marginLeftXS:r,marginLeftS:e,marginLeftM:t,marginLeftL:n,marginLeftXL:c},cssProperty:'margin-left'})}),(o=>{var{fontSizeXS:r,fontSizeS:e,fontSizeM:t,fontSizeL:n,fontSizeXL:c}=o;return s({sizes:{fontSizeXS:r,fontSizeS:e,fontSizeM:t,fontSizeL:n,fontSizeXL:c},cssProperty:'font-size'})}),(o=>{var{heightXS:r,heightS:e,heightM:t,heightL:n,heightXL:c}=o;return s({sizes:{heightXS:r,heightS:e,heightM:t,heightL:n,heightXL:c},cssProperty:'height'})}),(o=>{var{widthXS:r,widthS:e,widthM:t,widthL:n,widthXL:c,fluid:l,width:a}=o;return s({sizes:{widthXS:r,widthS:e,widthM:t,widthL:n,widthXL:c},cssProperty:l&&'auto'!==a?'max-width':'width',customSizeHandler:f})}),(o=>o.fluid?c(o.fluid,L):null),(o=>{var{fluidXS:r,fluidS:e,fluidM:t,fluidL:n,fluidXL:c}=o;return s({sizes:{fluidXS:r,fluidS:e,fluidM:t,fluidL:n,fluidXL:c},cssProperty:L})}));var A=r(u).withConfig({componentId:"fox-ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],k);export{A as LoaderIcon,w as Root};
|
|
1
|
+
import o from'@babel/runtime/helpers/objectSpread2';import r,{keyframes as e,css as t}from'styled-components';import n from'tinycolor2';import{property as c,responsiveNamedProperty as s}from'../../mixins/responsive-property.js';import{color as l}from'../../mixins/color.js';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{focus as i}from'../../mixins/focus.js';import{responsiveSize as d}from'../../mixins/responsive-size.js';import{responsiveFluidPropKeyRegExp as m,responsiveWidthPropKeyRegExp as g,responsivePaddingPropKeyRegExp as h,responsiveFontSizePropKeyRegExp as b,responsiveHeightPropKeyRegExp as p}from'../../shared/regexp.js';import u from'./images/loader.module.svg.js';var v=a((o=>!['fluid','width','display','padding','paddingTop','paddingRight','paddingBottom','paddingLeft','fontSize','height','inline','round','success','loading','black','danger','onColored','clear','base','outline','autoRel','noSpacing','primary','secondary','inverted','rounded','basic'].includes(o)),(o=>!(m.test(o)||g.test(o)||h.test(o)||b.test(o)||p.test(o))));var C={xl:320,l:280,m:245,s:180,xs:140};var y=e(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);var k=e(["100%{transform:rotate(360deg);}"]);var S=t(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.2) 50%,rgba(255,255,255,0.2) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;cursor:progress;"],y);var f=o=>'auto'===o?'auto':'number'==typeof o||'boolean'==typeof o?o:o&&C[o]?C[o]:'auto';var L=()=>t(["min-width:initial;width:100%;"]);var X=o=>"\n color: ".concat(o.color,";\n background-color: ").concat(o.backgroundColor,";\n border-color: ").concat(o.borderColor,";\n &::before {\n box-shadow: inset 0px 4px 0px ").concat(o.shadowColor,";\n }\n &:hover {\n color: ").concat(o.colorHover,";\n background-color: ").concat(o.backgroundColorHover,";\n border-color: ").concat(o.borderColorHover,";\n }\n &:active {\n color: ").concat(o.colorActive,";\n background-color: ").concat(o.backgroundColorActive,";\n border-color: ").concat(o.borderColorActive,";\n }\n &:disabled {\n color: ").concat(o.colorDisabled,";\n background-color: ").concat(o.backgroundColorDisabled,";\n border-color: ").concat(o.borderColorDisabled,";\n }\n");var H={onColored:{clear:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-oncontrast-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-oncontrast-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncontrast-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-secondary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():n(r.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():n(r.theme.colors['bg-oncolor-secondary']).darken(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success||r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-oncolor-default'],colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorHover:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():r.theme.colors['bg-oncolor-primary'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorActive:r.success?n(r.theme.colors['bg-oncolor-primary']).darken(2).toString():r.theme.colors['bg-oncolor-primary'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColor:r.theme.colors['bg-oncolor-primary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorHover:n(r.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-constant'],backgroundColorActive:n(r.theme.colors['bg-oncolor-primary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-constant']:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-oncolor-primary']:r.theme.colors['bg-oncolor-disabled'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},danger:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['alert-error'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['alert-error']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['alert-error']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-onmain-tertiary']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success||r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['alert-error'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():r.theme.colors['alert-bg-error-500'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['alert-bg-error-500'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['alert-bg-error-500']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['alert-bg-error-500']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},black:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-inverse'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-inverse'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-oncolor-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.loading?r.theme.colors['content-onmain-inverse']:r.theme.colors['content-oncolor-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['bg-onmain-inverse']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-onmain-contrast'],colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():r.theme.colors['bg-onmain-inverse'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-inverse'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-inverse'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).lighten(4).toString():n(r.theme.colors['bg-onmain-inverse']).lighten(4).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},default:{clear:t(["",""],(r=>X(o({color:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColorHover:r.theme.colors['bg-oncolor-hover'],borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['alert-success']:r.theme.colors['content-brand-primary'],backgroundColorActive:r.theme.colors['bg-oncolor-hover'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-brand-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),base:t(["",""],(r=>X(o({color:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.success?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-onmain-tertiary']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-brand-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-onmain-tertiary']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),outline:t(["",""],(r=>X(o({color:r.success||r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-brand-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors.transparent,borderColor:r.success||r.loading?r.theme.colors.transparent:r.theme.colors['border-brand-primary'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():r.theme.colors['bg-brand-primary-basic'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:t(["",""],(r=>X(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.success?r.theme.colors['alert-bg-success-500']:r.theme.colors['bg-brand-primary-basic'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.success?n(r.theme.colors['alert-bg-success-500']).darken(2).toString():n(r.theme.colors['bg-brand-primary-basic']).darken(2).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.loading?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-disabled'],backgroundColorDisabled:r.loading?r.theme.colors['bg-brand-primary-basic']:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}};var D=t([""," "," "," "," "," ",""],(o=>o.disabled||o.loading?'':"\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n &:hover {\n color: ".concat(o.fontColor,";\n background-color: ").concat(n(o.theme.colors[o.color]).saturate(-5).lighten(-8).toString(),";\n }\n ").concat(o.inverted||o.basic||o.outline?"\n &:not(:hover) {\n border: 1px solid ".concat(o.theme.colors[o.color],";\n }\n &:hover {\n border: 1px solid ").concat(o.theme.colors[o.color],";\n }\n "):'',"\n ")),(o=>o.loading?S:''),(o=>{var r='background-color';return(o.inverted||o.basic||o.outline)&&(r='color'),l(o.color,r)}),(o=>{var r='color';return(o.inverted||o.basic||o.outline)&&(r='background-color'),l(o.fontColor,r)}),(o=>o.disabled?"\n cursor: not-allowed;\n background-color: ".concat(o.theme.colors.mercury,";\n color: ").concat(o.theme.colors.silver,";\n "):''),(o=>o.basic||o.outline?'background-color: transparent;':''));var w=r.button.withConfig({shouldForwardProp:v}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:'string'==typeof r?r:"".concat(r).concat(e),height:'2.8em',width:o.round?'2.8em':void 0,paddingRight:o.round?void 0:'1.6em',paddingLeft:o.round?void 0:'1.6em'})}))).withConfig({componentId:"fox-ui__sc-16o31r2-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(o=>{var r;var e=o.inline?'inline-flex':'flex';o.display&&(e=o.display);var t='0px';return o.rounded&&(t='brand'===o.preset?'48px':'5px'),o.round&&(t='50%'),"\n display: ".concat(e,";\n border-radius: ").concat(t,";\n cursor: ").concat(null!==(r=o.cursor)&&void 0!==r?r:'pointer',";\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n justify-content: center;\n align-items: center;\n user-select: none;\n border: none;\n text-decoration: none;\n appearance: none;\n white-space: nowrap;\n text-align: center;\n vertical-align: top;\n ").concat('brand'===o.preset?"\n border: 1px solid transparent;\n transition-property: background-color; \n transition-duration: 250ms;\n &::before {\n transition-property: opacity; \n transition-duration: 150ms;\n transition-timing-function: ease-in;\n }\n &::before {\n content: '';\n position: absolute;\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n border-radius: inherit;\n opacity: 0;\n }\n &:active:not(:disabled)::before {\n opacity: 1;\n }":"\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;","\n ")}),(o=>{if('default'===o.preset)return D;var r=H.default;return o.black&&(r=H.black),o.danger&&(r=H.danger),o.onColored&&(r=H.onColored),o.clear?r.clear:o.base?r.base:o.outline?r.outline:r.default}),i,d,(o=>o.padding?c(o.padding,'padding'):null),(o=>o.paddingTop?c(o.paddingTop,'padding-top'):null),(o=>o.paddingRight?c(o.paddingRight,'padding-right'):null),(o=>o.paddingBottom?c(o.paddingBottom,'padding-bottom'):null),(o=>o.paddingLeft?c(o.paddingLeft,'padding-left'):null),(o=>o.margin?c(o.margin,'margin'):null),(o=>o.marginTop?c(o.marginTop,'margin-top'):null),(o=>o.marginRight?c(o.marginRight,'margin-right'):null),(o=>o.marginBottom?c(o.marginBottom,'margin-bottom'):null),(o=>o.marginLeft?c(o.marginLeft,'margin-left'):null),(o=>o.fontSize?c(o.fontSize,'font-size'):null),(o=>o.height?c(o.height,'height'):null),(o=>{var r=o.fluid&&'auto'!==o.width?'max-width':'width';return o.width?c(f(o.width),r):null}),(o=>{var{paddingXS:r,paddingS:e,paddingM:t,paddingL:n,paddingXL:c}=o;return s({sizes:{paddingXS:r,paddingS:e,paddingM:t,paddingL:n,paddingXL:c},cssProperty:'padding'})}),(o=>{var{paddingTopXS:r,paddingTopS:e,paddingTopM:t,paddingTopL:n,paddingTopXL:c}=o;return s({sizes:{paddingTopXS:r,paddingTopS:e,paddingTopM:t,paddingTopL:n,paddingTopXL:c},cssProperty:'padding-top'})}),(o=>{var{paddingRightXS:r,paddingRightS:e,paddingRightM:t,paddingRightL:n,paddingRightXL:c}=o;return s({sizes:{paddingRightXS:r,paddingRightS:e,paddingRightM:t,paddingRightL:n,paddingRightXL:c},cssProperty:'padding-right'})}),(o=>{var{paddingBottomXS:r,paddingBottomS:e,paddingBottomM:t,paddingBottomL:n,paddingBottomXL:c}=o;return s({sizes:{paddingBottomXS:r,paddingBottomS:e,paddingBottomM:t,paddingBottomL:n,paddingBottomXL:c},cssProperty:'padding-bottom'})}),(o=>{var{paddingLeftXS:r,paddingLeftS:e,paddingLeftM:t,paddingLeftL:n,paddingLeftXL:c}=o;return s({sizes:{paddingLeftXS:r,paddingLeftS:e,paddingLeftM:t,paddingLeftL:n,paddingLeftXL:c},cssProperty:'padding-left'})}),(o=>{var{marginXS:r,marginS:e,marginM:t,marginL:n,marginXL:c}=o;return s({sizes:{marginXS:r,marginS:e,marginM:t,marginL:n,marginXL:c},cssProperty:'margin'})}),(o=>{var{marginTopXS:r,marginTopS:e,marginTopM:t,marginTopL:n,marginTopXL:c}=o;return s({sizes:{marginTopXS:r,marginTopS:e,marginTopM:t,marginTopL:n,marginTopXL:c},cssProperty:'margin-top'})}),(o=>{var{marginRightXS:r,marginRightS:e,marginRightM:t,marginRightL:n,marginRightXL:c}=o;return s({sizes:{marginRightXS:r,marginRightS:e,marginRightM:t,marginRightL:n,marginRightXL:c},cssProperty:'margin-right'})}),(o=>{var{marginBottomXS:r,marginBottomS:e,marginBottomM:t,marginBottomL:n,marginBottomXL:c}=o;return s({sizes:{marginBottomXS:r,marginBottomS:e,marginBottomM:t,marginBottomL:n,marginBottomXL:c},cssProperty:'margin-bottom'})}),(o=>{var{marginLeftXS:r,marginLeftS:e,marginLeftM:t,marginLeftL:n,marginLeftXL:c}=o;return s({sizes:{marginLeftXS:r,marginLeftS:e,marginLeftM:t,marginLeftL:n,marginLeftXL:c},cssProperty:'margin-left'})}),(o=>{var{fontSizeXS:r,fontSizeS:e,fontSizeM:t,fontSizeL:n,fontSizeXL:c}=o;return s({sizes:{fontSizeXS:r,fontSizeS:e,fontSizeM:t,fontSizeL:n,fontSizeXL:c},cssProperty:'font-size'})}),(o=>{var{heightXS:r,heightS:e,heightM:t,heightL:n,heightXL:c}=o;return s({sizes:{heightXS:r,heightS:e,heightM:t,heightL:n,heightXL:c},cssProperty:'height'})}),(o=>{var{widthXS:r,widthS:e,widthM:t,widthL:n,widthXL:c,fluid:l,width:a}=o;return s({sizes:{widthXS:r,widthS:e,widthM:t,widthL:n,widthXL:c},cssProperty:l&&'auto'!==a?'max-width':'width',customSizeHandler:f})}),(o=>o.fluid?c(o.fluid,L):null),(o=>{var{fluidXS:r,fluidS:e,fluidM:t,fluidL:n,fluidXL:c}=o;return s({sizes:{fluidXS:r,fluidS:e,fluidM:t,fluidL:n,fluidXL:c},cssProperty:L})}));var A=r(u).withConfig({componentId:"fox-ui__sc-16o31r2-1"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],k);export{A as LoaderIcon,w as Root};
|
|
2
2
|
//# sourceMappingURL=style.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../src/components/Button/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport type { PossibleValues, CalcProperty } from 'mixins/responsive-property'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport {\n responsiveFluidPropKeyRegExp,\n responsiveWidthPropKeyRegExp,\n responsivePaddingPropKeyRegExp,\n responsiveFontSizePropKeyRegExp,\n responsiveHeightPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledButtonProps, ButtonPalette } from './types'\nimport Loader from './images/loader.module.svg'\n\nconst shouldForwardButtonProp = createShouldForwardProp(\n (propKey) =>\n ![\n 'fluid',\n 'width',\n 'display',\n 'padding',\n 'paddingTop',\n 'paddingRight',\n 'paddingBottom',\n 'paddingLeft',\n 'fontSize',\n 'height',\n 'inline',\n 'round',\n 'success',\n 'loading',\n 'black',\n 'danger',\n 'onColored',\n 'clear',\n 'base',\n 'outline',\n 'autoRel',\n 'noSpacing',\n 'primary',\n 'secondary',\n 'inverted',\n 'rounded',\n 'basic',\n ].includes(propKey),\n (propKey) =>\n !responsiveFluidPropKeyRegExp.test(propKey) &&\n !responsiveWidthPropKeyRegExp.test(propKey) &&\n !responsivePaddingPropKeyRegExp.test(propKey) &&\n !responsiveFontSizePropKeyRegExp.test(propKey) &&\n !responsiveHeightPropKeyRegExp.test(propKey)\n)\n\nconst WIDTHS: Record<string, number> = {\n xl: 320,\n l: 280,\n m: 245,\n s: 180,\n xs: 140,\n}\n\nconst loadingAnimation = keyframes`\n 0% {\n background-position: 0 0;\n }\n 100% {\n background-position: 50px 50px;\n }\n`\n\nconst spinAnimation = keyframes`\n 100% {\n transform: rotate(360deg);\n }\n`\n\nconst defaultLoadingStyles = css`\n background-image: linear-gradient(\n -45deg,\n rgba(255, 255, 255, 0.2) 25%,\n transparent 25%,\n transparent 50%,\n rgba(255, 255, 255, 0.2) 50%,\n rgba(255, 255, 255, 0.2) 75%,\n transparent 75%,\n transparent\n );\n background-size: 25px 25px;\n animation: ${loadingAnimation} 2s linear infinite;\n cursor: progress;\n`\n\nconst getWidth = (width: PossibleValues): PossibleValues => {\n if (width === 'auto') return 'auto'\n if (typeof width === 'number') return width\n if (typeof width === 'boolean') return width\n\n if (width && WIDTHS[width]) return WIDTHS[width]\n\n return 'auto'\n}\n\nconst fluidStyles: CalcProperty = () => css`\n min-width: initial;\n width: 100%;\n`\n\nconst template = (palette: ButtonPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n }\n &:hover {\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n }\n &:active {\n color: ${palette.colorActive};\n background-color: ${palette.backgroundColorActive};\n border-color: ${palette.borderColorActive};\n }\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n onColored: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-oncontrast-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-secondary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['alert-success']\n : props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor:\n props.success || props.loading ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-constant'],\n backgroundColor: props.theme.colors['bg-oncolor-primary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n danger: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-onmain-tertiary']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading ? props.theme.colors.transparent : props.theme.colors['alert-bg-error-500'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['alert-bg-error-500'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['alert-bg-error-500'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n black: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.loading\n ? props.theme.colors['content-onmain-inverse']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-onmain-inverse']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-contrast'],\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : props.theme.colors['bg-onmain-inverse'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-inverse'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n default: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-onmain-tertiary']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-brand-primary'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-brand-primary-basic'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-brand-primary-basic'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n}\n\nconst defaultStyles = css<StyledButtonProps>`\n ${(props) => {\n if (props.disabled || props.loading) return ''\n\n return `\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n &:hover {\n color: ${props.fontColor};\n background-color: ${tinycolor(props.theme.colors[props.color]).saturate(-5).lighten(-8).toString()};\n }\n ${\n props.inverted || props.basic || props.outline\n ? `\n &:not(:hover) {\n border: 1px solid ${props.theme.colors[props.color]};\n }\n &:hover {\n border: 1px solid ${props.theme.colors[props.color]};\n }\n `\n : ''\n }\n `\n }}\n\n ${(props) => (props.loading ? defaultLoadingStyles : '')}\n\n ${(props) => {\n let cssProperty = 'background-color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'color'\n\n return color(props.color, cssProperty)\n }}\n\n ${(props) => {\n let cssProperty = 'color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'background-color'\n\n return color(props.fontColor, cssProperty)\n }}\n\n ${(props) => {\n if (!props.disabled) return ''\n\n return `\n cursor: not-allowed;\n background-color: ${props.theme.colors.mercury};\n color: ${props.theme.colors.silver};\n `\n }}\n\n ${(props) => (props.basic || props.outline ? 'background-color: transparent;' : '')}\n`\n\nexport const Root = styled.button\n .withConfig<StyledButtonProps>({\n shouldForwardProp: shouldForwardButtonProp,\n })\n .attrs<StyledButtonProps>(\n (props): Required<Pick<StyledButtonProps, 'dynamicSizeDeclaration'>> => ({\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n height: '2.8em',\n width: props.round ? '2.8em' : undefined,\n paddingRight: props.round ? undefined : '1.6em',\n paddingLeft: props.round ? undefined : '1.6em',\n }\n },\n })\n )`\n ${(props) => {\n let display = props.inline ? 'inline-flex' : 'flex'\n if (props.display) display = props.display\n\n let borderRadius = '0px'\n if (props.rounded) borderRadius = props.preset === 'brand' ? '48px' : '5px'\n if (props.round) borderRadius = '50%'\n\n return `\n display: ${display};\n border-radius: ${borderRadius};\n cursor: ${props.cursor ?? 'pointer'};\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n justify-content: center;\n align-items: center;\n user-select: none;\n border: none;\n text-decoration: none;\n appearance: none;\n white-space: nowrap;\n text-align: center;\n vertical-align: top;\n ${\n props.preset === 'brand'\n ? `\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 : `\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;\n & + & {\n margin-left: ${props.noSpacing ? 'auto' : '1em'};\n }`\n }\n `\n }}\n\n ${(props) => {\n if (props.preset === 'default') return defaultStyles\n\n let schema = COLOR_SCHEMA.default\n\n if (props.black) schema = COLOR_SCHEMA.black\n if (props.danger) schema = COLOR_SCHEMA.danger\n if (props.onColored) schema = COLOR_SCHEMA.onColored\n\n if (props.clear) return schema.clear\n if (props.base) return schema.base\n if (props.outline) return schema.outline\n\n return schema.default\n }}\n\n ${focus}\n ${responsiveSize}\n\n ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n\n ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n\n ${(props) => (props.fontSize ? property(props.fontSize, 'font-size') : null)}\n\n ${(props) => (props.height ? property(props.height, 'height') : null)}\n\n ${(props) => {\n const cssProperty = props.fluid && props.width !== 'auto' ? 'max-width' : 'width'\n return props.width ? property(getWidth(props.width), cssProperty) : null\n }}\n\n ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL },\n cssProperty: 'padding',\n })\n }}\n ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n cssProperty: 'padding-top',\n })\n }}\n ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n cssProperty: 'padding-right',\n })\n }}\n ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n cssProperty: 'padding-bottom',\n })\n }}\n ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n cssProperty: 'padding-left',\n })\n }}\n\n ${({ marginXS, marginS, marginM, marginL, marginXL }) => {\n return responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })\n }}\n ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) => {\n return responsiveNamedProperty({\n sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n cssProperty: 'margin-top',\n })\n }}\n ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) => {\n return responsiveNamedProperty({\n sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n cssProperty: 'margin-right',\n })\n }}\n ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) => {\n return responsiveNamedProperty({\n sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n cssProperty: 'margin-bottom',\n })\n }}\n ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) => {\n return responsiveNamedProperty({\n sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n cssProperty: 'margin-left',\n })\n }}\n\n ${({ fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL }) => {\n return responsiveNamedProperty({\n sizes: { fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL },\n cssProperty: 'font-size',\n })\n }}\n\n ${({ heightXS, heightS, heightM, heightL, heightXL }) => {\n return responsiveNamedProperty({\n sizes: { heightXS, heightS, heightM, heightL, heightXL },\n cssProperty: 'height',\n })\n }}\n\n ${({ widthXS, widthS, widthM, widthL, widthXL, fluid, width }) => {\n return responsiveNamedProperty({\n sizes: { widthXS, widthS, widthM, widthL, widthXL },\n cssProperty: fluid && width !== 'auto' ? 'max-width' : 'width',\n customSizeHandler: getWidth,\n })\n }}\n\n ${(props) => (props.fluid ? property(props.fluid, fluidStyles) : null)}\n ${({ fluidXS, fluidS, fluidM, fluidL, fluidXL }) => {\n return responsiveNamedProperty({\n sizes: { fluidXS, fluidS, fluidM, fluidL, fluidXL },\n cssProperty: fluidStyles,\n })\n }}\n`\n\nexport const LoaderIcon = styled(Loader)`\n transform-origin: center;\n animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["shouldForwardButtonProp","createShouldForwardProp","propKey","includes","responsiveFluidPropKeyRegExp","test","responsiveWidthPropKeyRegExp","responsivePaddingPropKeyRegExp","responsiveFontSizePropKeyRegExp","responsiveHeightPropKeyRegExp","WIDTHS","xl","l","m","s","xs","loadingAnimation","keyframes","spinAnimation","defaultLoadingStyles","css","getWidth","width","fluidStyles","template","palette","color","concat","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","onColored","clear","props","_objectSpread","theme","colors","transparent","loading","base","success","tinycolor","darken","toString","outline","default","danger","black","lighten","defaultStyles","disabled","fontColor","saturate","inverted","basic","cssProperty","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","round","undefined","paddingRight","paddingLeft","componentId","_props$cursor","display","inline","borderRadius","rounded","preset","cursor","noSpacing","schema","focus","responsiveSize","padding","property","paddingTop","paddingBottom","margin","marginTop","marginRight","marginBottom","marginLeft","fluid","_ref","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","_ref2","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","_ref3","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","_ref4","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","_ref5","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","_ref6","marginXS","marginS","marginM","marginL","marginXL","_ref7","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","_ref8","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","_ref9","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","_ref10","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","_ref11","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","_ref12","heightXS","heightS","heightM","heightL","heightXL","_ref13","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","_ref14","fluidXS","fluidS","fluidM","fluidL","fluidXL","LoaderIcon","Loader"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"style.js","sources":["../../../../src/components/Button/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport type { PossibleValues, CalcProperty } from 'mixins/responsive-property'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport {\n responsiveFluidPropKeyRegExp,\n responsiveWidthPropKeyRegExp,\n responsivePaddingPropKeyRegExp,\n responsiveFontSizePropKeyRegExp,\n responsiveHeightPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledButtonProps, ButtonPalette } from './types'\nimport Loader from './images/loader.module.svg'\n\nconst shouldForwardButtonProp = createShouldForwardProp(\n (propKey) =>\n ![\n 'fluid',\n 'width',\n 'display',\n 'padding',\n 'paddingTop',\n 'paddingRight',\n 'paddingBottom',\n 'paddingLeft',\n 'fontSize',\n 'height',\n 'inline',\n 'round',\n 'success',\n 'loading',\n 'black',\n 'danger',\n 'onColored',\n 'clear',\n 'base',\n 'outline',\n 'autoRel',\n 'noSpacing',\n 'primary',\n 'secondary',\n 'inverted',\n 'rounded',\n 'basic',\n ].includes(propKey),\n (propKey) =>\n !responsiveFluidPropKeyRegExp.test(propKey) &&\n !responsiveWidthPropKeyRegExp.test(propKey) &&\n !responsivePaddingPropKeyRegExp.test(propKey) &&\n !responsiveFontSizePropKeyRegExp.test(propKey) &&\n !responsiveHeightPropKeyRegExp.test(propKey)\n)\n\nconst WIDTHS: Record<string, number> = {\n xl: 320,\n l: 280,\n m: 245,\n s: 180,\n xs: 140,\n}\n\nconst loadingAnimation = keyframes`\n 0% {\n background-position: 0 0;\n }\n 100% {\n background-position: 50px 50px;\n }\n`\n\nconst spinAnimation = keyframes`\n 100% {\n transform: rotate(360deg);\n }\n`\n\nconst defaultLoadingStyles = css`\n background-image: linear-gradient(\n -45deg,\n rgba(255, 255, 255, 0.2) 25%,\n transparent 25%,\n transparent 50%,\n rgba(255, 255, 255, 0.2) 50%,\n rgba(255, 255, 255, 0.2) 75%,\n transparent 75%,\n transparent\n );\n background-size: 25px 25px;\n animation: ${loadingAnimation} 2s linear infinite;\n cursor: progress;\n`\n\nconst getWidth = (width: PossibleValues): PossibleValues => {\n if (width === 'auto') return 'auto'\n if (typeof width === 'number') return width\n if (typeof width === 'boolean') return width\n\n if (width && WIDTHS[width]) return WIDTHS[width]\n\n return 'auto'\n}\n\nconst fluidStyles: CalcProperty = () => css`\n min-width: initial;\n width: 100%;\n`\n\nconst template = (palette: ButtonPalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n border-color: ${palette.borderColor};\n &::before {\n box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n }\n &:hover {\n color: ${palette.colorHover};\n background-color: ${palette.backgroundColorHover};\n border-color: ${palette.borderColorHover};\n }\n &:active {\n color: ${palette.colorActive};\n background-color: ${palette.backgroundColorActive};\n border-color: ${palette.borderColorActive};\n }\n &:disabled {\n color: ${palette.colorDisabled};\n background-color: ${palette.backgroundColorDisabled};\n border-color: ${palette.borderColorDisabled};\n }\n`\n\nconst COLOR_SCHEMA = {\n onColored: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.theme.colors['bg-oncontrast-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncontrast-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-secondary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-oncolor-secondary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['alert-success']\n : props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-primary'],\n backgroundColor:\n props.success || props.loading ? props.theme.colors['bg-oncolor-primary'] : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-oncolor-default'],\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-oncolor-primary'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-constant'],\n backgroundColor: props.theme.colors['bg-oncolor-primary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-oncolor-constant'],\n backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(2).toString() as CSSColor,\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-constant']\n : props.theme.colors['content-oncolor-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-oncolor-primary']\n : props.theme.colors['bg-oncolor-disabled'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n danger: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success ? props.theme.colors['alert-success'] : props.theme.colors['alert-error'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['content-oncolor-primary'] : props.theme.colors['alert-error'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading ? props.theme.colors['alert-error'] : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-onmain-tertiary']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['alert-error'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading ? props.theme.colors.transparent : props.theme.colors['alert-bg-error-500'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['alert-bg-error-500'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['alert-bg-error-500'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['alert-bg-error-500']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['alert-bg-error-500']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n black: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.loading\n ? props.theme.colors['content-onmain-inverse']\n : props.theme.colors['content-oncolor-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-onmain-inverse']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-onmain-contrast'],\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : props.theme.colors['bg-onmain-inverse'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-inverse'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-onmain-inverse'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).lighten(4).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-inverse']).lighten(4).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n default: {\n clear: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColor: props.theme.colors.transparent,\n borderColor: props.theme.colors.transparent,\n colorHover: props.success ? props.theme.colors['alert-success'] : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['alert-success']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.theme.colors.transparent,\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n base: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-onmain-tertiary'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.success\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-brand-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-onmain-tertiary']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n outline: css<StyledButtonProps>`\n ${(props) =>\n template({\n color:\n props.success || props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-brand-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors.transparent,\n borderColor:\n props.success || props.loading\n ? props.theme.colors.transparent\n : props.theme.colors['border-brand-primary'],\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : props.theme.colors['bg-brand-primary-basic'],\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n default: css<StyledButtonProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-oncolor-primary'],\n backgroundColor: props.success\n ? props.theme.colors['alert-bg-success-500']\n : props.theme.colors['bg-brand-primary-basic'],\n borderColor: props.theme.colors.transparent,\n colorHover: props.theme.colors['content-oncolor-primary'],\n backgroundColorHover: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorHover: props.theme.colors.transparent,\n colorActive: props.theme.colors['content-oncolor-primary'],\n backgroundColorActive: props.success\n ? (tinycolor(props.theme.colors['alert-bg-success-500']).darken(2).toString() as CSSColor)\n : (tinycolor(props.theme.colors['bg-brand-primary-basic']).darken(2).toString() as CSSColor),\n borderColorActive: props.theme.colors.transparent,\n colorDisabled: props.loading\n ? props.theme.colors['content-oncolor-primary']\n : props.theme.colors['content-disabled'],\n backgroundColorDisabled: props.loading\n ? props.theme.colors['bg-brand-primary-basic']\n : props.theme.colors['bg-disabled-large'],\n borderColorDisabled: props.theme.colors.transparent,\n shadowColor: props.theme.colors['bg-oncolor-hover'],\n ...props.palette,\n })}\n `,\n },\n}\n\nconst defaultStyles = css<StyledButtonProps>`\n ${(props) => {\n if (props.disabled || props.loading) return ''\n\n return `\n &:active {\n box-shadow: inset 0 4px 0px 0px rgba(0, 0, 0, 0.14);\n }\n &:hover {\n color: ${props.fontColor};\n background-color: ${tinycolor(props.theme.colors[props.color]).saturate(-5).lighten(-8).toString()};\n }\n ${\n props.inverted || props.basic || props.outline\n ? `\n &:not(:hover) {\n border: 1px solid ${props.theme.colors[props.color]};\n }\n &:hover {\n border: 1px solid ${props.theme.colors[props.color]};\n }\n `\n : ''\n }\n `\n }}\n\n ${(props) => (props.loading ? defaultLoadingStyles : '')}\n\n ${(props) => {\n let cssProperty = 'background-color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'color'\n\n return color(props.color, cssProperty)\n }}\n\n ${(props) => {\n let cssProperty = 'color'\n if (props.inverted || props.basic || props.outline) cssProperty = 'background-color'\n\n return color(props.fontColor, cssProperty)\n }}\n\n ${(props) => {\n if (!props.disabled) return ''\n\n return `\n cursor: not-allowed;\n background-color: ${props.theme.colors.mercury};\n color: ${props.theme.colors.silver};\n `\n }}\n\n ${(props) => (props.basic || props.outline ? 'background-color: transparent;' : '')}\n`\n\nexport const Root = styled.button\n .withConfig<StyledButtonProps>({\n shouldForwardProp: shouldForwardButtonProp,\n })\n .attrs<StyledButtonProps>(\n (props): Required<Pick<StyledButtonProps, 'dynamicSizeDeclaration'>> => ({\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n height: '2.8em',\n width: props.round ? '2.8em' : undefined,\n paddingRight: props.round ? undefined : '1.6em',\n paddingLeft: props.round ? undefined : '1.6em',\n }\n },\n })\n )`\n ${(props) => {\n let display = props.inline ? 'inline-flex' : 'flex'\n if (props.display) display = props.display\n\n let borderRadius = '0px'\n if (props.rounded) borderRadius = props.preset === 'brand' ? '48px' : '5px'\n if (props.round) borderRadius = '50%'\n\n return `\n display: ${display};\n border-radius: ${borderRadius};\n cursor: ${props.cursor ?? 'pointer'};\n box-sizing: border-box;\n position: relative;\n isolation: isolate;\n justify-content: center;\n align-items: center;\n user-select: none;\n border: none;\n text-decoration: none;\n appearance: none;\n white-space: nowrap;\n text-align: center;\n vertical-align: top;\n ${\n props.preset === 'brand'\n ? `\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 : `\n border: none;\n overflow: hidden;\n transition-property: background-color, color;\n transition-duration: 200ms;`\n }\n `\n }}\n\n ${(props) => {\n if (props.preset === 'default') return defaultStyles\n\n let schema = COLOR_SCHEMA.default\n\n if (props.black) schema = COLOR_SCHEMA.black\n if (props.danger) schema = COLOR_SCHEMA.danger\n if (props.onColored) schema = COLOR_SCHEMA.onColored\n\n if (props.clear) return schema.clear\n if (props.base) return schema.base\n if (props.outline) return schema.outline\n\n return schema.default\n }}\n\n ${focus}\n ${responsiveSize}\n\n ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n\n ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n\n ${(props) => (props.fontSize ? property(props.fontSize, 'font-size') : null)}\n\n ${(props) => (props.height ? property(props.height, 'height') : null)}\n\n ${(props) => {\n const cssProperty = props.fluid && props.width !== 'auto' ? 'max-width' : 'width'\n return props.width ? property(getWidth(props.width), cssProperty) : null\n }}\n\n ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL },\n cssProperty: 'padding',\n })\n }}\n ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n cssProperty: 'padding-top',\n })\n }}\n ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n cssProperty: 'padding-right',\n })\n }}\n ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n cssProperty: 'padding-bottom',\n })\n }}\n ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) => {\n return responsiveNamedProperty({\n sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n cssProperty: 'padding-left',\n })\n }}\n\n ${({ marginXS, marginS, marginM, marginL, marginXL }) => {\n return responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })\n }}\n ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) => {\n return responsiveNamedProperty({\n sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n cssProperty: 'margin-top',\n })\n }}\n ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) => {\n return responsiveNamedProperty({\n sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n cssProperty: 'margin-right',\n })\n }}\n ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) => {\n return responsiveNamedProperty({\n sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n cssProperty: 'margin-bottom',\n })\n }}\n ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) => {\n return responsiveNamedProperty({\n sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n cssProperty: 'margin-left',\n })\n }}\n\n ${({ fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL }) => {\n return responsiveNamedProperty({\n sizes: { fontSizeXS, fontSizeS, fontSizeM, fontSizeL, fontSizeXL },\n cssProperty: 'font-size',\n })\n }}\n\n ${({ heightXS, heightS, heightM, heightL, heightXL }) => {\n return responsiveNamedProperty({\n sizes: { heightXS, heightS, heightM, heightL, heightXL },\n cssProperty: 'height',\n })\n }}\n\n ${({ widthXS, widthS, widthM, widthL, widthXL, fluid, width }) => {\n return responsiveNamedProperty({\n sizes: { widthXS, widthS, widthM, widthL, widthXL },\n cssProperty: fluid && width !== 'auto' ? 'max-width' : 'width',\n customSizeHandler: getWidth,\n })\n }}\n\n ${(props) => (props.fluid ? property(props.fluid, fluidStyles) : null)}\n ${({ fluidXS, fluidS, fluidM, fluidL, fluidXL }) => {\n return responsiveNamedProperty({\n sizes: { fluidXS, fluidS, fluidM, fluidL, fluidXL },\n cssProperty: fluidStyles,\n })\n }}\n`\n\nexport const LoaderIcon = styled(Loader)`\n transform-origin: center;\n animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["shouldForwardButtonProp","createShouldForwardProp","propKey","includes","responsiveFluidPropKeyRegExp","test","responsiveWidthPropKeyRegExp","responsivePaddingPropKeyRegExp","responsiveFontSizePropKeyRegExp","responsiveHeightPropKeyRegExp","WIDTHS","xl","l","m","s","xs","loadingAnimation","keyframes","spinAnimation","defaultLoadingStyles","css","getWidth","width","fluidStyles","template","palette","color","concat","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","onColored","clear","props","_objectSpread","theme","colors","transparent","loading","base","success","tinycolor","darken","toString","outline","default","danger","black","lighten","defaultStyles","disabled","fontColor","saturate","inverted","basic","cssProperty","mercury","silver","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","round","paddingRight","undefined","paddingLeft","componentId","_props$cursor","display","inline","borderRadius","rounded","preset","cursor","schema","focus","responsiveSize","padding","property","paddingTop","paddingBottom","margin","marginTop","marginRight","marginBottom","marginLeft","fluid","_ref","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","_ref2","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","_ref3","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","_ref4","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","_ref5","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","_ref6","marginXS","marginS","marginM","marginL","marginXL","_ref7","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","_ref8","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","_ref9","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","_ref10","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","_ref11","fontSizeXS","fontSizeS","fontSizeM","fontSizeL","fontSizeXL","_ref12","heightXS","heightS","heightM","heightL","heightXL","_ref13","widthXS","widthS","widthM","widthL","widthXL","customSizeHandler","_ref14","fluidXS","fluidS","fluidM","fluidL","fluidXL","LoaderIcon","Loader"],"mappings":"wsBAmBA,IAAMA,EAA0BC,GAC7BC,IACE,CACC,QACA,QACA,UACA,UACA,aACA,eACA,gBACA,cACA,WACA,SACA,SACA,QACA,UACA,UACA,QACA,SACA,YACA,QACA,OACA,UACA,UACA,YACA,UACA,YACA,WACA,UACA,SACAC,SAASD,KACZA,KACEE,EAA6BC,KAAKH,IAClCI,EAA6BD,KAAKH,IAClCK,EAA+BF,KAAKH,IACpCM,EAAgCH,KAAKH,IACrCO,EAA8BJ,KAAKH,MAGxC,IAAMQ,EAAiC,CACrCC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,KAGN,IAAMC,EAAmBC,EAAzB,CAAA,qEASA,IAAMC,EAAgBD,EAAtB,CAAA,oCAMA,IAAME,EAAuBC,EAAH,CAAA,4NAAA,wCAYXJ,GAIf,IAAMK,EAAYC,GACF,SAAVA,EAAyB,OACR,iBAAVA,GACU,kBAAVA,EAD2BA,EAGlCA,GAASZ,EAAOY,GAAeZ,EAAOY,GAEnC,OAGT,IAAMC,EAA4B,IAAMH,EAAxC,CAAA,kCAKA,IAAMI,EAAYC,GACPA,cAAAA,OAAAA,EAAQC,MADF,2BAAAC,OAEKF,EAAQG,gBAFb,uBAAAD,OAGCF,EAAQI,YAEUJ,wDAAAA,OAAAA,EAAQK,YAG/BL,oCAAAA,OAAAA,EAAQM,WACGN,6BAAAA,OAAAA,EAAQO,qDACZP,EAAQQ,iBAVX,qCAAAN,OAaJF,EAAQS,YAbJ,6BAAAP,OAcOF,EAAQU,sBAdf,yBAAAR,OAeGF,EAAQW,kBAGfX,uCAAAA,OAAAA,EAAQY,cACGZ,6BAAAA,OAAAA,EAAQa,wBACZb,yBAAAA,OAAAA,EAAQc,oBApB5B,YAwBA,IAAMC,EAAe,CACnBC,UAAW,CACTC,MAAOtB,EACFuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAME,MAAMC,OAAO,2BAC1BlB,gBAAiBe,EAAME,MAAMC,OAAOC,YACpClB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAME,MAAMC,OAAO,2BAC/Bd,qBAAsBW,EAAME,MAAMC,OAAO,uBACzCb,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAME,MAAMC,OAAO,2BAChCX,sBAAuBQ,EAAME,MAAMC,OAAO,uBAC1CV,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QACjBL,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,4BACvBR,wBAAyBK,EAAME,MAAMC,OAAOC,YAC5CR,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,wBAC7BH,EAAMlB,YAGfwB,KAAM7B,EACDuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAMO,QAAUP,EAAME,MAAMC,OAAO,iBAAmBH,EAAME,MAAMC,OAAO,2BAChFlB,gBAAiBe,EAAMO,QACnBP,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAO,wBACvBjB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAMO,QACdP,EAAME,MAAMC,OAAO,iBACnBH,EAAME,MAAMC,OAAO,2BACvBd,qBAAsBW,EAAMO,QACvBC,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WAC9DF,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WACrEpB,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAMO,QACfP,EAAME,MAAMC,OAAO,iBACnBH,EAAME,MAAMC,OAAO,2BACvBX,sBAAuBQ,EAAMO,QACxBC,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WAC9DF,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WACrEjB,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QACjBL,EAAME,MAAMC,OAAO,4BACnBH,EAAME,MAAMC,OAAO,4BACvBR,wBAAyBK,EAAMK,QAC3BL,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAO,uBACvBP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,YAGf6B,QAASlC,EACJuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAMO,QACTP,EAAME,MAAMC,OAAO,iBACnBH,EAAMK,QACNL,EAAME,MAAMC,OAAO,4BACnBH,EAAME,MAAMC,OAAO,2BACvBlB,gBACEe,EAAMO,SAAWP,EAAMK,QAAUL,EAAME,MAAMC,OAAO,sBAAwBH,EAAME,MAAMC,OAAOC,YACjGlB,YACEc,EAAMO,SAAWP,EAAMK,QACnBL,EAAME,MAAMC,OAAOC,YACnBJ,EAAME,MAAMC,OAAO,0BACzBf,WAAYY,EAAMO,QACdP,EAAME,MAAMC,OAAO,iBACnBH,EAAME,MAAMC,OAAO,4BACvBd,qBAAsBW,EAAMO,QACvBC,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WAC/DV,EAAME,MAAMC,OAAO,sBACvBb,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAMO,QACfP,EAAME,MAAMC,OAAO,iBACnBH,EAAME,MAAMC,OAAO,4BACvBX,sBAAuBQ,EAAMO,QACxBC,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WAC/DV,EAAME,MAAMC,OAAO,sBACvBV,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QACjBL,EAAME,MAAMC,OAAO,4BACnBH,EAAME,MAAMC,OAAO,4BACvBR,wBAAyBK,EAAMK,QAC3BL,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAO,uBACvBP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,YAGf8B,QAASnC,EACJuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAMO,QAAUP,EAAME,MAAMC,OAAO,iBAAmBH,EAAME,MAAMC,OAAO,4BAChFlB,gBAAiBe,EAAME,MAAMC,OAAO,sBACpCjB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAMO,QACdP,EAAME,MAAMC,OAAO,iBACnBH,EAAME,MAAMC,OAAO,4BACvBd,qBAAsBmB,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WACpFpB,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAMO,QACfP,EAAME,MAAMC,OAAO,iBACnBH,EAAME,MAAMC,OAAO,4BACvBX,sBAAuBgB,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WACrFjB,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QACjBL,EAAME,MAAMC,OAAO,4BACnBH,EAAME,MAAMC,OAAO,4BACvBR,wBAAyBK,EAAMK,QAC3BL,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAO,uBACvBP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,aAIjB+B,OAAQ,CACNd,MAAOtB,EACFuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAMO,QAAUP,EAAME,MAAMC,OAAO,iBAAmBH,EAAME,MAAMC,OAAO,eAChFlB,gBAAiBe,EAAME,MAAMC,OAAOC,YACpClB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAMO,QAAUP,EAAME,MAAMC,OAAO,iBAAmBH,EAAME,MAAMC,OAAO,eACrFd,qBAAsBW,EAAME,MAAMC,OAAO,oBACzCb,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAMO,QAAUP,EAAME,MAAMC,OAAO,iBAAmBH,EAAME,MAAMC,OAAO,eACtFX,sBAAuBQ,EAAME,MAAMC,OAAO,oBAC1CV,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QAAUL,EAAME,MAAMC,OAAO,eAAiBH,EAAME,MAAMC,OAAO,oBACtFR,wBAAyBK,EAAME,MAAMC,OAAOC,YAC5CR,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,YAGfwB,KAAM7B,EACDuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAMO,QAAUP,EAAME,MAAMC,OAAO,2BAA6BH,EAAME,MAAMC,OAAO,eAC1FlB,gBAAiBe,EAAMO,QACnBP,EAAME,MAAMC,OAAO,wBACnBH,EAAME,MAAMC,OAAO,sBACvBjB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAMO,QAAUP,EAAME,MAAMC,OAAO,2BAA6BH,EAAME,MAAMC,OAAO,eAC/Fd,qBAAsBW,EAAMO,QACvBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WAChEF,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WACnEpB,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAMO,QACfP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,eACvBX,sBAAuBQ,EAAMO,QACxBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WAChEF,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WACnEjB,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QAAUL,EAAME,MAAMC,OAAO,eAAiBH,EAAME,MAAMC,OAAO,oBACtFR,wBAAyBK,EAAMK,QAC3BL,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAO,qBACvBP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,YAGf6B,QAASlC,EACJuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MACEiB,EAAMO,SAAWP,EAAMK,QACnBL,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,eACzBlB,gBAAiBe,EAAMO,QACnBP,EAAME,MAAMC,OAAO,wBACnBH,EAAMK,QACNL,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAOC,YACvBlB,YACEc,EAAMO,SAAWP,EAAMK,QAAUL,EAAME,MAAMC,OAAOC,YAAcJ,EAAME,MAAMC,OAAO,sBACvFf,WAAYY,EAAME,MAAMC,OAAO,2BAC/Bd,qBAAsBW,EAAMO,QACvBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WACjEV,EAAME,MAAMC,OAAO,sBACvBb,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAME,MAAMC,OAAO,2BAChCX,sBAAuBQ,EAAMO,QACxBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WAChEF,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WACnEjB,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QACjBL,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,oBACvBR,wBAAyBK,EAAMK,QAC3BL,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAO,qBACvBP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,YAGf8B,QAASnC,EACJuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAME,MAAMC,OAAO,2BAC1BlB,gBAAiBe,EAAMO,QACnBP,EAAME,MAAMC,OAAO,wBACnBH,EAAME,MAAMC,OAAO,sBACvBjB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAME,MAAMC,OAAO,2BAC/Bd,qBAAsBW,EAAMO,QACvBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WAChEF,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WACnEpB,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAME,MAAMC,OAAO,2BAChCX,sBAAuBQ,EAAMO,QACxBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WAChEF,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WACnEjB,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QACjBL,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,oBACvBR,wBAAyBK,EAAMK,QAC3BL,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAO,qBACvBP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,aAIjBgC,MAAO,CACLf,MAAOtB,EACFuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAMO,QAAUP,EAAME,MAAMC,OAAO,iBAAmBH,EAAME,MAAMC,OAAO,2BAChFlB,gBAAiBe,EAAME,MAAMC,OAAOC,YACpClB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAME,MAAMC,OAAO,2BAC/Bd,qBAAsBW,EAAME,MAAMC,OAAO,oBACzCb,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAME,MAAMC,OAAO,2BAChCX,sBAAuBQ,EAAME,MAAMC,OAAO,oBAC1CV,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAME,MAAMC,OAAO,oBAClCR,wBAAyBK,EAAME,MAAMC,OAAOC,YAC5CR,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,YAGfwB,KAAM7B,EACDuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAMO,QACTP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,2BACvBlB,gBAAiBe,EAAMO,QACnBP,EAAME,MAAMC,OAAO,wBACnBH,EAAME,MAAMC,OAAO,sBACvBjB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAMO,QACdP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,2BACvBd,qBAAsBW,EAAMO,QACvBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBY,QAAQ,GAAGL,WACjEF,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WACnEpB,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAMO,QACfP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,2BACvBX,sBAAuBQ,EAAMO,QACxBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBY,QAAQ,GAAGL,WACjEF,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WACnEjB,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAME,MAAMC,OAAO,oBAClCR,wBAAyBK,EAAME,MAAMC,OAAO,qBAC5CP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,YAGf6B,QAASlC,EACJuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAMO,QACTP,EAAME,MAAMC,OAAO,2BACnBH,EAAMK,QACNL,EAAME,MAAMC,OAAO,0BACnBH,EAAME,MAAMC,OAAO,2BACvBlB,gBAAiBe,EAAMO,QACnBP,EAAME,MAAMC,OAAO,wBACnBH,EAAMK,QACNL,EAAME,MAAMC,OAAO,qBACnBH,EAAME,MAAMC,OAAOC,YACvBlB,YACEc,EAAMO,SAAWP,EAAMK,QACnBL,EAAME,MAAMC,OAAOC,YACnBJ,EAAME,MAAMC,OAAO,0BACzBf,WAAYY,EAAMO,QACdP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBd,qBAAsBW,EAAMO,QACvBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBY,QAAQ,GAAGL,WAClEV,EAAME,MAAMC,OAAO,qBACvBb,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAMO,QACfP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBX,sBAAuBQ,EAAMO,QACxBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBY,QAAQ,GAAGL,WACjEF,EAAUR,EAAME,MAAMC,OAAO,sBAAsBY,QAAQ,GAAGL,WACnEjB,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAME,MAAMC,OAAO,oBAClCR,wBAAyBK,EAAME,MAAMC,OAAO,qBAC5CP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,YAGf8B,QAASnC,EACJuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAMO,QACTP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBlB,gBAAiBe,EAAMO,QACnBP,EAAME,MAAMC,OAAO,wBACnBH,EAAME,MAAMC,OAAO,qBACvBjB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAMO,QACdP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBd,qBAAsBW,EAAMO,QACvBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBY,QAAQ,GAAGL,WACjEF,EAAUR,EAAME,MAAMC,OAAO,sBAAsBY,QAAQ,GAAGL,WACnEpB,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAMO,QACfP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,0BACvBX,sBAAuBQ,EAAMO,QACxBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBY,QAAQ,GAAGL,WACjEF,EAAUR,EAAME,MAAMC,OAAO,sBAAsBY,QAAQ,GAAGL,WACnEjB,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAME,MAAMC,OAAO,oBAClCR,wBAAyBK,EAAME,MAAMC,OAAO,qBAC5CP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,aAIjB8B,QAAS,CACPb,MAAOtB,EACFuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAMO,QAAUP,EAAME,MAAMC,OAAO,iBAAmBH,EAAME,MAAMC,OAAO,yBAChFlB,gBAAiBe,EAAME,MAAMC,OAAOC,YACpClB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAMO,QAAUP,EAAME,MAAMC,OAAO,iBAAmBH,EAAME,MAAMC,OAAO,yBACrFd,qBAAsBW,EAAME,MAAMC,OAAO,oBACzCb,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAMO,QACfP,EAAME,MAAMC,OAAO,iBACnBH,EAAME,MAAMC,OAAO,yBACvBX,sBAAuBQ,EAAME,MAAMC,OAAO,oBAC1CV,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QACjBL,EAAME,MAAMC,OAAO,yBACnBH,EAAME,MAAMC,OAAO,oBACvBR,wBAAyBK,EAAME,MAAMC,OAAOC,YAC5CR,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,YAGfwB,KAAM7B,EACDuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAMO,QACTP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,yBACvBlB,gBAAiBe,EAAMO,QACnBP,EAAME,MAAMC,OAAO,wBACnBH,EAAME,MAAMC,OAAO,sBACvBjB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAMO,QACdP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,yBACvBd,qBAAsBW,EAAMO,QACvBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WAChEF,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WACnEpB,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAMO,QACfP,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,yBACvBX,sBAAuBQ,EAAMO,QACxBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WAChEF,EAAUR,EAAME,MAAMC,OAAO,uBAAuBM,OAAO,GAAGC,WACnEjB,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QACjBL,EAAME,MAAMC,OAAO,yBACnBH,EAAME,MAAMC,OAAO,oBACvBR,wBAAyBK,EAAMK,QAC3BL,EAAME,MAAMC,OAAO,sBACnBH,EAAME,MAAMC,OAAO,qBACvBP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,YAGf6B,QAASlC,EACJuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MACEiB,EAAMO,SAAWP,EAAMK,QACnBL,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,yBACzBlB,gBAAiBe,EAAMO,QACnBP,EAAME,MAAMC,OAAO,wBACnBH,EAAMK,QACNL,EAAME,MAAMC,OAAO,0BACnBH,EAAME,MAAMC,OAAOC,YACvBlB,YACEc,EAAMO,SAAWP,EAAMK,QACnBL,EAAME,MAAMC,OAAOC,YACnBJ,EAAME,MAAMC,OAAO,wBACzBf,WAAYY,EAAME,MAAMC,OAAO,2BAC/Bd,qBAAsBW,EAAMO,QACvBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WACjEV,EAAME,MAAMC,OAAO,0BACvBb,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAME,MAAMC,OAAO,2BAChCX,sBAAuBQ,EAAMO,QACxBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WAChEF,EAAUR,EAAME,MAAMC,OAAO,2BAA2BM,OAAO,GAAGC,WACvEjB,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QACjBL,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,oBACvBR,wBAAyBK,EAAMK,QAC3BL,EAAME,MAAMC,OAAO,0BACnBH,EAAME,MAAMC,OAAO,qBACvBP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,YAGf8B,QAASnC,EACJuB,CAAAA,GAAAA,KAAAA,GACDnB,EAAQoB,EAAA,CACNlB,MAAOiB,EAAME,MAAMC,OAAO,2BAC1BlB,gBAAiBe,EAAMO,QACnBP,EAAME,MAAMC,OAAO,wBACnBH,EAAME,MAAMC,OAAO,0BACvBjB,YAAac,EAAME,MAAMC,OAAOC,YAChChB,WAAYY,EAAME,MAAMC,OAAO,2BAC/Bd,qBAAsBW,EAAMO,QACvBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WAChEF,EAAUR,EAAME,MAAMC,OAAO,2BAA2BM,OAAO,GAAGC,WACvEpB,iBAAkBU,EAAME,MAAMC,OAAOC,YACrCb,YAAaS,EAAME,MAAMC,OAAO,2BAChCX,sBAAuBQ,EAAMO,QACxBC,EAAUR,EAAME,MAAMC,OAAO,yBAAyBM,OAAO,GAAGC,WAChEF,EAAUR,EAAME,MAAMC,OAAO,2BAA2BM,OAAO,GAAGC,WACvEjB,kBAAmBO,EAAME,MAAMC,OAAOC,YACtCV,cAAeM,EAAMK,QACjBL,EAAME,MAAMC,OAAO,2BACnBH,EAAME,MAAMC,OAAO,oBACvBR,wBAAyBK,EAAMK,QAC3BL,EAAME,MAAMC,OAAO,0BACnBH,EAAME,MAAMC,OAAO,qBACvBP,oBAAqBI,EAAME,MAAMC,OAAOC,YACxCjB,YAAaa,EAAME,MAAMC,OAAO,qBAC7BH,EAAMlB,cAMnB,IAAMkC,EAAgBvC,EAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACduB,GACGA,EAAMiB,UAAYjB,EAAMK,QAAgB,GAE5C,8HAAArB,OAKagB,EAAMkB,UALnB,iCAAAlC,OAMwBwB,EAAUR,EAAME,MAAMC,OAAOH,EAAMjB,QAAQoC,UAAU,GAAGJ,SAAS,GAAGL,WAGxFV,sBAAAA,OAAAA,EAAMoB,UAAYpB,EAAMqB,OAASrB,EAAMW,QAGXX,sEAAAA,OAAAA,EAAME,MAAMC,OAAOH,EAAMjB,OAGzBiB,mFAAAA,OAAAA,EAAME,MAAMC,OAAOH,EAAMjB,2CAGjD,GAlBR,YAuBCiB,GAAWA,EAAMK,QAAU7B,EAAuB,KAElDwB,IACD,IAAIsB,EAAc,mBAGlB,OAFItB,EAAMoB,UAAYpB,EAAMqB,OAASrB,EAAMW,WAASW,EAAc,SAE3DvC,EAAMiB,EAAMjB,MAAOuC,MAGzBtB,IACD,IAAIsB,EAAc,QAGlB,OAFItB,EAAMoB,UAAYpB,EAAMqB,OAASrB,EAAMW,WAASW,EAAc,oBAE3DvC,EAAMiB,EAAMkB,UAAWI,MAG7BtB,GACIA,EAAMiB,SAEX,yDAAAjC,OAEsBgB,EAAME,MAAMC,OAAOoB,QAC9BvB,oBAAAA,OAAAA,EAAME,MAAMC,OAAOqB,OAH9B,WAF4B,KAS3BxB,GAAWA,EAAMqB,OAASrB,EAAMW,QAAU,iCAAmC,KAG3E,IAAMc,EAAOC,EAAOC,OACxBC,WAA8B,CAC7BC,kBAAmBxE,IAEpByE,OACE9B,IAAAA,CACC+B,uBAAwB,CAACC,EAAMC,KACtB,CACLC,SAA0B,iBAATF,EAAoBA,EAAUA,GAAAA,OAAAA,GAAOC,OAAAA,GACtDE,OAAQ,QACRxD,MAAOqB,EAAMoC,MAAQ,aAAA,EACrBC,aAAcrC,EAAMoC,WAAQE,EAAY,QACxCC,YAAavC,EAAMoC,aAAoB,cAZhCR,WAAA,CAAAY,YAAA,wBAAGd,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAiBZ1B,IAAU,IAAAyC,EACX,IAAIC,EAAU1C,EAAM2C,OAAS,cAAgB,OACzC3C,EAAM0C,UAASA,EAAU1C,EAAM0C,SAEnC,IAAIE,EAAe,MAInB,OAHI5C,EAAM6C,UAASD,EAAgC,UAAjB5C,EAAM8C,OAAqB,OAAS,OAClE9C,EAAMoC,QAAOQ,EAAe,OAEhC,oBAAA5D,OACa0D,EADb,4BAAA1D,OAEmB4D,EAFnB,qBAAA5D,OAG4B,QAH5ByD,EAGYzC,EAAM+C,kBAAUN,EAAAA,EAAA,wWAcP,UAAjBzC,EAAM8C,OAjBV,0sBAAA,iKAAA,aAiDC9C,IACD,GAAqB,YAAjBA,EAAM8C,OAAsB,OAAO9B,EAEvC,IAAIgC,EAASnD,EAAae,QAM1B,OAJIZ,EAAMc,QAAOkC,EAASnD,EAAaiB,OACnCd,EAAMa,SAAQmC,EAASnD,EAAagB,QACpCb,EAAMF,YAAWkD,EAASnD,EAAaC,WAEvCE,EAAMD,MAAciD,EAAOjD,MAC3BC,EAAMM,KAAa0C,EAAO1C,KAC1BN,EAAMW,QAAgBqC,EAAOrC,QAE1BqC,EAAOpC,UAGdqC,EACAC,GAEClD,GAAWA,EAAMmD,QAAUC,EAASpD,EAAMmD,QAAS,WAAa,OAChEnD,GAAWA,EAAMqD,WAAaD,EAASpD,EAAMqD,WAAY,eAAiB,OAC1ErD,GAAWA,EAAMqC,aAAee,EAASpD,EAAMqC,aAAc,iBAAmB,OAChFrC,GAAWA,EAAMsD,cAAgBF,EAASpD,EAAMsD,cAAe,kBAAoB,OACnFtD,GAAWA,EAAMuC,YAAca,EAASpD,EAAMuC,YAAa,gBAAkB,OAE7EvC,GAAWA,EAAMuD,OAASH,EAASpD,EAAMuD,OAAQ,UAAY,OAC7DvD,GAAWA,EAAMwD,UAAYJ,EAASpD,EAAMwD,UAAW,cAAgB,OACvExD,GAAWA,EAAMyD,YAAcL,EAASpD,EAAMyD,YAAa,gBAAkB,OAC7EzD,GAAWA,EAAM0D,aAAeN,EAASpD,EAAM0D,aAAc,iBAAmB,OAChF1D,GAAWA,EAAM2D,WAAaP,EAASpD,EAAM2D,WAAY,eAAiB,OAE1E3D,GAAWA,EAAMkC,SAAWkB,EAASpD,EAAMkC,SAAU,aAAe,OAEpElC,GAAWA,EAAMmC,OAASiB,EAASpD,EAAMmC,OAAQ,UAAY,OAE7DnC,IACD,IAAMsB,EAActB,EAAM4D,OAAyB,SAAhB5D,EAAMrB,MAAmB,YAAc,QAC1E,OAAOqB,EAAMrB,MAAQyE,EAAS1E,EAASsB,EAAMrB,OAAQ2C,GAAe,QAGpEuC,IAA4D,IAA3DC,UAAEA,EAAFC,SAAaA,EAAbC,SAAuBA,EAAvBC,SAAiCA,EAAjCC,UAA2CA,GAAgBL,EAC5D,OAAOM,EAAwB,CAC7BC,MAAO,CAAEN,UAAAA,EAAWC,SAAAA,EAAUC,SAAAA,EAAUC,SAAAA,EAAUC,UAAAA,GAClD5C,YAAa,eAGf+C,IAA2E,IAA1EC,aAAEA,EAAFC,YAAgBA,EAAhBC,YAA6BA,EAA7BC,YAA0CA,EAA1CC,aAAuDA,GAAmBL,EAC3E,OAAOF,EAAwB,CAC7BC,MAAO,CAAEE,aAAAA,EAAcC,YAAAA,EAAaC,YAAAA,EAAaC,YAAAA,EAAaC,aAAAA,GAC9DpD,YAAa,mBAGfqD,IAAqF,IAApFC,eAAEA,EAAFC,cAAkBA,EAAlBC,cAAiCA,EAAjCC,cAAgDA,EAAhDC,eAA+DA,GAAqBL,EACrF,OAAOR,EAAwB,CAC7BC,MAAO,CAAEQ,eAAAA,EAAgBC,cAAAA,EAAeC,cAAAA,EAAeC,cAAAA,EAAeC,eAAAA,GACtE1D,YAAa,qBAGf2D,IAA0F,IAAzFC,gBAAEA,EAAFC,eAAmBA,EAAnBC,eAAmCA,EAAnCC,eAAmDA,EAAnDC,gBAAmEA,GAAsBL,EAC1F,OAAOd,EAAwB,CAC7BC,MAAO,CAAEc,gBAAAA,EAAiBC,eAAAA,EAAgBC,eAAAA,EAAgBC,eAAAA,EAAgBC,gBAAAA,GAC1EhE,YAAa,sBAGfiE,IAAgF,IAA/EC,cAAEA,EAAFC,aAAiBA,EAAjBC,aAA+BA,EAA/BC,aAA6CA,EAA7CC,cAA2DA,GAAoBL,EAChF,OAAOpB,EAAwB,CAC7BC,MAAO,CAAEoB,cAAAA,EAAeC,aAAAA,EAAcC,aAAAA,EAAcC,aAAAA,EAAcC,cAAAA,GAClEtE,YAAa,oBAIfuE,IAAuD,IAAtDC,SAAEA,EAAFC,QAAYA,EAAZC,QAAqBA,EAArBC,QAA8BA,EAA9BC,SAAuCA,GAAeL,EACvD,OAAO1B,EAAwB,CAAEC,MAAO,CAAE0B,SAAAA,EAAUC,QAAAA,EAASC,QAAAA,EAASC,QAAAA,EAASC,SAAAA,GAAY5E,YAAa,cAExG6E,IAAsE,IAArEC,YAAEA,EAAFC,WAAeA,EAAfC,WAA2BA,EAA3BC,WAAuCA,EAAvCC,YAAmDA,GAAkBL,EACtE,OAAOhC,EAAwB,CAC7BC,MAAO,CAAEgC,YAAAA,EAAaC,WAAAA,EAAYC,WAAAA,EAAYC,WAAAA,EAAYC,YAAAA,GAC1DlF,YAAa,kBAGfmF,IAAgF,IAA/EC,cAAEA,EAAFC,aAAiBA,EAAjBC,aAA+BA,EAA/BC,aAA6CA,EAA7CC,cAA2DA,GAAoBL,EAChF,OAAOtC,EAAwB,CAC7BC,MAAO,CAAEsC,cAAAA,EAAeC,aAAAA,EAAcC,aAAAA,EAAcC,aAAAA,EAAcC,cAAAA,GAClExF,YAAa,oBAGfyF,IAAqF,IAApFC,eAAEA,EAAFC,cAAkBA,EAAlBC,cAAiCA,EAAjCC,cAAgDA,EAAhDC,eAA+DA,GAAqBL,EACrF,OAAO5C,EAAwB,CAC7BC,MAAO,CAAE4C,eAAAA,EAAgBC,cAAAA,EAAeC,cAAAA,EAAeC,cAAAA,EAAeC,eAAAA,GACtE9F,YAAa,qBAGf+F,IAA2E,IAA1EC,aAAEA,EAAFC,YAAgBA,EAAhBC,YAA6BA,EAA7BC,YAA0CA,EAA1CC,aAAuDA,GAAmBL,EAC3E,OAAOlD,EAAwB,CAC7BC,MAAO,CAAEkD,aAAAA,EAAcC,YAAAA,EAAaC,YAAAA,EAAaC,YAAAA,EAAaC,aAAAA,GAC9DpG,YAAa,mBAIfqG,IAAiE,IAAhEC,WAAEA,EAAFC,UAAcA,EAAdC,UAAyBA,EAAzBC,UAAoCA,EAApCC,WAA+CA,GAAiBL,EACjE,OAAOxD,EAAwB,CAC7BC,MAAO,CAAEwD,WAAAA,EAAYC,UAAAA,EAAWC,UAAAA,EAAWC,UAAAA,EAAWC,WAAAA,GACtD1G,YAAa,iBAIf2G,IAAuD,IAAtDC,SAAEA,EAAFC,QAAYA,EAAZC,QAAqBA,EAArBC,QAA8BA,EAA9BC,SAAuCA,GAAeL,EACvD,OAAO9D,EAAwB,CAC7BC,MAAO,CAAE8D,SAAAA,EAAUC,QAAAA,EAASC,QAAAA,EAASC,QAAAA,EAASC,SAAAA,GAC9ChH,YAAa,cAIfiH,IAAgE,IAA/DC,QAAEA,EAAFC,OAAWA,EAAXC,OAAmBA,EAAnBC,OAA2BA,EAA3BC,QAAmCA,EAAnChF,MAA4CA,EAA5CjF,MAAmDA,GAAY4J,EAChE,OAAOpE,EAAwB,CAC7BC,MAAO,CAAEoE,QAAAA,EAASC,OAAAA,EAAQC,OAAAA,EAAQC,OAAAA,EAAQC,QAAAA,GAC1CtH,YAAasC,GAAmB,SAAVjF,EAAmB,YAAc,QACvDkK,kBAAmBnK,OAIpBsB,GAAWA,EAAM4D,MAAQR,EAASpD,EAAM4D,MAAOhF,GAAe,OAC/DkK,IAAkD,IAAjDC,QAAEA,EAAFC,OAAWA,EAAXC,OAAmBA,EAAnBC,OAA2BA,EAA3BC,QAAmCA,GAAcL,EAClD,OAAO3E,EAAwB,CAC7BC,MAAO,CAAE2E,QAAAA,EAASC,OAAAA,EAAQC,OAAAA,EAAQC,OAAAA,EAAQC,QAAAA,GAC1C7H,YAAa1C,WAKNwK,EAAa1H,EAAO2H,GAAVzH,WAAA,CAAAY,YAAA,wBAAGd,CAAH,CAAA,qCAAA,4BAERnD"}
|
package/dts/index.d.ts
CHANGED
|
@@ -1377,17 +1377,17 @@ ResponsiveNamedProperty<'height', 'l' | 'm' | 's' | 'xs' | number> {
|
|
|
1377
1377
|
rel?: string;
|
|
1378
1378
|
/** Build rel attribute with relBuilder from context */
|
|
1379
1379
|
autoRel?: boolean;
|
|
1380
|
-
/** Attempt not to use default margin-left */
|
|
1381
|
-
noSpacing?: boolean;
|
|
1382
1380
|
/** @ignore Appearance variant */
|
|
1383
1381
|
primary?: boolean;
|
|
1384
1382
|
/** @ignore Appearance variant */
|
|
1385
1383
|
secondary?: boolean;
|
|
1386
1384
|
/** @ignore Appearance variant */
|
|
1387
1385
|
inverted?: boolean;
|
|
1386
|
+
/** @ignore @deprecated */
|
|
1387
|
+
noSpacing?: boolean;
|
|
1388
1388
|
/** @ignore @deprecated Use href or to props */
|
|
1389
1389
|
as?: React.ElementType<any>;
|
|
1390
|
-
/** @ignore @deprecated Use
|
|
1390
|
+
/** @ignore @deprecated Use textProps */
|
|
1391
1391
|
fontWeight?: TextProps['weight'];
|
|
1392
1392
|
/** @ignore @deprecated */
|
|
1393
1393
|
rounded?: boolean;
|