@foxford/ui 2.21.1-beta-969c4c3-20240320 → 2.21.2-beta-a8b0c62-20240328

package/components/Anchor/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import n,{css as r}from'styled-components';import e from'tinycolor2';import{createShouldForwardProp as t}from'../../shared/utils/style.js';import{getColor as i}from'../../mixins/color.js';import{focus as l}from'../../mixins/focus.js';import{responsiveSize as c}from'../../mixins/responsive-size.js';import{responsiveMargin as a}from'../../mixins/responsive-margin.js';import{display as s}from'../../mixins/display.js';var p=t((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));var d=o=>"\n  color: ".concat(o.color,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n  }\n  &:active {\n    color: ").concat(o.color,";\n  }\n  &[data-disabled=\"true\"] {\n    color: ").concat(o.colorDisabled,";\n  }\n");var m={default:r(["",""],(n=>d(o({color:n.wrapper?'inherit':n.theme.colors.accent,colorHover:n.wrapper?'inherit':n.theme.colors.primary,colorDisabled:n.theme.colors['content-disabled']},n.palette)))),primary:r(["",""],(n=>d(o({color:n.theme.colors['content-link'],colorHover:e(n.theme.colors['content-link']).lighten(10).toString(),colorDisabled:n.theme.colors['content-disabled']},n.palette)))),onColored:r(["",""],(n=>d(o({color:n.theme.colors['content-oncolor-primary'],colorHover:e(n.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:n.theme.colors['content-oncolor-disabled']},n.palette))))};var u=n.a.withConfig({shouldForwardProp:p}).withConfig({componentId:"fox-ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>{var n;return"\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ".concat(null!==(n=o.cursor)&&void 0!==n?n:'pointer',";\n      vertical-align: ").concat(o.verticalAlign?"".concat('string'==typeof o.verticalAlign?o.verticalAlign:'text-bottom'):'baseline',";\n      ").concat('brand'===o.preset?"\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            ":"\n              display: ".concat(o.wrapper?'block':'inline-block',";\n              text-decoration-line: ").concat(!0===o.underline?'underline':'none',";\n              border-bottom: ").concat(o.pseudo||'string'==typeof o.underline?"1px ".concat('string'==typeof o.underline?o.underline:'dashed'):'none',";\n            "),"\n  \n  ")}),(o=>o.onColored?m.onColored:'brand'===o.preset?m.primary:m.default),l,c,a,(o=>o.display&&s(o.display)),(o=>o.color&&"color: ".concat(i(o.color,o),";")));export{u as Root};
+import o from'@babel/runtime/helpers/objectSpread2';import n,{css as r}from'styled-components';import e from'tinycolor2';import{createShouldForwardProp as t}from'../../shared/utils/style.js';import{getColor as i}from'../../mixins/color.js';import{focus as l}from'../../mixins/focus.js';import{responsiveSize as c}from'../../mixins/responsive-size.js';import{responsiveMargin as a}from'../../mixins/responsive-margin.js';import{display as s}from'../../mixins/display.js';var d=t((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));var p=o=>"\n  color: ".concat(o.color,";\n  &:hover {\n    color: ").concat(o.colorHover,";\n  }\n  &:active {\n    color: ").concat(o.color,";\n  }\n  &[data-disabled=\"true\"] {\n    color: ").concat(o.colorDisabled,";\n  }\n");var m={default:r(["",""],(n=>p(o({color:n.wrapper?'inherit':n.theme.colors.accent,colorHover:n.wrapper?'inherit':n.theme.colors.primary,colorDisabled:n.theme.colors['content-disabled']},n.palette)))),primary:r(["",""],(n=>p(o({color:n.theme.colors['content-link'],colorHover:e(n.theme.colors['content-link']).lighten(10).toString(),colorDisabled:n.theme.colors['content-disabled']},n.palette)))),onColored:r(["",""],(n=>p(o({color:n.theme.colors['content-oncolor-primary'],colorHover:e(n.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:n.theme.colors['content-oncolor-disabled']},n.palette))))};var b=n.a.withConfig({shouldForwardProp:d}).withConfig({componentId:"fox-ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>"\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ".concat(o.disabled?'not-allowed':'pointer',";\n      vertical-align: ").concat(o.verticalAlign?"".concat('string'==typeof o.verticalAlign?o.verticalAlign:'text-bottom'):'baseline',";\n      ").concat('brand'===o.preset?"\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            ":"\n              display: ".concat(o.wrapper?'block':'inline-block',";\n              text-decoration-line: ").concat(!0===o.underline?'underline':'none',";\n              border-bottom: ").concat(o.pseudo||'string'==typeof o.underline?"1px ".concat('string'==typeof o.underline?o.underline:'dashed'):'none',";\n            "),"\n  \n  ")),(o=>o.onColored?m.onColored:'brand'===o.preset?m.primary:m.default),l,c,a,(o=>o.display&&s(o.display)),(o=>o.color&&"color: ".concat(i(o.color,o),";")));export{b as Root};
 //# sourceMappingURL=style.js.map

package/components/Anchor/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { display } from 'mixins/display'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledAnchorProps, AnchorPalette } from './types'\n\nconst shouldForwardAnchorProp = createShouldForwardProp(\n  (propKey) => !['display', 'underline', 'onColored', 'verticalAlign', 'pseudo', 'wrapper'].includes(propKey)\n)\n\nconst template = (palette: AnchorPalette) => `\n  color: ${palette.color};\n  &:hover {\n    color: ${palette.colorHover};\n  }\n  &:active {\n    color: ${palette.color};\n  }\n  &[data-disabled=\"true\"] {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.wrapper ? 'inherit' : props.theme.colors.accent,\n        colorHover: props.wrapper ? 'inherit' : props.theme.colors.primary,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  onColored: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst anchorStyles = (props: ThemedStyledProps<StyledAnchorProps, DefaultTheme>) => {\n  if (props.onColored) return COLOR_SCHEMA.onColored\n  return props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default\n}\n\nexport const Root = styled.a.withConfig<StyledAnchorProps>({\n  shouldForwardProp: shouldForwardAnchorProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${props.cursor ?? 'pointer'};\n      vertical-align: ${\n        props.verticalAlign\n          ? `${typeof props.verticalAlign === 'string' ? props.verticalAlign : 'text-bottom'}`\n          : 'baseline'\n      };\n      ${\n        props.preset === 'brand'\n          ? `\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            `\n          : `\n              display: ${props.wrapper ? 'block' : 'inline-block'};\n              text-decoration-line: ${props.underline === true ? 'underline' : 'none'};\n              border-bottom: ${\n                props.pseudo || typeof props.underline === 'string'\n                  ? `1px ${typeof props.underline === 'string' ? props.underline : 'dashed'}`\n                  : 'none'\n              };\n            `\n      }\n  \n  `}\n\n  ${anchorStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n \n  ${(props) => props.display && display(props.display)}\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n`\n"],"names":["shouldForwardAnchorProp","createShouldForwardProp","propKey","includes","template","palette","color","colorHover","concat","colorDisabled","COLOR_SCHEMA","default","css","props","_objectSpread","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","componentId","_props$cursor","cursor","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"sdAYA,IAAMA,EAA0BC,GAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,IAAME,EAAYC,wBACPA,EAAQC,MAEND,+BAAAA,OAAAA,EAAQE,WAHJ,qCAAAC,OAMJH,EAAQC,mEAGRD,EAAQI,cATrB,YAaA,IAAMC,EAAe,CACnBC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAME,QAAU,UAAYF,EAAMG,MAAMC,OAAOC,OACtDX,WAAYM,EAAME,QAAU,UAAYF,EAAMG,MAAMC,OAAOE,QAC3DV,cAAeI,EAAMG,MAAMC,OAAO,qBAC/BJ,EAAMR,YAGfc,QAASP,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAMG,MAAMC,OAAO,gBAC1BV,WAAYa,EAAUP,EAAMG,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEb,cAAeI,EAAMG,MAAMC,OAAO,qBAC/BJ,EAAMR,YAGfkB,UAAWX,EACNC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAMG,MAAMC,OAAO,2BAC1BV,WAAYa,EAAUP,EAAMG,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFb,cAAeI,EAAMG,MAAMC,OAAO,6BAC/BJ,EAAMR,aAUV,IAAMoB,EAAOC,EAAOC,EAAEC,WAA8B,CACzDC,kBAAmB7B,IADJ4B,WAAA,CAAAE,YAAA,wBAAGJ,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAGZb,IAAD,IAAAkB,EAAA,MAAA,+LAAAvB,OAAA,QAAAuB,EAMYlB,EAAMmB,cAAAA,IANlBD,EAAAA,EAM4B,UAExBlB,6BAAAA,OAAAA,EAAMoB,wBACgC,iBAAxBpB,EAAMoB,cAA6BpB,EAAMoB,cAAgB,eACnE,+BAGa,UAAjBpB,EAAMqB,OASWrB,uMAAAA,4BAAAA,OAAAA,EAAME,QAAU,QAAU,eAT3C,2CAAAP,QAAAA,IAU8BK,EAAMsB,UAAqB,YAAc,kDAE/DtB,EAAMuB,QAAqC,iBAApBvB,EAAMsB,UAClB,OAAA3B,OAA2B,iBAApBK,EAAMsB,UAAyBtB,EAAMsB,UAAY,UAC/D,OA3BhB,mBAAA,eARkBtB,GAChBA,EAAMU,UAAkBb,EAAaa,UACjB,UAAjBV,EAAMqB,OAAqBxB,EAAaS,QAAUT,EAAaC,SAyCpE0B,EACAC,EACAC,GAEC1B,GAAUA,EAAM2B,SAAWA,EAAQ3B,EAAM2B,WACzC3B,GAAUA,EAAMP,OAAN,UAAAE,OAAyBiC,EAAS5B,EAAMP,MAAOO"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { display } from 'mixins/display'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledAnchorProps, AnchorPalette } from './types'\n\nconst shouldForwardAnchorProp = createShouldForwardProp(\n  (propKey) => !['display', 'underline', 'onColored', 'verticalAlign', 'pseudo', 'wrapper'].includes(propKey)\n)\n\nconst template = (palette: AnchorPalette) => `\n  color: ${palette.color};\n  &:hover {\n    color: ${palette.colorHover};\n  }\n  &:active {\n    color: ${palette.color};\n  }\n  &[data-disabled=\"true\"] {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.wrapper ? 'inherit' : props.theme.colors.accent,\n        colorHover: props.wrapper ? 'inherit' : props.theme.colors.primary,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  onColored: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst anchorStyles = (props: ThemedStyledProps<StyledAnchorProps, DefaultTheme>) => {\n  if (props.onColored) return COLOR_SCHEMA.onColored\n  return props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default\n}\n\nexport const Root = styled.a.withConfig<StyledAnchorProps>({\n  shouldForwardProp: shouldForwardAnchorProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      vertical-align: ${\n        props.verticalAlign\n          ? `${typeof props.verticalAlign === 'string' ? props.verticalAlign : 'text-bottom'}`\n          : 'baseline'\n      };\n      ${\n        props.preset === 'brand'\n          ? `\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              flex-shrink: 0;\n              text-decoration: none;\n            `\n          : `\n              display: ${props.wrapper ? 'block' : 'inline-block'};\n              text-decoration-line: ${props.underline === true ? 'underline' : 'none'};\n              border-bottom: ${\n                props.pseudo || typeof props.underline === 'string'\n                  ? `1px ${typeof props.underline === 'string' ? props.underline : 'dashed'}`\n                  : 'none'\n              };\n            `\n      }\n  \n  `}\n\n  ${anchorStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n \n  ${(props) => props.display && display(props.display)}\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n`\n"],"names":["shouldForwardAnchorProp","createShouldForwardProp","propKey","includes","template","palette","color","colorHover","concat","colorDisabled","COLOR_SCHEMA","default","css","props","_objectSpread","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"sdAYA,IAAMA,EAA0BC,GAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,IAAME,EAAYC,wBACPA,EAAQC,MAEND,+BAAAA,OAAAA,EAAQE,WAHJ,qCAAAC,OAMJH,EAAQC,mEAGRD,EAAQI,cATrB,YAaA,IAAMC,EAAe,CACnBC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAME,QAAU,UAAYF,EAAMG,MAAMC,OAAOC,OACtDX,WAAYM,EAAME,QAAU,UAAYF,EAAMG,MAAMC,OAAOE,QAC3DV,cAAeI,EAAMG,MAAMC,OAAO,qBAC/BJ,EAAMR,YAGfc,QAASP,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAMG,MAAMC,OAAO,gBAC1BV,WAAYa,EAAUP,EAAMG,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEb,cAAeI,EAAMG,MAAMC,OAAO,qBAC/BJ,EAAMR,YAGfkB,UAAWX,EACNC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNR,MAAOO,EAAMG,MAAMC,OAAO,2BAC1BV,WAAYa,EAAUP,EAAMG,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFb,cAAeI,EAAMG,MAAMC,OAAO,6BAC/BJ,EAAMR,aAUV,IAAMoB,EAAOC,EAAOC,EAAEC,WAA8B,CACzDC,kBAAmB7B,IADJ4B,WAAA,CAAAE,YAAA,wBAAGJ,CAGfb,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,KAAAA,GAMWA,+LAAAA,OAAAA,EAAMkB,SAAW,cAAgB,UAEzClB,6BAAAA,OAAAA,EAAMmB,wBACgC,iBAAxBnB,EAAMmB,cAA6BnB,EAAMmB,cAAgB,eACnE,+BAGa,UAAjBnB,EAAMoB,OAAN,uMAAA,4BAAAzB,OASiBK,EAAME,QAAU,QAAU,eAT3C,2CAAAP,QAAAA,IAU8BK,EAAMqB,UAAqB,YAAc,OAE/DrB,oCAAAA,OAAAA,EAAMsB,QAAqC,iBAApBtB,EAAMqB,UAClB,OAAA1B,OAA2B,iBAApBK,EAAMqB,UAAyBrB,EAAMqB,UAAY,UAC/D,OA3BhB,mBAAA,cARkBrB,GAChBA,EAAMU,UAAkBb,EAAaa,UACjB,UAAjBV,EAAMoB,OAAqBvB,EAAaS,QAAUT,EAAaC,SAyCpEyB,EACAC,EACAC,GAECzB,GAAUA,EAAM0B,SAAWA,EAAQ1B,EAAM0B,WACzC1B,GAAUA,EAAMP,OAAmBkC,UAAAA,OAAAA,EAAS3B,EAAMP,MAAOO,GAA/C"}

package/components/Arrow/Arrow.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as i,SIZES_DEFAULT as a}from'./constants.js';import p from'./images/arrow-top.module.svg.js';import{Root as m}from'./style.js';import{jsx as n}from'react/jsx-runtime';var c=["type","size","iconProps"];var f='Arrow';var j=s(e(((e,s)=>{var{type:i="button",size:a="l",iconProps:f={}}=e,j=o(e,c);return n(m,r(r({},j),{},{type:i,size:a,ref:s,children:n(t,r(r('brand'===j.preset?{icon:n(p,{})}:{name:"chevronUp"},{as:'span',color:'inherit'}),f))}))})),{displayName:"Arrow",sizes:r=>'brand'===r.preset?i:a});export{j as Arrow,f as COMPONENT_NAME};
+import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as s}from'../../hocs/withMergedProps.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as a}from'./constants.js';import{SIZES_DEFAULT as i}from'./default-constants.js';import p from'./images/arrow-top.module.svg.js';import{Root as m}from'./style.js';import{jsx as n}from'react/jsx-runtime';var c=["type","size","iconProps"];var f='Arrow';var j=s(e(((e,s)=>{var{type:a="button",size:i="l",iconProps:f={}}=e,j=o(e,c);return n(m,r(r({},j),{},{type:a,size:i,ref:s,children:n(t,r(r('brand'===j.preset?{icon:n(p,{})}:{name:"chevronUp"},{as:'span',color:'inherit'}),f))}))})),{displayName:"Arrow",sizes:r=>'brand'===r.preset?a:i});export{j as Arrow,f as COMPONENT_NAME};
 //# sourceMappingURL=Arrow.js.map

package/components/Arrow/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES, SIZES_DEFAULT } from './constants'\nimport ArrowTop from './images/arrow-top.module.svg'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowProps](https://github.com/foxford/ui/blob/master/src/components/Arrow/types.ts)\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { type = 'button', size = 'l', iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} ref={ref}>\n        {restProps.preset === 'brand' ? (\n          <Icon icon={<ArrowTop />} {...iconBaseProps} {...iconProps} />\n        ) : (\n          <Icon name='chevronUp' {...iconBaseProps} {...iconProps} />\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","iconProps","restProps","_excluded","_jsx","Styled.Root","children","Icon","_objectSpread","preset","icon","ArrowTop","name","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"2eAUMA,IAAAA,EAAiB,QAYjBC,IAAAA,EAAqDC,EACzDC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,SAATC,KAAmBA,EAAO,IAA1BC,UAA+BA,EAAY,IAAqBJ,EAAdK,IAAcL,EAAtEM,GAIA,OACEC,EAACC,SAAgBH,GAAjB,GAAA,CAA4BH,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAzDQ,SAEIF,EAACG,EAADC,EAAAA,EADoB,UAArBN,EAAUO,OACT,CAAMC,KAAMN,EAACO,EAAD,KAEZ,CAAMC,KAAK,aAPgB,CAAEC,GAAI,OAAQC,MAAO,YAKCb,UAOzD,CACEc,YA7BmB,QA8BnBC,MAAQnB,GAA4B,UAAjBA,EAAMY,OAAqBQ,EAAQC"}
+{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport ArrowTop from './images/arrow-top.module.svg'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowProps](https://github.com/foxford/ui/blob/master/src/components/Arrow/types.ts)\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { type = 'button', size = 'l', iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} ref={ref}>\n        {restProps.preset === 'brand' ? (\n          <Icon icon={<ArrowTop />} {...iconBaseProps} {...iconProps} />\n        ) : (\n          <Icon name='chevronUp' {...iconBaseProps} {...iconProps} />\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","iconProps","restProps","_excluded","_jsx","Styled.Root","children","Icon","_objectSpread","preset","icon","ArrowTop","name","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+gBAWMA,IAAAA,EAAiB,QAYjBC,IAAAA,EAAqDC,EACzDC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,SAATC,KAAmBA,EAAO,IAA1BC,UAA+BA,EAAY,IAAqBJ,EAAdK,IAAcL,EAAtEM,GAIA,OACEC,EAACC,SAAgBH,GAAjB,GAAA,CAA4BH,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAzDQ,SAEIF,EAACG,EAADC,EAAAA,EADoB,UAArBN,EAAUO,OACT,CAAMC,KAAMN,EAACO,EAAD,KAEZ,CAAMC,KAAK,aAPgB,CAAEC,GAAI,OAAQC,MAAO,YAKCb,UAOzD,CACEc,YA7BmB,QA8BnBC,MAAQnB,GAA4B,UAAjBA,EAAMY,OAAqBQ,EAAQC"}

package/components/Arrow/constants.js

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

package/components/Arrow/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Arrow/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 60,\n    height: 60,\n    fontSize: 28,\n  },\n  xxl: {\n    width: 56,\n    height: 56,\n    fontSize: 28,\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 28,\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 24,\n  },\n  m: {\n    width: 44,\n    height: 44,\n    fontSize: 24,\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 24,\n  },\n  xs: {\n    width: 36,\n    height: 36,\n    fontSize: 20,\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 20,\n  },\n  xxxs: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n  },\n}\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n  },\n  xxl: {\n    width: 48,\n    height: 48,\n    fontSize: 18,\n  },\n  xl: {\n    width: 44,\n    height: 44,\n    fontSize: 18,\n  },\n  l: {\n    width: 40,\n    height: 40,\n    fontSize: 16,\n  },\n  m: {\n    width: 28,\n    height: 28,\n    fontSize: 16,\n  },\n  s: {\n    width: 24,\n    height: 24,\n    fontSize: 16,\n  },\n  xs: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_DEFAULT"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU,KAIP,IAAMS,EAAuB,CAClCZ,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Arrow/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 60,\n    height: 60,\n    fontSize: 28,\n  },\n  xxl: {\n    width: 56,\n    height: 56,\n    fontSize: 28,\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 28,\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 24,\n  },\n  m: {\n    width: 44,\n    height: 44,\n    fontSize: 24,\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 24,\n  },\n  xs: {\n    width: 36,\n    height: 36,\n    fontSize: 20,\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 20,\n  },\n  xxxs: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/components/Arrow/default-constants.js

@@ -0,0 +1,2 @@
+var t={xxxl:{width:52,height:52,fontSize:18},xxl:{width:48,height:48,fontSize:18},xl:{width:44,height:44,fontSize:18},l:{width:40,height:40,fontSize:16},m:{width:28,height:28,fontSize:16},s:{width:24,height:24,fontSize:16},xs:{width:20,height:20,fontSize:16},xxs:{width:16,height:16,fontSize:12},xxxs:{width:14,height:14,fontSize:10}};export{t as SIZES_DEFAULT};
+//# sourceMappingURL=default-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Arrow/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n  },\n  xxl: {\n    width: 48,\n    height: 48,\n    fontSize: 18,\n  },\n  xl: {\n    width: 44,\n    height: 44,\n    fontSize: 18,\n  },\n  l: {\n    width: 40,\n    height: 40,\n    fontSize: 16,\n  },\n  m: {\n    width: 28,\n    height: 28,\n    fontSize: 16,\n  },\n  s: {\n    width: 24,\n    height: 24,\n    fontSize: 16,\n  },\n  xs: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 14,\n    height: 14,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES_DEFAULT","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAuB,CAClCC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU"}

package/components/Arrow/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as n}from'styled-components';import e from'tinycolor2';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as c}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';import{createShouldForwardProp as l}from'../../shared/utils/style.js';var s=l((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &::before {\n    box-shadow: inset 0px 4px 0px ").concat(o.shadowColor,";\n  }\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:active {\n    color: ").concat(o.colorActive,";\n    background-color: ").concat(o.backgroundColorActive,";\n    border-color: ").concat(o.borderColorActive,";\n  }\n  &:disabled {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n");var d="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";var b={onColored:{outline:n(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors['border-oncolor-default'],colorHover:r.theme.colors['content-oncolor-constant'],backgroundColorHover:r.theme.colors['bg-oncolor-primary'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-constant'],backgroundColorActive:e(r.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors['border-oncolor-disabled'],shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:n(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-constant'],backgroundColor:r.theme.colors['bg-oncolor-primary'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-constant'],backgroundColorHover:e(r.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-constant'],backgroundColorActive:e(r.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-primary'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},default:{outline:n(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors['border-onmain-contrast'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-onmain-tertiary'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-brand-primary-basic-active'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors['border-disabled'],shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:n(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:e(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-brand-primary-basic-active'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}};var m={filled:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: ".concat(r.colors.white,";\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ").concat(r.colors.accent,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(n?d:'',"\n    ")})),outline:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(r.colors.alto,";\n      & svg {\n        fill: ").concat(r.colors.alto,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(n?d:'',"\n    ")})),inverse:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(r.colors.white,";\n      & svg {\n        fill: ").concat(r.colors.white,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.white,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.accent,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ").concat(n?d:'',"\n    ")}))};var h=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),width:'1.8em',height:'1.8em'})}).withConfig({componentId:"fox-ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{var r;var n='rotate(0deg)';return o.right&&(n='rotate(90deg)'),o.bottom&&(n='rotate(180deg)'),o.left&&(n='rotate(270deg)'),"\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ".concat(o.square?'8px':'50%',";\n      cursor: ").concat((null!==(r=o.cursor)&&void 0!==r?r:o.disabled)?'not-allowed':'pointer',";\n      & svg {\n        transform: ").concat(n,";\n        transform-origin: center;\n      }\n      ").concat('brand'===o.preset?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;","\n    ")}),(o=>{if('brand'===o.preset){var r=o.onColored?b.onColored:b.default;return o.outline?r.outline:r.default}return o.inverse?m.inverse:o.outline?m.outline:m.filled}),a,t,c);export{h as Root};
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as n}from'styled-components';import e from'tinycolor2';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as c}from'../../mixins/responsive-margin.js';import{focus as a}from'../../mixins/focus.js';import{createShouldForwardProp as l}from'../../shared/utils/style.js';var s=l((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  border-color: ").concat(o.borderColor,";\n  &::before {\n    box-shadow: inset 0px 4px 0px ").concat(o.shadowColor,";\n  }\n  &:hover {\n    color: ").concat(o.colorHover,";\n    background-color: ").concat(o.backgroundColorHover,";\n    border-color: ").concat(o.borderColorHover,";\n  }\n  &:active {\n    color: ").concat(o.colorActive,";\n    background-color: ").concat(o.backgroundColorActive,";\n    border-color: ").concat(o.borderColorActive,";\n  }\n  &:disabled {\n    color: ").concat(o.colorDisabled,";\n    background-color: ").concat(o.backgroundColorDisabled,";\n    border-color: ").concat(o.borderColorDisabled,";\n  }\n");var d="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";var b={onColored:{outline:n(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors['border-oncolor-default'],colorHover:r.theme.colors['content-oncolor-constant'],backgroundColorHover:r.theme.colors['bg-oncolor-primary'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-constant'],backgroundColorActive:e(r.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors['border-oncolor-disabled'],shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:n(["",""],(r=>i(o({color:r.theme.colors['content-oncolor-constant'],backgroundColor:r.theme.colors['bg-oncolor-primary'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-oncolor-constant'],backgroundColorHover:e(r.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-constant'],backgroundColorActive:e(r.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-oncolor-primary'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))},default:{outline:n(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors.transparent,borderColor:r.theme.colors['border-onmain-contrast'],colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:r.theme.colors['bg-onmain-tertiary'],borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-brand-primary-basic-active'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors.transparent,borderColorDisabled:r.theme.colors['border-disabled'],shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette)))),default:n(["",""],(r=>i(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-tertiary'],borderColor:r.theme.colors.transparent,colorHover:r.theme.colors['content-onmain-primary'],backgroundColorHover:e(r.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:r.theme.colors.transparent,colorActive:r.theme.colors['content-oncolor-primary'],backgroundColorActive:r.theme.colors['bg-brand-primary-basic-active'],borderColorActive:r.theme.colors.transparent,colorDisabled:r.theme.colors['content-disabled'],backgroundColorDisabled:r.theme.colors['bg-disabled-large'],borderColorDisabled:r.theme.colors.transparent,shadowColor:r.theme.colors['bg-oncolor-hover']},r.palette))))}};var m={filled:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: ".concat(r.colors.white,";\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ").concat(r.colors.accent,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(n?d:'',"\n    ")})),outline:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(r.colors.alto,";\n      & svg {\n        fill: ").concat(r.colors.alto,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.accent,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.white,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ").concat(n?d:'',"\n    ")})),inverse:n(["",""],(o=>{var{theme:r,disabled:n}=o;return"\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ".concat(r.colors.white,";\n      & svg {\n        fill: ").concat(r.colors.white,";\n      }\n      &:hover {\n        background-color: ").concat(r.colors.white,";\n        box-shadow: none;\n        svg {\n          fill: ").concat(r.colors.accent,";\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ").concat(n?d:'',"\n    ")}))};var h=r.button.withConfig({shouldForwardProp:s}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(r),width:'1.8em',height:'1.8em'})}).withConfig({componentId:"fox-ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{var r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),"\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ".concat(o.square?'8px':'50%',";\n      cursor: ").concat(o.disabled?'not-allowed':'pointer',";\n      & svg {\n        transform: ").concat(r,";\n        transform-origin: center;\n      }\n      ").concat('brand'===o.preset?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;","\n    ")}),(o=>{if('brand'===o.preset){var r=o.onColored?b.onColored:b.default;return o.outline?r.outline:r.default}return o.inverse?m.inverse:o.outline?m.outline:m.filled}),a,t,c);export{h as Root};
 //# sourceMappingURL=style.js.map

package/components/Arrow/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n  return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst defaultDisabledStyles = `\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-oncolor-default'],\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-onmain-contrast'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst DEFAULT_STYLES = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      &:hover {\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nexport const Root = styled.button\n  .withConfig<StyledArrowProps>({\n    shouldForwardProp: shouldForwardArrowProp,\n  })\n  .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: '1.8em',\n        height: '1.8em',\n      }\n    },\n  })`\n  ${(props) => {\n    let transform = 'rotate(0deg)'\n\n    if (props.right) transform = 'rotate(90deg)'\n    if (props.bottom) transform = 'rotate(180deg)'\n    if (props.left) transform = 'rotate(270deg)'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${props.square ? '8px' : '50%'};\n      cursor: ${props.cursor ?? props.disabled ? 'not-allowed' : 'pointer'};\n      & svg {\n        transform: ${transform};\n        transform-origin: center;\n      }\n      ${\n        props.preset === 'brand'\n          ? `\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }`\n          : `\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    const defaultStyles = DEFAULT_STYLES\n\n    if (props.inverse) return defaultStyles.inverse\n    if (props.outline) return defaultStyles.outline\n\n    return defaultStyles.filled\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","concat","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","onColored","outline","css","props","_objectSpread","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","_ref","disabled","white","accent","_ref2","alto","inverse","_ref3","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","componentId","_props$cursor","transform","right","bottom","left","square","cursor","preset","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Arrow/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledArrowProps, ArrowPalette } from './types'\n\nconst shouldForwardArrowProp = createShouldForwardProp((propKey) => {\n  return !['square', 'top', 'right', 'bottom', 'left', 'onColored', 'outline', 'inverse'].includes(propKey)\n})\n\nconst template = (palette: ArrowPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${palette.shadowColor};\n  }\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n    border-color: ${palette.borderColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n    border-color: ${palette.borderColorDisabled};\n  }\n`\n\nconst defaultDisabledStyles = `\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-oncolor-default'],\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-primary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-oncolor-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-constant'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-constant'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(6).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-constant'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-primary']).darken(8).toString() as CSSColor,\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-primary'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    outline: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors.transparent,\n          borderColor: props.theme.colors['border-onmain-contrast'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-onmain-tertiary'],\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          borderColorDisabled: props.theme.colors['border-disabled'],\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledArrowProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-tertiary'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-tertiary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors.transparent,\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: props.theme.colors['bg-brand-primary-basic-active'],\n          borderColorActive: props.theme.colors.transparent,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          borderColorDisabled: props.theme.colors.transparent,\n          shadowColor: props.theme.colors['bg-oncolor-hover'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nconst DEFAULT_STYLES = {\n  filled: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: ${theme.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${theme.colors.accent};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  outline: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.alto};\n      & svg {\n        fill: ${theme.colors.alto};\n      }\n      &:hover {\n        background-color: ${theme.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n  inverse: css<StyledArrowProps>`\n    ${({ theme, disabled }) => `\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${theme.colors.white};\n      & svg {\n        fill: ${theme.colors.white};\n      }\n      &:hover {\n        background-color: ${theme.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${theme.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${disabled ? defaultDisabledStyles : ''}\n    `}\n  `,\n}\n\nexport const Root = styled.button\n  .withConfig<StyledArrowProps>({\n    shouldForwardProp: shouldForwardArrowProp,\n  })\n  .attrs<StyledArrowProps>(<Required<Pick<StyledArrowProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: '1.8em',\n        height: '1.8em',\n      }\n    },\n  })`\n  ${(props) => {\n    let transform = 'rotate(0deg)'\n\n    if (props.right) transform = 'rotate(90deg)'\n    if (props.bottom) transform = 'rotate(180deg)'\n    if (props.left) transform = 'rotate(270deg)'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${props.square ? '8px' : '50%'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      & svg {\n        transform: ${transform};\n        transform-origin: center;\n      }\n      ${\n        props.preset === 'brand'\n          ? `\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }`\n          : `\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;`\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.preset === 'brand') {\n      const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n      return props.outline ? schema.outline : schema.default\n    }\n\n    const defaultStyles = DEFAULT_STYLES\n\n    if (props.inverse) return defaultStyles.inverse\n    if (props.outline) return defaultStyles.outline\n\n    return defaultStyles.filled\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardArrowProp","createShouldForwardProp","propKey","includes","template","palette","color","concat","backgroundColor","borderColor","shadowColor","colorHover","backgroundColorHover","borderColorHover","colorActive","backgroundColorActive","borderColorActive","colorDisabled","backgroundColorDisabled","borderColorDisabled","defaultDisabledStyles","COLOR_SCHEMA","onColored","outline","css","props","_objectSpread","theme","colors","transparent","tinycolor","darken","toString","default","DEFAULT_STYLES","filled","_ref","disabled","white","accent","_ref2","alto","inverse","_ref3","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","height","componentId","transform","right","bottom","left","square","preset","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/ArrowBadge/ArrowBadge.js

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

package/components/ArrowBadge/ArrowBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowBadge.js","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} ref={ref}>\n        <Styled.Edge left={left} right={right} fancy={fancy} />\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        <Styled.Edge left={left} right={right} fancy={fancy} after />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","_excluded","baseTextProps","as","color","_jsxs","Styled.Root","_jsx","Styled.Edge","Styled.Content","Text","after","displayName","sizes","SIZES"],"mappings":"2cAQMA,IAAAA,EAAiB,aAYjBC,IAAAA,EAA+DC,EACnEC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,IAATC,UAAcA,EAAY,GAA1BC,SAA8BA,EAA9BC,KAAwCA,EAAxCC,MAA8CA,EAA9CC,MAAqDA,GAAwBP,EAAdQ,IAAcR,EAAnFS,GAEA,IAAMC,EAA2B,CAAEC,GAAI,MAAOT,KAAM,UAAWU,MAAO,WAEtE,OACEC,EAACC,SAAgBN,GAAjB,GAAA,CAA4BN,KAAMA,EAAMD,IAAKA,EAA7CG,SACE,CAAAW,EAACC,EAAD,CAAaX,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,IAC9CQ,EAACE,EAAD,CAAAb,SACuB,mBAAbA,EACNA,EAAS,CAAEM,cAAAA,EAAeP,UAAAA,IAE1BY,EAACG,EAASR,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBP,GAA7B,GAAA,CAAAC,SACGA,OAIPW,EAACC,EAAD,CAAaX,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAOY,OAAK,WAIhE,CACEC,YAnCmB,aAoCnBC,MAAOC"}
+{"version":3,"file":"ArrowBadge.js","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} left={left} right={right} fancy={fancy} ref={ref}>\n        <Styled.Edge left={left} fancy={fancy} />\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        <Styled.Edge right={right} fancy={fancy} after />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","_excluded","baseTextProps","as","color","_jsxs","Styled.Root","_jsx","Styled.Edge","Styled.Content","Text","after","displayName","sizes","SIZES"],"mappings":"2cAQMA,IAAAA,EAAiB,aAYjBC,IAAAA,EAA+DC,EACnEC,GAAAA,CAAYC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,IAATC,UAAcA,EAAY,GAA1BC,SAA8BA,EAA9BC,KAAwCA,EAAxCC,MAA8CA,EAA9CC,MAAqDA,GAAwBP,EAAdQ,IAAcR,EAAnFS,GAEA,IAAMC,EAA2B,CAAEC,GAAI,MAAOT,KAAM,UAAWU,MAAO,WAEtE,OACEC,EAACC,SAAgBN,GAAjB,GAAA,CAA4BN,KAAMA,EAAMG,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAON,IAAKA,EAArFG,SACE,CAAAW,EAACC,EAAD,CAAaX,KAAMA,EAAME,MAAOA,IAChCQ,EAACE,EAAD,CAAAb,SACuB,mBAAbA,EACNA,EAAS,CAAEM,cAAAA,EAAeP,UAAAA,IAE1BY,EAACG,EAASR,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBP,GAA7B,GAAA,CAAAC,SACGA,OAIPW,EAACC,EAAD,CAAaV,MAAOA,EAAOC,MAAOA,EAAOY,OAAK,WAIpD,CACEC,YAnCmB,aAoCnBC,MAAOC"}

package/components/ArrowBadge/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as n}from'styled-components';import{responsiveSize as a}from'../../mixins/responsive-size.js';import{responsiveMargin as t}from'../../mixins/responsive-margin.js';import{createShouldForwardProp as e}from'../../shared/utils/style.js';import{getColor as c}from'../../mixins/color.js';import{focus as i}from'../../mixins/focus.js';import s from'./images/arrow.module.svg.js';import l from'./images/rectangle.module.svg.js';import m from'./images/fancy.module.svg.js';var d=e();var g=r.div.withConfig({componentId:"fox-ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;padding:0 1px;margin:0 -1px;"]);var p=r.svg.withConfig({shouldForwardProp:()=>!1}).attrs((o=>{var r=l;return o.fancy&&(r=m),(o.right&&o.after||o.left&&!o.after)&&(r=s),{as:r}})).withConfig({componentId:"fox-ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(o=>o.after&&'transform: rotate(180deg);'));var f=o=>"\n  & > ".concat(g," {\n    color: ").concat(o.color,";\n    background-color: ").concat(o.backgroundColor,";\n  }\n  & > ").concat(p," {\n    color: ").concat(o.backgroundColor,";\n  }\n");var u={primary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-200']},r.palette)))),secondary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-200']},r.palette)))),tertiary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-200']},r.palette)))),quaternary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-200']},r.palette))))};var h=r.div.withConfig({shouldForwardProp:d}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'1.8em',fontSize:'string'==typeof o?o:"".concat(o).concat(r)})}).withConfig({componentId:"fox-ui__sc-gzccd8-2"})(["box-sizing:border-box;isolation:isolate;display:inline-flex;width:max-content;flex-shrink:0;"," "," "," "," "," "," ",""],(o=>o.quaternary?u.quaternary:o.tertiary?u.tertiary:o.secondary?u.secondary:u.primary),i,a,t,(o=>o.cursor&&"cursor: ".concat(o.cursor,";")),(o=>o.color&&"& > ".concat(g," {\n       color: ").concat(c(o.color,o),";\n     }")),(o=>o.backgroundColor&&"& > ".concat(g," {\n       background-color: ").concat(c(o.backgroundColor,o),";\n     }\n     & > ").concat(p," {\n       color: ").concat(c(o.backgroundColor,o),";\n     }")));export{g as Content,p as Edge,h as Root};
+import o from'@babel/runtime/helpers/objectSpread2';import r,{css as n}from'styled-components';import{responsiveSize as a}from'../../mixins/responsive-size.js';import{responsiveMargin as t}from'../../mixins/responsive-margin.js';import{createShouldForwardProp as e}from'../../shared/utils/style.js';import{getColor as c}from'../../mixins/color.js';import{focus as i}from'../../mixins/focus.js';import s from'./images/arrow.module.svg.js';import l from'./images/rectangle.module.svg.js';import m from'./images/fancy.module.svg.js';var d=e((o=>!['left','right','fancy'].includes(o)));var g=r.div.withConfig({componentId:"fox-ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);var p=r.svg.withConfig({shouldForwardProp:()=>!1}).attrs((o=>{var r=l;return o.fancy&&(r=m),(o.left||o.right)&&(r=s),{as:r}})).withConfig({componentId:"fox-ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(o=>o.after&&'transform: rotate(180deg);'));var f=o=>"\n  & > ".concat(g," {\n    color: ").concat(o.color,";\n    background-color: ").concat(o.backgroundColor,";\n  }\n  & > ").concat(p," {\n    color: ").concat(o.backgroundColor,";\n  }\n");var u={primary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-200']},r.palette)))),secondary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-200']},r.palette)))),tertiary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-200']},r.palette)))),quaternary:n(["",""],(r=>f(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-200']},r.palette))))};var h=r.div.withConfig({shouldForwardProp:d}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'1.8em',fontSize:'string'==typeof o?o:"".concat(o).concat(r)})}).withConfig({componentId:"fox-ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(o=>{var r=0;var n=0;return(o.fancy||o.right)&&(r=.4),(o.fancy||o.left)&&(n=.4),"\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ".concat(g," {\n        padding-right: ").concat(r,"em;\n        padding-left: ").concat(n,"em;\n      }\n    ")}),(o=>o.quaternary?u.quaternary:o.tertiary?u.tertiary:o.secondary?u.secondary:u.primary),i,a,t,(o=>o.color&&"& > ".concat(g," {\n       color: ").concat(c(o.color,o),";\n     }")),(o=>o.backgroundColor&&"& > ".concat(g," {\n       background-color: ").concat(c(o.backgroundColor,o),";\n     }\n     & > ").concat(p," {\n       color: ").concat(c(o.backgroundColor,o),";\n     }")));export{g as Content,p as Edge,h as Root};
 //# sourceMappingURL=style.js.map

package/components/ArrowBadge/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ArrowBadge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport type { StyledArrowBadgeProps, StyledArrowBadgeEdgeProps, ArrowBadgePalette } from './types'\nimport Arrow from './images/arrow.module.svg'\nimport Rectangle from './images/rectangle.module.svg'\nimport Fancy from './images/fancy.module.svg'\n\nconst shouldForwardArrowBadgeProp = createShouldForwardProp()\n\nexport const Content = styled.div`\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  padding: 0 1px;\n  margin: 0 -1px;\n`\n\nexport const Edge = styled.svg\n  .withConfig({ shouldForwardProp: () => false })\n  .attrs((props: StyledArrowBadgeEdgeProps) => {\n    let Shape = Rectangle\n\n    if (props.fancy) Shape = Fancy\n    if ((props.right && props.after) || (props.left && !props.after)) Shape = Arrow\n\n    return { as: Shape }\n  })<StyledArrowBadgeEdgeProps>`\n  flex-shrink: 0;\n  height: 100%;\n  ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: ArrowBadgePalette) => `\n  & > ${Content} {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${palette.backgroundColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-200'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-200'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-200'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-200'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst colorSchema = (props: ThemedStyledProps<StyledArrowBadgeProps, DefaultTheme>) => {\n  if (props.quaternary) return COLOR_SCHEMA.quaternary\n  if (props.tertiary) return COLOR_SCHEMA.tertiary\n  if (props.secondary) return COLOR_SCHEMA.secondary\n\n  return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n  .withConfig<StyledArrowBadgeProps>({\n    shouldForwardProp: shouldForwardArrowBadgeProp,\n  })\n  .attrs(<Required<Pick<StyledArrowBadgeProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        height: '1.8em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      }\n    },\n  })`\n  box-sizing: border-box;\n  isolation: isolate;\n  display: inline-flex;\n  width: max-content;\n  flex-shrink: 0;\n\n  ${colorSchema}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.cursor && `cursor: ${props.cursor};`}\n  ${(props) =>\n    props.color &&\n    `& > ${Content} {\n       color: ${getColor(props.color, props)};\n     }`}\n  ${(props) =>\n    props.backgroundColor &&\n    `& > ${Content} {\n       background-color: ${getColor(props.backgroundColor, props)};\n     }\n     & > ${Edge} {\n       color: ${getColor(props.backgroundColor, props)};\n     }`}\n`\n"],"names":["shouldForwardArrowBadgeProp","createShouldForwardProp","Content","styled","div","withConfig","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","right","after","left","Arrow","as","template","palette","concat","color","backgroundColor","COLOR_SCHEMA","primary","css","_objectSpread","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","focus","responsiveSize","responsiveMargin","cursor","getColor"],"mappings":"khBAYA,IAAMA,EAA8BC,IAEvBC,IAAAA,EAAUC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAhB,CAAA,2FASA,IAAMI,EAAOJ,EAAOK,IACxBH,WAAW,CAAEI,kBAAmB,KAAM,IACtCC,OAAOC,IACN,IAAIC,EAAQC,EAKZ,OAHIF,EAAMG,QAAOF,EAAQG,IACpBJ,EAAMK,OAASL,EAAMM,OAAWN,EAAMO,OAASP,EAAMM,SAAQL,EAAQO,GAEnE,CAAEC,GAAIR,MARAP,WAAA,CAAAC,YAAA,uBAAGH,CAAH,CAAA,6BAAA,KAYZQ,GAAUA,EAAMM,OAAS,+BAG9B,IAAMI,EAAYC,qBACVpB,EADS,mBAAAqB,OAEJD,EAAQE,0CACGF,EAAQG,gBAExBlB,kBAAAA,OAAAA,4BACKe,EAAQG,gBANrB,YAUA,IAAMC,EAAe,CACnBC,QAASC,EACJjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,yBACjCpB,EAAMW,YAGfU,UAAWJ,EACNjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,2BACjCpB,EAAMW,YAGfW,SAAUL,EACLjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,0BACjCpB,EAAMW,YAGfY,WAAYN,EACPjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,4BACjCpB,EAAMW,aAaV,IAAMa,EAAOhC,EAAOC,IACxBC,WAAkC,CACjCI,kBAAmBT,IAEpBU,MAAuE,CACtE0B,uBAAwB,CAACC,EAAMC,KACtB,CACLC,OAAQ,QACRC,SAA0B,iBAATH,EAAoBA,EAA3B,GAAAd,OAAqCc,GAArCd,OAA4Ce,OAR7CjC,WAAA,CAAAC,YAAA,uBAAGH,CAAH,CAAA,+FAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KARIQ,GACfA,EAAMuB,WAAmBR,EAAaQ,WACtCvB,EAAMsB,SAAiBP,EAAaO,SACpCtB,EAAMqB,UAAkBN,EAAaM,UAElCN,EAAaC,SAsBlBc,EACAC,EACAC,GAEChC,GAAUA,EAAMiC,QAAqBjC,WAAAA,OAAAA,EAAMiC,OAvB/B,OAwBZjC,GACDA,EAAMa,OAAN,OAAAD,OACOrB,EADP,sBAAAqB,OAEYsB,EAASlC,EAAMa,MAAOb,GAFlC,eAICA,GACDA,EAAMc,iBACCvB,OAAAA,OAAAA,EACgB2C,iCAAAA,OAAAA,EAASlC,EAAMc,gBAAiBd,GAEhDJ,wBAAAA,OAAAA,+BACKsC,EAASlC,EAAMc,gBAAiBd"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/ArrowBadge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport type { StyledArrowBadgeProps, StyledArrowBadgeEdgeProps, ArrowBadgePalette } from './types'\nimport Arrow from './images/arrow.module.svg'\nimport Rectangle from './images/rectangle.module.svg'\nimport Fancy from './images/fancy.module.svg'\n\nconst shouldForwardArrowBadgeProp = createShouldForwardProp((propKey) => !['left', 'right', 'fancy'].includes(propKey))\n\nexport const Content = styled.div`\n  flex-shrink: 0;\n  display: flex;\n  align-items: center;\n  height: 100%;\n  margin: 0 -1px;\n`\n\nexport const Edge = styled.svg\n  .withConfig({ shouldForwardProp: () => false })\n  .attrs((props: StyledArrowBadgeEdgeProps) => {\n    let Shape = Rectangle\n\n    if (props.fancy) Shape = Fancy\n    if (props.left || props.right) Shape = Arrow\n\n    return { as: Shape }\n  })<StyledArrowBadgeEdgeProps>`\n  flex-shrink: 0;\n  height: 100%;\n  ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: ArrowBadgePalette) => `\n  & > ${Content} {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${palette.backgroundColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-200'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-200'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-200'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledArrowBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-200'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledArrowBadgeProps>({\n    shouldForwardProp: shouldForwardArrowBadgeProp,\n  })\n  .attrs(<Required<Pick<StyledArrowBadgeProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => {\n      return {\n        height: '1.8em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      }\n    },\n  })`\n  ${(props) => {\n    let paddingRight = 0\n    let paddingLeft = 0\n\n    if (props.fancy || props.right) paddingRight = 0.4\n    if (props.fancy || props.left) paddingLeft = 0.4\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${paddingRight}em;\n        padding-left: ${paddingLeft}em;\n      }\n    `\n  }}\n\n  ${(props) => {\n    if (props.quaternary) return COLOR_SCHEMA.quaternary\n    if (props.tertiary) return COLOR_SCHEMA.tertiary\n    if (props.secondary) return COLOR_SCHEMA.secondary\n\n    return COLOR_SCHEMA.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) =>\n    props.color &&\n    `& > ${Content} {\n       color: ${getColor(props.color, props)};\n     }`}\n  ${(props) =>\n    props.backgroundColor &&\n    `& > ${Content} {\n       background-color: ${getColor(props.backgroundColor, props)};\n     }\n     & > ${Edge} {\n       color: ${getColor(props.backgroundColor, props)};\n     }`}\n`\n"],"names":["shouldForwardArrowBadgeProp","createShouldForwardProp","propKey","includes","Content","styled","div","withConfig","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","left","right","Arrow","as","after","template","palette","concat","color","backgroundColor","COLOR_SCHEMA","primary","css","_objectSpread","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","paddingRight","paddingLeft","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"khBAWA,IAAMA,EAA8BC,GAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,KAEjGE,IAAAA,EAAUC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAhB,CAAA,6EAQA,IAAMI,EAAOJ,EAAOK,IACxBH,WAAW,CAAEI,kBAAmB,KAAA,IAChCC,OAAOC,IACN,IAAIC,EAAQC,EAKZ,OAHIF,EAAMG,QAAOF,EAAQG,IACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,GAEhC,CAAEC,GAAIP,MARAP,WAAA,CAAAC,YAAA,uBAAGH,CAAH,CAAA,6BAAA,KAYZQ,GAAUA,EAAMS,OAAS,+BAG9B,IAAMC,EAAYC,qBACVpB,EADS,mBAAAqB,OAEJD,EAAQE,0CACGF,EAAQG,gBAExBlB,kBAAAA,OAAAA,4BACKe,EAAQG,gBANrB,YAUA,IAAMC,EAAe,CACnBC,QAASC,EACJjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,yBACjCpB,EAAMW,YAGfU,UAAWJ,EACNjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,2BACjCpB,EAAMW,YAGfW,SAAUL,EACLjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,0BACjCpB,EAAMW,YAGfY,WAAYN,EACPjB,CAAAA,GAAAA,KAAAA,GACDU,EAAQQ,EAAA,CACNL,MAAOb,EAAMmB,MAAMC,OAAO,0BAC1BN,gBAAiBd,EAAMmB,MAAMC,OAAO,4BACjCpB,EAAMW,aAKV,IAAMa,EAAOhC,EAAOC,IACxBC,WAAkC,CACjCI,kBAAmBX,IAEpBY,MAAuE,CACtE0B,uBAAwB,CAACC,EAAMC,MAE3BC,OAAQ,QACRC,SAA0B,iBAATH,EAAoBA,EAA3B,GAAAd,OAAqCc,GAArCd,OAA4Ce,OAR7CjC,WAAA,CAAAC,YAAA,uBAAGH,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAYZQ,IACD,IAAI8B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI/B,EAAMG,OAASH,EAAMM,SAAOwB,EAAe,KAC3C9B,EAAMG,OAASH,EAAMK,QAAM0B,EAAc,IAE7C,gLAAAnB,OAOQrB,EAPR,+BAAAqB,OAQqBkB,EARrB,+BAAAlB,OASoBmB,EATpB,yBAcC/B,GACGA,EAAMuB,WAAmBR,EAAaQ,WACtCvB,EAAMsB,SAAiBP,EAAaO,SACpCtB,EAAMqB,UAAkBN,EAAaM,UAElCN,EAAaC,SAGpBgB,EACAC,EACAC,GAEClC,GACDA,EAAMa,qBACCtB,EADP,sBAAAqB,OAEYuB,EAASnC,EAAMa,MAAOb,GAFlC,eAICA,GACDA,EAAMc,iBAAN,OAAAF,OACOrB,EADP,iCAAAqB,OAEuBuB,EAASnC,EAAMc,gBAAiBd,GAEhDJ,wBAAAA,OAAAA,EACKuC,sBAAAA,OAAAA,EAASnC,EAAMc,gBAAiBd,GAL5C"}

package/components/Badge/style.js

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

package/components/Badge/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport type { StyledBadgeProps, BadgePalette } from './types'\n\nconst shouldForwardBadgeProp = createShouldForwardProp(\n  (propKey) => !['round', 'content', 'borderRadius', 'resetDefaultMargin', 'display'].includes(propKey)\n)\n\nconst template = (palette: BadgePalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-100'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-100'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-100'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst badgeStyles = (props: ThemedStyledProps<StyledBadgeProps, DefaultTheme>) => {\n  if (props.quaternary) return COLOR_SCHEMA.quaternary\n  if (props.tertiary) return COLOR_SCHEMA.tertiary\n  if (props.secondary) return COLOR_SCHEMA.secondary\n\n  return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n  .withConfig<StyledBadgeProps>({\n    shouldForwardProp: shouldForwardBadgeProp,\n  })\n  .attrs<StyledBadgeProps>(\n    (props): Required<Pick<StyledBadgeProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => {\n        return {\n          fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n          height: '1.8em',\n          width: props.round ? '1.8em' : undefined,\n          paddingRight: props.round ? undefined : '0.6em',\n          paddingLeft: props.round ? undefined : '0.6em',\n        }\n      },\n    })\n  )`\n  ${(props) => {\n    const borderRadius = typeof props.borderRadius === 'number' ? `${props.borderRadius}px` : props.borderRadius\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${props.round ? '50%' : borderRadius};\n    `\n  }}\n\n  ${badgeStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.cursor && `cursor: ${props.cursor};`}\n  ${(props) => props.color && color(props.color, 'background-color')}\n  ${(props) => props.display && display(props.display)}\n  ${(props) => !props.resetDefaultMargin && '&:not(:last-child) { margin-right: 8px; }'}\n`\n"],"names":["shouldForwardBadgeProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","props","_objectSpread","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","componentId","borderRadius","concat","focus","responsiveSize","responsiveMargin","cursor","display","resetDefaultMargin"],"mappings":"ybAUA,IAAMA,EAAyBC,GAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,WAAWC,SAASD,KAG/F,IAAME,EAAYC,GACPA,cAAAA,OAAAA,EAAQC,MACGD,2BAAAA,OAAAA,EAAQE,gBAF9B,OAKA,IAAMC,EAAe,CACnBC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,yBACjCH,EAAMN,YAGfU,UAAWL,EACNC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,2BACjCH,EAAMN,YAGfW,SAAUN,EACLC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,0BACjCH,EAAMN,YAGfY,WAAYP,EACPC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,4BACjCH,EAAMN,aAaV,IAAMa,EAAOC,EAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBtB,IAEpBuB,OACEZ,IAAAA,CACCa,uBAAwB,CAACC,EAAMC,KACtB,CACLC,SAA0B,iBAATF,EAAoBA,EAAUA,GAAAA,OAAAA,GAAOC,OAAAA,GACtDE,OAAQ,QACRC,MAAOlB,EAAMmB,MAAQ,aAAUC,EAC/BC,aAAcrB,EAAMmB,WAAQC,EAAY,QACxCE,YAAatB,EAAMmB,WAAAA,EAAoB,cAZhCT,WAAA,CAAAa,YAAA,uBAAGf,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAiBZR,IACD,IAAMwB,EAA6C,iBAAvBxB,EAAMwB,aAAb,GAAAC,OAA4CzB,EAAMwB,aAAmBxB,MAAAA,EAAMwB,aAEhG,MAAA,+NAAAC,OAQmBzB,EAAMmB,MAAQ,MAAQK,EARzC,cA5BiBxB,GACfA,EAAMM,WAAmBT,EAAaS,WACtCN,EAAMK,SAAiBR,EAAaQ,SACpCL,EAAMI,UAAkBP,EAAaO,UAElCP,EAAaC,SAoClB4B,EACAC,EACAC,GAEC5B,GAAUA,EAAM6B,QAAqB7B,WAAAA,OAAAA,EAAM6B,OArC/B,OAsCZ7B,GAAUA,EAAML,OAASA,EAAMK,EAAML,MAAO,sBAC5CK,GAAUA,EAAM8B,SAAWA,EAAQ9B,EAAM8B,WACzC9B,IAAWA,EAAM+B,oBAAsB"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport type { StyledBadgeProps, BadgePalette } from './types'\n\nconst shouldForwardBadgeProp = createShouldForwardProp(\n  (propKey) => !['round', 'content', 'borderRadius', 'resetDefaultMargin', 'display'].includes(propKey)\n)\n\nconst template = (palette: BadgePalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-100'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-100'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-100'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst badgeStyles = (props: ThemedStyledProps<StyledBadgeProps, DefaultTheme>) => {\n  if (props.quaternary) return COLOR_SCHEMA.quaternary\n  if (props.tertiary) return COLOR_SCHEMA.tertiary\n  if (props.secondary) return COLOR_SCHEMA.secondary\n\n  return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n  .withConfig<StyledBadgeProps>({\n    shouldForwardProp: shouldForwardBadgeProp,\n  })\n  .attrs<StyledBadgeProps>(\n    (props): Required<Pick<StyledBadgeProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => {\n        return {\n          fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n          height: '1.8em',\n          width: props.round ? '1.8em' : undefined,\n          paddingRight: props.round ? undefined : '0.6em',\n          paddingLeft: props.round ? undefined : '0.6em',\n        }\n      },\n    })\n  )`\n  ${(props) => {\n    const borderRadius = typeof props.borderRadius === 'number' ? `${props.borderRadius}px` : props.borderRadius\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${props.round ? '50%' : borderRadius};\n      cursor: default;\n    `\n  }}\n\n  ${badgeStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && color(props.color, 'background-color')}\n  ${(props) => props.display && display(props.display)}\n  ${(props) => !props.resetDefaultMargin && '&:not(:last-child) { margin-right: 8px; }'}\n`\n"],"names":["shouldForwardBadgeProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","props","_objectSpread","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","paddingRight","paddingLeft","undefined","componentId","borderRadius","concat","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"ybAUA,IAAMA,EAAyBC,GAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,WAAWC,SAASD,KAG/F,IAAME,EAAYC,GACPA,cAAAA,OAAAA,EAAQC,MACGD,2BAAAA,OAAAA,EAAQE,gBAF9B,OAKA,IAAMC,EAAe,CACnBC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,yBACjCH,EAAMN,YAGfU,UAAWL,EACNC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,2BACjCH,EAAMN,YAGfW,SAAUN,EACLC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,0BACjCH,EAAMN,YAGfY,WAAYP,EACPC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,4BACjCH,EAAMN,aAaV,IAAMa,EAAOC,EAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBtB,IAEpBuB,OACEZ,IAAAA,CACCa,uBAAwB,CAACC,EAAMC,KACtB,CACLC,SAA0B,iBAATF,EAAoBA,EAAUA,GAAAA,OAAAA,GAAOC,OAAAA,GACtDE,OAAQ,QACRC,MAAOlB,EAAMmB,MAAQ,aAAA,EACrBC,aAAcpB,EAAMmB,WAAAA,EAAoB,QACxCE,YAAarB,EAAMmB,WAAQG,EAAY,cAZhCZ,WAAA,CAAAa,YAAA,uBAAGf,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAiBZR,IACD,IAAMwB,EAA6C,iBAAvBxB,EAAMwB,aAAb,GAAAC,OAA4CzB,EAAMwB,aAAmBxB,MAAAA,EAAMwB,aAEhG,MAAA,+NAAAC,OAQmBzB,EAAMmB,MAAQ,MAAQK,EARzC,sCA5BiBxB,GACfA,EAAMM,WAAmBT,EAAaS,WACtCN,EAAMK,SAAiBR,EAAaQ,SACpCL,EAAMI,UAAkBP,EAAaO,UAElCP,EAAaC,SAqClB4B,EACAC,EACAC,GAEC5B,GAAUA,EAAML,OAASA,EAAMK,EAAML,MAAO,sBAC5CK,GAAUA,EAAM6B,SAAWA,EAAQ7B,EAAM6B,WACzC7B,IAAWA,EAAM8B,oBAAsB"}

package/components/Button/Button.js

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

package/components/Button/Button.js.map

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

package/components/Button/constants.js

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

package/components/Button/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Button/constants.ts"],"sourcesContent":["import type { Sizes, Size } from 'shared/types'\nimport type { ButtonProps } from './types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    height: 64,\n    paddingLeft: 36,\n    paddingRight: 36,\n  },\n  xxl: {\n    fontSize: 20,\n    height: 60,\n    paddingLeft: 34,\n    paddingRight: 34,\n  },\n  xl: {\n    fontSize: 18,\n    height: 56,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  l: {\n    fontSize: 16,\n    height: 48,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 24,\n    paddingRight: 24,\n  },\n  xs: {\n    fontSize: 14,\n    height: 32,\n    paddingLeft: 16,\n    paddingRight: 16,\n  },\n  xxs: {\n    fontSize: 12,\n    height: 28,\n    paddingLeft: 14,\n    paddingRight: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n    height: 24,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n}\n\nexport const SIZES_ROUND: Sizes = {\n  xxxl: {\n    fontSize: 32,\n    height: 64,\n    width: 64,\n  },\n  xxl: {\n    fontSize: 28,\n    height: 60,\n    width: 60,\n  },\n  xl: {\n    fontSize: 24,\n    height: 56,\n    width: 56,\n  },\n  l: {\n    fontSize: 20,\n    height: 48,\n    width: 48,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    width: 44,\n  },\n  s: {\n    fontSize: 16,\n    height: 40,\n    width: 40,\n  },\n  xs: {\n    fontSize: 16,\n    height: 32,\n    width: 32,\n  },\n  xxs: {\n    fontSize: 16,\n    height: 28,\n    width: 28,\n  },\n  xxxs: {\n    fontSize: 14,\n    height: 24,\n    width: 24,\n  },\n}\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    fontSize: 24,\n    height: 78,\n    paddingLeft: 44,\n    paddingRight: 44,\n  },\n  xxl: {\n    fontSize: 22,\n    height: 72,\n    paddingLeft: 40,\n    paddingRight: 40,\n  },\n  xl: {\n    fontSize: 20,\n    height: 68,\n    paddingLeft: 40,\n    paddingRight: 40,\n  },\n  l: {\n    fontSize: 18,\n    height: 60,\n    paddingLeft: 36,\n    paddingRight: 36,\n  },\n  m: {\n    fontSize: 16,\n    height: 52,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  xs: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  xxs: {\n    fontSize: 12,\n    height: 32,\n    paddingLeft: 18,\n    paddingRight: 18,\n  },\n  xxxs: {\n    fontSize: 10,\n    height: 28,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n}\n\nexport const SIZES_ROUND_DEFAULT: Sizes = {\n  xxxl: {\n    fontSize: 32,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 72,\n    height: 72,\n  },\n  xxl: {\n    fontSize: 30,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 68,\n    height: 68,\n  },\n  xl: {\n    fontSize: 26,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 60,\n    height: 60,\n  },\n  l: {\n    fontSize: 23,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 52,\n    height: 52,\n  },\n  m: {\n    fontSize: 21,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 48,\n    height: 48,\n  },\n  s: {\n    fontSize: 18,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 40,\n    height: 40,\n  },\n  xs: {\n    fontSize: 14,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 32,\n    height: 32,\n  },\n  xxs: {\n    fontSize: 12,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 24,\n    height: 24,\n  },\n  xxxs: {\n    fontSize: 8,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 18,\n    height: 18,\n  },\n}\n\n// delete in next major version bump\nexport const PROPS_BY_SIZE: Partial<Record<Size, ButtonProps>> = {\n  xl: {\n    paddingLeftM: 36,\n    paddingRightM: 36,\n    paddingLeftS: 32,\n    paddingRightS: 32,\n  },\n  l: {\n    fontSizeM: 'm',\n    heightM: 56,\n    heightS: 52,\n    paddingLeftM: 28,\n    paddingRightM: 28,\n    paddingLeftS: 24,\n    paddingRightS: 24,\n  },\n  m: {\n    paddingLeftM: 24,\n    paddingRightM: 24,\n    paddingLeftS: 20,\n    paddingRightS: 20,\n  },\n  s: {\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n  xs: {\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","height","paddingLeft","paddingRight","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_ROUND","width","SIZES_DEFAULT","SIZES_ROUND_DEFAULT","lineHeight","padding","PROPS_BY_SIZE","paddingLeftM","paddingRightM","paddingLeftS","paddingRightS","fontSizeM","heightM","heightS"],"mappings":"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"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Button/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    height: 64,\n    paddingLeft: 36,\n    paddingRight: 36,\n  },\n  xxl: {\n    fontSize: 20,\n    height: 60,\n    paddingLeft: 34,\n    paddingRight: 34,\n  },\n  xl: {\n    fontSize: 18,\n    height: 56,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  l: {\n    fontSize: 16,\n    height: 48,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 24,\n    paddingRight: 24,\n  },\n  xs: {\n    fontSize: 14,\n    height: 32,\n    paddingLeft: 16,\n    paddingRight: 16,\n  },\n  xxs: {\n    fontSize: 12,\n    height: 28,\n    paddingLeft: 14,\n    paddingRight: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n    height: 24,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n}\n\nexport const SIZES_ROUND: Sizes = {\n  xxxl: {\n    fontSize: 32,\n    height: 64,\n    width: 64,\n  },\n  xxl: {\n    fontSize: 28,\n    height: 60,\n    width: 60,\n  },\n  xl: {\n    fontSize: 24,\n    height: 56,\n    width: 56,\n  },\n  l: {\n    fontSize: 20,\n    height: 48,\n    width: 48,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    width: 44,\n  },\n  s: {\n    fontSize: 16,\n    height: 40,\n    width: 40,\n  },\n  xs: {\n    fontSize: 16,\n    height: 32,\n    width: 32,\n  },\n  xxs: {\n    fontSize: 16,\n    height: 28,\n    width: 28,\n  },\n  xxxs: {\n    fontSize: 14,\n    height: 24,\n    width: 24,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","height","paddingLeft","paddingRight","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_ROUND","width"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBC,IAAK,CACHJ,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBE,GAAI,CACFL,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBG,EAAG,CACDN,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBI,EAAG,CACDP,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBK,EAAG,CACDR,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBM,GAAI,CACFT,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBO,IAAK,CACHV,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBQ,KAAM,CACJX,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,KAIX,IAAMS,EAAqB,CAChCb,KAAM,CACJC,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETT,IAAK,CACHJ,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETR,GAAI,CACFL,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETP,EAAG,CACDN,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETN,EAAG,CACDP,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETL,EAAG,CACDR,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETJ,GAAI,CACFT,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETH,IAAK,CACHV,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETF,KAAM,CACJX,SAAU,GACVC,OAAQ,GACRY,MAAO"}

package/components/Button/default-constants.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Button/default-constants.ts"],"sourcesContent":["import type { Sizes, Size } from 'shared/types'\nimport type { ButtonProps } from './types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    fontSize: 24,\n    height: 78,\n    paddingLeft: 44,\n    paddingRight: 44,\n  },\n  xxl: {\n    fontSize: 22,\n    height: 72,\n    paddingLeft: 40,\n    paddingRight: 40,\n  },\n  xl: {\n    fontSize: 20,\n    height: 68,\n    paddingLeft: 40,\n    paddingRight: 40,\n  },\n  l: {\n    fontSize: 18,\n    height: 60,\n    paddingLeft: 36,\n    paddingRight: 36,\n  },\n  m: {\n    fontSize: 16,\n    height: 52,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  xs: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  xxs: {\n    fontSize: 12,\n    height: 32,\n    paddingLeft: 18,\n    paddingRight: 18,\n  },\n  xxxs: {\n    fontSize: 10,\n    height: 28,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n}\n\nexport const SIZES_ROUND_DEFAULT: Sizes = {\n  xxxl: {\n    fontSize: 32,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 72,\n    height: 72,\n  },\n  xxl: {\n    fontSize: 30,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 68,\n    height: 68,\n  },\n  xl: {\n    fontSize: 26,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 60,\n    height: 60,\n  },\n  l: {\n    fontSize: 23,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 52,\n    height: 52,\n  },\n  m: {\n    fontSize: 21,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 48,\n    height: 48,\n  },\n  s: {\n    fontSize: 18,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 40,\n    height: 40,\n  },\n  xs: {\n    fontSize: 14,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 32,\n    height: 32,\n  },\n  xxs: {\n    fontSize: 12,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 24,\n    height: 24,\n  },\n  xxxs: {\n    fontSize: 8,\n    lineHeight: 1,\n    padding: '0.28em',\n    width: 18,\n    height: 18,\n  },\n}\n\n// delete in next major version bump\nexport const PROPS_BY_SIZE: Partial<Record<Size, ButtonProps>> = {\n  xl: {\n    paddingLeftM: 36,\n    paddingRightM: 36,\n    paddingLeftS: 32,\n    paddingRightS: 32,\n  },\n  l: {\n    fontSizeM: 'm',\n    heightM: 56,\n    heightS: 52,\n    paddingLeftM: 28,\n    paddingRightM: 28,\n    paddingLeftS: 24,\n    paddingRightS: 24,\n  },\n  m: {\n    paddingLeftM: 24,\n    paddingRightM: 24,\n    paddingLeftS: 20,\n    paddingRightS: 20,\n  },\n  s: {\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n  xs: {\n    paddingLeftM: 20,\n    paddingRightM: 20,\n    paddingLeftS: 16,\n    paddingRightS: 16,\n  },\n}\n"],"names":["SIZES_DEFAULT","xxxl","fontSize","height","paddingLeft","paddingRight","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_ROUND_DEFAULT","lineHeight","padding","width","PROPS_BY_SIZE","paddingLeftM","paddingRightM","paddingLeftS","paddingRightS","fontSizeM","heightM","heightS"],"mappings":"AAGO,IAAMA,EAAuB,CAClCC,KAAM,CACJC,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBC,IAAK,CACHJ,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBE,GAAI,CACFL,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBG,EAAG,CACDN,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBI,EAAG,CACDP,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBK,EAAG,CACDR,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBM,GAAI,CACFT,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBO,IAAK,CACHV,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBQ,KAAM,CACJX,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,KAIX,IAAMS,EAA6B,CACxCb,KAAM,CACJC,SAAU,GACVa,WAAY,EACZC,QAAS,SACTC,MAAO,GACPd,OAAQ,IAEVG,IAAK,CACHJ,SAAU,GACVa,WAAY,EACZC,QAAS,SACTC,MAAO,GACPd,OAAQ,IAEVI,GAAI,CACFL,SAAU,GACVa,WAAY,EACZC,QAAS,SACTC,MAAO,GACPd,OAAQ,IAEVK,EAAG,CACDN,SAAU,GACVa,WAAY,EACZC,QAAS,SACTC,MAAO,GACPd,OAAQ,IAEVM,EAAG,CACDP,SAAU,GACVa,WAAY,EACZC,QAAS,SACTC,MAAO,GACPd,OAAQ,IAEVO,EAAG,CACDR,SAAU,GACVa,WAAY,EACZC,QAAS,SACTC,MAAO,GACPd,OAAQ,IAEVQ,GAAI,CACFT,SAAU,GACVa,WAAY,EACZC,QAAS,SACTC,MAAO,GACPd,OAAQ,IAEVS,IAAK,CACHV,SAAU,GACVa,WAAY,EACZC,QAAS,SACTC,MAAO,GACPd,OAAQ,IAEVU,KAAM,CACJX,SAAU,EACVa,WAAY,EACZC,QAAS,SACTC,MAAO,GACPd,OAAQ,KAKL,IAAMe,EAAoD,CAC/DX,GAAI,CACFY,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBd,EAAG,CACDe,UAAW,IACXC,QAAS,GACTC,QAAS,GACTN,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBb,EAAG,CACDU,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBZ,EAAG,CACDS,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe,IAEjBX,GAAI,CACFQ,aAAc,GACdC,cAAe,GACfC,aAAc,GACdC,cAAe"}