@foxford/ui 2.21.1 → 2.21.2-beta-a8b0c62-20240328

package/components/InputCheckbox/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';import a from'./images/checked.module.svg.js';import s from'./images/indeterminate.module.svg.js';var n=c((o=>!['inline','error','success','onColored','indeterminate'].includes(o)));var d=r.input.withConfig({componentId:"fox-ui__sc-3ztnvc-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);var b=r.span.withConfig({componentId:"fox-ui__sc-3ztnvc-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;"]);var i=r(a).withConfig({componentId:"fox-ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);var t=r(s).withConfig({componentId:"fox-ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);var g=o=>"\n  & > ".concat(b," {\n    background-color: ").concat(o.backgroundColor,";\n    border-color: ").concat(o.borderColor,";\n    color: ").concat(o.color,";\n  }\n  &:hover > ").concat(b," {\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n    color: ").concat(o.colorHover,";\n  }\n  & > ").concat(d,":checked:not(:disabled) + ").concat(b," {\n    background-color: ").concat(o.backgroundColorChecked,";\n    border-color: ").concat(o.borderColorChecked,";\n    color: ").concat(o.colorChecked,";\n  }\n  & > ").concat(d,":disabled:not(:checked) + ").concat(b," {\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n    color: ").concat(o.colorDisabled,";\n  }\n  & > ").concat(d,":disabled:checked + ").concat(b," {\n    background-color: ").concat(o.backgroundColorDisabledChecked,";\n    border-color: ").concat(o.borderColorDisabledChecked,";\n    color: ").concat(o.colorDisabledChecked,";\n  }\n");var C={default:{error:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-primary'],borderColor:e.colors['alert-bg-error-500'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-primary'],borderColorHover:e.colors['alert-bg-error-500'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-error-500'],borderColorChecked:e.colors['alert-bg-error-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),success:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-primary'],borderColor:e.colors['alert-bg-success-500'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-primary'],borderColorHover:e.colors['alert-bg-success-500'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-success-500'],borderColorChecked:e.colors['alert-bg-success-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),default:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['bg-brand-primary-basic']:e.colors['bg-onmain-primary'],borderColor:l?e.colors['bg-brand-primary-basic']:e.colors['border-onmain-default-small'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['bg-brand-primary-basic']:e.colors['bg-onmain-primary'],borderColorHover:l?e.colors['bg-brand-primary-basic']:e.colors['border-brand-primary'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['bg-brand-primary-basic'],borderColorChecked:e.colors['bg-brand-primary-basic'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))}))},onColored:{error:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-secondary'],borderColor:l?e.colors['alert-bg-error-500']:e.colors['alert-error'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-secondary'],borderColorHover:l?e.colors['alert-bg-error-500']:e.colors['alert-error'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-error-500'],borderColorChecked:e.colors['alert-bg-error-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),success:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-secondary'],borderColor:l?e.colors['alert-bg-success-500']:e.colors['alert-success'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-secondary'],borderColorHover:l?e.colors['alert-bg-success-500']:e.colors['alert-success'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-success-500'],borderColorChecked:e.colors['alert-bg-success-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),default:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['bg-brand-primary-basic'],backgroundColor:l?e.colors['bg-oncolor-primary']:e.colors['bg-onmain-primary'],borderColor:l?e.colors['bg-oncolor-primary']:e.colors['border-onmain-default-small'],colorHover:e.colors['bg-brand-primary-basic'],backgroundColorHover:l?e.colors['bg-oncolor-primary']:e.colors['bg-onmain-primary'],borderColorHover:l?e.colors['bg-oncolor-primary']:e.colors['border-brand-primary'],colorChecked:e.colors['bg-brand-primary-basic'],backgroundColorChecked:e.colors['bg-oncolor-primary'],borderColorChecked:e.colors['bg-oncolor-primary'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))}))}};var m=r.span.withConfig({shouldForwardProp:n}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),height:'1em',width:'1em'})}).withConfig({componentId:"fox-ui__sc-3ztnvc-4"})([""," "," ",""],(o=>"\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ".concat(o.inline?'inline-flex':'flex',";\n      border-radius: 4px;\n      flex-shrink: 0;\n      & > ").concat(d," {\n        cursor: ").concat(o.cursor?o.cursor:'pointer',";\n      }\n      & > ").concat(d,":checked + ").concat(b," > ").concat(i," {\n        opacity: 1;\n      }\n      & > ").concat(d,":focus-visible + ").concat(b," {\n        box-shadow: 0 0 0 2px ").concat(o.theme.colors.white,", 0 0 0 4px ").concat(o.theme.colors['border-focus'],";\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  ")),(o=>{var r=o.onColored?C.onColored:C.default;return o.error?r.error:o.success?r.success:r.default}),l);export{d as Input,i as InputChecked,t as InputIndeterminate,b as InputMask,m as Root};
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';import a from'./images/checked.module.svg.js';import s from'./images/indeterminate.module.svg.js';var n=c((o=>!['inline','error','success','onColored','indeterminate','disabled'].includes(o)));var d=r.input.withConfig({componentId:"fox-ui__sc-3ztnvc-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);var b=r.span.withConfig({componentId:"fox-ui__sc-3ztnvc-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;"]);var i=r(a).withConfig({componentId:"fox-ui__sc-3ztnvc-2"})(["box-sizing:border-box;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;"]);var t=r(s).withConfig({componentId:"fox-ui__sc-3ztnvc-3"})(["box-sizing:border-box;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);"]);var g=o=>"\n  & > ".concat(b," {\n    background-color: ").concat(o.backgroundColor,";\n    border-color: ").concat(o.borderColor,";\n    color: ").concat(o.color,";\n  }\n  &:hover > ").concat(b," {\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n    color: ").concat(o.colorHover,";\n  }\n  & > ").concat(d,":checked:not(:disabled) + ").concat(b," {\n    background-color: ").concat(o.backgroundColorChecked,";\n    border-color: ").concat(o.borderColorChecked,";\n    color: ").concat(o.colorChecked,";\n  }\n  & > ").concat(d,":disabled:not(:checked) + ").concat(b," {\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n    color: ").concat(o.colorDisabled,";\n  }\n  & > ").concat(d,":disabled:checked + ").concat(b," {\n    background-color: ").concat(o.backgroundColorDisabledChecked,";\n    border-color: ").concat(o.borderColorDisabledChecked,";\n    color: ").concat(o.colorDisabledChecked,";\n  }\n");var C={default:{error:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-primary'],borderColor:e.colors['alert-bg-error-500'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-primary'],borderColorHover:e.colors['alert-bg-error-500'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-error-500'],borderColorChecked:e.colors['alert-bg-error-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),success:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-primary'],borderColor:e.colors['alert-bg-success-500'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-primary'],borderColorHover:e.colors['alert-bg-success-500'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-success-500'],borderColorChecked:e.colors['alert-bg-success-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),default:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['bg-brand-primary-basic']:e.colors['bg-onmain-primary'],borderColor:l?e.colors['bg-brand-primary-basic']:e.colors['border-onmain-default-small'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['bg-brand-primary-basic']:e.colors['bg-onmain-primary'],borderColorHover:l?e.colors['bg-brand-primary-basic']:e.colors['border-brand-primary'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['bg-brand-primary-basic'],borderColorChecked:e.colors['bg-brand-primary-basic'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-large'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))}))},onColored:{error:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-secondary'],borderColor:l?e.colors['alert-bg-error-500']:e.colors['alert-error'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-error-500']:e.colors['bg-onmain-secondary'],borderColorHover:l?e.colors['alert-bg-error-500']:e.colors['alert-error'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-error-500'],borderColorChecked:e.colors['alert-bg-error-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),success:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['content-oncolor-primary'],backgroundColor:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-secondary'],borderColor:l?e.colors['alert-bg-success-500']:e.colors['alert-success'],colorHover:e.colors['content-oncolor-primary'],backgroundColorHover:l?e.colors['alert-bg-success-500']:e.colors['bg-onmain-secondary'],borderColorHover:l?e.colors['alert-bg-success-500']:e.colors['alert-success'],colorChecked:e.colors['content-oncolor-primary'],backgroundColorChecked:e.colors['alert-bg-success-500'],borderColorChecked:e.colors['alert-bg-success-500'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))})),default:e(["",""],(r=>{var{theme:e,palette:c,indeterminate:l}=r;return g(o({color:e.colors['bg-brand-primary-basic'],backgroundColor:l?e.colors['bg-oncolor-primary']:e.colors['bg-onmain-primary'],borderColor:l?e.colors['bg-oncolor-primary']:e.colors['border-onmain-default-small'],colorHover:e.colors['bg-brand-primary-basic'],backgroundColorHover:l?e.colors['bg-oncolor-primary']:e.colors['bg-onmain-primary'],borderColorHover:l?e.colors['bg-oncolor-primary']:e.colors['border-brand-primary'],colorChecked:e.colors['bg-brand-primary-basic'],backgroundColorChecked:e.colors['bg-oncolor-primary'],borderColorChecked:e.colors['bg-oncolor-primary'],colorDisabled:e.colors['bg-onmain-secondary'],backgroundColorDisabled:l?e.colors['bg-disabled-active']:e.colors['bg-disabled-small'],borderColorDisabled:l?e.colors['bg-disabled-active']:e.colors['border-disabled'],colorDisabledChecked:e.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:e.colors['bg-disabled-active'],borderColorDisabledChecked:e.colors['bg-disabled-active']},c))}))}};var m=r.span.withConfig({shouldForwardProp:n}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),height:'1em',width:'1em',borderRadius:'0.2em'})}).withConfig({componentId:"fox-ui__sc-3ztnvc-4"})([""," "," ",""],(o=>"\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ".concat(o.inline?'inline-flex':'flex',";\n      flex-shrink: 0;\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n      & > ").concat(d," {\n        cursor: inherit;\n      }\n      & > ").concat(d,":checked + ").concat(b," > ").concat(i," {\n        opacity: 1;\n      }\n      & > ").concat(d,":focus-visible + ").concat(b," {\n        box-shadow: 0 0 0 2px ").concat(o.theme.colors.white,", 0 0 0 4px ").concat(o.theme.colors['border-focus'],";\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  ")),(o=>{var r=o.onColored?C.onColored:C.default;return o.error?r.error:o.success?r.success:r.default}),l);export{d as Input,i as InputChecked,t as InputIndeterminate,b as InputMask,m as Root};
 //# sourceMappingURL=style.js.map

package/components/InputCheckbox/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/InputCheckbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport Checked from './images/checked.module.svg'\nimport Indeterminate from './images/indeterminate.module.svg'\nimport type { StyledInputCheckboxProps, InputCheckboxPalette } from './types'\n\nconst shouldForwardInputCheckboxProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'indeterminate'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n`\n\nexport const InputChecked = styled(Checked)`\n  box-sizing: border-box;\n  width: 90%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n`\n\nexport const InputIndeterminate = styled(Indeterminate)`\n  box-sizing: border-box;\n  width: 90%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\nconst template = (palette: InputCheckboxPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n    color: ${palette.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n    color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n    color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n    color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n    color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-error-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-error-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-success-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-success-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['bg-brand-primary-basic'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: theme.colors['bg-brand-primary-basic'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n  onColored: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-error-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['bg-brand-primary-basic'],\n          backgroundColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: theme.colors['bg-oncolor-primary'],\n          borderColorChecked: theme.colors['bg-oncolor-primary'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledInputCheckboxProps>({\n    shouldForwardProp: shouldForwardInputCheckboxProp,\n  })\n  .attrs(<Required<Pick<StyledInputCheckboxProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        height: '1em',\n        width: '1em',\n      }\n    },\n  })`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      border-radius: 4px;\n      flex-shrink: 0;\n      & > ${Input} {\n        cursor: ${props.cursor ? props.cursor : 'pointer'};\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputCheckboxProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","componentId","InputMask","span","InputChecked","Checked","InputIndeterminate","Indeterminate","template","palette","backgroundColor","concat","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","_ref","theme","indeterminate","_objectSpread","colors","success","_ref2","_ref3","onColored","_ref4","_ref5","_ref6","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","props","inline","cursor","white","schema","responsiveSize"],"mappings":"wUAOA,IAAMA,EAAiCC,GACpCC,IAAa,CAAC,SAAU,QAAS,UAAW,YAAa,iBAAiBC,SAASD,KAGzEE,IAAAA,EAAQC,EAAOC,MAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAd,CAAA,gJAgBMI,IAAAA,EAAYJ,EAAOK,KAAVH,WAAA,CAAAC,YAAA,uBAAGH,CAAlB,CAAA,sOAcMM,EAAeN,EAAOO,GAAVL,WAAA,CAAAC,YAAA,uBAAGH,CAArB,CAAA,qHAUMQ,EAAqBR,EAAOS,GAAVP,WAAA,CAAAC,YAAA,uBAAGH,CAA3B,CAAA,uGASP,IAAMU,EAAYC,GACVP,WAAAA,OAAAA,uCACgBO,EAAQC,gBAFf,yBAAAC,OAGGF,EAAQG,YACfH,kBAAAA,OAAAA,EAAQI,MAJJ,wBAAAF,OAMHT,EANG,8BAAAS,OAOOF,EAAQK,qBACZL,yBAAAA,OAAAA,EAAQM,iBARX,kBAAAJ,OASJF,EAAQO,WAEbnB,kBAAAA,OAAAA,uCAAkCK,EAXzB,8BAAAS,OAYOF,EAAQQ,uBACZR,yBAAAA,OAAAA,EAAQS,mBAbX,kBAAAP,OAcJF,EAAQU,aAEbtB,kBAAAA,OAAAA,EAAkCK,8BAAAA,OAAAA,uCAClBO,EAAQW,wBACZX,yBAAAA,OAAAA,EAAQY,oBAlBX,kBAAAV,OAmBJF,EAAQa,cAEbzB,kBAAAA,OAAAA,EAA4BK,wBAAAA,OAAAA,uCACZO,EAAQc,+BAtBf,yBAAAZ,OAuBGF,EAAQe,oDACff,EAAQgB,qBAxBrB,YA4BA,IAAMC,EAAe,CACnBC,QAAS,CACPC,MAAOC,EACH,CAAA,GAAA,KAAAC,IAAA,IAACC,MAAEA,EAAFtB,QAASA,EAATuB,cAAkBA,GAAnBF,EAAA,OACAtB,EAAQyB,EAAA,CACNpB,MAAOkB,EAAMG,OAAO,2BACpBxB,gBAAiBsB,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,qBACnFtB,YAAamB,EAAMG,OAAO,sBAC1BlB,WAAYe,EAAMG,OAAO,2BACzBpB,qBAAsBkB,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,qBACxFnB,iBAAkBgB,EAAMG,OAAO,sBAC/Bf,aAAcY,EAAMG,OAAO,2BAC3BjB,uBAAwBc,EAAMG,OAAO,sBACrChB,mBAAoBa,EAAMG,OAAO,sBACjCZ,cAAeS,EAAMG,OAAO,uBAC5Bd,wBAAyBY,EACrBD,EAAMG,OAAO,sBACbH,EAAMG,OAAO,qBACjBb,oBAAqBW,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,mBACvFT,qBAAsBM,EAAMG,OAAO,uBACnCX,+BAAgCQ,EAAMG,OAAO,sBAC7CV,2BAA4BO,EAAMG,OAAO,uBACtCzB,OAGT0B,QAASN,EACL,CAAA,GAAA,KAAAO,IAAA,IAACL,MAAEA,EAAFtB,QAASA,EAATuB,cAAkBA,GAAnBI,EAAA,OACA5B,EAAQyB,EAAA,CACNpB,MAAOkB,EAAMG,OAAO,2BACpBxB,gBAAiBsB,EAAgBD,EAAMG,OAAO,wBAA0BH,EAAMG,OAAO,qBACrFtB,YAAamB,EAAMG,OAAO,wBAC1BlB,WAAYe,EAAMG,OAAO,2BACzBpB,qBAAsBkB,EAClBD,EAAMG,OAAO,wBACbH,EAAMG,OAAO,qBACjBnB,iBAAkBgB,EAAMG,OAAO,wBAC/Bf,aAAcY,EAAMG,OAAO,2BAC3BjB,uBAAwBc,EAAMG,OAAO,wBACrChB,mBAAoBa,EAAMG,OAAO,wBACjCZ,cAAeS,EAAMG,OAAO,uBAC5Bd,wBAAyBY,EACrBD,EAAMG,OAAO,sBACbH,EAAMG,OAAO,qBACjBb,oBAAqBW,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,mBACvFT,qBAAsBM,EAAMG,OAAO,uBACnCX,+BAAgCQ,EAAMG,OAAO,sBAC7CV,2BAA4BO,EAAMG,OAAO,uBACtCzB,OAGTkB,QAASE,EACL,CAAA,GAAA,KAAAQ,IAAA,IAACN,MAAEA,EAAFtB,QAASA,EAATuB,cAAkBA,GAAnBK,EAAA,OACA7B,EAAQyB,EAAA,CACNpB,MAAOkB,EAAMG,OAAO,2BACpBxB,gBAAiBsB,EAAgBD,EAAMG,OAAO,0BAA4BH,EAAMG,OAAO,qBACvFtB,YAAaoB,EACTD,EAAMG,OAAO,0BACbH,EAAMG,OAAO,+BACjBlB,WAAYe,EAAMG,OAAO,2BACzBpB,qBAAsBkB,EAClBD,EAAMG,OAAO,0BACbH,EAAMG,OAAO,qBACjBnB,iBAAkBiB,EACdD,EAAMG,OAAO,0BACbH,EAAMG,OAAO,wBACjBf,aAAcY,EAAMG,OAAO,2BAC3BjB,uBAAwBc,EAAMG,OAAO,0BACrChB,mBAAoBa,EAAMG,OAAO,0BACjCZ,cAAeS,EAAMG,OAAO,uBAC5Bd,wBAAyBY,EACrBD,EAAMG,OAAO,sBACbH,EAAMG,OAAO,qBACjBb,oBAAqBW,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,mBACvFT,qBAAsBM,EAAMG,OAAO,uBACnCX,+BAAgCQ,EAAMG,OAAO,sBAC7CV,2BAA4BO,EAAMG,OAAO,uBACtCzB,QAIX6B,UAAW,CACTV,MAAOC,EACH,CAAA,GAAA,KAAAU,IAAA,IAACR,MAAEA,EAAFtB,QAASA,EAATuB,cAAkBA,GAAnBO,EAAA,OACA/B,EAAQyB,EAAA,CACNpB,MAAOkB,EAAMG,OAAO,2BACpBxB,gBAAiBsB,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,uBACnFtB,YAAaoB,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,eAC/ElB,WAAYe,EAAMG,OAAO,2BACzBpB,qBAAsBkB,EAClBD,EAAMG,OAAO,sBACbH,EAAMG,OAAO,uBACjBnB,iBAAkBiB,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,eACpFf,aAAcY,EAAMG,OAAO,2BAC3BjB,uBAAwBc,EAAMG,OAAO,sBACrChB,mBAAoBa,EAAMG,OAAO,sBACjCZ,cAAeS,EAAMG,OAAO,uBAC5Bd,wBAAyBY,EACrBD,EAAMG,OAAO,sBACbH,EAAMG,OAAO,qBACjBb,oBAAqBW,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,mBACvFT,qBAAsBM,EAAMG,OAAO,uBACnCX,+BAAgCQ,EAAMG,OAAO,sBAC7CV,2BAA4BO,EAAMG,OAAO,uBACtCzB,OAGT0B,QAASN,EACL,CAAA,GAAA,KAAAW,IAAA,IAACT,MAAEA,EAAFtB,QAASA,EAATuB,cAAkBA,GAAnBQ,EAAA,OACAhC,EAAQyB,EAAA,CACNpB,MAAOkB,EAAMG,OAAO,2BACpBxB,gBAAiBsB,EAAgBD,EAAMG,OAAO,wBAA0BH,EAAMG,OAAO,uBACrFtB,YAAaoB,EAAgBD,EAAMG,OAAO,wBAA0BH,EAAMG,OAAO,iBACjFlB,WAAYe,EAAMG,OAAO,2BACzBpB,qBAAsBkB,EAClBD,EAAMG,OAAO,wBACbH,EAAMG,OAAO,uBACjBnB,iBAAkBiB,EAAgBD,EAAMG,OAAO,wBAA0BH,EAAMG,OAAO,iBACtFf,aAAcY,EAAMG,OAAO,2BAC3BjB,uBAAwBc,EAAMG,OAAO,wBACrChB,mBAAoBa,EAAMG,OAAO,wBACjCZ,cAAeS,EAAMG,OAAO,uBAC5Bd,wBAAyBY,EACrBD,EAAMG,OAAO,sBACbH,EAAMG,OAAO,qBACjBb,oBAAqBW,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,mBACvFT,qBAAsBM,EAAMG,OAAO,uBACnCX,+BAAgCQ,EAAMG,OAAO,sBAC7CV,2BAA4BO,EAAMG,OAAO,uBACtCzB,OAGTkB,QAASE,EACL,CAAA,GAAA,KAAAY,IAAA,IAACV,MAAEA,EAAFtB,QAASA,EAATuB,cAAkBA,GAAnBS,EAAA,OACAjC,EAAQyB,EAAA,CACNpB,MAAOkB,EAAMG,OAAO,0BACpBxB,gBAAiBsB,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,qBACnFtB,YAAaoB,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,+BAC/ElB,WAAYe,EAAMG,OAAO,0BACzBpB,qBAAsBkB,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,qBACxFnB,iBAAkBiB,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,wBACpFf,aAAcY,EAAMG,OAAO,0BAC3BjB,uBAAwBc,EAAMG,OAAO,sBACrChB,mBAAoBa,EAAMG,OAAO,sBACjCZ,cAAeS,EAAMG,OAAO,uBAC5Bd,wBAAyBY,EACrBD,EAAMG,OAAO,sBACbH,EAAMG,OAAO,qBACjBb,oBAAqBW,EAAgBD,EAAMG,OAAO,sBAAwBH,EAAMG,OAAO,mBACvFT,qBAAsBM,EAAMG,OAAO,uBACnCX,+BAAgCQ,EAAMG,OAAO,sBAC7CV,2BAA4BO,EAAMG,OAAO,uBACtCzB,SAMN,IAAMiC,EAAO5C,EAAOK,KACxBH,WAAqC,CACpC2C,kBAAmBlD,IAEpBmD,MAA0E,CACzEC,uBAAwB,CAACC,EAAMC,KACtB,CACLC,SAA0B,iBAATF,EAAoBA,EAAUA,GAAAA,OAAAA,GAAOC,OAAAA,GACtDE,OAAQ,MACRC,MAAO,UATElD,WAAA,CAAAC,YAAA,uBAAGH,CAafqD,CAAAA,GAAAA,IAAAA,IAAAA,KAAAA,mHAIYA,EAAMC,OAAS,cAAgB,OAGpCvD,mEAAAA,OAAAA,iCACMsD,EAAME,OAASF,EAAME,OAAS,UAEpCxD,0BAAAA,OAAAA,EAAmBK,eAAAA,OAAAA,gBAAeE,EAV1C,gDAAAO,OAaQd,EAbR,qBAAAc,OAaiCT,EAbjC,sCAAAS,OAc4BwC,EAAMpB,MAAMG,OAAOoB,6BAAoBH,EAAMpB,MAAMG,OAAO,gBAdtF,2FAmBCiB,IACD,IAAMI,EAASJ,EAAMb,UAAYZ,EAAaY,UAAYZ,EAAaC,QAEvE,OAAIwB,EAAMvB,MAAc2B,EAAO3B,MAC3BuB,EAAMhB,QAAgBoB,EAAOpB,QAE1BoB,EAAO5B,UAGd6B"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/InputCheckbox/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport Checked from './images/checked.module.svg'\nimport Indeterminate from './images/indeterminate.module.svg'\nimport type { StyledInputCheckboxProps, InputCheckboxPalette } from './types'\n\nconst shouldForwardInputCheckboxProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'indeterminate', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n`\n\nexport const InputChecked = styled(Checked)`\n  box-sizing: border-box;\n  width: 90%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n  opacity: 0;\n`\n\nexport const InputIndeterminate = styled(Indeterminate)`\n  box-sizing: border-box;\n  width: 90%;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n`\n\nconst template = (palette: InputCheckboxPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n    color: ${palette.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n    color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n    color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n    color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n    color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-error-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-error-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-primary'],\n          borderColor: theme.colors['alert-bg-success-500'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: theme.colors['alert-bg-success-500'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['bg-brand-primary-basic'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate\n            ? theme.colors['bg-brand-primary-basic']\n            : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: theme.colors['bg-brand-primary-basic'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-large'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n  onColored: {\n    error: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-error-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-error-500'] : theme.colors['alert-error'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-error-500'],\n          borderColorChecked: theme.colors['alert-bg-error-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    success: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['content-oncolor-primary'],\n          backgroundColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['bg-onmain-secondary'],\n          borderColor: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorHover: theme.colors['content-oncolor-primary'],\n          backgroundColorHover: indeterminate\n            ? theme.colors['alert-bg-success-500']\n            : theme.colors['bg-onmain-secondary'],\n          borderColorHover: indeterminate ? theme.colors['alert-bg-success-500'] : theme.colors['alert-success'],\n          colorChecked: theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: theme.colors['alert-bg-success-500'],\n          borderColorChecked: theme.colors['alert-bg-success-500'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n    default: css<StyledInputCheckboxProps>`\n      ${({ theme, palette, indeterminate }) =>\n        template({\n          color: theme.colors['bg-brand-primary-basic'],\n          backgroundColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColor: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-onmain-default-small'],\n          colorHover: theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['bg-onmain-primary'],\n          borderColorHover: indeterminate ? theme.colors['bg-oncolor-primary'] : theme.colors['border-brand-primary'],\n          colorChecked: theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: theme.colors['bg-oncolor-primary'],\n          borderColorChecked: theme.colors['bg-oncolor-primary'],\n          colorDisabled: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: indeterminate\n            ? theme.colors['bg-disabled-active']\n            : theme.colors['bg-disabled-small'],\n          borderColorDisabled: indeterminate ? theme.colors['bg-disabled-active'] : theme.colors['border-disabled'],\n          colorDisabledChecked: theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: theme.colors['bg-disabled-active'],\n          ...palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledInputCheckboxProps>({\n    shouldForwardProp: shouldForwardInputCheckboxProp,\n  })\n  .attrs(<Required<Pick<StyledInputCheckboxProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        height: '1em',\n        width: '1em',\n        borderRadius: '0.2em',\n      }\n    },\n  })`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      flex-shrink: 0;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask} > ${InputChecked} {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputCheckboxProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","componentId","InputMask","span","InputChecked","Checked","InputIndeterminate","Indeterminate","template","palette","backgroundColor","concat","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","_ref","theme","indeterminate","_objectSpread","colors","success","_ref2","_ref3","onColored","_ref4","_ref5","_ref6","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","borderRadius","props","inline","disabled","white","schema","responsiveSize"],"mappings":"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"}

package/components/InputRadio/InputRadio.js

@@ -1,2 +1,2 @@
-import s from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as r}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{SIZES as t}from'./constants.js';import{Root as o,Input as a,InputMask as z}from'./style.js';import{jsxs as p,jsx as n}from'react/jsx-runtime';var l=["size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","preset","cursor","style","className"];var m='InputRadio';var c=i(r(((r,i)=>{var{size:t="m",sizeXXS:m,sizeXS:c,sizeS:u,sizeM:d,sizeL:S,sizeXL:X,sizes:f,sizeUnits:j,inline:M,error:h,success:N,onColored:b,palette:y,preset:I,cursor:L,style:R,className:v}=r,x=e(r,l);return p(o,{size:t,sizeXXS:m,sizeXS:c,sizeS:u,sizeM:d,sizeL:S,sizeXL:X,sizes:f,sizeUnits:j,inline:M,error:h,success:N,onColored:b,palette:y,preset:I,cursor:L,style:R,className:v,children:[n(a,s(s({},x),{},{type:"radio",ref:i})),n(z,{})]})})),{displayName:"InputRadio",sizes:t});export{m as COMPONENT_NAME,c as InputRadio};
+import s from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as i}from'react';import{withMergedProps as r}from'../../hocs/withMergedProps.js';import{SIZES as t}from'./constants.js';import{Root as o,Input as a,InputMask as z}from'./style.js';import{jsxs as l,jsx as n}from'react/jsx-runtime';var p=["size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","style","className","disabled"];var m='InputRadio';var d=r(i(((i,r)=>{var{size:t="m",sizeXXS:m,sizeXS:d,sizeS:c,sizeM:u,sizeL:S,sizeXL:X,sizes:b,sizeUnits:f,inline:j,error:M,success:h,onColored:N,palette:y,style:I,className:L,disabled:R}=i,v=e(i,p);return l(o,{size:t,sizeXXS:m,sizeXS:d,sizeS:c,sizeM:u,sizeL:S,sizeXL:X,sizes:b,sizeUnits:f,inline:j,error:M,success:h,onColored:N,palette:y,style:I,className:L,disabled:R,children:[n(a,s(s({},v),{},{disabled:R,type:"radio",ref:r})),n(z,{})]})})),{displayName:"InputRadio",sizes:t});export{m as COMPONENT_NAME,d as InputRadio};
 //# sourceMappingURL=InputRadio.js.map

package/components/InputRadio/InputRadio.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputRadio.js","sources":["../../../../src/components/InputRadio/InputRadio.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * Component accepts all \\<input\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputRadioProps](https://github.com/foxford/ui/blob/master/src/components/InputRadio/types.ts)\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        inline,\n        error,\n        success,\n        onColored,\n        palette,\n        preset,\n        cursor,\n        style,\n        className,\n        ...inputProps\n      },\n      ref\n    ) => {\n      return (\n        <Styled.Root\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizes={sizes}\n          sizeUnits={sizeUnits}\n          inline={inline}\n          error={error}\n          success={success}\n          onColored={onColored}\n          palette={palette}\n          preset={preset}\n          cursor={cursor}\n          style={style}\n          className={className}\n        >\n          <Styled.Input {...inputProps} type='radio' ref={ref} />\n          <Styled.InputMask />\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputRadio, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputRadio","withMergedProps","forwardRef","_ref","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","preset","cursor","style","className","inputProps","_objectWithoutProperties","_excluded","_jsxs","Styled.Root","children","_jsx","Styled.Input","type","Styled.InputMask","displayName","SIZES"],"mappings":"whBAMMA,IAAAA,EAAiB,aAcjBC,IAAAA,EAA+DC,EACnEC,IACEC,EAsBEC,KACG,IAtBHC,KACEA,EAAO,IADTC,QAEEA,EAFFC,OAGEA,EAHFC,MAIEA,EAJFC,MAKEA,EALFC,MAMEA,EANFC,OAOEA,EAPFC,MAQEA,EARFC,UASEA,EATFC,OAUEA,EAVFC,MAWEA,EAXFC,QAYEA,EAZFC,UAaEA,EAbFC,QAcEA,EAdFC,OAeEA,EAfFC,OAgBEA,EAhBFC,MAiBEA,EAjBFC,UAkBEA,GAICnB,EAHEoB,EAGFC,EAAArB,EAAAsB,GACH,OACEC,EAACC,EAAD,CACEtB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTC,OAAQA,EACRC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EAlBbM,SAAA,CAoBEC,EAACC,SAAiBP,GAAlB,GAAA,CAA8BQ,KAAK,QAAQ3B,IAAKA,KAChDyB,EAACG,EArBH,UA0BN,CACEC,YApEmB,aAqEnBrB,MAAOsB"}
+{"version":3,"file":"InputRadio.js","sources":["../../../../src/components/InputRadio/InputRadio.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { InputRadioProps } from './types'\n\nconst COMPONENT_NAME = 'InputRadio'\n\n/**\n *\n * Component accepts all \\<input\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputRadioProps](https://github.com/foxford/ui/blob/master/src/components/InputRadio/types.ts)\n *\n * @visibleName Radio\n */\nconst InputRadio: React.ForwardRefExoticComponent<InputRadioProps> = withMergedProps<InputRadioProps, HTMLInputElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        inline,\n        error,\n        success,\n        onColored,\n        palette,\n        style,\n        className,\n        disabled,\n        ...inputProps\n      },\n      ref\n    ) => {\n      return (\n        <Styled.Root\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizes={sizes}\n          sizeUnits={sizeUnits}\n          inline={inline}\n          error={error}\n          success={success}\n          onColored={onColored}\n          palette={palette}\n          style={style}\n          className={className}\n          disabled={disabled}\n        >\n          <Styled.Input {...inputProps} disabled={disabled} type='radio' ref={ref} />\n          <Styled.InputMask />\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { InputRadio, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","InputRadio","withMergedProps","forwardRef","_ref","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","inline","error","success","onColored","palette","style","className","disabled","inputProps","_objectWithoutProperties","_excluded","_jsxs","Styled.Root","children","_jsx","Styled.Input","type","Styled.InputMask","displayName","SIZES"],"mappings":"ihBAMMA,IAAAA,EAAiB,aAcjBC,IAAAA,EAA+DC,EACnEC,IACEC,EAqBEC,KACG,IArBHC,KACEA,EAAO,IADTC,QAEEA,EAFFC,OAGEA,EAHFC,MAIEA,EAJFC,MAKEA,EALFC,MAMEA,EANFC,OAOEA,EAPFC,MAQEA,EARFC,UASEA,EATFC,OAUEA,EAVFC,MAWEA,EAXFC,QAYEA,EAZFC,UAaEA,EAbFC,QAcEA,EAdFC,MAeEA,EAfFC,UAgBEA,EAhBFC,SAiBEA,GAIClB,EAHEmB,EAGFC,EAAApB,EAAAqB,GACH,OACEC,EAACC,EAAD,CACErB,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,SAAUA,EAjBZM,SAAA,CAmBEC,EAACC,SAAiBP,GAAlB,GAAA,CAA8BD,SAAUA,EAAUS,KAAK,QAAQ1B,IAAKA,KACpEwB,EAACG,EApBH,UAyBN,CACEC,YAlEmB,aAmEnBpB,MAAOqB"}

package/components/InputRadio/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';var a=c((o=>!['inline','error','success','onColored'].includes(o)));var n=r.input.withConfig({componentId:"fox-ui__sc-rgocm7-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);var d=r.span.withConfig({componentId:"fox-ui__sc-rgocm7-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;&::before{content:'';position:absolute;width:40%;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;}"]);var s=o=>"\n  & > ".concat(d," {\n    background-color: ").concat(o.backgroundColor,";\n    border-color: ").concat(o.borderColor,";\n  }\n  & > ").concat(d,"::before {\n    background-color: ").concat(o.color,";\n  }\n  &:hover > ").concat(d," {\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:hover > ").concat(d,"::before {\n    background-color: ").concat(o.colorHover,";\n  }\n  & > ").concat(n,":checked:not(:disabled) + ").concat(d," {\n    background-color: ").concat(o.backgroundColorChecked,";\n    border-color: ").concat(o.borderColorChecked,";\n  }\n  & > ").concat(n,":checked:not(:disabled) + ").concat(d,"::before {\n    background-color: ").concat(o.colorChecked,";\n  }\n  & > ").concat(n,":disabled:not(:checked) + ").concat(d," {\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n  & > ").concat(n,":disabled:not(:checked) + ").concat(d,"::before {\n    background-color: ").concat(o.colorDisabled,";\n  }\n  & > ").concat(n,":disabled:checked + ").concat(d," {\n    background-color: ").concat(o.backgroundColorDisabledChecked,";\n    border-color: ").concat(o.borderColorDisabledChecked,";\n  }\n  & > ").concat(n,":disabled:checked + ").concat(d,"::before {\n    background-color: ").concat(o.colorDisabledChecked,";\n  }\n");var t={default:{error:e(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['alert-bg-error-500'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-error-500'],borderColorChecked:r.theme.colors['alert-bg-error-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),success:e(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['alert-bg-success-500'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-success-500'],borderColorChecked:r.theme.colors['alert-bg-success-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),default:e(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-small'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['border-brand-primary'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['bg-brand-primary-basic'],borderColorChecked:r.theme.colors['bg-brand-primary-basic'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette))))},onColored:{error:e(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['alert-error'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-secondary'],borderColorHover:r.theme.colors['alert-error'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-error-500'],borderColorChecked:r.theme.colors['alert-bg-error-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),success:e(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['alert-success'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-secondary'],borderColorHover:r.theme.colors['alert-success'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-success-500'],borderColorChecked:r.theme.colors['alert-bg-success-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),default:e(["",""],(r=>s(o({color:r.theme.colors['bg-brand-primary-basic'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-small'],colorHover:r.theme.colors['bg-brand-primary-basic'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['border-brand-primary'],colorChecked:r.theme.colors['bg-brand-primary-basic'],backgroundColorChecked:r.theme.colors['bg-oncolor-primary'],borderColorChecked:r.theme.colors['bg-oncolor-primary'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette))))}};var b=r.span.withConfig({shouldForwardProp:a}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),height:'1em',width:'1em'})}).withConfig({componentId:"fox-ui__sc-rgocm7-2"})([""," "," ",""],(o=>"\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ".concat(o.inline?'inline-flex':'flex',";\n      border-radius: 50%;\n      flex-shrink: 0;\n      & > ").concat(n," {\n        cursor: ").concat(o.cursor?o.cursor:'pointer',";\n      }\n      & > ").concat(n,":checked + ").concat(d,"::before {\n        opacity: 1;\n      }\n      & > ").concat(n,":focus-visible + ").concat(d," {\n        box-shadow: 0 0 0 2px ").concat(o.theme.colors.white,", 0 0 0 4px ").concat(o.theme.colors['border-focus'],";\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  ")),(o=>{var r=o.onColored?t.onColored:t.default;return o.error?r.error:o.success?r.success:r.default}),l);export{n as Input,d as InputMask,b as Root};
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as c}from'../../shared/utils/style.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';var a=c((o=>!['inline','error','success','onColored','disabled'].includes(o)));var n=r.input.withConfig({componentId:"fox-ui__sc-rgocm7-0"})(["box-sizing:border-box;position:absolute;top:0;left:0;margin:0;border:none;opacity:0;width:100%;height:100%;z-index:1;&:focus{outline:none;}"]);var d=r.span.withConfig({componentId:"fox-ui__sc-rgocm7-1"})(["box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;border:1px solid transparent;transition-property:border-color;transition-duration:150ms;transition-timing-function:ease-in;&::before{content:'';position:absolute;width:40%;height:40%;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;opacity:0;}"]);var t=o=>"\n  & > ".concat(d," {\n    background-color: ").concat(o.backgroundColor,";\n    border-color: ").concat(o.borderColor,";\n  }\n  & > ").concat(d,"::before {\n    background-color: ").concat(o.color,";\n  }\n  &:hover > ").concat(d," {\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:hover > ").concat(d,"::before {\n    background-color: ").concat(o.colorHover,";\n  }\n  & > ").concat(n,":checked:not(:disabled) + ").concat(d," {\n    background-color: ").concat(o.backgroundColorChecked,";\n    border-color: ").concat(o.borderColorChecked,";\n  }\n  & > ").concat(n,":checked:not(:disabled) + ").concat(d,"::before {\n    background-color: ").concat(o.colorChecked,";\n  }\n  & > ").concat(n,":disabled:not(:checked) + ").concat(d," {\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n  & > ").concat(n,":disabled:not(:checked) + ").concat(d,"::before {\n    background-color: ").concat(o.colorDisabled,";\n  }\n  & > ").concat(n,":disabled:checked + ").concat(d," {\n    background-color: ").concat(o.backgroundColorDisabledChecked,";\n    border-color: ").concat(o.borderColorDisabledChecked,";\n  }\n  & > ").concat(n,":disabled:checked + ").concat(d,"::before {\n    background-color: ").concat(o.colorDisabledChecked,";\n  }\n");var s={default:{error:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['alert-bg-error-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['alert-bg-error-500'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-error-500'],borderColorChecked:r.theme.colors['alert-bg-error-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),success:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['alert-bg-success-500'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['alert-bg-success-500'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-success-500'],borderColorChecked:r.theme.colors['alert-bg-success-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),default:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-small'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['border-brand-primary'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['bg-brand-primary-basic'],borderColorChecked:r.theme.colors['bg-brand-primary-basic'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette))))},onColored:{error:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['alert-error'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-secondary'],borderColorHover:r.theme.colors['alert-error'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-error-500'],borderColorChecked:r.theme.colors['alert-bg-error-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),success:e(["",""],(r=>t(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-secondary'],borderColor:r.theme.colors['alert-success'],colorHover:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.theme.colors['bg-onmain-secondary'],borderColorHover:r.theme.colors['alert-success'],colorChecked:r.theme.colors['content-oncolor-primary'],backgroundColorChecked:r.theme.colors['alert-bg-success-500'],borderColorChecked:r.theme.colors['alert-bg-success-500'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette)))),default:e(["",""],(r=>t(o({color:r.theme.colors['bg-brand-primary-basic'],backgroundColor:r.theme.colors['bg-onmain-primary'],borderColor:r.theme.colors['border-onmain-default-small'],colorHover:r.theme.colors['bg-brand-primary-basic'],backgroundColorHover:r.theme.colors['bg-onmain-primary'],borderColorHover:r.theme.colors['border-brand-primary'],colorChecked:r.theme.colors['bg-brand-primary-basic'],backgroundColorChecked:r.theme.colors['bg-oncolor-primary'],borderColorChecked:r.theme.colors['bg-oncolor-primary'],colorDisabled:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['border-disabled'],colorDisabledChecked:r.theme.colors['bg-onmain-secondary'],backgroundColorDisabledChecked:r.theme.colors['bg-disabled-active'],borderColorDisabledChecked:r.theme.colors['bg-disabled-active']},r.palette))))}};var b=r.span.withConfig({shouldForwardProp:a}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),height:'1em',width:'1em'})}).withConfig({componentId:"fox-ui__sc-rgocm7-2"})([""," "," ",""],(o=>"\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ".concat(o.inline?'inline-flex':'flex',";\n      border-radius: 50%;\n      flex-shrink: 0;\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n      & > ").concat(n," {\n        cursor: inherit;\n      }\n      & > ").concat(n,":checked + ").concat(d,"::before {\n        opacity: 1;\n      }\n      & > ").concat(n,":focus-visible + ").concat(d," {\n        box-shadow: 0 0 0 2px ").concat(o.theme.colors.white,", 0 0 0 4px ").concat(o.theme.colors['border-focus'],";\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  ")),(o=>{var r=o.onColored?s.onColored:s.default;return o.error?r.error:o.success?r.success:r.default}),l);export{n as Input,d as InputMask,b as Root};
 //# sourceMappingURL=style.js.map

package/components/InputRadio/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/InputRadio/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledInputRadioProps, InputRadioPalette } from './types'\n\nconst shouldForwardInputRadioProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n  &::before {\n    content: '';\n    position: absolute;\n    width: 40%;\n    height: 40%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    opacity: 0;\n  }\n`\n\nconst template = (palette: InputRadioPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${InputMask}::before {\n    background-color: ${palette.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-error'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-error'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-success'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: props.theme.colors['bg-oncolor-primary'],\n          borderColorChecked: props.theme.colors['bg-oncolor-primary'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledInputRadioProps>({\n    shouldForwardProp: shouldForwardInputRadioProp,\n  })\n  .attrs(<Required<Pick<StyledInputRadioProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        height: '1em',\n        width: '1em',\n      }\n    },\n  })`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      border-radius: 50%;\n      flex-shrink: 0;\n      & > ${Input} {\n        cursor: ${props.cursor ? props.cursor : 'pointer'};\n      }\n      & > ${Input}:checked + ${InputMask}::before {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputRadioProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","componentId","InputMask","span","template","palette","concat","backgroundColor","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","props","_objectSpread","theme","colors","success","onColored","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","inline","cursor","white","schema","responsiveSize"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/InputRadio/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledInputRadioProps, InputRadioPalette } from './types'\n\nconst shouldForwardInputRadioProp = createShouldForwardProp(\n  (propKey) => !['inline', 'error', 'success', 'onColored', 'disabled'].includes(propKey)\n)\n\nexport const Input = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  margin: 0;\n  border: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 1;\n  &:focus {\n    outline: none;\n  }\n`\n\nexport const InputMask = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n  border: 1px solid transparent;\n  transition-property: border-color;\n  transition-duration: 150ms;\n  transition-timing-function: ease-in;\n  &::before {\n    content: '';\n    position: absolute;\n    width: 40%;\n    height: 40%;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    opacity: 0;\n  }\n`\n\nconst template = (palette: InputRadioPalette) => `\n  & > ${InputMask} {\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${InputMask}::before {\n    background-color: ${palette.color};\n  }\n  &:hover > ${InputMask} {\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${InputMask}::before {\n    background-color: ${palette.colorHover};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask} {\n    background-color: ${palette.backgroundColorChecked};\n    border-color: ${palette.borderColorChecked};\n  }\n  & > ${Input}:checked:not(:disabled) + ${InputMask}::before {\n    background-color: ${palette.colorChecked};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  & > ${Input}:disabled:not(:checked) + ${InputMask}::before {\n    background-color: ${palette.colorDisabled};\n  }\n  & > ${Input}:disabled:checked + ${InputMask} {\n    background-color: ${palette.backgroundColorDisabledChecked};\n    border-color: ${palette.borderColorDisabledChecked};\n  }\n  & > ${Input}:disabled:checked + ${InputMask}::before {\n    background-color: ${palette.colorDisabledChecked};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          borderColorChecked: props.theme.colors['bg-brand-primary-basic'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    error: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-error'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-error'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-error-500'],\n          borderColorChecked: props.theme.colors['alert-bg-error-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['alert-success'],\n          colorChecked: props.theme.colors['content-oncolor-primary'],\n          backgroundColorChecked: props.theme.colors['alert-bg-success-500'],\n          borderColorChecked: props.theme.colors['alert-bg-success-500'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledInputRadioProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-small'],\n          colorHover: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorHover: props.theme.colors['bg-onmain-primary'],\n          borderColorHover: props.theme.colors['border-brand-primary'],\n          colorChecked: props.theme.colors['bg-brand-primary-basic'],\n          backgroundColorChecked: props.theme.colors['bg-oncolor-primary'],\n          borderColorChecked: props.theme.colors['bg-oncolor-primary'],\n          colorDisabled: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          colorDisabledChecked: props.theme.colors['bg-onmain-secondary'],\n          backgroundColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          borderColorDisabledChecked: props.theme.colors['bg-disabled-active'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledInputRadioProps>({\n    shouldForwardProp: shouldForwardInputRadioProp,\n  })\n  .attrs(<Required<Pick<StyledInputRadioProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        height: '1em',\n        width: '1em',\n      }\n    },\n  })`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      position: relative;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      border-radius: 50%;\n      flex-shrink: 0;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & > ${Input} {\n        cursor: inherit;\n      }\n      & > ${Input}:checked + ${InputMask}::before {\n        opacity: 1;\n      }\n      & > ${Input}:focus-visible + ${InputMask} {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n  `}\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardInputRadioProp","createShouldForwardProp","propKey","includes","Input","styled","input","withConfig","componentId","InputMask","span","template","palette","concat","backgroundColor","borderColor","color","backgroundColorHover","borderColorHover","colorHover","backgroundColorChecked","borderColorChecked","colorChecked","backgroundColorDisabled","borderColorDisabled","colorDisabled","backgroundColorDisabledChecked","borderColorDisabledChecked","colorDisabledChecked","COLOR_SCHEMA","default","error","css","props","_objectSpread","theme","colors","success","onColored","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","inline","disabled","white","schema","responsiveSize"],"mappings":"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"}

package/components/Tab/Tab.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Text as o}from'../Text/Text.js';import{SIZES as i,SIZES_DEFAULT as a}from'./constants.js';import{Root as p,Edge as n,Content as m}from'./style.js';import{jsx as h,jsxs as d,Fragment as c}from'react/jsx-runtime';var f=["size","type","textProps","children","theme"];var l='Tab';var b=s(t(((t,s)=>{var{size:i="m",type:a="button",textProps:l={},children:b,theme:x}=t,T=r(t,f);var P={as:'span',size:'inherit',color:'inherit',weight:'inherit'};return h(p,e(e({},T),{},{size:i,tabTheme:x,type:void 0===T.as?a:void 0,ref:s,children:'brand'===T.preset?d(c,{children:[T.left&&h(n,{}),h(m,{children:'function'==typeof b?b({baseTextProps:P,textProps:l}):h(o,e(e(e({},P),l),{},{children:b}))}),T.right&&h(n,{after:!0})]}):h(c,{children:'function'==typeof b?b({baseTextProps:P,textProps:l}):h(o,e(e(e({},P),l),{},{children:b}))})}))})),{displayName:"Tab",sizes:e=>'brand'===e.preset?i:a});export{l as COMPONENT_NAME,b as Tab};
+import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Text as o}from'../Text/Text.js';import{SIZES as a}from'./constants.js';import{SIZES_DEFAULT as i}from'./default-constants.js';import{Root as p,Edge as n,Content as m}from'./style.js';import{jsx as h,jsxs as d,Fragment as f}from'react/jsx-runtime';var c=["size","type","textProps","children","theme"];var l='Tab';var b=s(t(((t,s)=>{var{size:a="m",type:i="button",textProps:l={},children:b,theme:x}=t,T=r(t,c);var j={as:'span',size:'inherit',color:'inherit',weight:'inherit'};return h(p,e(e({},T),{},{size:a,tabTheme:x,type:void 0===T.as?i:void 0,ref:s,children:'brand'===T.preset?d(f,{children:[T.left&&h(n,{}),h(m,{children:'function'==typeof b?b({baseTextProps:j,textProps:l}):h(o,e(e(e({},j),l),{},{children:b}))}),T.right&&h(n,{after:!0})]}):h(f,{children:'function'==typeof b?b({baseTextProps:j,textProps:l}):h(o,e(e(e({},j),l),{},{children:b}))})}))})),{displayName:"Tab",sizes:e=>'brand'===e.preset?a:i});export{l as COMPONENT_NAME,b as Tab};
 //# sourceMappingURL=Tab.js.map

package/components/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_DEFAULT } from './constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left && <Styled.Edge />}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right && <Styled.Edge after />}\n          </>\n        ) : (\n          <>\n            {typeof children === 'function' ? (\n              children({ baseTextProps, textProps })\n            ) : (\n              <Text {...baseTextProps} {...textProps}>\n                {children}\n              </Text>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","_excluded","baseTextProps","as","color","weight","_jsx","Styled.Root","tabTheme","preset","_jsxs","_Fragment","left","Styled.Edge","Styled.Content","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oeAQMA,IAAAA,EAAiB,MAYjBC,IAAAA,EAAiDC,EACrDC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,IAATC,KAAcA,EAAO,SAArBC,UAA+BA,EAAY,GAA3CC,SAA+CA,EAA/CC,MAAyDA,GAAwBN,EAAdO,IAAcP,EAAvFQ,GAEA,IAAMC,EAA2B,CAAEC,GAAI,OAAQR,KAAM,UAAWS,MAAO,UAAWC,OAAQ,WAE1F,OACEC,EAACC,SACKP,GADN,GAAA,CAEEL,KAAMA,EACNa,SAAUT,EACVH,cAAMI,EAAUG,GAAmBP,OAAAA,EACnCF,IAAKA,EALPI,SAOwB,UAArBE,EAAUS,OACTC,EAAAC,EAAA,CAAAb,SAAA,CACGE,EAAUY,MAAQN,EAACO,EADtB,IAEEP,EAACQ,EAAD,CAAAhB,SACuB,mBAAbA,EACNA,EAAS,CAAEI,cAAAA,EAAeL,UAAAA,IAE1BS,EAACS,EAASb,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBL,GAA7B,GAAA,CAAAC,SACGA,OAINE,EAAUgB,OAASV,EAACO,EAAD,CAAaI,OAAK,OAGxCX,EAAAK,EAAA,CAAAb,SACuB,mBAAbA,EACNA,EAAS,CAAEI,cAAAA,EAAeL,UAAAA,IAE1BS,EAACS,EAASb,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBL,GAA7B,GAAA,CAAAC,SACGA,aAQf,CACEoB,YAvDmB,MAwDnBC,MAAQ1B,GACkB,UAAjBA,EAAMgB,OAAqBW,EAAQC"}
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left && <Styled.Edge />}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right && <Styled.Edge after />}\n          </>\n        ) : (\n          <>\n            {typeof children === 'function' ? (\n              children({ baseTextProps, textProps })\n            ) : (\n              <Text {...baseTextProps} {...textProps}>\n                {children}\n              </Text>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","_excluded","baseTextProps","as","color","weight","_jsx","Styled.Root","tabTheme","undefined","preset","_jsxs","_Fragment","left","Styled.Edge","Styled.Content","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"wgBASMA,IAAAA,EAAiB,MAYjBC,IAAAA,EAAiDC,EACrDC,IAAYC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,IAATC,KAAcA,EAAO,SAArBC,UAA+BA,EAAY,GAA3CC,SAA+CA,EAA/CC,MAAyDA,GAAwBN,EAAdO,IAAcP,EAAvFQ,GAEA,IAAMC,EAA2B,CAAEC,GAAI,OAAQR,KAAM,UAAWS,MAAO,UAAWC,OAAQ,WAE1F,OACEC,EAACC,SACKP,GADN,GAAA,CAEEL,KAAMA,EACNa,SAAUT,EACVH,UAAuBa,IAAjBT,EAAUG,GAAmBP,SACnCF,IAAKA,EALPI,SAOwB,UAArBE,EAAUU,OACTC,EAAAC,EAAA,CAAAd,SAAA,CACGE,EAAUa,MAAQP,EAACQ,EADtB,IAEER,EAACS,EAAD,CAAAjB,SACuB,mBAAbA,EACNA,EAAS,CAAEI,cAAAA,EAAeL,UAAAA,IAE1BS,EAACU,EAASd,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBL,GAA7B,GAAA,CAAAC,SACGA,OAINE,EAAUiB,OAASX,EAACQ,EAAD,CAAaI,OAAK,OAGxCZ,EAAAM,EAAA,CAAAd,SACuB,mBAAbA,EACNA,EAAS,CAAEI,cAAAA,EAAeL,UAAAA,IAE1BS,EAACU,EAASd,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBL,GAA7B,GAAA,CAAAC,SACGA,aAQf,CACEqB,YAvDmB,MAwDnBC,MAAQ3B,GACkB,UAAjBA,EAAMiB,OAAqBW,EAAQC"}

package/components/Tab/constants.js

@@ -1,2 +1,2 @@
-var x={xxxl:{height:60,fontSize:20},xxl:{height:56,fontSize:20},xl:{height:52,fontSize:18},l:{height:48,fontSize:18},m:{height:44,fontSize:16},s:{height:40,fontSize:16},xs:{height:36,fontSize:14},xxs:{height:32,fontSize:14},xxxs:{height:28,fontSize:12}};var e={xxxl:{},xxl:{},xl:{},l:{},m:{},s:{},xs:{},xxs:{},xxxs:{}};export{x as SIZES,e as SIZES_DEFAULT};
+var e={xxxl:{height:60,fontSize:20},xxl:{height:56,fontSize:20},xl:{height:52,fontSize:18},l:{height:48,fontSize:18},m:{height:44,fontSize:16},s:{height:40,fontSize:16},xs:{height:36,fontSize:14},xxs:{height:32,fontSize:14},xxxs:{height:28,fontSize:12}};export{e as SIZES};
 //# sourceMappingURL=constants.js.map

package/components/Tab/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Tab/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 60,\n    fontSize: 20,\n  },\n  xxl: {\n    height: 56,\n    fontSize: 20,\n  },\n  xl: {\n    height: 52,\n    fontSize: 18,\n  },\n  l: {\n    height: 48,\n    fontSize: 18,\n  },\n  m: {\n    height: 44,\n    fontSize: 16,\n  },\n  s: {\n    height: 40,\n    fontSize: 16,\n  },\n  xs: {\n    height: 36,\n    fontSize: 14,\n  },\n  xxs: {\n    height: 32,\n    fontSize: 14,\n  },\n  xxxs: {\n    height: 28,\n    fontSize: 12,\n  },\n}\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {},\n  xxl: {},\n  xl: {},\n  l: {},\n  m: {},\n  s: {},\n  xs: {},\n  xxs: {},\n  xxxs: {},\n}\n"],"names":["SIZES","xxxl","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_DEFAULT"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHF,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFH,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDJ,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDL,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFP,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHR,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJT,OAAQ,GACRC,SAAU,KAIP,IAAMS,EAAuB,CAClCX,KAAM,GACNG,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,GACLC,KAAM"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Tab/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 60,\n    fontSize: 20,\n  },\n  xxl: {\n    height: 56,\n    fontSize: 20,\n  },\n  xl: {\n    height: 52,\n    fontSize: 18,\n  },\n  l: {\n    height: 48,\n    fontSize: 18,\n  },\n  m: {\n    height: 44,\n    fontSize: 16,\n  },\n  s: {\n    height: 40,\n    fontSize: 16,\n  },\n  xs: {\n    height: 36,\n    fontSize: 14,\n  },\n  xxs: {\n    height: 32,\n    fontSize: 14,\n  },\n  xxxs: {\n    height: 28,\n    fontSize: 12,\n  },\n}\n"],"names":["SIZES","xxxl","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHF,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFH,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDJ,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDL,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFP,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHR,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJT,OAAQ,GACRC,SAAU"}

package/components/Tab/default-constants.js

@@ -0,0 +1,2 @@
+var x={xxxl:{},xxl:{},xl:{},l:{},m:{},s:{},xs:{},xxs:{},xxxs:{}};export{x as SIZES_DEFAULT};
+//# sourceMappingURL=default-constants.js.map

package/components/Tab/default-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Tab/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {},\n  xxl: {},\n  xl: {},\n  l: {},\n  m: {},\n  s: {},\n  xs: {},\n  xxs: {},\n  xxxs: {},\n}\n"],"names":["SIZES_DEFAULT","xxxl","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAuB,CAClCC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,GACLC,KAAM"}

package/components/Tab/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import n from'tinycolor2';import{getColor as t}from'../../mixins/color.js';import{responsiveSize as c}from'../../mixins/responsive-size.js';import{responsiveMargin as a}from'../../mixins/responsive-margin.js';import{focus as l}from'../../mixins/focus.js';import{createShouldForwardProp as i}from'../../shared/utils/style.js';import m from'./images/arrow.module.svg.js';var s=i((o=>!['active','compact','crispy','crispyCompact','tabTheme','left','right','rounded','outline','onColored'].includes(o)));var d={default:e(["",""],(o=>"\n      font-size: 16px;\n      font-weight: bold;\n      padding-bottom: 12px;\n      color: ".concat(o.active?o.theme.colors.primary:o.theme.colors.mineShaft,";\n      border-bottom: 2px solid ").concat(o.active?'currentcolor':'transparent',";\n      &:hover {\n        color: ").concat(o.theme.colors.primary,";\n      }\n      &.active {\n        color: ").concat(o.theme.colors.primary,";\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 60px;\n      }\n    "))),compact:e(["",""],(o=>"\n      font-size: 16px;\n      font-weight: normal;\n      padding-bottom: 10px;\n      color: ".concat(o.active?o.theme.colors.primary:o.theme.colors.mineShaft,";\n      border-bottom: 2px solid ").concat(o.active?'currentcolor':'transparent',";\n      &:hover {\n        color: ").concat(o.theme.colors.primary,";\n      }\n      &.active {\n        color: ").concat(o.theme.colors.primary,";\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 20px;\n      }\n    "))),crispyCompact:e(["",""],(o=>"\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 6px;\n      text-transform: uppercase;\n      color: ".concat(o.active?o.theme.colors.primary:o.theme.colors.mineShaft,";\n      border-bottom: 2px solid ").concat(o.active?'currentcolor':'transparent',";\n      &:hover {\n        color: ").concat(o.theme.colors.primary,";\n      }\n      &.active {\n        color: ").concat(o.theme.colors.primary,";\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 18px;\n      }\n    "))),crispy:e(["",""],(o=>"\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 14px;\n      text-transform: uppercase;\n      color: ".concat(o.active?o.theme.colors.primary:o.theme.colors.mineShaft,";\n      border-bottom: 2px solid ").concat(o.active?'currentcolor':'transparent',";\n      &:hover {\n        color: ").concat(o.theme.colors.primary,";\n      }\n      &.active {\n        color: ").concat(o.theme.colors.primary,";\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 32px;\n      }\n    ")))};var b=r.span.withConfig({componentId:"fox-ui__sc-26yal1-0"})(["position:relative;z-index:1;display:flex;align-items:center;flex-grow:1;flex-shrink:0;height:100%;padding:0 1em;border:1px solid transparent;"]);var p=r(m).withConfig({shouldForwardProp:()=>!1}).withConfig({componentId:"fox-ui__sc-26yal1-1"})(["flex-shrink:0;height:100%;",""],(o=>o.after&&'transform: rotate(180deg);'));var h=o=>"\n  &:hover > ".concat(b," {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:hover > ").concat(p," {\n    color: ").concat(o.backgroundColorHover,";\n    stroke: ").concat(o.borderColorHover,";\n  }\n  & > ").concat(b,",\n  &:active > ").concat(b," {\n    color: ").concat(o.color,";\n    background-color: ").concat(o.backgroundColor,";\n    border-color: ").concat(o.borderColor,";\n  }\n  & > ").concat(p,",\n  &:active > ").concat(p," {\n    color: ").concat(o.backgroundColor,";\n    stroke: ").concat(o.borderColor,";\n  }\n  &:disabled > ").concat(b," {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n  &:disabled > ").concat(p," {\n    color: ").concat(o.backgroundColorDisabled,";\n    stroke: ").concat(o.borderColorDisabled,";\n  }\n");var g={default:{filled:e(["",""],(r=>h(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-onmain-tertiary'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?r.theme.colors['bg-brand-primary-500']:n(r.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:r.active?r.theme.colors['bg-brand-primary-500']:n(r.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['bg-disabled-large']},r.palette)))),outline:e(["",""],(r=>h(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-onmain-primary'],borderColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['border-onmain-default-large'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-onmain-tertiary'],borderColorHover:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['bg-disabled-large']},r.palette))))},onColored:{filled:e(["",""],(r=>h(o({color:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-primary']:n(r.theme.colors['bg-brand-primary-500']).lighten(10).toString(),borderColor:r.active?r.theme.colors['bg-onmain-primary']:n(r.theme.colors['bg-brand-primary-500']).lighten(10).toString(),colorHover:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?r.theme.colors['bg-onmain-primary']:n(r.theme.colors['bg-brand-primary-500']).lighten(5).toString(),borderColorHover:r.active?r.theme.colors['bg-onmain-primary']:n(r.theme.colors['bg-brand-primary-500']).lighten(5).toString(),colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['bg-disabled-small']},r.palette)))),outline:e(["",""],(r=>h(o({color:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-primary']:r.theme.colors['bg-brand-primary-500'],borderColor:r.theme.colors['bg-onmain-primary'],colorHover:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?r.theme.colors['bg-onmain-primary']:n(r.theme.colors['bg-brand-primary-500']).darken(3).toString(),borderColorHover:r.theme.colors['bg-onmain-primary'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['bg-disabled-small']},r.palette))))}};var v=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'2.8em',fontSize:'string'==typeof o?o:"".concat(o).concat(r)})}).withConfig({componentId:"fox-ui__sc-26yal1-2"})([""," "," "," "," "," "," ",""],(o=>{var r;var e=o.rounded?8:0;var n=o.left?0:e;var t=o.right?0:e;return"\n      display: ".concat('brand'===o.preset?'inline-flex':'inline-block',";\n      cursor: ").concat(null!==(r=o.cursor)&&void 0!==r?r:'pointer',";\n      isolation: isolate;\n      flex-shrink: 0;\n      appearance: none;\n      padding: 0;\n      border: none;\n      background-color: transparent;\n      text-decoration: none;\n      width: max-content;\n      &,\n      & > ").concat(b,", \n      & > ").concat(p," {\n        box-sizing: border-box;\n        transition-property: color, background-color;\n        transition-duration: 150ms;\n        transition-timing-function: ease-in;\n      }\n      & > ").concat(b," {\n        border-radius: ").concat(n,"px ").concat(t,"px ").concat(t,"px ").concat(n,"px;\n        border-left-style: ").concat(o.left?'none':'solid',";\n        border-right-style: ").concat(o.right?'none':'solid',";\n        margin-left: ").concat(o.left?-2:0,"px;\n        margin-right: ").concat(o.right?-2:0,"px;\n      }\n    ")}),(o=>{if('brand'===o.preset){var r=o.onColored?g.onColored:g.default;return o.outline?r.outline:r.filled}return o.compact||'compact'===o.tabTheme?d.compact:o.crispyCompact||'crispyCompact'===o.tabTheme?d.crispyCompact:o.crispy||'crispy'===o.tabTheme?d.crispy:d.default}),l,c,a,(o=>o.color&&"color: ".concat(t(o.color,o),";")),(o=>o.borderColor&&"border-color: ".concat(t(o.borderColor,o),";")));export{b as Content,p as Edge,v as Root};
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import n from'tinycolor2';import{getColor as t}from'../../mixins/color.js';import{responsiveSize as c}from'../../mixins/responsive-size.js';import{responsiveMargin as a}from'../../mixins/responsive-margin.js';import{focus as l}from'../../mixins/focus.js';import{createShouldForwardProp as i}from'../../shared/utils/style.js';import m from'./images/arrow.module.svg.js';var s=i((o=>!['active','compact','crispy','crispyCompact','tabTheme','left','right','rounded','outline','onColored','black'].includes(o)));var d={default:e(["",""],(o=>"\n      font-size: 16px;\n      font-weight: bold;\n      padding-bottom: 12px;\n      color: ".concat(o.active?o.theme.colors.primary:o.theme.colors.mineShaft,";\n      border-bottom: 2px solid ").concat(o.active?'currentcolor':'transparent',";\n      &:hover {\n        color: ").concat(o.theme.colors.primary,";\n      }\n      &.active {\n        color: ").concat(o.theme.colors.primary,";\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 60px;\n      }\n    "))),compact:e(["",""],(o=>"\n      font-size: 16px;\n      font-weight: normal;\n      padding-bottom: 10px;\n      color: ".concat(o.active?o.theme.colors.primary:o.theme.colors.mineShaft,";\n      border-bottom: 2px solid ").concat(o.active?'currentcolor':'transparent',";\n      &:hover {\n        color: ").concat(o.theme.colors.primary,";\n      }\n      &.active {\n        color: ").concat(o.theme.colors.primary,";\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 20px;\n      }\n    "))),crispyCompact:e(["",""],(o=>"\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 6px;\n      text-transform: uppercase;\n      color: ".concat(o.active?o.theme.colors.primary:o.theme.colors.mineShaft,";\n      border-bottom: 2px solid ").concat(o.active?'currentcolor':'transparent',";\n      &:hover {\n        color: ").concat(o.theme.colors.primary,";\n      }\n      &.active {\n        color: ").concat(o.theme.colors.primary,";\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 18px;\n      }\n    "))),crispy:e(["",""],(o=>"\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 14px;\n      text-transform: uppercase;\n      color: ".concat(o.active?o.theme.colors.primary:o.theme.colors.mineShaft,";\n      border-bottom: 2px solid ").concat(o.active?'currentcolor':'transparent',";\n      &:hover {\n        color: ").concat(o.theme.colors.primary,";\n      }\n      &.active {\n        color: ").concat(o.theme.colors.primary,";\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 32px;\n      }\n    ")))};var b=r.span.withConfig({componentId:"fox-ui__sc-26yal1-0"})(["box-sizing:border-box;position:relative;z-index:1;display:flex;align-items:center;flex-grow:1;flex-shrink:0;height:100%;padding:0 1em;border:1px solid transparent;transition-property:background-color,border-color;"]);var p=r(m).withConfig({shouldForwardProp:()=>!1}).withConfig({componentId:"fox-ui__sc-26yal1-1"})(["box-sizing:border-box;flex-shrink:0;height:100%;transition-property:color,stroke;",""],(o=>o.after&&'transform: rotate(180deg);'));var g=o=>"\n  & > ".concat(b," {\n    color: ").concat(o.color,";\n    background-color: ").concat(o.backgroundColor,";\n    border-color: ").concat(o.borderColor,";\n  }\n  & > ").concat(p," {\n    color: ").concat(o.backgroundColor,";\n    stroke: ").concat(o.borderColor,";\n  }\n  &:hover > ").concat(b," {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:hover > ").concat(p," {\n    color: ").concat(o.backgroundColorHover,";\n    stroke: ").concat(o.borderColorHover,";\n  }\n  &:disabled > ").concat(b," {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n  &:disabled > ").concat(p," {\n    color: ").concat(o.backgroundColorDisabled,";\n    stroke: ").concat(o.borderColorDisabled,";\n  }\n");var h={default:{default:e(["",""],(r=>g(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-onmain-tertiary'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?r.theme.colors['bg-brand-primary-500']:n(r.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:r.active?r.theme.colors['bg-brand-primary-500']:n(r.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['bg-disabled-large']},r.palette)))),outline:e(["",""],(r=>g(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['bg-onmain-primary'],borderColor:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['border-onmain-default-large'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?r.theme.colors['bg-brand-primary-500']:n(r.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:r.active?r.theme.colors['bg-brand-primary-500']:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['bg-disabled-large']},r.palette))))},onColored:{default:e(["",""],(r=>g(o({color:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-primary']:n(r.theme.colors['bg-brand-primary-500']).lighten(10).toString(),borderColor:r.active?r.theme.colors['bg-onmain-primary']:n(r.theme.colors['bg-brand-primary-500']).lighten(10).toString(),colorHover:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?r.theme.colors['bg-onmain-primary']:n(r.theme.colors['bg-brand-primary-500']).lighten(5).toString(),borderColorHover:r.active?r.theme.colors['bg-onmain-primary']:n(r.theme.colors['bg-brand-primary-500']).lighten(5).toString(),colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['bg-disabled-small']},r.palette)))),outline:e(["",""],(r=>g(o({color:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-oncolor-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-primary']:r.theme.colors['bg-brand-primary-500'],borderColor:r.theme.colors['bg-onmain-primary'],colorHover:r.active?r.theme.colors['content-brand-primary']:r.theme.colors['content-oncolor-primary'],backgroundColorHover:r.active?r.theme.colors['bg-onmain-primary']:n(r.theme.colors['bg-brand-primary-500']).darken(3).toString(),borderColorHover:r.theme.colors['bg-onmain-primary'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-small'],borderColorDisabled:r.theme.colors['bg-disabled-small']},r.palette))))},black:{default:e(["",""],(r=>g(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-contrast']:r.theme.colors['bg-onmain-tertiary'],borderColor:r.active?r.theme.colors['bg-onmain-contrast']:r.theme.colors['bg-onmain-tertiary'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?r.theme.colors['bg-onmain-contrast']:n(r.theme.colors['bg-onmain-tertiary']).darken(6).toString(),borderColorHover:r.active?r.theme.colors['bg-onmain-contrast']:n(r.theme.colors['bg-onmain-tertiary']).darken(6).toString(),colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['bg-disabled-large']},r.palette)))),outline:e(["",""],(r=>g(o({color:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColor:r.active?r.theme.colors['bg-onmain-contrast']:r.theme.colors['bg-onmain-primary'],borderColor:r.active?r.theme.colors['bg-onmain-contrast']:r.theme.colors['border-onmain-default-large'],colorHover:r.active?r.theme.colors['content-oncolor-primary']:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.active?r.theme.colors['bg-onmain-contrast']:n(r.theme.colors['bg-onmain-primary']).darken(6).toString(),borderColorHover:r.active?r.theme.colors['bg-onmain-contrast']:r.theme.colors['border-onmain-default-large'],colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors['bg-disabled-large']},r.palette))))}};var y=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'2.8em',fontSize:'string'==typeof o?o:"".concat(o).concat(r)})}).withConfig({componentId:"fox-ui__sc-26yal1-2"})([""," "," "," "," "," "," ",""],(o=>{var r=o.rounded?8:0;var e=o.left?0:r;var n=o.right?0:r;return"\n      box-sizing: border-box;\n      display: ".concat('brand'===o.preset?'inline-flex':'inline-block',";\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n      isolation: isolate;\n      flex-shrink: 0;\n      appearance: none;\n      padding: 0;\n      border: none;\n      background-color: transparent;\n      text-decoration: none;\n      width: max-content;\n      & > ").concat(b,", \n      & > ").concat(p," {\n        transition-duration: 250ms;\n      }\n      & > ").concat(b," {\n        border-radius: ").concat(e,"px ").concat(n,"px ").concat(n,"px ").concat(e,"px;\n        border-left-style: ").concat(o.left?'none':'solid',";\n        border-right-style: ").concat(o.right?'none':'solid',";\n        margin-left: ").concat(o.left?-2:0,"px;\n        margin-right: ").concat(o.right?-2:0,"px;\n      }\n    ")}),(o=>{if('brand'===o.preset){var r=h.default;return o.black&&(r=h.black),o.onColored&&(r=h.onColored),o.outline?r.outline:r.default}return o.compact||'compact'===o.tabTheme?d.compact:o.crispyCompact||'crispyCompact'===o.tabTheme?d.crispyCompact:o.crispy||'crispy'===o.tabTheme?d.crispy:d.default}),l,c,a,(o=>o.color&&"color: ".concat(t(o.color,o),";")),(o=>o.borderColor&&"border-color: ".concat(t(o.borderColor,o),";")));export{b as Content,p as Edge,y as Root};
 //# sourceMappingURL=style.js.map

package/components/Tab/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Tab/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledTabProps, StyledTabEdgeProps, TabPalette } from './types'\nimport Arrow from './images/arrow.module.svg'\n\nconst shouldForwardTabProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'active',\n      'compact',\n      'crispy',\n      'crispyCompact',\n      'tabTheme',\n      'left',\n      'right',\n      'rounded',\n      'outline',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst DEFAULT_STYLES = {\n  default: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 16px;\n      font-weight: bold;\n      padding-bottom: 12px;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 60px;\n      }\n    `}\n  `,\n  compact: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 16px;\n      font-weight: normal;\n      padding-bottom: 10px;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 20px;\n      }\n    `}\n  `,\n  crispyCompact: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 6px;\n      text-transform: uppercase;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 18px;\n      }\n    `}\n  `,\n  crispy: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 14px;\n      text-transform: uppercase;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 32px;\n      }\n    `}\n  `,\n}\n\nexport const Content = styled.span`\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  flex-shrink: 0;\n  height: 100%;\n  padding: 0 1em;\n  border: 1px solid transparent;\n`\n\nexport const Edge = styled(Arrow).withConfig({\n  shouldForwardProp: () => false,\n})<StyledTabEdgeProps>`\n  flex-shrink: 0;\n  height: 100%;\n  ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: TabPalette) => `\n  &:hover > ${Content} {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${Edge} {\n    color: ${palette.backgroundColorHover};\n    stroke: ${palette.borderColorHover};\n  }\n  & > ${Content},\n  &:active > ${Content} {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${Edge},\n  &:active > ${Edge} {\n    color: ${palette.backgroundColor};\n    stroke: ${palette.borderColor};\n  }\n  &:disabled > ${Content} {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  &:disabled > ${Edge} {\n    color: ${palette.backgroundColorDisabled};\n    stroke: ${palette.borderColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    filled: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledTabProps>`\n      ${(props) => {\n        return template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-primary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['border-onmain-default-large'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['border-onmain-default-large'],\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })\n      }}\n    `,\n  },\n  onColored: {\n    filled: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(10).toString() as CSSColor),\n          borderColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(10).toString() as CSSColor),\n          colorHover: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor),\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['bg-disabled-small'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : props.theme.colors['bg-brand-primary-500'],\n          borderColor: props.theme.colors['bg-onmain-primary'],\n          colorHover: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).darken(3).toString() as CSSColor),\n          borderColorHover: props.theme.colors['bg-onmain-primary'],\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['bg-disabled-small'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst tabStyles = (props: ThemedStyledProps<StyledTabProps, DefaultTheme>) => {\n  if (props.preset === 'brand') {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n    return props.outline ? schema.outline : schema.filled\n  }\n\n  if (props.compact || props.tabTheme === 'compact') return DEFAULT_STYLES.compact\n  if (props.crispyCompact || props.tabTheme === 'crispyCompact') return DEFAULT_STYLES.crispyCompact\n  if (props.crispy || props.tabTheme === 'crispy') return DEFAULT_STYLES.crispy\n\n  return DEFAULT_STYLES.default\n}\n\nexport const Root = styled.button\n  .withConfig<StyledTabProps>({\n    shouldForwardProp: shouldForwardTabProp,\n  })\n  .attrs(<Required<Pick<StyledTabProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        height: '2.8em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      }\n    },\n  })`\n  ${(props) => {\n    const radius = props.rounded ? 8 : 0\n    const leftRadius = props.left ? 0 : radius\n    const rightRadius = props.right ? 0 : radius\n\n    return `\n      display: ${props.preset === 'brand' ? 'inline-flex' : 'inline-block'};\n      cursor: ${props.cursor ?? 'pointer'};\n      isolation: isolate;\n      flex-shrink: 0;\n      appearance: none;\n      padding: 0;\n      border: none;\n      background-color: transparent;\n      text-decoration: none;\n      width: max-content;\n      &,\n      & > ${Content}, \n      & > ${Edge} {\n        box-sizing: border-box;\n        transition-property: color, background-color;\n        transition-duration: 150ms;\n        transition-timing-function: ease-in;\n      }\n      & > ${Content} {\n        border-radius: ${leftRadius}px ${rightRadius}px ${rightRadius}px ${leftRadius}px;\n        border-left-style: ${props.left ? 'none' : 'solid'};\n        border-right-style: ${props.right ? 'none' : 'solid'};\n        margin-left: ${props.left ? -2 : 0}px;\n        margin-right: ${props.right ? -2 : 0}px;\n      }\n    `\n  }}\n\n  ${tabStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n  ${(props) => props.borderColor && `border-color: ${getColor(props.borderColor, props)};`}\n`\n"],"names":["shouldForwardTabProp","createShouldForwardProp","propKey","includes","DEFAULT_STYLES","default","css","props","active","theme","colors","primary","mineShaft","concat","compact","crispyCompact","crispy","Content","styled","span","withConfig","componentId","Edge","Arrow","shouldForwardProp","after","template","palette","colorHover","backgroundColorHover","borderColorHover","color","backgroundColor","borderColor","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","filled","_objectSpread","tinycolor","darken","toString","outline","onColored","lighten","Root","button","attrs","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","_props$cursor","radius","rounded","leftRadius","left","rightRadius","right","preset","cursor","schema","tabTheme","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Tab/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledTabProps, StyledTabEdgeProps, TabPalette } from './types'\nimport Arrow from './images/arrow.module.svg'\n\nconst shouldForwardTabProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'active',\n      'compact',\n      'crispy',\n      'crispyCompact',\n      'tabTheme',\n      'left',\n      'right',\n      'rounded',\n      'outline',\n      'onColored',\n      'black',\n    ].includes(propKey)\n)\n\nconst DEFAULT_STYLES = {\n  default: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 16px;\n      font-weight: bold;\n      padding-bottom: 12px;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 60px;\n      }\n    `}\n  `,\n  compact: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 16px;\n      font-weight: normal;\n      padding-bottom: 10px;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 20px;\n      }\n    `}\n  `,\n  crispyCompact: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 6px;\n      text-transform: uppercase;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 18px;\n      }\n    `}\n  `,\n  crispy: css<StyledTabProps>`\n    ${(props) => `\n      font-size: 12px;\n      font-weight: bold;\n      padding-bottom: 14px;\n      text-transform: uppercase;\n      color: ${props.active ? props.theme.colors.primary : props.theme.colors.mineShaft};\n      border-bottom: 2px solid ${props.active ? 'currentcolor' : 'transparent'};\n      &:hover {\n        color: ${props.theme.colors.primary};\n      }\n      &.active {\n        color: ${props.theme.colors.primary};\n        border-bottom-color: currentcolor;\n      }\n      & + & {\n        margin-left: 32px;\n      }\n    `}\n  `,\n}\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  position: relative;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  flex-grow: 1;\n  flex-shrink: 0;\n  height: 100%;\n  padding: 0 1em;\n  border: 1px solid transparent;\n  transition-property: background-color, border-color;\n`\n\nexport const Edge = styled(Arrow).withConfig({\n  shouldForwardProp: () => false,\n})<StyledTabEdgeProps>`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  height: 100%;\n  transition-property: color, stroke;\n  ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: TabPalette) => `\n  & > ${Content} {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${Edge} {\n    color: ${palette.backgroundColor};\n    stroke: ${palette.borderColor};\n  }\n  &:hover > ${Content} {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:hover > ${Edge} {\n    color: ${palette.backgroundColorHover};\n    stroke: ${palette.borderColorHover};\n  }\n  &:disabled > ${Content} {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n  &:disabled > ${Edge} {\n    color: ${palette.backgroundColorDisabled};\n    stroke: ${palette.borderColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    default: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-tertiary'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['bg-onmain-primary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['border-onmain-default-large'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-brand-primary-500']\n            : props.theme.colors['border-onmain-default-large'],\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    default: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(10).toString() as CSSColor),\n          borderColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(10).toString() as CSSColor),\n          colorHover: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).lighten(5).toString() as CSSColor),\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['bg-disabled-small'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : props.theme.colors['bg-brand-primary-500'],\n          borderColor: props.theme.colors['bg-onmain-primary'],\n          colorHover: props.active\n            ? props.theme.colors['content-brand-primary']\n            : props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-primary']\n            : (tinycolor(props.theme.colors['bg-brand-primary-500']).darken(3).toString() as CSSColor),\n          borderColorHover: props.theme.colors['bg-onmain-primary'],\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-small'],\n          borderColorDisabled: props.theme.colors['bg-disabled-small'],\n          ...props.palette,\n        })}\n    `,\n  },\n  black: {\n    default: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['bg-onmain-tertiary'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : (tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(6).toString() as CSSColor),\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n    outline: css<StyledTabProps>`\n      ${(props) =>\n        template({\n          color: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['bg-onmain-primary'],\n          borderColor: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['border-onmain-default-large'],\n          colorHover: props.active\n            ? props.theme.colors['content-oncolor-primary']\n            : props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : (tinycolor(props.theme.colors['bg-onmain-primary']).darken(6).toString() as CSSColor),\n          borderColorHover: props.active\n            ? props.theme.colors['bg-onmain-contrast']\n            : props.theme.colors['border-onmain-default-large'],\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledTabProps>({\n    shouldForwardProp: shouldForwardTabProp,\n  })\n  .attrs(<Required<Pick<StyledTabProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        height: '2.8em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      }\n    },\n  })`\n  ${(props) => {\n    const radius = props.rounded ? 8 : 0\n    const leftRadius = props.left ? 0 : radius\n    const rightRadius = props.right ? 0 : radius\n\n    return `\n      box-sizing: border-box;\n      display: ${props.preset === 'brand' ? 'inline-flex' : 'inline-block'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      isolation: isolate;\n      flex-shrink: 0;\n      appearance: none;\n      padding: 0;\n      border: none;\n      background-color: transparent;\n      text-decoration: none;\n      width: max-content;\n      & > ${Content}, \n      & > ${Edge} {\n        transition-duration: 250ms;\n      }\n      & > ${Content} {\n        border-radius: ${leftRadius}px ${rightRadius}px ${rightRadius}px ${leftRadius}px;\n        border-left-style: ${props.left ? 'none' : 'solid'};\n        border-right-style: ${props.right ? 'none' : 'solid'};\n        margin-left: ${props.left ? -2 : 0}px;\n        margin-right: ${props.right ? -2 : 0}px;\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      let schema = COLOR_SCHEMA.default\n\n      if (props.black) schema = COLOR_SCHEMA.black\n      if (props.onColored) schema = COLOR_SCHEMA.onColored\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    if (props.compact || props.tabTheme === 'compact') return DEFAULT_STYLES.compact\n    if (props.crispyCompact || props.tabTheme === 'crispyCompact') return DEFAULT_STYLES.crispyCompact\n    if (props.crispy || props.tabTheme === 'crispy') return DEFAULT_STYLES.crispy\n\n    return DEFAULT_STYLES.default\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n  ${(props) => props.borderColor && `border-color: ${getColor(props.borderColor, props)};`}\n`\n"],"names":["shouldForwardTabProp","createShouldForwardProp","propKey","includes","DEFAULT_STYLES","default","css","props","active","theme","colors","primary","mineShaft","concat","compact","crispyCompact","crispy","Content","styled","span","withConfig","componentId","Edge","Arrow","shouldForwardProp","after","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","colorDisabled","backgroundColorDisabled","borderColorDisabled","COLOR_SCHEMA","_objectSpread","tinycolor","darken","toString","outline","onColored","lighten","black","Root","button","attrs","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","radius","rounded","leftRadius","left","rightRadius","right","preset","disabled","schema","tabTheme","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"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"}

package/components/Text/Text.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectWithoutProperties';import t from'@babel/runtime/helpers/objectSpread2';import{forwardRef as r}from'react';import{withMergedProps as a}from'../../hocs/withMergedProps.js';import{useClassname as s}from'../../hooks/useClassname.js';import{TextHeading as i}from'../Text.Heading/Text.Heading.js';import{TextEllipse as o}from'../Text.Ellipse/Text.Ellipse.js';import{SIZES as n,SIZES_DEFAULT as l,APPEARANCE as m}from'./constants.js';import{Root as p}from'./style.js';import{jsx as c}from'react/jsx-runtime';var f=["size","weight","lineHeight","fontStyle","className","content","children"];var h='Text';var g=Object.assign(a(r(((r,a)=>{var i=r.appearance?t(t({},m[r.appearance]),r):r;var{size:o="m",weight:n="normal",lineHeight:l="m",fontStyle:h="normal",className:g,content:d,children:x}=i,T=e(i,f);var j=s("Text",g);return c(p,t(t({},T),{},x?{size:o,weight:n,lineHeight:l,fontStyle:h,className:j,ref:a,children:x}:{size:o,weight:n,lineHeight:l,fontStyle:h,className:j,dangerouslySetInnerHTML:{__html:d||''},ref:a}))})),{displayName:"Text",sizes:e=>{var t;return'string'==typeof e.appearance&&null!==(t=n[e.appearance])&&void 0!==t?t:l}}),{Heading:i,Ellipse:o});export{h as COMPONENT_NAME,g as Text};
+import e from'@babel/runtime/helpers/objectWithoutProperties';import t from'@babel/runtime/helpers/objectSpread2';import{forwardRef as r}from'react';import{withMergedProps as a}from'../../hocs/withMergedProps.js';import{useClassname as s}from'../../hooks/useClassname.js';import{TextHeading as i}from'../Text.Heading/Text.Heading.js';import{TextEllipse as o}from'../Text.Ellipse/Text.Ellipse.js';import{SIZES as n,APPEARANCE as l}from'./constants.js';import{SIZES_DEFAULT as m}from'./default-constants.js';import{Root as p}from'./style.js';import{jsx as c}from'react/jsx-runtime';var f=["size","weight","lineHeight","fontStyle","className","content","children"];var h='Text';var g=Object.assign(a(r(((r,a)=>{var i=r.appearance?t(t({},l[r.appearance]),r):r;var{size:o="m",weight:n="normal",lineHeight:m="m",fontStyle:h="normal",className:g,content:d,children:x}=i,T=e(i,f);var j=s("Text",g);return c(p,t(t({},T),{},x?{size:o,weight:n,lineHeight:m,fontStyle:h,className:j,ref:a,children:x}:{size:o,weight:n,lineHeight:m,fontStyle:h,className:j,dangerouslySetInnerHTML:{__html:d||''},ref:a}))})),{displayName:"Text",sizes:e=>{var t;return'string'==typeof e.appearance&&null!==(t=n[e.appearance])&&void 0!==t?t:m}}),{Heading:i,Ellipse:o});export{h as COMPONENT_NAME,g as Text};
 //# sourceMappingURL=Text.js.map