@foxford/ui 2.97.0 → 2.97.1-beta-b68128a-20260227

package/components/ArrowBadge/images/rectangle.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"rectangle.svg.js","sources":["../../../../../src/components/ArrowBadge/images/rectangle.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgRectangle = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 0h20v40H0z\"\n})));\nexport default SvgRectangle;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"qZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,iBAE/PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAC7EgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}
+{"version":3,"file":"rectangle.svg.js","sources":["../../../../../src/components/ArrowBadge/images/rectangle.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgRectangle = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 0h20v40H0z\"\n})));\nexport default SvgRectangle;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"qZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,iBAE9PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAC7EgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/images/rectangle.svg.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"rectangle.svg.mjs","sources":["../../../../../src/components/ArrowBadge/images/rectangle.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgRectangle = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 0h20v40H0z\"\n})));\nexport default SvgRectangle;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgRectangle","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"4BAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,CAE/Q,MAACO,aAAeC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CAC7EiB,MAAO,6BACPC,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}
+{"version":3,"file":"rectangle.svg.mjs","sources":["../../../../../src/components/ArrowBadge/images/rectangle.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgRectangle = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 20 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M0 0h20v40H0z\"\n})));\nexport default SvgRectangle;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgRectangle","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"4BAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,GAAK,CAAE,OAAOL,CAAG,EAAGJ,SAASY,MAAM,KAAMN,UAAY,CAE9Q,MAACO,aAAeC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CAC7EiB,MAAO,6BACPC,QAAS,aACRJ,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

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 { 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.svg?module'\nimport Rectangle from './images/rectangle.svg?module'\nimport Fancy from './images/fancy.svg?module'\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","displayName","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","left","right","Arrow","as","after","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","paddingRight","paddingLeft","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"kjBAWA,MAAMA,4BAA8BC,MAAuBA,yBAAEC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,WAEjGE,QAAUC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAMtB,CAAA,6EAEM,MAAMK,KAAOL,gBAAAA,QAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,OAAOC,IACN,IAAIC,EAAQC,UAAAA,QAKZ,OAHIF,EAAMG,QAAOF,EAAQG,gBACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,MAAAA,SAEhC,CAAEC,GAAIP,EAAO,IACpBR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,KAGCS,GAAUA,EAAMS,OAAS,+BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,YAGfQ,UAAWH,OAAGA,IAAA,CAAA,GAAA,KACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,YAGfS,SAAUJ,OAAGA,IAAA,CAAA,GAAA,KACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,YAGfU,WAAYL,OAAGA,IAAA,CAAA,GAAA,KACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,aAKV,MAAMW,KAAO/B,gBAAAA,QAAOC,IACxBC,WAAkC,CACjCK,kBAAmBZ,8BAEpBa,MAAuE,CACtEwB,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,OAAQ,QACRC,gBAAiBH,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAG1DhC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAXgBJ,CAWhB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,qBAEnB,IAGA7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,SAGpBe,MAAKA,MACLC,eAAcA,eACdC,mCAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,eAASjC,EAAMY,MAAOZ,gBAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,eAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,eAASjC,EAAMa,gBAAiBb"}
+{"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.svg?module'\nimport Rectangle from './images/rectangle.svg?module'\nimport Fancy from './images/fancy.svg?module'\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","displayName","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","left","right","Arrow","as","after","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","paddingRight","paddingLeft","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"kjBAWA,MAAMA,4BAA8BC,MAAAA,yBAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,WAEjGE,QAAUC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,6EAQ1B,MAAMK,KAAOL,gBAAAA,QAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,OAAOC,IACN,IAAIC,EAAQC,UAAAA,QAKZ,OAHIF,EAAMG,QAAOF,EAAQG,MAAAA,UACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,MAAAA,SAEhC,CAAEC,GAAIP,EAAO,IACpBR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,KAGCS,GAAUA,EAAMS,OAAS,+BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAAA,IAAG,CAAA,GAAA,KACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,YAGfQ,UAAWH,OAAAA,IAAG,CAAA,GAAA,KACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,YAGfS,SAAUJ,OAAAA,IAAG,CAAA,GAAA,KACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,YAGfU,WAAYL,OAAAA,IAAG,CAAA,GAAA,KACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,aAKV,MAAMW,KAAO/B,gBAAAA,QAAOC,IACxBC,WAAkC,CACjCK,kBAAmBZ,8BAEpBa,MAAuE,CACtEwB,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,OAAQ,QACRC,gBAAiBH,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAG1DhC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAXgBJ,CAWhB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,qBAEnB,IAGA7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,SAGpBe,MAAAA,MACAC,eAAAA,eACAC,mCAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,eAASjC,EAAMY,MAAOZ,gBAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,eAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,eAASjC,EAAMa,gBAAiBb"}

package/components/ArrowBadge/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","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.svg?module'\nimport Rectangle from './images/rectangle.svg?module'\nimport Fancy from './images/fancy.svg?module'\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","displayName","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","left","right","Arrow","as","after","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","paddingRight","paddingLeft","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"idAWA,MAAMA,4BAA8BC,yBAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,WAEjGE,QAAUC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAMtB,CAAA,6EAEM,MAAMK,KAAOL,OAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,OAAOC,IACN,IAAIC,EAAQC,aAKZ,OAHIF,EAAMG,QAAOF,EAAQG,WACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,UAEhC,CAAEC,GAAIP,EAAO,IACpBR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,KAGCS,GAAUA,EAAMS,OAAS,+BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,YAGfQ,UAAWH,IAAG,CAAA,GAAA,KACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,YAGfS,SAAUJ,IAAG,CAAA,GAAA,KACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,YAGfU,WAAYL,IAAG,CAAA,GAAA,KACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,aAKV,MAAMW,KAAO/B,OAAOC,IACxBC,WAAkC,CACjCK,kBAAmBZ,8BAEpBa,MAAuE,CACtEwB,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,OAAQ,QACRC,gBAAiBH,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAG1DhC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAXgBJ,CAWhB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,qBAEnB,IAGA7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,SAGpBe,MACAC,eACAC,kBAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,SAASjC,EAAMY,MAAOZ,gBAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,SAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,SAASjC,EAAMa,gBAAiBb"}
+{"version":3,"file":"style.mjs","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.svg?module'\nimport Rectangle from './images/rectangle.svg?module'\nimport Fancy from './images/fancy.svg?module'\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","displayName","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","left","right","Arrow","as","after","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","paddingRight","paddingLeft","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"idAWA,MAAMA,4BAA8BC,yBAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,WAEjGE,QAAUC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,6EAQ1B,MAAMK,KAAOL,OAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,OAAOC,IACN,IAAIC,EAAQC,aAKZ,OAHIF,EAAMG,QAAOF,EAAQG,WACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,UAEhC,CAAEC,GAAIP,EAAO,IACpBR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,KAGCS,GAAUA,EAAMS,OAAS,+BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,YAGfQ,UAAWH,IAAG,CAAA,GAAA,KACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,YAGfS,SAAUJ,IAAG,CAAA,GAAA,KACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,YAGfU,WAAYL,IAAG,CAAA,GAAA,KACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,aAKV,MAAMW,KAAO/B,OAAOC,IACxBC,WAAkC,CACjCK,kBAAmBZ,8BAEpBa,MAAuE,CACtEwB,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,OAAQ,QACRC,gBAAiBH,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAG1DhC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAXgBJ,CAWhB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,qBAEnB,IAGA7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,SAGpBe,MACAC,eACAC,kBAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,SAASjC,EAAMY,MAAOZ,gBAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,SAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,SAASjC,EAAMa,gBAAiBb"}

package/components/AspectRatio/AspectRatio.js.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.js","sources":["../../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { AspectRatioProps } from './types'\nimport * as Styled from './style'\n\n/**\n *\n * Компонент для создания плейсхолдеров с определенным соотношением сторон.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps> = forwardRef<HTMLDivElement, AspectRatioProps>(\n  (props, ref) => {\n    const { ratio = '1:1', children, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} ref={ref}>\n        <Styled.Placeholder ratio={ratio} />\n        {children}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { AspectRatio }\n"],"names":["forwardRef","props","ref","ratio","children","restProps","_jsxs","Styled","_jsx","jsx"],"mappings":"wIAUuEA,MAAUA,YAC/E,CAACC,EAAOC,KACN,MAAMC,MAAEA,EAAQ,MAAKC,SAAEA,KAAaC,GAAcJ,EAElD,OACEK,WAAAA,KAACC,MAAAA,KAAW,IAAKF,EAAWH,IAAKA,EAAIE,SACnCI,CAAAA,WAAAC,IAACF,kBAAkB,CAACJ,MAAOA,IAC1BC,IACW"}
+{"version":3,"file":"AspectRatio.js","sources":["../../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { AspectRatioProps } from './types'\nimport * as Styled from './style'\n\n/**\n *\n * Компонент для создания плейсхолдеров с определенным соотношением сторон.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps> = forwardRef<HTMLDivElement, AspectRatioProps>(\n  (props, ref) => {\n    const { ratio = '1:1', children, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} ref={ref}>\n        <Styled.Placeholder ratio={ratio} />\n        {children}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { AspectRatio }\n"],"names":["forwardRef","props","ref","ratio","children","restProps","_jsxs","Styled","_jsx"],"mappings":"wIAUuEA,MAAAA,YACrE,CAACC,EAAOC,KACN,MAAMC,MAAEA,EAAQ,MAAKC,SAAEA,KAAaC,GAAcJ,EAElD,OACEK,WAAAA,KAACC,MAAAA,KAAW,IAAKF,EAAWH,IAAKA,EAAIE,SAAA,CACnCI,WAAAA,IAACD,kBAAkB,CAACJ,MAAOA,IAC1BC,IACW"}

package/components/AspectRatio/AspectRatio.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AspectRatio.mjs","sources":["../../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { AspectRatioProps } from './types'\nimport * as Styled from './style'\n\n/**\n *\n * Компонент для создания плейсхолдеров с определенным соотношением сторон.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps> = forwardRef<HTMLDivElement, AspectRatioProps>(\n  (props, ref) => {\n    const { ratio = '1:1', children, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} ref={ref}>\n        <Styled.Placeholder ratio={ratio} />\n        {children}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { AspectRatio }\n"],"names":["AspectRatio","forwardRef","props","ref","ratio","children","restProps","_jsxs","Styled","_jsx"],"mappings":"gHAUMA,MAAAA,YAAiEC,YACrE,CAACC,EAAOC,KACN,MAAMC,MAAEA,EAAQ,MAAKC,SAAEA,KAAaC,GAAcJ,EAElD,OACEK,KAACC,KAAW,IAAKF,EAAWH,IAAKA,EAAIE,SACnCI,CAAAA,IAACD,YAAkB,CAACJ,MAAOA,IAC1BC,IACW"}
+{"version":3,"file":"AspectRatio.mjs","sources":["../../../../src/components/AspectRatio/AspectRatio.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { AspectRatioProps } from './types'\nimport * as Styled from './style'\n\n/**\n *\n * Компонент для создания плейсхолдеров с определенным соотношением сторон.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst AspectRatio: React.ForwardRefExoticComponent<AspectRatioProps> = forwardRef<HTMLDivElement, AspectRatioProps>(\n  (props, ref) => {\n    const { ratio = '1:1', children, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} ref={ref}>\n        <Styled.Placeholder ratio={ratio} />\n        {children}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { AspectRatio }\n"],"names":["AspectRatio","forwardRef","props","ref","ratio","children","restProps","_jsxs","Styled","_jsx"],"mappings":"gHAUA,MAAMA,YAAiEC,YACrE,CAACC,EAAOC,KACN,MAAMC,MAAEA,EAAQ,MAAKC,SAAEA,KAAaC,GAAcJ,EAElD,OACEK,KAACC,KAAW,IAAKF,EAAWH,IAAKA,EAAIE,SAAA,CACnCI,IAACD,YAAkB,CAACJ,MAAOA,IAC1BC,IACW"}

package/components/AspectRatio/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/AspectRatio/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getViewBoxFromAspectRatio } from './utils'\nimport type { AspectRatioProps, StyledPlaceholderProps } from './types'\n\nexport const Placeholder = styled.svg\n  .withConfig<StyledPlaceholderProps>({\n    shouldForwardProp: (propKey) => !['ratio'].includes(propKey),\n  })\n  .attrs<StyledPlaceholderProps>((props) => ({\n    xmlns: 'http://www.w3.org/2000/svg',\n    viewBox: getViewBoxFromAspectRatio(props.ratio),\n  }))`\n  box-sizing: border-box;\n  display: block;\n`\n\nexport const Root = styled.div.withConfig<Omit<AspectRatioProps, 'ratio'>>({\n  shouldForwardProp: (propKey) => !['width', 'height'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) => `\n    width: ${\n      typeof props.width === 'number'\n        ? `${props.width}px`\n        : typeof props.width === 'string'\n          ? props.width\n          : 'min-content'\n    };\n    height: ${\n      typeof props.height === 'number'\n        ? `${props.height}px`\n        : typeof props.height === 'string'\n          ? props.height\n          : 'min-content'\n    };\n\n    & > ${Placeholder} {\n      width: ${typeof props.width === 'number' || typeof props.width === 'string' ? '100%' : 'auto'};\n      height: ${typeof props.height === 'number' || typeof props.height === 'string' ? '100%' : 'auto'}\n    }\n  `}\n\n  & > :not(${Placeholder}) {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    box-sizing: border-box !important;\n  }\n`\n"],"names":["Placeholder","styled","svg","withConfig","shouldForwardProp","propKey","includes","attrs","props","xmlns","viewBox","getViewBoxFromAspectRatio","ratio","displayName","componentId","Root","div","width","height"],"mappings":"kMAIO,MAAMA,YAAcC,gBAAAA,QAAOC,IAC/BC,WAAmC,CAClCC,kBAAoBC,IAAa,CAAC,SAASC,SAASD,KAErDE,OAA+BC,IAAW,CACzCC,MAAO,6BACPC,QAASC,MAAAA,0BAA0BH,EAAMI,WACxCT,WAAA,CAAAU,YAAA,2BAAAC,YAAA,oBAPsBb,CAU1B,CAAA,yCAEM,MAAMc,KAAOd,gBAAAA,QAAOe,IAAIb,WAA4C,CACzEC,kBAAoBC,IAAa,CAAC,QAAS,UAAUC,SAASD,KAC9DF,WAAA,CAAAU,YAAA,oBAAAC,YAAA,oBAFkBb,CAElB,CAAA,2CAAA,aAAA,sJAIGO,GAAU,uBAEFA,EAAMS,OAAU,SACnB,GAAGT,EAAMS,iBACFT,EAAMS,OAAU,SACrBT,EAAMS,MACN,sCAGCT,EAAMU,QAAW,SACpB,GAAGV,EAAMU,kBACFV,EAAMU,QAAW,SACtBV,EAAMU,OACN,6BAGFlB,sCACYQ,EAAMS,OAAU,iBAAmBT,EAAMS,OAAU,SAAW,OAAS,iCACtET,EAAMU,QAAW,iBAAmBV,EAAMU,QAAW,SAAW,OAAS,qBAInFlB"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/AspectRatio/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getViewBoxFromAspectRatio } from './utils'\nimport type { AspectRatioProps, StyledPlaceholderProps } from './types'\n\nexport const Placeholder = styled.svg\n  .withConfig<StyledPlaceholderProps>({\n    shouldForwardProp: (propKey) => !['ratio'].includes(propKey),\n  })\n  .attrs<StyledPlaceholderProps>((props) => ({\n    xmlns: 'http://www.w3.org/2000/svg',\n    viewBox: getViewBoxFromAspectRatio(props.ratio),\n  }))`\n  box-sizing: border-box;\n  display: block;\n`\n\nexport const Root = styled.div.withConfig<Omit<AspectRatioProps, 'ratio'>>({\n  shouldForwardProp: (propKey) => !['width', 'height'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) => `\n    width: ${\n      typeof props.width === 'number'\n        ? `${props.width}px`\n        : typeof props.width === 'string'\n          ? props.width\n          : 'min-content'\n    };\n    height: ${\n      typeof props.height === 'number'\n        ? `${props.height}px`\n        : typeof props.height === 'string'\n          ? props.height\n          : 'min-content'\n    };\n\n    & > ${Placeholder} {\n      width: ${typeof props.width === 'number' || typeof props.width === 'string' ? '100%' : 'auto'};\n      height: ${typeof props.height === 'number' || typeof props.height === 'string' ? '100%' : 'auto'}\n    }\n  `}\n\n  & > :not(${Placeholder}) {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    box-sizing: border-box !important;\n  }\n`\n"],"names":["Placeholder","styled","svg","withConfig","shouldForwardProp","propKey","includes","attrs","props","xmlns","viewBox","getViewBoxFromAspectRatio","ratio","displayName","componentId","Root","div","width","height"],"mappings":"kMAIO,MAAMA,YAAcC,gBAAAA,QAAOC,IAC/BC,WAAmC,CAClCC,kBAAoBC,IAAa,CAAC,SAASC,SAASD,KAErDE,OAA+BC,IAAK,CACnCC,MAAO,6BACPC,QAASC,MAAAA,0BAA0BH,EAAMI,WACxCT,WAAA,CAAAU,YAAA,2BAAAC,YAAA,oBAPsBb,CAOtB,CAAA,yCAKE,MAAMc,KAAOd,gBAAAA,QAAOe,IAAIb,WAA4C,CACzEC,kBAAoBC,IAAa,CAAC,QAAS,UAAUC,SAASD,KAC9DF,WAAA,CAAAU,YAAA,oBAAAC,YAAA,oBAFkBb,CAElB,CAAA,2CAAA,aAAA,sJAIGO,GAAU,uBAEFA,EAAMS,OAAU,SACnB,GAAGT,EAAMS,iBACFT,EAAMS,OAAU,SACrBT,EAAMS,MACN,sCAGCT,EAAMU,QAAW,SACpB,GAAGV,EAAMU,kBACFV,EAAMU,QAAW,SACtBV,EAAMU,OACN,6BAGFlB,sCACYQ,EAAMS,OAAU,iBAAmBT,EAAMS,OAAU,SAAW,OAAS,iCACtET,EAAMU,QAAW,iBAAmBV,EAAMU,QAAW,SAAW,OAAS,qBAInFlB"}

package/components/AspectRatio/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/AspectRatio/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getViewBoxFromAspectRatio } from './utils'\nimport type { AspectRatioProps, StyledPlaceholderProps } from './types'\n\nexport const Placeholder = styled.svg\n  .withConfig<StyledPlaceholderProps>({\n    shouldForwardProp: (propKey) => !['ratio'].includes(propKey),\n  })\n  .attrs<StyledPlaceholderProps>((props) => ({\n    xmlns: 'http://www.w3.org/2000/svg',\n    viewBox: getViewBoxFromAspectRatio(props.ratio),\n  }))`\n  box-sizing: border-box;\n  display: block;\n`\n\nexport const Root = styled.div.withConfig<Omit<AspectRatioProps, 'ratio'>>({\n  shouldForwardProp: (propKey) => !['width', 'height'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) => `\n    width: ${\n      typeof props.width === 'number'\n        ? `${props.width}px`\n        : typeof props.width === 'string'\n          ? props.width\n          : 'min-content'\n    };\n    height: ${\n      typeof props.height === 'number'\n        ? `${props.height}px`\n        : typeof props.height === 'string'\n          ? props.height\n          : 'min-content'\n    };\n\n    & > ${Placeholder} {\n      width: ${typeof props.width === 'number' || typeof props.width === 'string' ? '100%' : 'auto'};\n      height: ${typeof props.height === 'number' || typeof props.height === 'string' ? '100%' : 'auto'}\n    }\n  `}\n\n  & > :not(${Placeholder}) {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    box-sizing: border-box !important;\n  }\n`\n"],"names":["Placeholder","styled","svg","withConfig","shouldForwardProp","propKey","includes","attrs","props","xmlns","viewBox","getViewBoxFromAspectRatio","ratio","displayName","componentId","Root","div","width","height"],"mappings":"yFAIO,MAAMA,YAAcC,OAAOC,IAC/BC,WAAmC,CAClCC,kBAAoBC,IAAa,CAAC,SAASC,SAASD,KAErDE,OAA+BC,IAAW,CACzCC,MAAO,6BACPC,QAASC,0BAA0BH,EAAMI,WACxCT,WAAA,CAAAU,YAAA,2BAAAC,YAAA,oBAPsBb,CAU1B,CAAA,yCAEM,MAAMc,KAAOd,OAAOe,IAAIb,WAA4C,CACzEC,kBAAoBC,IAAa,CAAC,QAAS,UAAUC,SAASD,KAC9DF,WAAA,CAAAU,YAAA,oBAAAC,YAAA,oBAFkBb,CAElB,CAAA,2CAAA,aAAA,sJAIGO,GAAU,uBAEFA,EAAMS,OAAU,SACnB,GAAGT,EAAMS,iBACFT,EAAMS,OAAU,SACrBT,EAAMS,MACN,sCAGCT,EAAMU,QAAW,SACpB,GAAGV,EAAMU,kBACFV,EAAMU,QAAW,SACtBV,EAAMU,OACN,6BAGFlB,sCACYQ,EAAMS,OAAU,iBAAmBT,EAAMS,OAAU,SAAW,OAAS,iCACtET,EAAMU,QAAW,iBAAmBV,EAAMU,QAAW,SAAW,OAAS,qBAInFlB"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/AspectRatio/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getViewBoxFromAspectRatio } from './utils'\nimport type { AspectRatioProps, StyledPlaceholderProps } from './types'\n\nexport const Placeholder = styled.svg\n  .withConfig<StyledPlaceholderProps>({\n    shouldForwardProp: (propKey) => !['ratio'].includes(propKey),\n  })\n  .attrs<StyledPlaceholderProps>((props) => ({\n    xmlns: 'http://www.w3.org/2000/svg',\n    viewBox: getViewBoxFromAspectRatio(props.ratio),\n  }))`\n  box-sizing: border-box;\n  display: block;\n`\n\nexport const Root = styled.div.withConfig<Omit<AspectRatioProps, 'ratio'>>({\n  shouldForwardProp: (propKey) => !['width', 'height'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: relative;\n\n  ${(props) => `\n    width: ${\n      typeof props.width === 'number'\n        ? `${props.width}px`\n        : typeof props.width === 'string'\n          ? props.width\n          : 'min-content'\n    };\n    height: ${\n      typeof props.height === 'number'\n        ? `${props.height}px`\n        : typeof props.height === 'string'\n          ? props.height\n          : 'min-content'\n    };\n\n    & > ${Placeholder} {\n      width: ${typeof props.width === 'number' || typeof props.width === 'string' ? '100%' : 'auto'};\n      height: ${typeof props.height === 'number' || typeof props.height === 'string' ? '100%' : 'auto'}\n    }\n  `}\n\n  & > :not(${Placeholder}) {\n    position: absolute !important;\n    top: 0 !important;\n    left: 0 !important;\n    width: 100% !important;\n    height: 100% !important;\n    box-sizing: border-box !important;\n  }\n`\n"],"names":["Placeholder","styled","svg","withConfig","shouldForwardProp","propKey","includes","attrs","props","xmlns","viewBox","getViewBoxFromAspectRatio","ratio","displayName","componentId","Root","div","width","height"],"mappings":"yFAIO,MAAMA,YAAcC,OAAOC,IAC/BC,WAAmC,CAClCC,kBAAoBC,IAAa,CAAC,SAASC,SAASD,KAErDE,OAA+BC,IAAK,CACnCC,MAAO,6BACPC,QAASC,0BAA0BH,EAAMI,WACxCT,WAAA,CAAAU,YAAA,2BAAAC,YAAA,oBAPsBb,CAOtB,CAAA,yCAKE,MAAMc,KAAOd,OAAOe,IAAIb,WAA4C,CACzEC,kBAAoBC,IAAa,CAAC,QAAS,UAAUC,SAASD,KAC9DF,WAAA,CAAAU,YAAA,oBAAAC,YAAA,oBAFkBb,CAElB,CAAA,2CAAA,aAAA,sJAIGO,GAAU,uBAEFA,EAAMS,OAAU,SACnB,GAAGT,EAAMS,iBACFT,EAAMS,OAAU,SACrBT,EAAMS,MACN,sCAGCT,EAAMU,QAAW,SACpB,GAAGV,EAAMU,kBACFV,EAAMU,QAAW,SACtBV,EAAMU,OACN,6BAGFlB,sCACYQ,EAAMS,OAAU,iBAAmBT,EAAMS,OAAU,SAAW,OAAS,iCACtET,EAAMU,QAAW,iBAAmBV,EAAMU,QAAW,SAAW,OAAS,qBAInFlB"}

package/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport { SIZES_MAPPING_RULES, SIZES_DEFAULT } from './default-constants'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AvatarProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Avatar/types.ts)\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<AvatarProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? (SIZES_MAPPING_RULES[size] ?? size)\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          (children ??\n          (!restProps.src && (\n            <Text\n              as='span'\n              appearance='caption'\n              size='inherit'\n              color='inherit'\n              lineHeight={1}\n              marginTop={1}\n              transform='uppercase'\n              {...textProps}\n            >\n              {abbreviateCaption(text || restProps.title || '')}\n            </Text>\n          )))\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Avatar }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"oYAuBMA,MAAAA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,YAAsD,CAACC,EAAOC,KAC5D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADCO,iBAAmBA,oBAACP,IAASA,EAGpC,OACEQ,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,WAAAA,IAACG,SAAAA,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE3Db,KACCE,EAAUY,KACVR,WAAAA,IAACS,KAAAA,KAAI,CACHL,GAAG,OACHM,WAAW,UACXlB,KAAK,UACLmB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNrB,EAASC,SAEZqB,MAAAA,kBAAkBpB,GAAQC,EAAUoB,OAAS,QAIxC,IAGlB,CACEC,YA9CmB,SA+CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,UAAYA,aAAGC,gBAGhCC"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport { SIZES_MAPPING_RULES, SIZES_DEFAULT } from './default-constants'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AvatarProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Avatar/types.ts)\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<AvatarProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? (SIZES_MAPPING_RULES[size] ?? size)\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          (children ??\n          (!restProps.src && (\n            <Text\n              as='span'\n              appearance='caption'\n              size='inherit'\n              color='inherit'\n              lineHeight={1}\n              marginTop={1}\n              transform='uppercase'\n              {...textProps}\n            >\n              {abbreviateCaption(text || restProps.title || '')}\n            </Text>\n          )))\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Avatar }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"oYAuBA,MAAMA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,YAAsD,CAACC,EAAOC,KAC5D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADCO,iBAAAA,oBAAoBP,IAASA,EAGpC,OACEQ,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,WAAAA,IAACG,SAAAA,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE3Db,KACCE,EAAUY,KACVR,WAAAA,IAACS,KAAAA,KAAI,CACHL,GAAG,OACHM,WAAW,UACXlB,KAAK,UACLmB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNrB,EAASC,SAEZqB,MAAAA,kBAAkBpB,GAAQC,EAAUoB,OAAS,QAIxC,IAGlB,CACEC,YA9CmB,SA+CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,UAAAA,aAAeC,UAAAA,MAGhCC,iBAAAA"}

package/components/Avatar/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport { SIZES_MAPPING_RULES, SIZES_DEFAULT } from './default-constants'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AvatarProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Avatar/types.ts)\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<AvatarProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? (SIZES_MAPPING_RULES[size] ?? size)\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          (children ??\n          (!restProps.src && (\n            <Text\n              as='span'\n              appearance='caption'\n              size='inherit'\n              color='inherit'\n              lineHeight={1}\n              marginTop={1}\n              transform='uppercase'\n              {...textProps}\n            >\n              {abbreviateCaption(text || restProps.title || '')}\n            </Text>\n          )))\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Avatar }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"+YAuBMA,MAAAA,OAAuDC,gBAC3DC,YAAsD,CAACC,EAAOC,KAC5D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADCO,oBAAoBP,IAASA,EAGpC,OACEQ,IAACC,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,IAACG,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE3Db,KACCE,EAAUY,KACVR,IAACS,KAAI,CACHL,GAAG,OACHM,WAAW,UACXlB,KAAK,UACLmB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNrB,EAASC,SAEZqB,kBAAkBpB,GAAQC,EAAUoB,OAAS,QAIxC,IAGlB,CACEC,YA9CmB,SA+CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,aAAeC,MAGhCC"}
+{"version":3,"file":"Avatar.mjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport { SIZES_MAPPING_RULES, SIZES_DEFAULT } from './default-constants'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AvatarProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Avatar/types.ts)\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<AvatarProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? (SIZES_MAPPING_RULES[size] ?? size)\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          (children ??\n          (!restProps.src && (\n            <Text\n              as='span'\n              appearance='caption'\n              size='inherit'\n              color='inherit'\n              lineHeight={1}\n              marginTop={1}\n              transform='uppercase'\n              {...textProps}\n            >\n              {abbreviateCaption(text || restProps.title || '')}\n            </Text>\n          )))\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Avatar }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"+YAuBA,MAAMA,OAAuDC,gBAC3DC,YAAsD,CAACC,EAAOC,KAC5D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADCO,oBAAoBP,IAASA,EAGpC,OACEQ,IAACC,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,IAACG,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE3Db,KACCE,EAAUY,KACVR,IAACS,KAAI,CACHL,GAAG,OACHM,WAAW,UACXlB,KAAK,UACLmB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNrB,EAASC,SAEZqB,kBAAkBpB,GAAQC,EAAUoB,OAAS,QAIxC,IAGlB,CACEC,YA9CmB,SA+CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,aAAeC,MAGhCC"}

package/components/Avatar/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Avatar/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { getColor } from 'mixins/color'\nimport type { StyledAvatarProps, AvatarPalette } from './types'\n\nconst shouldForwardAvatarProp = createShouldForwardProp(\n  (propKey) => !['src', 'shadow', 'square', 'loading'].includes(propKey)\n)\n\nconst template = (palette: AvatarPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors.white,\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors.mercury,\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-brand-primary'],\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors['bg-brand-primary-100'],\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.span\n  .withConfig<StyledAvatarProps>({\n    shouldForwardProp: shouldForwardAvatarProp,\n  })\n  .attrs<StyledAvatarProps>(\n    (props): Required<Pick<StyledAvatarProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n        width: '1em',\n        height: '1em',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${\n      props.src && !props.loading\n        ? `\n          background-image: url(${props.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `\n        : ''\n    }\n  `}\n\n  ${(props) => (props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default)}\n\n  ${(props) => props.color && !props.loading && `background-color: ${getColor(props.color, props)};`}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardAvatarProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","default","css","props","theme","colors","white","loading","transparent","mercury","shadow","primary","Root","styled","span","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","borderRadius","square","width","height","displayName","componentId","src","preset","getColor","responsiveSize","responsiveMargin"],"mappings":"8XAOA,MAAMA,wBAA0BC,MAAuBA,yBACpDC,IAAa,CAAC,MAAO,SAAU,SAAU,WAAWC,SAASD,KAGhE,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,kBAG3C,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAOC,MAC1BR,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAOI,QACrFV,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,YAGfe,QAAST,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,yBAC1BP,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAO,wBACrFN,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,aAKV,MAAMgB,KAAOC,gBAAAA,QAAOC,KACxBC,WAA8B,CAC7BC,kBAAmBzB,0BAEpB0B,OACEd,IAAwE,CACvEe,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,aAAcnB,EAAMoB,OAAS,QAAU,MACvCC,MAAO,MACPC,OAAQ,YAGbV,WAAA,CAAAW,YAAA,eAAAC,YAAA,oBAbiBd,CAajB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KACEV,GAAU,iMASTA,EAAMyB,MAAQzB,EAAMI,QAChB,qCACwBJ,EAAMyB,yIAK9B,WAILzB,GAAWA,EAAM0B,SAAW,QAAU7B,aAAaW,QAAUX,aAAaC,UAE1EE,GAAUA,EAAMN,QAAUM,EAAMI,SAAW,qBAAqBuB,eAAS3B,EAAMN,MAAOM,OAEvF4B,eAAcA,eACdC,iBAAgBA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Avatar/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { getColor } from 'mixins/color'\nimport type { StyledAvatarProps, AvatarPalette } from './types'\n\nconst shouldForwardAvatarProp = createShouldForwardProp(\n  (propKey) => !['src', 'shadow', 'square', 'loading'].includes(propKey)\n)\n\nconst template = (palette: AvatarPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors.white,\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors.mercury,\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-brand-primary'],\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors['bg-brand-primary-100'],\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.span\n  .withConfig<StyledAvatarProps>({\n    shouldForwardProp: shouldForwardAvatarProp,\n  })\n  .attrs<StyledAvatarProps>(\n    (props): Required<Pick<StyledAvatarProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n        width: '1em',\n        height: '1em',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${\n      props.src && !props.loading\n        ? `\n          background-image: url(${props.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `\n        : ''\n    }\n  `}\n\n  ${(props) => (props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default)}\n\n  ${(props) => props.color && !props.loading && `background-color: ${getColor(props.color, props)};`}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardAvatarProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","default","css","props","theme","colors","white","loading","transparent","mercury","shadow","primary","Root","styled","span","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","borderRadius","square","width","height","displayName","componentId","src","preset","getColor","responsiveSize","responsiveMargin"],"mappings":"8XAOA,MAAMA,wBAA0BC,MAAAA,yBAC7BC,IAAa,CAAC,MAAO,SAAU,SAAU,WAAWC,SAASD,KAGhE,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,kBAG3C,MAAMC,aAAe,CACnBC,QAASC,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAOC,MAC1BR,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAOI,QACrFV,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,YAGfe,QAAST,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,yBAC1BP,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAO,wBACrFN,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,aAKV,MAAMgB,KAAOC,gBAAAA,QAAOC,KACxBC,WAA8B,CAC7BC,kBAAmBzB,0BAEpB0B,OACEd,IAAK,CACJe,uBAAwBA,CAACC,EAAMC,KAAS,CACtCC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,aAAcnB,EAAMoB,OAAS,QAAU,MACvCC,MAAO,MACPC,OAAQ,YAGbV,WAAA,CAAAW,YAAA,eAAAC,YAAA,oBAbiBd,CAajB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KACEV,GAAU,iMASTA,EAAMyB,MAAQzB,EAAMI,QAChB,qCACwBJ,EAAMyB,yIAK9B,WAILzB,GAAWA,EAAM0B,SAAW,QAAU7B,aAAaW,QAAUX,aAAaC,UAE1EE,GAAUA,EAAMN,QAAUM,EAAMI,SAAW,qBAAqBuB,eAAS3B,EAAMN,MAAOM,OAEvF4B,eAAAA,eACAC,iBAAAA"}

package/components/Avatar/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Avatar/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { getColor } from 'mixins/color'\nimport type { StyledAvatarProps, AvatarPalette } from './types'\n\nconst shouldForwardAvatarProp = createShouldForwardProp(\n  (propKey) => !['src', 'shadow', 'square', 'loading'].includes(propKey)\n)\n\nconst template = (palette: AvatarPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors.white,\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors.mercury,\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-brand-primary'],\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors['bg-brand-primary-100'],\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.span\n  .withConfig<StyledAvatarProps>({\n    shouldForwardProp: shouldForwardAvatarProp,\n  })\n  .attrs<StyledAvatarProps>(\n    (props): Required<Pick<StyledAvatarProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n        width: '1em',\n        height: '1em',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${\n      props.src && !props.loading\n        ? `\n          background-image: url(${props.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `\n        : ''\n    }\n  `}\n\n  ${(props) => (props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default)}\n\n  ${(props) => props.color && !props.loading && `background-color: ${getColor(props.color, props)};`}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardAvatarProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","default","css","props","theme","colors","white","loading","transparent","mercury","shadow","primary","Root","styled","span","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","borderRadius","square","width","height","displayName","componentId","src","preset","getColor","responsiveSize","responsiveMargin"],"mappings":"wRAOA,MAAMA,wBAA0BC,yBAC7BC,IAAa,CAAC,MAAO,SAAU,SAAU,WAAWC,SAASD,KAGhE,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,kBAG3C,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAOC,MAC1BR,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAOI,QACrFV,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,YAGfe,QAAST,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,yBAC1BP,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAO,wBACrFN,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,aAKV,MAAMgB,KAAOC,OAAOC,KACxBC,WAA8B,CAC7BC,kBAAmBzB,0BAEpB0B,OACEd,IAAwE,CACvEe,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,aAAcnB,EAAMoB,OAAS,QAAU,MACvCC,MAAO,MACPC,OAAQ,YAGbV,WAAA,CAAAW,YAAA,eAAAC,YAAA,oBAbiBd,CAajB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KACEV,GAAU,iMASTA,EAAMyB,MAAQzB,EAAMI,QAChB,qCACwBJ,EAAMyB,yIAK9B,WAILzB,GAAWA,EAAM0B,SAAW,QAAU7B,aAAaW,QAAUX,aAAaC,UAE1EE,GAAUA,EAAMN,QAAUM,EAAMI,SAAW,qBAAqBuB,SAAS3B,EAAMN,MAAOM,OAEvF4B,eACAC"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Avatar/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { getColor } from 'mixins/color'\nimport type { StyledAvatarProps, AvatarPalette } from './types'\n\nconst shouldForwardAvatarProp = createShouldForwardProp(\n  (propKey) => !['src', 'shadow', 'square', 'loading'].includes(propKey)\n)\n\nconst template = (palette: AvatarPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors.white,\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors.mercury,\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-brand-primary'],\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors['bg-brand-primary-100'],\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.span\n  .withConfig<StyledAvatarProps>({\n    shouldForwardProp: shouldForwardAvatarProp,\n  })\n  .attrs<StyledAvatarProps>(\n    (props): Required<Pick<StyledAvatarProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n        width: '1em',\n        height: '1em',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${\n      props.src && !props.loading\n        ? `\n          background-image: url(${props.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `\n        : ''\n    }\n  `}\n\n  ${(props) => (props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default)}\n\n  ${(props) => props.color && !props.loading && `background-color: ${getColor(props.color, props)};`}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardAvatarProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","default","css","props","theme","colors","white","loading","transparent","mercury","shadow","primary","Root","styled","span","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","borderRadius","square","width","height","displayName","componentId","src","preset","getColor","responsiveSize","responsiveMargin"],"mappings":"wRAOA,MAAMA,wBAA0BC,yBAC7BC,IAAa,CAAC,MAAO,SAAU,SAAU,WAAWC,SAASD,KAGhE,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,kBAG3C,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAOC,MAC1BR,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAOI,QACrFV,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,YAGfe,QAAST,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,yBAC1BP,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAO,wBACrFN,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,aAKV,MAAMgB,KAAOC,OAAOC,KACxBC,WAA8B,CAC7BC,kBAAmBzB,0BAEpB0B,OACEd,IAAK,CACJe,uBAAwBA,CAACC,EAAMC,KAAS,CACtCC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,aAAcnB,EAAMoB,OAAS,QAAU,MACvCC,MAAO,MACPC,OAAQ,YAGbV,WAAA,CAAAW,YAAA,eAAAC,YAAA,oBAbiBd,CAajB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KACEV,GAAU,iMASTA,EAAMyB,MAAQzB,EAAMI,QAChB,qCACwBJ,EAAMyB,yIAK9B,WAILzB,GAAWA,EAAM0B,SAAW,QAAU7B,aAAaW,QAAUX,aAAaC,UAE1EE,GAAUA,EAAMN,QAAUM,EAAMI,SAAW,qBAAqBuB,SAAS3B,EAAMN,MAAOM,OAEvF4B,eACAC"}

package/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [BadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<BadgeProps>>((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before ? (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n            {children || content ? (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            ) : null}\n            {after ? (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","_jsxs","jsxs","_Fragment","jsx","Icon","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"iSAuBO,MAAMA,MAAqDC,gBAAAA,gBAChEC,MAAAA,YAAoD,CAACC,EAAOC,KAC1D,MAAMC,KACJA,EAAO,IAAGC,aACVA,EAAe,EAACC,UAChBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,SACdA,EAAQC,QACRA,EAAOC,KACPA,KACGC,GACDT,EAEJ,MAAOU,EAAQC,GAASC,MAAMC,QAAQL,GAAQA,EAAO,CAACA,GAEtD,MAAMM,EAA2B,CAC/BC,GAAI,OACJb,KAAM,UACNc,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAWO,GAElC,MAAME,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,WAAAA,IAACC,MAAAA,KAAW,IAAKb,EAAWP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAIK,gBACnEA,GAAa,WACnBA,EAAS,CAAEQ,gBAAeV,YAAWgB,gBAAef,YAAWG,SAE/De,WAAAC,KAAAC,oBAAA,CAAAnB,SACGI,CAAAA,EACCW,WAAAK,IAACC,UAAI,CACHC,YAAalB,GAAW,SAAWA,OAASQ,EAC5CV,YAAaE,GAAW,SAAWA,OAASQ,KACxCE,KACAf,IAEJ,KACHC,GAAYC,EACXc,WAAAA,IAACQ,KAAAA,KAAI,IAAKf,KAAmBV,EAASE,SACnCA,GAAYC,IAEb,KACHI,EACCU,WAAAA,IAACM,KAAAA,KAAI,CACHC,YAAajB,GAAU,SAAWA,OAAQO,EAC1CV,YAAaG,GAAU,SAAWA,OAAQO,KACtCE,KACAf,IAEJ,SAGI,IAGlB,CACEyB,YArEmB,QAsEnBC,MAAQ/B,GAAWA,EAAMgC,MAAQC,UAAWA,YAAGC,UAAAA"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [BadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<BadgeProps>>((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before ? (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n            {children || content ? (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            ) : null}\n            {after ? (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","_jsxs","_Fragment","Icon","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"iSAuBO,MAAMA,MAAqDC,gBAAAA,gBAChEC,MAAAA,YAAoD,CAACC,EAAOC,KAC1D,MAAMC,KACJA,EAAO,IAAGC,aACVA,EAAe,EAACC,UAChBA,EAAY,CAAA,EAAEC,UACdA,EAAY,CAAA,EAAEC,SACdA,EAAQC,QACRA,EAAOC,KACPA,KACGC,GACDT,EAEJ,MAAOU,EAAQC,GAASC,MAAMC,QAAQL,GAAQA,EAAO,CAACA,GAEtD,MAAMM,EAA2B,CAC/BC,GAAI,OACJb,KAAM,UACNc,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAWO,GAElC,MAAME,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,WAAAA,IAACC,MAAAA,KAAW,IAAKb,EAAWP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAIK,gBACnEA,GAAa,WACnBA,EAAS,CAAEQ,gBAAeV,YAAWgB,gBAAef,YAAWG,SAE/De,WAAAA,KAAAC,oBAAA,CAAAlB,SAAA,CACGI,EACCW,WAAAA,IAACI,UAAI,CACHC,YAAahB,GAAW,SAAWA,OAASQ,EAC5CV,YAAaE,GAAW,SAAWA,OAASQ,KACxCE,KACAf,IAEJ,KACHC,GAAYC,EACXc,WAAAA,IAACM,KAAAA,KAAI,IAAKb,KAAmBV,EAASE,SACnCA,GAAYC,IAEb,KACHI,EACCU,WAAAA,IAACI,KAAAA,KAAI,CACHC,YAAaf,GAAU,SAAWA,OAAQO,EAC1CV,YAAaG,GAAU,SAAWA,OAAQO,KACtCE,KACAf,IAEJ,SAGI,IAGlB,CACEuB,YArEmB,QAsEnBC,MAAQ7B,GAAWA,EAAM8B,MAAQC,UAAAA,YAAcC,UAAAA"}

package/components/Badge/Badge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [BadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<BadgeProps>>((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before ? (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n            {children || content ? (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            ) : null}\n            {after ? (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","_jsxs","_Fragment","Icon","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"8RAuBO,MAAMA,MAAqDC,gBAChEC,YAAoD,CAACC,EAAOC,KAC1D,MAAMC,KACJA,EAAO,IAAGC,aACVA,EAAe,EAACC,UAChBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,SACdA,EAAQC,QACRA,EAAOC,KACPA,KACGC,GACDT,EAEJ,MAAOU,EAAQC,GAASC,MAAMC,QAAQL,GAAQA,EAAO,CAACA,GAEtD,MAAMM,EAA2B,CAC/BC,GAAI,OACJb,KAAM,UACNc,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAWO,GAElC,MAAME,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,IAACC,KAAW,IAAKb,EAAWP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAIK,gBACnEA,GAAa,WACnBA,EAAS,CAAEQ,gBAAeV,YAAWgB,gBAAef,YAAWG,SAE/De,KAAAC,SAAA,CAAAlB,SACGI,CAAAA,EACCW,IAACI,KAAI,CACHC,YAAahB,GAAW,SAAWA,OAASQ,EAC5CV,YAAaE,GAAW,SAAWA,OAASQ,KACxCE,KACAf,IAEJ,KACHC,GAAYC,EACXc,IAACM,KAAI,IAAKb,KAAmBV,EAASE,SACnCA,GAAYC,IAEb,KACHI,EACCU,IAACI,KAAI,CACHC,YAAaf,GAAU,SAAWA,OAAQO,EAC1CV,YAAaG,GAAU,SAAWA,OAAQO,KACtCE,KACAf,IAEJ,SAGI,IAGlB,CACEuB,YArEmB,QAsEnBC,MAAQ7B,GAAWA,EAAM8B,MAAQC,YAAcC"}
+{"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [BadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<BadgeProps>>((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before ? (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n            {children || content ? (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            ) : null}\n            {after ? (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","_jsxs","_Fragment","Icon","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"8RAuBO,MAAMA,MAAqDC,gBAChEC,YAAoD,CAACC,EAAOC,KAC1D,MAAMC,KACJA,EAAO,IAAGC,aACVA,EAAe,EAACC,UAChBA,EAAY,CAAA,EAAEC,UACdA,EAAY,CAAA,EAAEC,SACdA,EAAQC,QACRA,EAAOC,KACPA,KACGC,GACDT,EAEJ,MAAOU,EAAQC,GAASC,MAAMC,QAAQL,GAAQA,EAAO,CAACA,GAEtD,MAAMM,EAA2B,CAC/BC,GAAI,OACJb,KAAM,UACNc,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAWO,GAElC,MAAME,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,IAACC,KAAW,IAAKb,EAAWP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAIK,gBACnEA,GAAa,WACnBA,EAAS,CAAEQ,gBAAeV,YAAWgB,gBAAef,YAAWG,SAE/De,KAAAC,SAAA,CAAAlB,SAAA,CACGI,EACCW,IAACI,KAAI,CACHC,YAAahB,GAAW,SAAWA,OAASQ,EAC5CV,YAAaE,GAAW,SAAWA,OAASQ,KACxCE,KACAf,IAEJ,KACHC,GAAYC,EACXc,IAACM,KAAI,IAAKb,KAAmBV,EAASE,SACnCA,GAAYC,IAEb,KACHI,EACCU,IAACI,KAAI,CACHC,YAAaf,GAAU,SAAWA,OAAQO,EAC1CV,YAAaG,GAAU,SAAWA,OAAQO,KACtCE,KACAf,IAEJ,SAGI,IAGlB,CACEuB,YArEmB,QAsEnBC,MAAQ7B,GAAWA,EAAM8B,MAAQC,YAAcC"}

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', 'cursor'].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: ${props.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","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","cursor","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"wdAUA,MAAMA,uBAAyBC,MAAAA,yBAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,UAAW,UAAUC,SAASD,KAGzG,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAGfS,UAAWJ,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,YAGfU,SAAUL,OAAGA,IAAA,CAAA,GAAA,KACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,YAGfW,WAAYN,OAAGA,IAAA,CAAA,GAAA,KACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,aAaV,MAAMY,KAAOC,gBAAAA,QAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,OACEX,IAAuE,CACtEY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,cAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACEP,GAGM,+NAQYA,EAAMkB,MAAQ,aAVLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,gCAWpFxB,EAAMyB,QAAU,qBArCXzB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,SAqClB4B,MAAAA,MACAC,eAAcA,eACdC,mCAEC5B,GAAUA,EAAML,OAASA,MAAAA,MAAMK,EAAML,MAAO,sBAC5CK,GAAUA,EAAM6B,SAAWA,QAAAA,QAAQ7B,EAAM6B,WACzC7B,IAAWA,EAAM8B,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', 'cursor'].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: ${props.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","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","cursor","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"wdAUA,MAAMA,uBAAyBC,MAAAA,yBAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,UAAW,UAAUC,SAASD,KAGzG,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAGfS,UAAWJ,OAAAA,IAAG,CAAA,GAAA,KACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,YAGfU,SAAUL,OAAAA,IAAG,CAAA,GAAA,KACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,YAGfW,WAAYN,OAAAA,IAAG,CAAA,GAAA,KACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,aAaV,MAAMY,KAAOC,gBAAAA,QAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,OACEX,IAAK,CACJY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,cAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACEP,GAGM,+NAQYA,EAAMkB,MAAQ,aAVLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,gCAWpFxB,EAAMyB,QAAU,qBArCXzB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,SAqClB4B,MAAAA,MACAC,eAAAA,eACAC,mCAEC5B,GAAUA,EAAML,OAASA,MAAAA,MAAMK,EAAML,MAAO,sBAC5CK,GAAUA,EAAM6B,SAAWA,QAAAA,QAAQ7B,EAAM6B,WACzC7B,IAAWA,EAAM8B,oBAAsB"}

package/components/Badge/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","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', 'cursor'].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: ${props.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","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","cursor","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"6WAUA,MAAMA,uBAAyBC,yBAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,UAAW,UAAUC,SAASD,KAGzG,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAGfS,UAAWJ,IAAG,CAAA,GAAA,KACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,YAGfU,SAAUL,IAAG,CAAA,GAAA,KACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,YAGfW,WAAYN,IAAG,CAAA,GAAA,KACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,aAaV,MAAMY,KAAOC,OAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,OACEX,IAAuE,CACtEY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,cAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACEP,GAGM,+NAQYA,EAAMkB,MAAQ,aAVLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,gCAWpFxB,EAAMyB,QAAU,qBArCXzB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,SAqClB4B,MACAC,eACAC,kBAEC5B,GAAUA,EAAML,OAASA,MAAMK,EAAML,MAAO,sBAC5CK,GAAUA,EAAM6B,SAAWA,QAAQ7B,EAAM6B,WACzC7B,IAAWA,EAAM8B,oBAAsB"}
+{"version":3,"file":"style.mjs","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', 'cursor'].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: ${props.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","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","cursor","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"6WAUA,MAAMA,uBAAyBC,yBAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,UAAW,UAAUC,SAASD,KAGzG,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAGfS,UAAWJ,IAAG,CAAA,GAAA,KACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,YAGfU,SAAUL,IAAG,CAAA,GAAA,KACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,YAGfW,WAAYN,IAAG,CAAA,GAAA,KACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,aAaV,MAAMY,KAAOC,OAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,OACEX,IAAK,CACJY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,cAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACEP,GAGM,+NAQYA,EAAMkB,MAAQ,aAVLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,gCAWpFxB,EAAMyB,QAAU,qBArCXzB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,SAqClB4B,MACAC,eACAC,kBAEC5B,GAAUA,EAAML,OAASA,MAAMK,EAAML,MAAO,sBAC5CK,GAAUA,EAAM6B,SAAWA,QAAQ7B,EAAM6B,WACzC7B,IAAWA,EAAM8B,oBAAsB"}

package/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\nimport { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckFill, LoaderFill } from '@foxford/icon-pack'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } 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_ICON, SIZES_TEXT } from './sizes'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE, SIZES_TEXT_DEFAULT } from './sizes-default'\nimport type { ButtonProps, Size } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ButtonProps>>((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      showContentOnStatus,\n      textProps: textPropsProp = {},\n      iconProps: iconPropsProp = {},\n      as: _as,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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 as Size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = theme.link\n    if (restProps.disabled) _as = 'button'\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    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      sizes: restProps.preset === 'brand' ? SIZES_TEXT : SIZES_TEXT_DEFAULT,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      color: 'inherit',\n      preset: restProps.preset,\n      sizes: SIZES_ICON,\n    }\n\n    const success = restProps.preset === 'brand' && restProps.success\n    const loading = restProps.preset === 'brand' && restProps.loading\n\n    const mainContent =\n      typeof children !== 'function' && (children || content) ? (\n        <Text className={`${textClassName}__content`} {...textProps} {...textPropsProp}>\n          {children || content}\n        </Text>\n      ) : null\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        {...sizeProps}\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({ textProps, iconProps })\n        ) : (\n          <>\n            {success || loading ? (\n              <Styled.ContentWithStatus>\n                {success ? (\n                  <Icon {...iconProps} {...iconPropsProp} icon={<CheckFill />} />\n                ) : (\n                  <Styled.IconAnimation>\n                    <Icon {...iconProps} {...iconPropsProp} icon={<LoaderFill />} />\n                  </Styled.IconAnimation>\n                )}\n                {showContentOnStatus ? mainContent : null}\n              </Styled.ContentWithStatus>\n            ) : null}\n            <Styled.Content aria-hidden={success || loading}>\n              {before ? (\n                <Icon\n                  className='icon'\n                  name={typeof before === 'string' ? before : undefined}\n                  icon={typeof before !== 'string' ? before : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n              {mainContent}\n              {after ? (\n                <Icon\n                  className='icon'\n                  name={typeof after === 'string' ? after : undefined}\n                  icon={typeof after !== 'string' ? after : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n            </Styled.Content>\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, SIZES, SIZES_ROUND }\n\nexport type { ButtonProps }\n"],"names":["Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","showContentOnStatus","textProps","textPropsProp","iconProps","iconPropsProp","as","_as","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","link","disabled","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","sizeProps","weight","lineHeight","sizes","SIZES_TEXT","SIZES_TEXT_DEFAULT","SIZES_ICON","success","loading","mainContent","_jsx","jsx","Text","Styled","_jsxs","jsxs","_Fragment","Icon","CheckFill","LoaderFill","name","undefined","displayName","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\nimport { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckFill, LoaderFill } from '@foxford/icon-pack'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } 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_ICON, SIZES_TEXT } from './sizes'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE, SIZES_TEXT_DEFAULT } from './sizes-default'\nimport type { ButtonProps, Size } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ButtonProps>>((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      showContentOnStatus,\n      textProps: textPropsProp = {},\n      iconProps: iconPropsProp = {},\n      as: _as,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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 as Size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = theme.link\n    if (restProps.disabled) _as = 'button'\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    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      sizes: restProps.preset === 'brand' ? SIZES_TEXT : SIZES_TEXT_DEFAULT,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      color: 'inherit',\n      preset: restProps.preset,\n      sizes: SIZES_ICON,\n    }\n\n    const success = restProps.preset === 'brand' && restProps.success\n    const loading = restProps.preset === 'brand' && restProps.loading\n\n    const mainContent =\n      typeof children !== 'function' && (children || content) ? (\n        <Text className={`${textClassName}__content`} {...textProps} {...textPropsProp}>\n          {children || content}\n        </Text>\n      ) : null\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        {...sizeProps}\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({ textProps, iconProps })\n        ) : (\n          <>\n            {success || loading ? (\n              <Styled.ContentWithStatus>\n                {success ? (\n                  <Icon {...iconProps} {...iconPropsProp} icon={<CheckFill />} />\n                ) : (\n                  <Styled.IconAnimation>\n                    <Icon {...iconProps} {...iconPropsProp} icon={<LoaderFill />} />\n                  </Styled.IconAnimation>\n                )}\n                {showContentOnStatus ? mainContent : null}\n              </Styled.ContentWithStatus>\n            ) : null}\n            <Styled.Content aria-hidden={success || loading}>\n              {before ? (\n                <Icon\n                  className='icon'\n                  name={typeof before === 'string' ? before : undefined}\n                  icon={typeof before !== 'string' ? before : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n              {mainContent}\n              {after ? (\n                <Icon\n                  className='icon'\n                  name={typeof after === 'string' ? after : undefined}\n                  icon={typeof after !== 'string' ? after : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n            </Styled.Content>\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, SIZES, SIZES_ROUND }\n\nexport type { ButtonProps }\n"],"names":["Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","showContentOnStatus","textProps","textPropsProp","iconProps","iconPropsProp","as","_as","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","link","disabled","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","sizeProps","weight","lineHeight","sizes","SIZES_TEXT","SIZES_TEXT_DEFAULT","SIZES_ICON","success","loading","mainContent","_jsx","Text","Styled","_jsxs","_Fragment","Icon","CheckFill","LoaderFill","name","undefined","displayName","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"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"}

package/components/Button/Button.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useComputedRel,useComputedLinkProps}from'./hooks.mjs';import{SIZES,SIZES_ROUND,SIZES_TEXT,SIZES_ICON}from'./sizes.mjs';import{SIZES_DEFAULT,SIZES_ROUND_DEFAULT,SIZES_TEXT_DEFAULT,PROPS_BY_SIZE}from'./sizes-default.mjs';import{Root,ContentWithStatus,IconAnimation,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{Icon}from'../Icon/Icon.mjs';import{CheckFill}from'../../icon-pack/src/icons/CheckFill/index.mjs';import{LoaderFill}from'../../icon-pack/src/icons/LoaderFill/index.mjs';const COMPONENT_NAME='Button';const Button=withMergedProps(forwardRef(((e,s)=>{let{size:o="m",inline:t=!0,rounded:n=!0,color:r="accent",fontColor:i="white",showContentOnStatus:c,textProps:a={},iconProps:m={},as:l,sizeXXS:p,sizeXS:d,sizeS:S,sizeM:u,sizeL:f,sizeXL:E,className:h,children:I,content:j,fontWeight:_,icon:x,innerRef:C,...T}=e;const z=useTheme();T.preset!=='default'||typeof o!='string'||T.round||(T={...PROPS_BY_SIZE[o]??{},...T}),T.href&&(l='a'),T.to&&(l=z.link),T.disabled&&(l='button'),T.primary&&(r='primary'),T.secondary&&(r='atlantis');const N=useClassname("Button",h);const Z=useClassname("Button");const y=useComputedRel(z,T);const L=useComputedLinkProps(l,T);let[P,g]=Array.isArray(x)?x:[x];const F={size:o,sizeXXS:p,sizeXS:d,sizeS:S,sizeM:u,sizeL:f,sizeXL:E};const O={...F,as:'span',color:'inherit',weight:_??(T.preset==='brand'?800:600),lineHeight:T.preset==='brand'?1.2:1,sizes:T.preset==='brand'?SIZES_TEXT:SIZES_TEXT_DEFAULT};const R={...F,color:'inherit',preset:T.preset,sizes:SIZES_ICON};const A=T.preset==='brand'&&T.success;const X=T.preset==='brand'&&T.loading;const D=typeof I!='function'&&(I||j)?jsx(Text,{className:`${Z}__content`,...O,...a,children:I||j}):null;return jsx(Root,{...T,...L,...F,inline:t,color:r,fontColor:i,rounded:n,rel:y,as:l,className:N,ref:s??C,children:typeof I=='function'?I({textProps:O,iconProps:R}):jsxs(Fragment,{children:[A||X?jsxs(ContentWithStatus,{children:[A?jsx(Icon,{...R,...m,icon:jsx(CheckFill,{})}):jsx(IconAnimation,{children:jsx(Icon,{...R,...m,icon:jsx(LoaderFill,{})})}),c?D:null]}):null,jsxs(Content,{"aria-hidden":A||X,children:[P?jsx(Icon,{className:"icon",name:typeof P=='string'?P:void 0,icon:typeof P!='string'?P:void 0,...R,...m}):null,D,g?jsx(Icon,{className:"icon",name:typeof g=='string'?g:void 0,icon:typeof g!='string'?g:void 0,...R,...m}):null]})]})})})),{displayName:"Button",sizes:e=>{let s=e.preset==='brand'?SIZES:SIZES_DEFAULT;return e.round&&(s=e.preset==='brand'?SIZES_ROUND:SIZES_ROUND_DEFAULT),s}});export{Button,COMPONENT_NAME,SIZES,SIZES_ROUND};
+import{forwardRef}from'react';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useComputedRel,useComputedLinkProps}from'./hooks.mjs';import{SIZES,SIZES_ROUND,SIZES_TEXT,SIZES_ICON}from'./sizes.mjs';import{SIZES_DEFAULT,SIZES_ROUND_DEFAULT,PROPS_BY_SIZE,SIZES_TEXT_DEFAULT}from'./sizes-default.mjs';import{Root,ContentWithStatus,IconAnimation,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{Icon}from'../Icon/Icon.mjs';import{CheckFill}from'../../icon-pack/src/icons/CheckFill/index.mjs';import{LoaderFill}from'../../icon-pack/src/icons/LoaderFill/index.mjs';const COMPONENT_NAME='Button';const Button=withMergedProps(forwardRef(((e,s)=>{let{size:o="m",inline:t=!0,rounded:n=!0,color:r="accent",fontColor:i="white",showContentOnStatus:c,textProps:a={},iconProps:m={},as:l,sizeXXS:p,sizeXS:d,sizeS:S,sizeM:u,sizeL:f,sizeXL:E,className:h,children:I,content:j,fontWeight:_,icon:x,innerRef:C,...T}=e;const z=useTheme();T.preset!=='default'||typeof o!='string'||T.round||(T={...PROPS_BY_SIZE[o]??{},...T}),T.href&&(l='a'),T.to&&(l=z.link),T.disabled&&(l='button'),T.primary&&(r='primary'),T.secondary&&(r='atlantis');const N=useClassname("Button",h);const Z=useClassname("Button");const y=useComputedRel(z,T);const L=useComputedLinkProps(l,T);let[P,g]=Array.isArray(x)?x:[x];const F={size:o,sizeXXS:p,sizeXS:d,sizeS:S,sizeM:u,sizeL:f,sizeXL:E};const O={...F,as:'span',color:'inherit',weight:_??(T.preset==='brand'?800:600),lineHeight:T.preset==='brand'?1.2:1,sizes:T.preset==='brand'?SIZES_TEXT:SIZES_TEXT_DEFAULT};const R={...F,color:'inherit',preset:T.preset,sizes:SIZES_ICON};const A=T.preset==='brand'&&T.success;const X=T.preset==='brand'&&T.loading;const D=typeof I!='function'&&(I||j)?jsx(Text,{className:`${Z}__content`,...O,...a,children:I||j}):null;return jsx(Root,{...T,...L,...F,inline:t,color:r,fontColor:i,rounded:n,rel:y,as:l,className:N,ref:s??C,children:typeof I=='function'?I({textProps:O,iconProps:R}):jsxs(Fragment,{children:[A||X?jsxs(ContentWithStatus,{children:[A?jsx(Icon,{...R,...m,icon:jsx(CheckFill,{})}):jsx(IconAnimation,{children:jsx(Icon,{...R,...m,icon:jsx(LoaderFill,{})})}),c?D:null]}):null,jsxs(Content,{"aria-hidden":A||X,children:[P?jsx(Icon,{className:"icon",name:typeof P=='string'?P:void 0,icon:typeof P!='string'?P:void 0,...R,...m}):null,D,g?jsx(Icon,{className:"icon",name:typeof g=='string'?g:void 0,icon:typeof g!='string'?g:void 0,...R,...m}):null]})]})})})),{displayName:"Button",sizes:e=>{let s=e.preset==='brand'?SIZES:SIZES_DEFAULT;return e.round&&(s=e.preset==='brand'?SIZES_ROUND:SIZES_ROUND_DEFAULT),s}});export{Button,COMPONENT_NAME,SIZES,SIZES_ROUND};
 //# sourceMappingURL=Button.mjs.map

package/components/Button/Button.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Button.mjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\nimport { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckFill, LoaderFill } from '@foxford/icon-pack'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } 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_ICON, SIZES_TEXT } from './sizes'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE, SIZES_TEXT_DEFAULT } from './sizes-default'\nimport type { ButtonProps, Size } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ButtonProps>>((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      showContentOnStatus,\n      textProps: textPropsProp = {},\n      iconProps: iconPropsProp = {},\n      as: _as,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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 as Size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = theme.link\n    if (restProps.disabled) _as = 'button'\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    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      sizes: restProps.preset === 'brand' ? SIZES_TEXT : SIZES_TEXT_DEFAULT,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      color: 'inherit',\n      preset: restProps.preset,\n      sizes: SIZES_ICON,\n    }\n\n    const success = restProps.preset === 'brand' && restProps.success\n    const loading = restProps.preset === 'brand' && restProps.loading\n\n    const mainContent =\n      typeof children !== 'function' && (children || content) ? (\n        <Text className={`${textClassName}__content`} {...textProps} {...textPropsProp}>\n          {children || content}\n        </Text>\n      ) : null\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        {...sizeProps}\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({ textProps, iconProps })\n        ) : (\n          <>\n            {success || loading ? (\n              <Styled.ContentWithStatus>\n                {success ? (\n                  <Icon {...iconProps} {...iconPropsProp} icon={<CheckFill />} />\n                ) : (\n                  <Styled.IconAnimation>\n                    <Icon {...iconProps} {...iconPropsProp} icon={<LoaderFill />} />\n                  </Styled.IconAnimation>\n                )}\n                {showContentOnStatus ? mainContent : null}\n              </Styled.ContentWithStatus>\n            ) : null}\n            <Styled.Content aria-hidden={success || loading}>\n              {before ? (\n                <Icon\n                  className='icon'\n                  name={typeof before === 'string' ? before : undefined}\n                  icon={typeof before !== 'string' ? before : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n              {mainContent}\n              {after ? (\n                <Icon\n                  className='icon'\n                  name={typeof after === 'string' ? after : undefined}\n                  icon={typeof after !== 'string' ? after : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n            </Styled.Content>\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, SIZES, SIZES_ROUND }\n\nexport type { ButtonProps }\n"],"names":["COMPONENT_NAME","Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","showContentOnStatus","textProps","textPropsProp","iconProps","iconPropsProp","as","_as","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","link","disabled","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","sizeProps","weight","lineHeight","sizes","SIZES_TEXT","SIZES_TEXT_DEFAULT","SIZES_ICON","success","loading","mainContent","_jsx","Text","Styled","_jsxs","_Fragment","Icon","CheckFill","LoaderFill","name","undefined","displayName","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"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"}
+{"version":3,"file":"Button.mjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable prefer-const */\nimport { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckFill, LoaderFill } from '@foxford/icon-pack'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } 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_ICON, SIZES_TEXT } from './sizes'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE, SIZES_TEXT_DEFAULT } from './sizes-default'\nimport type { ButtonProps, Size } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ButtonProps>>((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      showContentOnStatus,\n      textProps: textPropsProp = {},\n      iconProps: iconPropsProp = {},\n      as: _as,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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 as Size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = theme.link\n    if (restProps.disabled) _as = 'button'\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    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      sizes: restProps.preset === 'brand' ? SIZES_TEXT : SIZES_TEXT_DEFAULT,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      color: 'inherit',\n      preset: restProps.preset,\n      sizes: SIZES_ICON,\n    }\n\n    const success = restProps.preset === 'brand' && restProps.success\n    const loading = restProps.preset === 'brand' && restProps.loading\n\n    const mainContent =\n      typeof children !== 'function' && (children || content) ? (\n        <Text className={`${textClassName}__content`} {...textProps} {...textPropsProp}>\n          {children || content}\n        </Text>\n      ) : null\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        {...sizeProps}\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({ textProps, iconProps })\n        ) : (\n          <>\n            {success || loading ? (\n              <Styled.ContentWithStatus>\n                {success ? (\n                  <Icon {...iconProps} {...iconPropsProp} icon={<CheckFill />} />\n                ) : (\n                  <Styled.IconAnimation>\n                    <Icon {...iconProps} {...iconPropsProp} icon={<LoaderFill />} />\n                  </Styled.IconAnimation>\n                )}\n                {showContentOnStatus ? mainContent : null}\n              </Styled.ContentWithStatus>\n            ) : null}\n            <Styled.Content aria-hidden={success || loading}>\n              {before ? (\n                <Icon\n                  className='icon'\n                  name={typeof before === 'string' ? before : undefined}\n                  icon={typeof before !== 'string' ? before : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n              {mainContent}\n              {after ? (\n                <Icon\n                  className='icon'\n                  name={typeof after === 'string' ? after : undefined}\n                  icon={typeof after !== 'string' ? after : undefined}\n                  {...iconProps}\n                  {...iconPropsProp}\n                />\n              ) : null}\n            </Styled.Content>\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, SIZES, SIZES_ROUND }\n\nexport type { ButtonProps }\n"],"names":["COMPONENT_NAME","Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","showContentOnStatus","textProps","textPropsProp","iconProps","iconPropsProp","as","_as","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","link","disabled","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","sizeProps","weight","lineHeight","sizes","SIZES_TEXT","SIZES_TEXT_DEFAULT","SIZES_ICON","success","loading","mainContent","_jsx","Text","Styled","_jsxs","_Fragment","Icon","CheckFill","LoaderFill","name","undefined","displayName","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"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"}