@foxford/ui 2.102.0 → 2.103.0-beta-bdca95a-20260331

package/components/ArrowBadge/ArrowBadge.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ArrowBadge.mjs","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<ArrowBadgeProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} left={left} right={right} fancy={fancy} ref={ref}>\n        <Styled.Edge left={left} fancy={fancy} />\n        <Styled.Content>\n          {typeof children === 'function' ? (\n            children({ baseTextProps, textProps })\n          ) : (\n            <Text {...baseTextProps} {...textProps}>\n              {children}\n            </Text>\n          )}\n        </Styled.Content>\n        <Styled.Edge right={right} fancy={fancy} after />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","baseTextProps","as","color","_jsxs","Styled","_jsx","Text","after","displayName","sizes","SIZES"],"mappings":"mPASA,MAAMA,eAAiB,aAYvB,MAAMC,WAA+DC,gBACnEC,YAAyD,CAACC,EAAOC,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,KAAUC,GAAcR,EAEnF,MAAMS,EAA2B,CAAEC,GAAI,MAAOR,KAAM,UAAWS,MAAO,WAEtE,OACEC,KAACC,KAAW,IAAKL,EAAWN,KAAMA,EAAMG,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAON,IAAKA,EAAIG,SAAA,CACvFU,IAACD,KAAW,CAACR,KAAMA,EAAME,MAAOA,IAChCO,IAACD,QAAc,CAAAT,gBACLA,GAAa,WACnBA,EAAS,CAAEK,gBAAeN,cAE1BW,IAACC,KAAI,IAAKN,KAAmBN,EAASC,SACnCA,MAIPU,IAACD,KAAW,CAACP,MAAOA,EAAOC,MAAOA,EAAOS,OAAK,MAClC,IAGlB,CACEC,YAnCmB,aAoCnBC,MAAOC"}
+{"version":3,"file":"ArrowBadge.mjs","sources":["../../../../src/components/ArrowBadge/ArrowBadge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport * as Styled from './style'\nimport type { ArrowBadgeProps } from './types'\nimport { SIZES } from './constants'\n\nconst COMPONENT_NAME = 'ArrowBadge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ArrowBadgeProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/ArrowBadge/types.ts)\n */\nconst ArrowBadge: React.ForwardRefExoticComponent<ArrowBadgeProps> = withMergedProps<ArrowBadgeProps, HTMLDivElement>(\n  forwardRef<HTMLDivElement, MergedProps<ArrowBadgeProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, left, right, fancy, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'div', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} left={left} right={right} fancy={fancy} ref={ref}>\n        <Styled.Edge left={left} fancy={fancy} />\n        <Styled.Content>\n          {typeof children === 'function' ? (\n            children({ baseTextProps, textProps })\n          ) : (\n            <Text {...baseTextProps} {...textProps}>\n              {children}\n            </Text>\n          )}\n        </Styled.Content>\n        <Styled.Edge right={right} fancy={fancy} after />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { ArrowBadge, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","ArrowBadge","withMergedProps","forwardRef","props","ref","size","textProps","children","left","right","fancy","restProps","baseTextProps","as","color","_jsxs","Styled","_jsx","Text","after","displayName","sizes","SIZES"],"mappings":"mPASA,MAAMA,eAAiB,aAYvB,MAAMC,WAA+DC,gBACnEC,WAAyD,CAACC,EAAOC,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,KAAEA,EAAIC,MAAEA,EAAKC,MAAEA,KAAUC,GAAcR,EAEnF,MAAMS,EAA2B,CAAEC,GAAI,MAAOR,KAAM,UAAWS,MAAO,WAEtE,OACEC,KAACC,KAAW,IAAKL,EAAWN,KAAMA,EAAMG,KAAMA,EAAMC,MAAOA,EAAOC,MAAOA,EAAON,IAAKA,EAAIG,SAAA,CACvFU,IAACD,KAAW,CAACR,KAAMA,EAAME,MAAOA,IAChCO,IAACD,QAAc,CAAAT,gBACLA,GAAa,WACnBA,EAAS,CAAEK,gBAAeN,cAE1BW,IAACC,KAAI,IAAKN,KAAmBN,EAASC,SACnCA,MAIPU,IAACD,KAAW,CAACP,MAAOA,EAAOC,MAAOA,EAAOS,OAAK,SAIpD,CACEC,YAnCmB,aAoCnBC,MAAOC"}

package/components/ArrowBadge/images/arrow.svg.js

@@ -1,2 +1,2 @@
-'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 20 18 0h2v40h-2z"})));
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 20 18 0h2v40h-2z"})));
 //# sourceMappingURL=arrow.svg.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"arrow.svg.js","sources":["../../../../../src/components/ArrowBadge/images/arrow.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 SvgArrow = 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 20 18 0h2v40h-2z\"\n})));\nexport default SvgArrow;"],"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,iBAElQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}
+{"version":3,"file":"arrow.svg.js","sources":["../../../../../src/components/ArrowBadge/images/arrow.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 SvgArrow = 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 20 18 0h2v40h-2z\"\n})));\nexport default SvgArrow;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"mZAAA,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,iBAElQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

package/components/ArrowBadge/images/fancy.svg.js

@@ -1,2 +1,2 @@
-'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M2 0h26v40H2l18-20z"})));
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M2 0h26v40H2l18-20z"})));
 //# sourceMappingURL=fancy.svg.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fancy.svg.js","sources":["../../../../../src/components/ArrowBadge/images/fancy.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 SvgFancy = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 28 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M2 0h26v40H2l18-20z\"\n})));\nexport default SvgFancy;"],"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,iBAElQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}
+{"version":3,"file":"fancy.svg.js","sources":["../../../../../src/components/ArrowBadge/images/fancy.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 SvgFancy = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  viewBox: \"0 0 28 40\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  fill: \"currentColor\",\n  d: \"M2 0h26v40H2l18-20z\"\n})));\nexport default SvgFancy;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"mZAAA,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,iBAElQO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACzEgB,MAAO,6BACPC,QAAS,aACRJ,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEG,KAAM,eACNC,EAAG"}

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

@@ -1,2 +1,2 @@
-'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path||(_path=React__namespace.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));
 //# sourceMappingURL=rectangle.svg.js.map

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,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"}
+{"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":"mZAAA,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/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');var color=require('../../mixins/color.js');var focus=require('../../mixins/focus.js');var arrow=require('./images/arrow.svg.js');var rectangle=require('./images/rectangle.svg.js');var fancy=require('./images/fancy.svg.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardArrowBadgeProp=style.createShouldForwardProp((e=>!['left','right','fancy'].includes(e)));const Content=styled__default.default.div.withConfig({displayName:"ArrowBadge__Content",componentId:"ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);const Edge=styled__default.default.svg.withConfig({shouldForwardProp:()=>!1}).attrs((e=>{let r=rectangle.default;return e.fancy&&(r=fancy.default),(e.left||e.right)&&(r=arrow.default),{as:r}})).withConfig({displayName:"ArrowBadge__Edge",componentId:"ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(e=>e.after&&'transform: rotate(180deg);'));const template=e=>`\n  & > ${Content} {\n    color: ${e.color};\n    background-color: ${e.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${e.backgroundColor};\n  }\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-primary-200'],...e.palette}))),secondary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-secondary-200'],...e.palette}))),tertiary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-tertiary-200'],...e.palette}))),quaternary:styled.css(["",""],(e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-quaternary-200'],...e.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).attrs({dynamicSizeDeclaration:(e,r)=>({height:'1.8em',fontSize:typeof e=='string'?e:`${e}${r}`})}).withConfig({displayName:"ArrowBadge__Root",componentId:"ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(e=>{let r=0;let o=0;return(e.fancy||e.right)&&(r=.4),(e.fancy||e.left)&&(o=.4),`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${r}em;\n        padding-left: ${o}em;\n      }\n    `}),(e=>e.quaternary?COLOR_SCHEMA.quaternary:e.tertiary?COLOR_SCHEMA.tertiary:e.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(e=>e.color&&`& > ${Content} {\n       color: ${color.getColor(e.color,e)};\n     }`),(e=>e.backgroundColor&&`& > ${Content} {\n       background-color: ${color.getColor(e.backgroundColor,e)};\n     }\n     & > ${Edge} {\n       color: ${color.getColor(e.backgroundColor,e)};\n     }`));exports.Content=Content,exports.Edge=Edge,exports.Root=Root;
+'use strict';var styled=require('styled-components');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');var color=require('../../mixins/color.js');var focus=require('../../mixins/focus.js');var arrow=require('./images/arrow.svg.js');var rectangle=require('./images/rectangle.svg.js');var fancy=require('./images/fancy.svg.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardArrowBadgeProp=style.createShouldForwardProp(e=>!['left','right','fancy'].includes(e));const Content=styled__default.default.div.withConfig({displayName:"ArrowBadge__Content",componentId:"ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);const Edge=styled__default.default.svg.withConfig({shouldForwardProp:()=>!1}).attrs(e=>{let r=rectangle.default;return e.fancy&&(r=fancy.default),(e.left||e.right)&&(r=arrow.default),{as:r}}).withConfig({displayName:"ArrowBadge__Edge",componentId:"ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],e=>e.after&&'transform: rotate(180deg);');const template=e=>`\n  & > ${Content} {\n    color: ${e.color};\n    background-color: ${e.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${e.backgroundColor};\n  }\n`;const COLOR_SCHEMA={primary:styled.css(["",""],e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-primary-200'],...e.palette})),secondary:styled.css(["",""],e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-secondary-200'],...e.palette})),tertiary:styled.css(["",""],e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-tertiary-200'],...e.palette})),quaternary:styled.css(["",""],e=>template({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-brand-quaternary-200'],...e.palette}))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).attrs({dynamicSizeDeclaration:(e,r)=>({height:'1.8em',fontSize:typeof e=='string'?e:`${e}${r}`})}).withConfig({displayName:"ArrowBadge__Root",componentId:"ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],e=>{let r=0;let o=0;return(e.fancy||e.right)&&(r=.4),(e.fancy||e.left)&&(o=.4),`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${r}em;\n        padding-left: ${o}em;\n      }\n    `},e=>e.quaternary?COLOR_SCHEMA.quaternary:e.tertiary?COLOR_SCHEMA.tertiary:e.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary,focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,e=>e.color&&`& > ${Content} {\n       color: ${color.getColor(e.color,e)};\n     }`,e=>e.backgroundColor&&`& > ${Content} {\n       background-color: ${color.getColor(e.backgroundColor,e)};\n     }\n     & > ${Edge} {\n       color: ${color.getColor(e.backgroundColor,e)};\n     }`);exports.Content=Content,exports.Edge=Edge,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/ArrowBadge/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/ArrowBadge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { 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"}
+{"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,wBAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,UAEjGE,QAAUC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,6EAQ1B,MAAMK,KAAOL,gBAAAA,QAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,MAAOC,IACN,IAAIC,EAAQC,UAAAA,QAKZ,OAHIF,EAAMG,QAAOF,EAAQG,MAAAA,UACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,MAAAA,SAEhC,CAAEC,GAAIP,KACbR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,IAGCS,GAAUA,EAAMS,OAAS,8BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAAA,IAAG,CAAA,GAAA,IACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,WAGfQ,UAAWH,OAAAA,IAAG,CAAA,GAAA,IACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,WAGfS,SAAUJ,OAAAA,IAAG,CAAA,GAAA,IACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,WAGfU,WAAYL,OAAAA,IAAG,CAAA,GAAA,IACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,YAKV,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,IACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,uBAKnB7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,QAGpBe,MAAAA,MACAC,eAAAA,eACAC,kCAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,eAASjC,EAAMY,MAAOZ,cAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,eAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,eAASjC,EAAMa,gBAAiBb"}

package/components/ArrowBadge/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import SvgArrow from'./images/arrow.svg.mjs';import SvgRectangle from'./images/rectangle.svg.mjs';import SvgFancy from'./images/fancy.svg.mjs';const shouldForwardArrowBadgeProp=createShouldForwardProp((o=>!['left','right','fancy'].includes(o)));const Content=styled.div.withConfig({displayName:"ArrowBadge__Content",componentId:"ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);const Edge=styled.svg.withConfig({shouldForwardProp:()=>!1}).attrs((o=>{let r=SvgRectangle;return o.fancy&&(r=SvgFancy),(o.left||o.right)&&(r=SvgArrow),{as:r}})).withConfig({displayName:"ArrowBadge__Edge",componentId:"ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],(o=>o.after&&'transform: rotate(180deg);'));const template=o=>`\n  & > ${Content} {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-200'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-200'],...o.palette}))),tertiary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-200'],...o.palette}))),quaternary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-200'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'1.8em',fontSize:typeof o=='string'?o:`${o}${r}`})}).withConfig({displayName:"ArrowBadge__Root",componentId:"ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],(o=>{let r=0;let e=0;return(o.fancy||o.right)&&(r=.4),(o.fancy||o.left)&&(e=.4),`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${r}em;\n        padding-left: ${e}em;\n      }\n    `}),(o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus,responsiveSize,responsiveMargin,(o=>o.color&&`& > ${Content} {\n       color: ${getColor(o.color,o)};\n     }`),(o=>o.backgroundColor&&`& > ${Content} {\n       background-color: ${getColor(o.backgroundColor,o)};\n     }\n     & > ${Edge} {\n       color: ${getColor(o.backgroundColor,o)};\n     }`));export{Content,Edge,Root};
+import styled,{css}from'styled-components';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import SvgArrow from'./images/arrow.svg.mjs';import SvgRectangle from'./images/rectangle.svg.mjs';import SvgFancy from'./images/fancy.svg.mjs';const shouldForwardArrowBadgeProp=createShouldForwardProp(o=>!['left','right','fancy'].includes(o));const Content=styled.div.withConfig({displayName:"ArrowBadge__Content",componentId:"ui__sc-gzccd8-0"})(["flex-shrink:0;display:flex;align-items:center;height:100%;margin:0 -1px;"]);const Edge=styled.svg.withConfig({shouldForwardProp:()=>!1}).attrs(o=>{let r=SvgRectangle;return o.fancy&&(r=SvgFancy),(o.left||o.right)&&(r=SvgArrow),{as:r}}).withConfig({displayName:"ArrowBadge__Edge",componentId:"ui__sc-gzccd8-1"})(["flex-shrink:0;height:100%;",""],o=>o.after&&'transform: rotate(180deg);');const template=o=>`\n  & > ${Content} {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n  }\n  & > ${Edge} {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={primary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-200'],...o.palette})),secondary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-200'],...o.palette})),tertiary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-200'],...o.palette})),quaternary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-200'],...o.palette}))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardArrowBadgeProp}).attrs({dynamicSizeDeclaration:(o,r)=>({height:'1.8em',fontSize:typeof o=='string'?o:`${o}${r}`})}).withConfig({displayName:"ArrowBadge__Root",componentId:"ui__sc-gzccd8-2"})([""," "," "," "," "," "," ",""],o=>{let r=0;let e=0;return(o.fancy||o.right)&&(r=.4),(o.fancy||o.left)&&(e=.4),`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      width: max-content;\n      flex-shrink: 0;\n      cursor: default;\n      & > ${Content} {\n        padding-right: ${r}em;\n        padding-left: ${e}em;\n      }\n    `},o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary,focus,responsiveSize,responsiveMargin,o=>o.color&&`& > ${Content} {\n       color: ${getColor(o.color,o)};\n     }`,o=>o.backgroundColor&&`& > ${Content} {\n       background-color: ${getColor(o.backgroundColor,o)};\n     }\n     & > ${Edge} {\n       color: ${getColor(o.backgroundColor,o)};\n     }`);export{Content,Edge,Root};
 //# sourceMappingURL=style.mjs.map

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,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"}
+{"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,wBAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,UAEjGE,QAAUC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAAU,CAAA,6EAQ1B,MAAMK,KAAOL,OAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,MAAOC,IACN,IAAIC,EAAQC,aAKZ,OAHIF,EAAMG,QAAOF,EAAQG,WACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,UAEhC,CAAEC,GAAIP,KACbR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,IAGCS,GAAUA,EAAMS,OAAS,8BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,IACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,WAGfQ,UAAWH,IAAG,CAAA,GAAA,IACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,WAGfS,SAAUJ,IAAG,CAAA,GAAA,IACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,WAGfU,WAAYL,IAAG,CAAA,GAAA,IACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,YAKV,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,IACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,uBAKnB7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,QAGpBe,MACAC,eACAC,iBAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,SAASjC,EAAMY,MAAOZ,cAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,SAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,SAASjC,EAAMa,gBAAiBb"}

package/components/AspectRatio/AspectRatio.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');exports.AspectRatio=React.forwardRef(((e,r)=>{const{ratio:t="1:1",children:s,...i}=e;return jsxRuntime.jsxs(style.Root,{...i,ref:r,children:[jsxRuntime.jsx(style.Placeholder,{ratio:t}),s]})}));
+'use strict';var React=require('react');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');exports.AspectRatio=React.forwardRef((e,r)=>{const{ratio:t="1:1",children:s,...i}=e;return jsxRuntime.jsxs(style.Root,{...i,ref:r,children:[jsxRuntime.jsx(style.Placeholder,{ratio:t}),s]})});
 //# sourceMappingURL=AspectRatio.js.map

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"],"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"}
+{"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,WACrE,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"}

package/components/AspectRatio/AspectRatio.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{Root,Placeholder}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const AspectRatio=forwardRef(((r,o)=>{const{ratio:t="1:1",children:e,...s}=r;return jsxs(Root,{...s,ref:o,children:[jsx(Placeholder,{ratio:t}),e]})}));export{AspectRatio};
+import{forwardRef}from'react';import{Root,Placeholder}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const AspectRatio=forwardRef((r,o)=>{const{ratio:t="1:1",children:e,...s}=r;return jsxs(Root,{...s,ref:o,children:[jsx(Placeholder,{ratio:t}),e]})});export{AspectRatio};
 //# sourceMappingURL=AspectRatio.mjs.map

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":"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"}
+{"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,WACrE,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"}

package/components/AspectRatio/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var utils=require('./utils.js');function _interopDefault(t){return t&&t.__esModule?t:{default:t}}var styled__default=_interopDefault(styled);const Placeholder=styled__default.default.svg.withConfig({shouldForwardProp:t=>!['ratio'].includes(t)}).attrs((t=>({xmlns:'http://www.w3.org/2000/svg',viewBox:utils.getViewBoxFromAspectRatio(t.ratio)}))).withConfig({displayName:"AspectRatio__Placeholder",componentId:"ui__sc-1w8jdyj-0"})(["box-sizing:border-box;display:block;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:t=>!['width','height'].includes(t)}).withConfig({displayName:"AspectRatio__Root",componentId:"ui__sc-1w8jdyj-1"})(["box-sizing:border-box;position:relative;"," & > :not(","){position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;box-sizing:border-box !important;}"],(t=>`\n    width: ${typeof t.width=='number'?`${t.width}px`:typeof t.width=='string'?t.width:'min-content'};\n    height: ${typeof t.height=='number'?`${t.height}px`:typeof t.height=='string'?t.height:'min-content'};\n\n    & > ${Placeholder} {\n      width: ${typeof t.width=='number'||typeof t.width=='string'?'100%':'auto'};\n      height: ${typeof t.height=='number'||typeof t.height=='string'?'100%':'auto'}\n    }\n  `),Placeholder);exports.Placeholder=Placeholder,exports.Root=Root;
+'use strict';var styled=require('styled-components');var utils=require('./utils.js');function _interopDefault(t){return t&&t.__esModule?t:{default:t}}var styled__default=_interopDefault(styled);const Placeholder=styled__default.default.svg.withConfig({shouldForwardProp:t=>!['ratio'].includes(t)}).attrs(t=>({xmlns:'http://www.w3.org/2000/svg',viewBox:utils.getViewBoxFromAspectRatio(t.ratio)})).withConfig({displayName:"AspectRatio__Placeholder",componentId:"ui__sc-1w8jdyj-0"})(["box-sizing:border-box;display:block;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:t=>!['width','height'].includes(t)}).withConfig({displayName:"AspectRatio__Root",componentId:"ui__sc-1w8jdyj-1"})(["box-sizing:border-box;position:relative;"," & > :not(","){position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;box-sizing:border-box !important;}"],t=>`\n    width: ${typeof t.width=='number'?`${t.width}px`:typeof t.width=='string'?t.width:'min-content'};\n    height: ${typeof t.height=='number'?`${t.height}px`:typeof t.height=='string'?t.height:'min-content'};\n\n    & > ${Placeholder} {\n      width: ${typeof t.width=='number'||typeof t.width=='string'?'100%':'auto'};\n      height: ${typeof t.height=='number'||typeof t.height=='string'?'100%':'auto'}\n    }\n  `,Placeholder);exports.Placeholder=Placeholder,exports.Root=Root;
 //# sourceMappingURL=style.js.map

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,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"}
+{"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,MAA+BC,IAAK,CACnCC,MAAO,6BACPC,QAASC,MAAAA,0BAA0BH,EAAMI,UACxCT,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,qJAIGO,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,oBAInFlB"}

package/components/AspectRatio/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import{getViewBoxFromAspectRatio}from'./utils.mjs';const Placeholder=styled.svg.withConfig({shouldForwardProp:t=>!['ratio'].includes(t)}).attrs((t=>({xmlns:'http://www.w3.org/2000/svg',viewBox:getViewBoxFromAspectRatio(t.ratio)}))).withConfig({displayName:"AspectRatio__Placeholder",componentId:"ui__sc-1w8jdyj-0"})(["box-sizing:border-box;display:block;"]);const Root=styled.div.withConfig({shouldForwardProp:t=>!['width','height'].includes(t)}).withConfig({displayName:"AspectRatio__Root",componentId:"ui__sc-1w8jdyj-1"})(["box-sizing:border-box;position:relative;"," & > :not(","){position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;box-sizing:border-box !important;}"],(t=>`\n    width: ${typeof t.width=='number'?`${t.width}px`:typeof t.width=='string'?t.width:'min-content'};\n    height: ${typeof t.height=='number'?`${t.height}px`:typeof t.height=='string'?t.height:'min-content'};\n\n    & > ${Placeholder} {\n      width: ${typeof t.width=='number'||typeof t.width=='string'?'100%':'auto'};\n      height: ${typeof t.height=='number'||typeof t.height=='string'?'100%':'auto'}\n    }\n  `),Placeholder);export{Placeholder,Root};
+import styled from'styled-components';import{getViewBoxFromAspectRatio}from'./utils.mjs';const Placeholder=styled.svg.withConfig({shouldForwardProp:t=>!['ratio'].includes(t)}).attrs(t=>({xmlns:'http://www.w3.org/2000/svg',viewBox:getViewBoxFromAspectRatio(t.ratio)})).withConfig({displayName:"AspectRatio__Placeholder",componentId:"ui__sc-1w8jdyj-0"})(["box-sizing:border-box;display:block;"]);const Root=styled.div.withConfig({shouldForwardProp:t=>!['width','height'].includes(t)}).withConfig({displayName:"AspectRatio__Root",componentId:"ui__sc-1w8jdyj-1"})(["box-sizing:border-box;position:relative;"," & > :not(","){position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important;box-sizing:border-box !important;}"],t=>`\n    width: ${typeof t.width=='number'?`${t.width}px`:typeof t.width=='string'?t.width:'min-content'};\n    height: ${typeof t.height=='number'?`${t.height}px`:typeof t.height=='string'?t.height:'min-content'};\n\n    & > ${Placeholder} {\n      width: ${typeof t.width=='number'||typeof t.width=='string'?'100%':'auto'};\n      height: ${typeof t.height=='number'||typeof t.height=='string'?'100%':'auto'}\n    }\n  `,Placeholder);export{Placeholder,Root};
 //# sourceMappingURL=style.mjs.map

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,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"}
+{"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,MAA+BC,IAAK,CACnCC,MAAO,6BACPC,QAASC,0BAA0BH,EAAMI,UACxCT,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,qJAIGO,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,oBAInFlB"}

package/components/Avatar/Avatar.js

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

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 type { AvatarProps } from './types'\nimport * as Styled from './style'\nimport { SIZES, SIZES_DEFAULT, SIZES_MAPPING_RULES, SIZES_SQUARE } from './sizes'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения сущности с помощью изображения, инициалов или другого текста.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\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":"qUAoBA,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,MAAAA,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,YA5CmB,SA6CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,MAAAA,aAAeC,MAAAA,MAGhCC,MAAAA"}
+{"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 type { AvatarProps } from './types'\nimport * as Styled from './style'\nimport { SIZES, SIZES_DEFAULT, SIZES_MAPPING_RULES, SIZES_SQUARE } from './sizes'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения сущности с помощью изображения, инициалов или другого текста.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\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"],"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":"qUAoBA,MAAMA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,WAAsD,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,MAAAA,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,WAO1D,CACEC,YA5CmB,SA6CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,MAAAA,aAAeC,MAAAA,MAGhCC,MAAAA"}

package/components/Avatar/Avatar.mjs

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

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 type { AvatarProps } from './types'\nimport * as Styled from './style'\nimport { SIZES, SIZES_DEFAULT, SIZES_MAPPING_RULES, SIZES_SQUARE } from './sizes'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения сущности с помощью изображения, инициалов или другого текста.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\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":"sWAoBA,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,YA5CmB,SA6CnBC,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 type { AvatarProps } from './types'\nimport * as Styled from './style'\nimport { SIZES, SIZES_DEFAULT, SIZES_MAPPING_RULES, SIZES_SQUARE } from './sizes'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения сущности с помощью изображения, инициалов или другого текста.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\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"],"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":"sWAoBA,MAAMA,OAAuDC,gBAC3DC,WAAsD,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,WAO1D,CACEC,YA5CmB,SA6CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,aAAeC,MAGhCC"}

package/components/Avatar/sizes.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:11,borderRadius:'50%'},xs:{width:28,height:28,fontSize:12,borderRadius:'50%'},xxs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxxs:{width:18,height:18,fontSize:7,borderRadius:'50%'}},exports.SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}},exports.SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'},exports.SIZES_SQUARE={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:28,height:28,fontSize:11,borderRadius:6},xxs:{width:24,height:24,fontSize:10,borderRadius:5},xxxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxxs:{width:18,height:18,fontSize:7,borderRadius:3}};
+'use strict';const SIZES_BASE={xxxl:{'--avatar-height':'120px',width:120,height:'var(--avatar-height)',fontSize:36},xxl:{'--avatar-height':'68px',width:68,height:'var(--avatar-height)',fontSize:24},xl:{'--avatar-height':'52px',width:52,height:'var(--avatar-height)',fontSize:18},l:{'--avatar-height':'48px',width:48,height:'var(--avatar-height)',fontSize:16},m:{'--avatar-height':'40px',width:40,height:'var(--avatar-height)',fontSize:14},s:{'--avatar-height':'32px',width:32,height:'var(--avatar-height)',fontSize:12},xs:{'--avatar-height':'28px',width:28,height:'var(--avatar-height)',fontSize:12},xxs:{'--avatar-height':'24px',width:24,height:'var(--avatar-height)',fontSize:10},xxxs:{'--avatar-height':'20px',width:20,height:'var(--avatar-height)',fontSize:8},xxxxs:{'--avatar-height':'18px',width:18,height:'var(--avatar-height)',fontSize:7}};const SIZES={xxxl:{...SIZES_BASE.xxxl,borderRadius:'50%'},xxl:{...SIZES_BASE.xxl,borderRadius:'50%'},xl:{...SIZES_BASE.xl,borderRadius:'50%'},l:{...SIZES_BASE.l,borderRadius:'50%'},m:{...SIZES_BASE.m,borderRadius:'50%'},s:{...SIZES_BASE.s,borderRadius:'50%'},xs:{...SIZES_BASE.xs,borderRadius:'50%'},xxs:{...SIZES_BASE.xxs,borderRadius:'50%'},xxxs:{...SIZES_BASE.xxxs,borderRadius:'50%'},xxxxs:{...SIZES_BASE.xxxxs,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{...SIZES_BASE.xxxl,borderRadius:"calc(var(--avatar-height) * 0.2)"},xxl:{...SIZES_BASE.xxl,borderRadius:"calc(var(--avatar-height) * 0.2)"},xl:{...SIZES_BASE.xl,borderRadius:"calc(var(--avatar-height) * 0.2)"},l:{...SIZES_BASE.l,borderRadius:"calc(var(--avatar-height) * 0.2)"},m:{...SIZES_BASE.m,borderRadius:"calc(var(--avatar-height) * 0.2)"},s:{...SIZES_BASE.s,borderRadius:"calc(var(--avatar-height) * 0.2)"},xs:{...SIZES_BASE.xs,borderRadius:"calc(var(--avatar-height) * 0.2)"},xxs:{...SIZES_BASE.xxs,borderRadius:"calc(var(--avatar-height) * 0.2)"},xxxs:{...SIZES_BASE.xxxs,borderRadius:"calc(var(--avatar-height) * 0.2)"},xxxxs:{...SIZES_BASE.xxxxs,borderRadius:"calc(var(--avatar-height) * 0.2)"}};exports.SIZES=SIZES,exports.SIZES_BASE=SIZES_BASE,exports.SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}},exports.SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'},exports.SIZES_SQUARE=SIZES_SQUARE;
 //# sourceMappingURL=sizes.js.map

package/components/Avatar/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","sources":["../../../../src/components/Avatar/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 52,\n    height: 52,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 16,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 40,\n    height: 40,\n    fontSize: 14,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 32,\n    height: 32,\n    fontSize: 11,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 28,\n    height: 28,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 18,\n    height: 18,\n    fontSize: 7,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: 24,\n  },\n  xxl: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: 14,\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n    borderRadius: 11,\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 16,\n    borderRadius: 10,\n  },\n  m: {\n    width: 40,\n    height: 40,\n    fontSize: 14,\n    borderRadius: 8,\n  },\n  s: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: 7,\n  },\n  xs: {\n    width: 28,\n    height: 28,\n    fontSize: 11,\n    borderRadius: 6,\n  },\n  xxs: {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: 5,\n  },\n  xxxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: 4,\n  },\n  xxxxs: {\n    width: 18,\n    height: 18,\n    fontSize: 7,\n    borderRadius: 3,\n  },\n}\n"],"names":["xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","xxxxs","sm"],"mappings":"2BAoEkD,CAChDA,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,OAEhBS,MAAO,CACLZ,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,8BA1HwC,CACxDJ,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBS,MAAO,CACLZ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,oCA7DuC,CAAEG,EAAG,KAAMC,EAAG,IAAKM,GAAI,0BAgIvB,CACvDd,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,IAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,GAEhBS,MAAO,CACLZ,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc"}
+{"version":3,"file":"sizes.js","sources":["../../../../src/components/Avatar/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 52,\n    height: 52,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_BASE: Record<Size, CSSProperties> = {\n  xxxl: {\n    '--avatar-height': '120px',\n    width: 120,\n    height: 'var(--avatar-height)',\n    fontSize: 36,\n  },\n  xxl: {\n    '--avatar-height': '68px',\n    width: 68,\n    height: 'var(--avatar-height)',\n    fontSize: 24,\n  },\n  xl: {\n    '--avatar-height': '52px',\n    width: 52,\n    height: 'var(--avatar-height)',\n    fontSize: 18,\n  },\n  l: {\n    '--avatar-height': '48px',\n    width: 48,\n    height: 'var(--avatar-height)',\n    fontSize: 16,\n  },\n  m: {\n    '--avatar-height': '40px',\n    width: 40,\n    height: 'var(--avatar-height)',\n    fontSize: 14,\n  },\n  s: {\n    '--avatar-height': '32px',\n    width: 32,\n    height: 'var(--avatar-height)',\n    fontSize: 12,\n  },\n  xs: {\n    '--avatar-height': '28px',\n    width: 28,\n    height: 'var(--avatar-height)',\n    fontSize: 12,\n  },\n  xxs: {\n    '--avatar-height': '24px',\n    width: 24,\n    height: 'var(--avatar-height)',\n    fontSize: 10,\n  },\n  xxxs: {\n    '--avatar-height': '20px',\n    width: 20,\n    height: 'var(--avatar-height)',\n    fontSize: 8,\n  },\n  xxxxs: {\n    '--avatar-height': '18px',\n    width: 18,\n    height: 'var(--avatar-height)',\n    fontSize: 7,\n  },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    ...SIZES_BASE.xxxl,\n    borderRadius: '50%',\n  },\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: '50%',\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: '50%',\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: '50%',\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: '50%',\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: '50%',\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: '50%',\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    ...SIZES_BASE.xxxs,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    ...SIZES_BASE.xxxxs,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    ...SIZES_BASE.xxxl,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xxxs: {\n    ...SIZES_BASE.xxxs,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xxxxs: {\n    ...SIZES_BASE.xxxxs,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n}\n"],"names":["SIZES_BASE","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","xxxxs","SIZES","borderRadius","SIZES_SQUARE","sm"],"mappings":"aAoEO,MAAMA,WAA0C,CACrDC,KAAM,CACJ,kBAAmB,QACnBC,MAAO,IACPC,OAAQ,uBACRC,SAAU,IAEZC,IAAK,CACH,kBAAmB,OACnBH,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZE,GAAI,CACF,kBAAmB,OACnBJ,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZG,EAAG,CACD,kBAAmB,OACnBL,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZI,EAAG,CACD,kBAAmB,OACnBN,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZK,EAAG,CACD,kBAAmB,OACnBP,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZM,GAAI,CACF,kBAAmB,OACnBR,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZO,IAAK,CACH,kBAAmB,OACnBT,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZQ,KAAM,CACJ,kBAAmB,OACnBV,MAAO,GACPC,OAAQ,uBACRC,SAAU,GAEZS,MAAO,CACL,kBAAmB,OACnBX,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAIP,MAAMU,MAAqC,CAChDb,KAAM,IACDD,WAAWC,KACdc,aAAc,OAEhBV,IAAK,IACAL,WAAWK,IACdU,aAAc,OAEhBT,GAAI,IACCN,WAAWM,GACdS,aAAc,OAEhBR,EAAG,IACEP,WAAWO,EACdQ,aAAc,OAEhBP,EAAG,IACER,WAAWQ,EACdO,aAAc,OAEhBN,EAAG,IACET,WAAWS,EACdM,aAAc,OAEhBL,GAAI,IACCV,WAAWU,GACdK,aAAc,OAEhBJ,IAAK,IACAX,WAAWW,IACdI,aAAc,OAEhBH,KAAM,IACDZ,WAAWY,KACdG,aAAc,OAEhBF,MAAO,IACFb,WAAWa,MACdE,aAAc,QAIX,MAAMC,aAA4C,CACvDf,KAAM,IACDD,WAAWC,KACdc,aAAc,oCAEhBV,IAAK,IACAL,WAAWK,IACdU,aAAc,oCAEhBT,GAAI,IACCN,WAAWM,GACdS,aAAc,oCAEhBR,EAAG,IACEP,WAAWO,EACdQ,aAAc,oCAEhBP,EAAG,IACER,WAAWQ,EACdO,aAAc,oCAEhBN,EAAG,IACET,WAAWS,EACdM,aAAc,oCAEhBL,GAAI,IACCV,WAAWU,GACdK,aAAc,oCAEhBJ,IAAK,IACAX,WAAWW,IACdI,aAAc,oCAEhBH,KAAM,IACDZ,WAAWY,KACdG,aAAc,oCAEhBF,MAAO,IACFb,WAAWa,MACdE,aAAc,6GAhNwC,CACxDd,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVW,aAAc,OAEhBV,IAAK,CACHH,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVW,aAAc,OAEhBT,GAAI,CACFJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVW,aAAc,OAEhBR,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBP,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBN,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBL,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBJ,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBH,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBF,MAAO,CACLX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,oCA7DuC,CAAER,EAAG,KAAMC,EAAG,IAAKS,GAAI"}

package/components/Avatar/sizes.mjs

@@ -1,2 +1,2 @@
-const SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'};const SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}};const SIZES={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:11,borderRadius:'50%'},xs:{width:28,height:28,fontSize:12,borderRadius:'50%'},xxs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxxs:{width:18,height:18,fontSize:7,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:28,height:28,fontSize:11,borderRadius:6},xxs:{width:24,height:24,fontSize:10,borderRadius:5},xxxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxxs:{width:18,height:18,fontSize:7,borderRadius:3}};export{SIZES,SIZES_DEFAULT,SIZES_MAPPING_RULES,SIZES_SQUARE};
+const SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'};const SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}};const SIZES_BASE={xxxl:{'--avatar-height':'120px',width:120,height:'var(--avatar-height)',fontSize:36},xxl:{'--avatar-height':'68px',width:68,height:'var(--avatar-height)',fontSize:24},xl:{'--avatar-height':'52px',width:52,height:'var(--avatar-height)',fontSize:18},l:{'--avatar-height':'48px',width:48,height:'var(--avatar-height)',fontSize:16},m:{'--avatar-height':'40px',width:40,height:'var(--avatar-height)',fontSize:14},s:{'--avatar-height':'32px',width:32,height:'var(--avatar-height)',fontSize:12},xs:{'--avatar-height':'28px',width:28,height:'var(--avatar-height)',fontSize:12},xxs:{'--avatar-height':'24px',width:24,height:'var(--avatar-height)',fontSize:10},xxxs:{'--avatar-height':'20px',width:20,height:'var(--avatar-height)',fontSize:8},xxxxs:{'--avatar-height':'18px',width:18,height:'var(--avatar-height)',fontSize:7}};const SIZES={xxxl:{...SIZES_BASE.xxxl,borderRadius:'50%'},xxl:{...SIZES_BASE.xxl,borderRadius:'50%'},xl:{...SIZES_BASE.xl,borderRadius:'50%'},l:{...SIZES_BASE.l,borderRadius:'50%'},m:{...SIZES_BASE.m,borderRadius:'50%'},s:{...SIZES_BASE.s,borderRadius:'50%'},xs:{...SIZES_BASE.xs,borderRadius:'50%'},xxs:{...SIZES_BASE.xxs,borderRadius:'50%'},xxxs:{...SIZES_BASE.xxxs,borderRadius:'50%'},xxxxs:{...SIZES_BASE.xxxxs,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{...SIZES_BASE.xxxl,borderRadius:"calc(var(--avatar-height) * 0.2)"},xxl:{...SIZES_BASE.xxl,borderRadius:"calc(var(--avatar-height) * 0.2)"},xl:{...SIZES_BASE.xl,borderRadius:"calc(var(--avatar-height) * 0.2)"},l:{...SIZES_BASE.l,borderRadius:"calc(var(--avatar-height) * 0.2)"},m:{...SIZES_BASE.m,borderRadius:"calc(var(--avatar-height) * 0.2)"},s:{...SIZES_BASE.s,borderRadius:"calc(var(--avatar-height) * 0.2)"},xs:{...SIZES_BASE.xs,borderRadius:"calc(var(--avatar-height) * 0.2)"},xxs:{...SIZES_BASE.xxs,borderRadius:"calc(var(--avatar-height) * 0.2)"},xxxs:{...SIZES_BASE.xxxs,borderRadius:"calc(var(--avatar-height) * 0.2)"},xxxxs:{...SIZES_BASE.xxxxs,borderRadius:"calc(var(--avatar-height) * 0.2)"}};export{SIZES,SIZES_BASE,SIZES_DEFAULT,SIZES_MAPPING_RULES,SIZES_SQUARE};
 //# sourceMappingURL=sizes.mjs.map

package/components/Avatar/sizes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/Avatar/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 52,\n    height: 52,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 16,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 40,\n    height: 40,\n    fontSize: 14,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 32,\n    height: 32,\n    fontSize: 11,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 28,\n    height: 28,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 18,\n    height: 18,\n    fontSize: 7,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: 24,\n  },\n  xxl: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: 14,\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n    borderRadius: 11,\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 16,\n    borderRadius: 10,\n  },\n  m: {\n    width: 40,\n    height: 40,\n    fontSize: 14,\n    borderRadius: 8,\n  },\n  s: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: 7,\n  },\n  xs: {\n    width: 28,\n    height: 28,\n    fontSize: 11,\n    borderRadius: 6,\n  },\n  xxs: {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: 5,\n  },\n  xxxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: 4,\n  },\n  xxxxs: {\n    width: 18,\n    height: 18,\n    fontSize: 7,\n    borderRadius: 3,\n  },\n}\n"],"names":["SIZES_MAPPING_RULES","l","m","sm","SIZES_DEFAULT","xxxl","width","height","fontSize","borderRadius","xxl","xl","s","xs","xxs","xxxs","xxxxs","SIZES","SIZES_SQUARE"],"mappings":"AAGO,MAAMA,oBAA4C,CAAEC,EAAG,KAAMC,EAAG,IAAKC,GAAI,KAEzE,MAAMC,cAA6C,CACxDC,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,MAAO,CACLV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,QAIX,MAAMQ,MAAqC,CAChDZ,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,OAEhBO,MAAO,CACLV,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,QAIX,MAAMS,aAA4C,CACvDb,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,IAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,GAEhBO,MAAO,CACLV,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc"}
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/Avatar/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 52,\n    height: 52,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_BASE: Record<Size, CSSProperties> = {\n  xxxl: {\n    '--avatar-height': '120px',\n    width: 120,\n    height: 'var(--avatar-height)',\n    fontSize: 36,\n  },\n  xxl: {\n    '--avatar-height': '68px',\n    width: 68,\n    height: 'var(--avatar-height)',\n    fontSize: 24,\n  },\n  xl: {\n    '--avatar-height': '52px',\n    width: 52,\n    height: 'var(--avatar-height)',\n    fontSize: 18,\n  },\n  l: {\n    '--avatar-height': '48px',\n    width: 48,\n    height: 'var(--avatar-height)',\n    fontSize: 16,\n  },\n  m: {\n    '--avatar-height': '40px',\n    width: 40,\n    height: 'var(--avatar-height)',\n    fontSize: 14,\n  },\n  s: {\n    '--avatar-height': '32px',\n    width: 32,\n    height: 'var(--avatar-height)',\n    fontSize: 12,\n  },\n  xs: {\n    '--avatar-height': '28px',\n    width: 28,\n    height: 'var(--avatar-height)',\n    fontSize: 12,\n  },\n  xxs: {\n    '--avatar-height': '24px',\n    width: 24,\n    height: 'var(--avatar-height)',\n    fontSize: 10,\n  },\n  xxxs: {\n    '--avatar-height': '20px',\n    width: 20,\n    height: 'var(--avatar-height)',\n    fontSize: 8,\n  },\n  xxxxs: {\n    '--avatar-height': '18px',\n    width: 18,\n    height: 'var(--avatar-height)',\n    fontSize: 7,\n  },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    ...SIZES_BASE.xxxl,\n    borderRadius: '50%',\n  },\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: '50%',\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: '50%',\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: '50%',\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: '50%',\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: '50%',\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: '50%',\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    ...SIZES_BASE.xxxs,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    ...SIZES_BASE.xxxxs,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    ...SIZES_BASE.xxxl,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xxxs: {\n    ...SIZES_BASE.xxxs,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n  xxxxs: {\n    ...SIZES_BASE.xxxxs,\n    borderRadius: `calc(var(--avatar-height) * 0.2)`,\n  },\n}\n"],"names":["SIZES_MAPPING_RULES","l","m","sm","SIZES_DEFAULT","xxxl","width","height","fontSize","borderRadius","xxl","xl","s","xs","xxs","xxxs","xxxxs","SIZES_BASE","SIZES","SIZES_SQUARE"],"mappings":"AAGO,MAAMA,oBAA4C,CAAEC,EAAG,KAAMC,EAAG,IAAKC,GAAI,KAEzE,MAAMC,cAA6C,CACxDC,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,MAAO,CACLV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,QAIX,MAAMQ,WAA0C,CACrDZ,KAAM,CACJ,kBAAmB,QACnBC,MAAO,IACPC,OAAQ,uBACRC,SAAU,IAEZE,IAAK,CACH,kBAAmB,OACnBJ,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZG,GAAI,CACF,kBAAmB,OACnBL,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZP,EAAG,CACD,kBAAmB,OACnBK,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZN,EAAG,CACD,kBAAmB,OACnBI,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZI,EAAG,CACD,kBAAmB,OACnBN,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZK,GAAI,CACF,kBAAmB,OACnBP,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZM,IAAK,CACH,kBAAmB,OACnBR,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAEZO,KAAM,CACJ,kBAAmB,OACnBT,MAAO,GACPC,OAAQ,uBACRC,SAAU,GAEZQ,MAAO,CACL,kBAAmB,OACnBV,MAAO,GACPC,OAAQ,uBACRC,SAAU,IAIP,MAAMU,MAAqC,CAChDb,KAAM,IACDY,WAAWZ,KACdI,aAAc,OAEhBC,IAAK,IACAO,WAAWP,IACdD,aAAc,OAEhBE,GAAI,IACCM,WAAWN,GACdF,aAAc,OAEhBR,EAAG,IACEgB,WAAWhB,EACdQ,aAAc,OAEhBP,EAAG,IACEe,WAAWf,EACdO,aAAc,OAEhBG,EAAG,IACEK,WAAWL,EACdH,aAAc,OAEhBI,GAAI,IACCI,WAAWJ,GACdJ,aAAc,OAEhBK,IAAK,IACAG,WAAWH,IACdL,aAAc,OAEhBM,KAAM,IACDE,WAAWF,KACdN,aAAc,OAEhBO,MAAO,IACFC,WAAWD,MACdP,aAAc,QAIX,MAAMU,aAA4C,CACvDd,KAAM,IACDY,WAAWZ,KACdI,aAAc,oCAEhBC,IAAK,IACAO,WAAWP,IACdD,aAAc,oCAEhBE,GAAI,IACCM,WAAWN,GACdF,aAAc,oCAEhBR,EAAG,IACEgB,WAAWhB,EACdQ,aAAc,oCAEhBP,EAAG,IACEe,WAAWf,EACdO,aAAc,oCAEhBG,EAAG,IACEK,WAAWL,EACdH,aAAc,oCAEhBI,GAAI,IACCI,WAAWJ,GACdJ,aAAc,oCAEhBK,IAAK,IACAG,WAAWH,IACdL,aAAc,oCAEhBM,KAAM,IACDE,WAAWF,KACdN,aAAc,oCAEhBO,MAAO,IACFC,WAAWD,MACdP,aAAc"}

package/components/Avatar/style.js

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

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,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"}
+{"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,wBAC7BC,IAAa,CAAC,MAAO,SAAU,SAAU,WAAWC,SAASD,IAGhE,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,kBAG3C,MAAMC,aAAe,CACnBC,QAASC,OAAAA,IAAG,CAAA,GAAA,IACPC,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,WAGfe,QAAST,OAAAA,IAAG,CAAA,GAAA,IACPC,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,YAKV,MAAMgB,KAAOC,gBAAAA,QAAOC,KACxBC,WAA8B,CAC7BC,kBAAmBzB,0BAEpB0B,MACEd,IAAK,CACJe,uBAAwBA,CAACC,EAAMC,KAAS,CACtCC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,aAAcnB,EAAMoB,OAAS,QAAU,MACvCC,MAAO,MACPC,OAAQ,WAGbV,WAAA,CAAAW,YAAA,eAAAC,YAAA,oBAbiBd,CAajB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IACEV,GAAU,iMASTA,EAAMyB,MAAQzB,EAAMI,QAChB,qCACwBJ,EAAMyB,yIAK9B,SAILzB,GAAWA,EAAM0B,SAAW,QAAU7B,aAAaW,QAAUX,aAAaC,QAE1EE,GAAUA,EAAMN,QAAUM,EAAMI,SAAW,qBAAqBuB,eAAS3B,EAAMN,MAAOM,MAEvF4B,eAAAA,eACAC,iBAAAA"}

package/components/Avatar/style.mjs

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