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

package/components/Icon/images/video_default.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",fill:"currentcolor",viewBox:"0 0 16 12"},e),_path||(_path=React__namespace.createElement("path",{d:"M2 2h7v8H2zM0 0h11v12H0V0m11 6 1.6-1.28L14 3.6 16 2v8l-2-1.6-1.4-1.12z"})));
+'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",fill:"currentcolor",viewBox:"0 0 16 12"},e),_path||(_path=React__namespace.createElement("path",{d:"M2 2h7v8H2zM0 0h11v12H0V0m11 6 1.6-1.28L14 3.6 16 2v8l-2-1.6-1.4-1.12z"})));
 //# sourceMappingURL=video_default.svg.js.map

package/components/Icon/images/video_default.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"video_default.svg.js","sources":["../../../../../src/components/Icon/images/video_default.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 SvgVideoDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 16 12\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M2 2h7v8H2zM0 0h11v12H0V0m11 6 1.6-1.28L14 3.6 16 2v8l-2-1.6-1.4-1.12z\"\n})));\nexport default SvgVideoDefault;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","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,iBAE3PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAChFgB,MAAO,6BACPC,KAAM,eACNC,QAAS,aACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,EAAG"}
+{"version":3,"file":"video_default.svg.js","sources":["../../../../../src/components/Icon/images/video_default.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 SvgVideoDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 16 12\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M2 2h7v8H2zM0 0h11v12H0V0m11 6 1.6-1.28L14 3.6 16 2v8l-2-1.6-1.4-1.12z\"\n})));\nexport default SvgVideoDefault;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","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,iBAE3PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CAChFgB,MAAO,6BACPC,KAAM,eACNC,QAAS,aACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Icon/images/wallet_default.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 c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{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,_circle;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 c in r)({}).hasOwnProperty.call(r,c)&&(e[c]=r[c])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor",viewBox:"0 0 16 16"},e),_path||(_path=React__namespace.createElement("path",{d:"M11 4V0H3C1.3 0 0 1.3 0 3v13h16V4zM3 2h6v2H3c-.6 0-1-.4-1-1s.4-1 1-1m11 12H2V5.8c.1 0 .2 0 .3.1h.2c.1.1.3.1.5.1h11z"})),_circle||(_circle=React__namespace.createElement("circle",{cx:11,cy:10,r:1})));
+'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 c=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,c.get?c:{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,_circle;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 c in r)({}).hasOwnProperty.call(r,c)&&(e[c]=r[c])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor",viewBox:"0 0 16 16"},e),_path||(_path=React__namespace.createElement("path",{d:"M11 4V0H3C1.3 0 0 1.3 0 3v13h16V4zM3 2h6v2H3c-.6 0-1-.4-1-1s.4-1 1-1m11 12H2V5.8c.1 0 .2 0 .3.1h.2c.1.1.3.1.5.1h11z"})),_circle||(_circle=React__namespace.createElement("circle",{cx:11,cy:10,r:1})));
 //# sourceMappingURL=wallet_default.svg.js.map

package/components/Icon/images/wallet_default.svg.js.map

@@ -1 +1 @@
-{"version":3,"file":"wallet_default.svg.js","sources":["../../../../../src/components/Icon/images/wallet_default.svg?module"],"sourcesContent":["var _path, _circle;\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 SvgWalletDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 16 16\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M11 4V0H3C1.3 0 0 1.3 0 3v13h16V4zM3 2h6v2H3c-.6 0-1-.4-1-1s.4-1 1-1m11 12H2V5.8c.1 0 .2 0 .3.1h.2c.1.1.3.1.5.1h11z\"\n})), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n  cx: 11,\n  cy: 10,\n  r: 1\n})));\nexport default SvgWalletDefault;"],"names":["_path","_circle","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","d","cx","cy"],"mappings":"qZAAA,IAAIA,MAAOC,QACX,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,iBAE1PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACjFgB,MAAO,6BACPC,KAAM,eACNC,QAAS,aACRL,GAAQf,QAAUA,MAAqBgB,iBAAMC,cAAc,OAAQ,CACpEI,EAAG,yHACApB,UAAYA,QAAuBe,iBAAMC,cAAc,SAAU,CACpEK,GAAI,GACJC,GAAI,GACJZ,EAAG"}
+{"version":3,"file":"wallet_default.svg.js","sources":["../../../../../src/components/Icon/images/wallet_default.svg?module"],"sourcesContent":["var _path, _circle;\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 SvgWalletDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 16 16\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"M11 4V0H3C1.3 0 0 1.3 0 3v13h16V4zM3 2h6v2H3c-.6 0-1-.4-1-1s.4-1 1-1m11 12H2V5.8c.1 0 .2 0 .3.1h.2c.1.1.3.1.5.1h11z\"\n})), _circle || (_circle = /*#__PURE__*/React.createElement(\"circle\", {\n  cx: 11,\n  cy: 10,\n  r: 1\n})));\nexport default SvgWalletDefault;"],"names":["_path","_circle","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","d","cx","cy"],"mappings":"mZAAA,IAAIA,MAAOC,QACX,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,iBAE1PO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACjFgB,MAAO,6BACPC,KAAM,eACNC,QAAS,aACRL,GAAQf,QAAUA,MAAqBgB,iBAAMC,cAAc,OAAQ,CACpEI,EAAG,yHACApB,UAAYA,QAAuBe,iBAAMC,cAAc,SAAU,CACpEK,GAAI,GACJC,GAAI,GACJZ,EAAG"}

package/components/Icon/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardIconProp=style.createShouldForwardProp((e=>!['vAlign','url','multicolor'].includes(e)));const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," "," ",""],(e=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${e.color?color.getColor(e.color,e):'inherit'};\n    vertical-align: ${e.vAlign?e.vAlign:'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `),(e=>e.url?e.multicolor?`\n          background-image: url(${e.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `:`\n          mask-image: url(${e.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `:''),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
+'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardIconProp=style.createShouldForwardProp(e=>!['vAlign','url','multicolor'].includes(e));const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," "," ",""],e=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${e.color?color.getColor(e.color,e):'inherit'};\n    vertical-align: ${e.vAlign?e.vAlign:'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `,e=>e.url?e.multicolor?`\n          background-image: url(${e.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `:`\n          mask-image: url(${e.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `:'',responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Icon/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign', 'url', 'multicolor'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${(props) => {\n    if (!props.url) {\n      return ''\n    }\n\n    return props.multicolor\n      ? `\n          background-image: url(${props.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `\n      : `\n          mask-image: url(${props.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","url","multicolor","responsiveSize","responsiveMargin"],"mappings":"8XAOA,MAAMA,sBAAwBC,MAAAA,yBAAyBC,IAAa,CAAC,SAAU,MAAO,cAAcC,SAASD,KAEtG,MAAME,KAAOC,gBAAAA,QAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,MAAAA,SAASF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,qIAS/CH,GACIA,EAAMI,IAIJJ,EAAMK,WACT,qCAC0BL,EAAMI,oLAMhC,+BACoBJ,EAAMI,mKAZrB,IAoBTE,eAAAA,eACAC,iBAAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign', 'url', 'multicolor'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${(props) => {\n    if (!props.url) {\n      return ''\n    }\n\n    return props.multicolor\n      ? `\n          background-image: url(${props.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `\n      : `\n          mask-image: url(${props.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","url","multicolor","responsiveSize","responsiveMargin"],"mappings":"8XAOA,MAAMA,sBAAwBC,MAAAA,wBAAyBC,IAAa,CAAC,SAAU,MAAO,cAAcC,SAASD,IAEtG,MAAME,KAAOC,gBAAAA,QAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IACGM,GAAU,wLAQFA,EAAMC,MAAQC,MAAAA,SAASF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,mIAS/CH,GACIA,EAAMI,IAIJJ,EAAMK,WACT,qCAC0BL,EAAMI,oLAMhC,+BACoBJ,EAAMI,mKAZrB,GAoBTE,eAAAA,eACAC,iBAAAA"}

package/components/Icon/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import{getColor}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardIconProp=createShouldForwardProp((o=>!['vAlign','url','multicolor'].includes(o)));const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${o.color?getColor(o.color,o):'inherit'};\n    vertical-align: ${o.vAlign?o.vAlign:'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `),(o=>o.url?o.multicolor?`\n          background-image: url(${o.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `:`\n          mask-image: url(${o.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `:''),responsiveSize,responsiveMargin);export{Root};
+import styled from'styled-components';import{getColor}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardIconProp=createShouldForwardProp(o=>!['vAlign','url','multicolor'].includes(o));const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," "," ",""],o=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${o.color?getColor(o.color,o):'inherit'};\n    vertical-align: ${o.vAlign?o.vAlign:'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `,o=>o.url?o.multicolor?`\n          background-image: url(${o.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `:`\n          mask-image: url(${o.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `:'',responsiveSize,responsiveMargin);export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Icon/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign', 'url', 'multicolor'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${(props) => {\n    if (!props.url) {\n      return ''\n    }\n\n    return props.multicolor\n      ? `\n          background-image: url(${props.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `\n      : `\n          mask-image: url(${props.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","url","multicolor","responsiveSize","responsiveMargin"],"mappings":"mRAOA,MAAMA,sBAAwBC,yBAAyBC,IAAa,CAAC,SAAU,MAAO,cAAcC,SAASD,KAEtG,MAAME,KAAOC,OAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,SAASF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,qIAS/CH,GACIA,EAAMI,IAIJJ,EAAMK,WACT,qCAC0BL,EAAMI,oLAMhC,+BACoBJ,EAAMI,mKAZrB,IAoBTE,eACAC"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign', 'url', 'multicolor'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${(props) => {\n    if (!props.url) {\n      return ''\n    }\n\n    return props.multicolor\n      ? `\n          background-image: url(${props.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `\n      : `\n          mask-image: url(${props.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","url","multicolor","responsiveSize","responsiveMargin"],"mappings":"mRAOA,MAAMA,sBAAwBC,wBAAyBC,IAAa,CAAC,SAAU,MAAO,cAAcC,SAASD,IAEtG,MAAME,KAAOC,OAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IACGM,GAAU,wLAQFA,EAAMC,MAAQC,SAASF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,mIAS/CH,GACIA,EAAMI,IAIJJ,EAAMK,WACT,qCAC0BL,EAAMI,oLAMhC,+BACoBJ,EAAMI,mKAZrB,GAoBTE,eACAC"}

package/components/IconButton/IconButton.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const IconButton=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:i="m",type:r="button",iconProps:t={},icon:o,sizeXXS:n,sizeXS:c,sizeS:z,sizeM:u,sizeL:a,sizeXL:I,...S}=e;const p={size:i,sizeXXS:n,sizeXS:c,sizeS:z,sizeM:u,sizeL:a,sizeXL:I};return jsxRuntime.jsx(style.Root,{...S,...p,type:r,ref:s,children:jsxRuntime.jsx(Icon.Icon,{...p,sizes:sizes.SIZES_ICON,preset:"brand",name:typeof o=='string'?o:void 0,icon:typeof o!='string'?o:void 0,...t})})})),{displayName:'IconButton',sizes:e=>e.square?sizes.SIZES_SQUARE:sizes.SIZES});exports.IconButton=IconButton;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const IconButton=withMergedProps.withMergedProps(React.forwardRef((e,r)=>{const{size:s="m",type:t="button",iconProps:i={},icon:o,...n}=e;return jsxRuntime.jsx(style.Root,{...n,size:s,type:t,ref:r,children:jsxRuntime.jsx(Icon.Icon,{preset:"brand",size:"inherit",name:typeof o=='string'?o:void 0,icon:typeof o!='string'?o:void 0,...i})})}),{displayName:'IconButton',sizes:e=>e.square?sizes.SIZES_SQUARE:sizes.SIZES});exports.IconButton=IconButton;
 //# sourceMappingURL=IconButton.js.map

package/components/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE, SIZES_ICON } from './sizes'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n  IconButtonProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<IconButtonProps>>((props, ref) => {\n    const {\n      size = 'm',\n      type = 'button',\n      iconProps = {},\n      icon,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} type={type} ref={ref}>\n        <Icon\n          {...sizeProps}\n          sizes={SIZES_ICON}\n          preset='brand'\n          name={typeof icon === 'string' ? icon : undefined}\n          icon={typeof icon !== 'string' ? icon : undefined}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","_jsx","Styled","children","Icon","sizes","SIZES_ICON","preset","name","undefined","displayName","square","SIZES_SQUARE","SIZES"],"mappings":"qPAgBA,MAAMA,WAA+DC,gBAAAA,gBAInEC,MAAAA,YAA4D,CAACC,EAAOC,KAClE,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,SAAQC,UACfA,EAAY,CAAA,EAAEC,KACdA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDZ,EAEJ,MAAMa,EAAY,CAChBX,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEG,WAAAA,IAACC,MAAAA,KAAW,IAAKH,KAAeC,EAAWV,KAAMA,EAAMF,IAAKA,EAAIe,SAC9DF,WAAAA,IAACG,UAAI,IACCJ,EACJK,MAAOC,MAAAA,WACPC,OAAO,QACPC,YAAahB,GAAS,SAAWA,OAAOiB,EACxCjB,YAAaA,GAAS,SAAWA,OAAOiB,KACpClB,KAEM,IAGlB,CACEmB,YAnDmB,aAoDnBL,MAAQlB,GAAWA,EAAMwB,OAASC,MAAAA,aAAeC,MAAAA"}
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE } from './sizes'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n  IconButtonProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<IconButtonProps>>((props, ref) => {\n    const { size = 'm', type = 'button', iconProps = {}, icon, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} size={size} type={type} ref={ref}>\n        <Icon\n          preset='brand'\n          size='inherit'\n          name={typeof icon === 'string' ? icon : undefined}\n          icon={typeof icon !== 'string' ? icon : undefined}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","restProps","_jsx","Styled","children","Icon","preset","name","undefined","displayName","sizes","square","SIZES_SQUARE","SIZES"],"mappings":"qPAgBA,MAAMA,WAA+DC,gBAAAA,gBAInEC,MAAAA,WAA4D,CAACC,EAAOC,KAClE,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAA,EAAEC,KAAEA,KAASC,GAAcN,EAE5E,OACEO,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAIQ,SAC3DF,WAAAA,IAACG,UAAI,CACHC,OAAO,QACPT,KAAK,UACLU,YAAaP,GAAS,SAAWA,OAAOQ,EACxCR,YAAaA,GAAS,SAAWA,OAAOQ,KACpCT,QAKZ,CACEU,YA5BmB,aA6BnBC,MAAQf,GAAWA,EAAMgB,OAASC,MAAAA,aAAeC,MAAAA"}

package/components/IconButton/IconButton.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_SQUARE,SIZES,SIZES_ICON}from'./sizes.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const IconButton=withMergedProps(forwardRef(((o,e)=>{const{size:s="m",type:i="button",iconProps:r={},icon:t,sizeXXS:n,sizeXS:m,sizeS:S,sizeM:c,sizeL:p,sizeXL:z,...I}=o;const f={size:s,sizeXXS:n,sizeXS:m,sizeS:S,sizeM:c,sizeL:p,sizeXL:z};return jsx(Root,{...I,...f,type:i,ref:e,children:jsx(Icon,{...f,sizes:SIZES_ICON,preset:"brand",name:typeof t=='string'?t:void 0,icon:typeof t!='string'?t:void 0,...r})})})),{displayName:'IconButton',sizes:o=>o.square?SIZES_SQUARE:SIZES});export{IconButton};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_SQUARE,SIZES}from'./sizes.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const IconButton=withMergedProps(forwardRef((o,r)=>{const{size:t="m",type:e="button",iconProps:s={},icon:i,...n}=o;return jsx(Root,{...n,size:t,type:e,ref:r,children:jsx(Icon,{preset:"brand",size:"inherit",name:typeof i=='string'?i:void 0,icon:typeof i!='string'?i:void 0,...s})})}),{displayName:'IconButton',sizes:o=>o.square?SIZES_SQUARE:SIZES});export{IconButton};
 //# sourceMappingURL=IconButton.mjs.map

package/components/IconButton/IconButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.mjs","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE, SIZES_ICON } from './sizes'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n  IconButtonProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<IconButtonProps>>((props, ref) => {\n    const {\n      size = 'm',\n      type = 'button',\n      iconProps = {},\n      icon,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} type={type} ref={ref}>\n        <Icon\n          {...sizeProps}\n          sizes={SIZES_ICON}\n          preset='brand'\n          name={typeof icon === 'string' ? icon : undefined}\n          icon={typeof icon !== 'string' ? icon : undefined}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","_jsx","Styled","children","Icon","sizes","SIZES_ICON","preset","name","undefined","displayName","square","SIZES_SQUARE","SIZES"],"mappings":"qPAgBA,MAAMA,WAA+DC,gBAInEC,YAA4D,CAACC,EAAOC,KAClE,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,SAAQC,UACfA,EAAY,CAAA,EAAEC,KACdA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDZ,EAEJ,MAAMa,EAAY,CAChBX,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEG,IAACC,KAAW,IAAKH,KAAeC,EAAWV,KAAMA,EAAMF,IAAKA,EAAIe,SAC9DF,IAACG,KAAI,IACCJ,EACJK,MAAOC,WACPC,OAAO,QACPC,YAAahB,GAAS,SAAWA,OAAOiB,EACxCjB,YAAaA,GAAS,SAAWA,OAAOiB,KACpClB,KAEM,IAGlB,CACEmB,YAnDmB,aAoDnBL,MAAQlB,GAAWA,EAAMwB,OAASC,aAAeC"}
+{"version":3,"file":"IconButton.mjs","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE } from './sizes'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n  IconButtonProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<IconButtonProps>>((props, ref) => {\n    const { size = 'm', type = 'button', iconProps = {}, icon, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} size={size} type={type} ref={ref}>\n        <Icon\n          preset='brand'\n          size='inherit'\n          name={typeof icon === 'string' ? icon : undefined}\n          icon={typeof icon !== 'string' ? icon : undefined}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","restProps","_jsx","Styled","children","Icon","preset","name","undefined","displayName","sizes","square","SIZES_SQUARE","SIZES"],"mappings":"0OAgBA,MAAMA,WAA+DC,gBAInEC,WAA4D,CAACC,EAAOC,KAClE,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAA,EAAEC,KAAEA,KAASC,GAAcN,EAE5E,OACEO,IAACC,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAIQ,SAC3DF,IAACG,KAAI,CACHC,OAAO,QACPT,KAAK,UACLU,YAAaP,GAAS,SAAWA,OAAOQ,EACxCR,YAAaA,GAAS,SAAWA,OAAOQ,KACpCT,QAKZ,CACEU,YA5BmB,aA6BnBC,MAAQf,GAAWA,EAAMgB,OAASC,aAAeC"}

package/components/IconButton/sizes.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={xxl:{width:40,height:40,borderRadius:'50%'},xl:{width:32,height:32,borderRadius:'50%'},l:{width:28,height:28,borderRadius:'50%'},m:{width:24,height:24,borderRadius:'50%'},s:{width:20,height:20,borderRadius:'50%'},xs:{width:18,height:18,borderRadius:'50%'},xxs:{width:16,height:16,borderRadius:'50%'}},exports.SIZES_ICON={xxl:{fontSize:24},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12}},exports.SIZES_SQUARE={xxl:{width:40,height:40,borderRadius:8},xl:{width:32,height:32,borderRadius:7},l:{width:28,height:28,borderRadius:6},m:{width:24,height:24,borderRadius:5},s:{width:20,height:20,borderRadius:4},xs:{width:18,height:18,borderRadius:4},xxs:{width:16,height:16,borderRadius:4}};
+'use strict';const SIZES_BASE={xxl:{'--icon-button-height':'40px',width:40,height:'var(--icon-button-height)',fontSize:24},xl:{'--icon-button-height':'32px',width:32,height:'var(--icon-button-height)',fontSize:24},l:{'--icon-button-height':'28px',width:28,height:'var(--icon-button-height)',fontSize:20},m:{'--icon-button-height':'24px',width:24,height:'var(--icon-button-height)',fontSize:16},s:{'--icon-button-height':'20px',width:20,height:'var(--icon-button-height)',fontSize:16},xs:{'--icon-button-height':'18px',width:18,height:'var(--icon-button-height)',fontSize:14},xxs:{'--icon-button-height':'16px',width:16,height:'var(--icon-button-height)',fontSize:12}};const SIZES={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%'}};const SIZES_SQUARE={xxl:{...SIZES_BASE.xxl,borderRadius:"calc(var(--icon-button-height) * 0.2)"},xl:{...SIZES_BASE.xl,borderRadius:"calc(var(--icon-button-height) * 0.2)"},l:{...SIZES_BASE.l,borderRadius:"calc(var(--icon-button-height) * 0.2)"},m:{...SIZES_BASE.m,borderRadius:"calc(var(--icon-button-height) * 0.2)"},s:{...SIZES_BASE.s,borderRadius:"calc(var(--icon-button-height) * 0.2)"},xs:{...SIZES_BASE.xs,borderRadius:"calc(var(--icon-button-height) * 0.2)"},xxs:{...SIZES_BASE.xxs,borderRadius:"calc(var(--icon-button-height) * 0.2)"}};exports.SIZES=SIZES,exports.SIZES_BASE=SIZES_BASE,exports.SIZES_SQUARE=SIZES_SQUARE;
 //# sourceMappingURL=sizes.js.map

package/components/IconButton/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","sources":["../../../../src/components/IconButton/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxl: {\n    width: 40,\n    height: 40,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 28,\n    height: 28,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 24,\n    height: 24,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 20,\n    height: 20,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxl: {\n    width: 40,\n    height: 40,\n    borderRadius: 8,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    borderRadius: 6,\n  },\n  m: {\n    width: 24,\n    height: 24,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    borderRadius: 4,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    borderRadius: 4,\n  },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n  xxl: { fontSize: 24 },\n  xl: { fontSize: 24 },\n  l: { fontSize: 20 },\n  m: { fontSize: 16 },\n  s: { fontSize: 16 },\n  xs: { fontSize: 14 },\n  xxs: { fontSize: 12 },\n}\n"],"names":["xxl","width","height","borderRadius","xl","l","m","s","xs","xxs","fontSize"],"mappings":"2BAGkD,CAChDA,IAAK,CACHC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,GAAI,CACFH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBK,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBM,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,aAAc,2BA0CqC,CACrDH,IAAK,CAAEU,SAAU,IACjBN,GAAI,CAAEM,SAAU,IAChBL,EAAG,CAAEK,SAAU,IACfJ,EAAG,CAAEI,SAAU,IACfH,EAAG,CAAEG,SAAU,IACfF,GAAI,CAAEE,SAAU,IAChBD,IAAK,CAAEC,SAAU,0BA7CsC,CACvDV,IAAK,CACHC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,GAAI,CACFH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBK,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBM,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,aAAc"}
+{"version":3,"file":"sizes.js","sources":["../../../../src/components/IconButton/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_BASE: Record<Size, CSSProperties> = {\n  xxl: {\n    '--icon-button-height': '40px',\n    width: 40,\n    height: 'var(--icon-button-height)',\n    fontSize: 24,\n  },\n  xl: {\n    '--icon-button-height': '32px',\n    width: 32,\n    height: 'var(--icon-button-height)',\n    fontSize: 24,\n  },\n  l: {\n    '--icon-button-height': '28px',\n    width: 28,\n    height: 'var(--icon-button-height)',\n    fontSize: 20,\n  },\n  m: {\n    '--icon-button-height': '24px',\n    width: 24,\n    height: 'var(--icon-button-height)',\n    fontSize: 16,\n  },\n  s: {\n    '--icon-button-height': '20px',\n    width: 20,\n    height: 'var(--icon-button-height)',\n    fontSize: 16,\n  },\n  xs: {\n    '--icon-button-height': '18px',\n    width: 18,\n    height: 'var(--icon-button-height)',\n    fontSize: 14,\n  },\n  xxs: {\n    '--icon-button-height': '16px',\n    width: 16,\n    height: 'var(--icon-button-height)',\n    fontSize: 12,\n  },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\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}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n}\n"],"names":["SIZES_BASE","xxl","width","height","fontSize","xl","l","m","s","xs","xxs","SIZES","borderRadius","SIZES_SQUARE"],"mappings":"aAGO,MAAMA,WAA0C,CACrDC,IAAK,CACH,uBAAwB,OACxBC,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZC,GAAI,CACF,uBAAwB,OACxBH,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZE,EAAG,CACD,uBAAwB,OACxBJ,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZG,EAAG,CACD,uBAAwB,OACxBL,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZI,EAAG,CACD,uBAAwB,OACxBN,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZK,GAAI,CACF,uBAAwB,OACxBP,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZM,IAAK,CACH,uBAAwB,OACxBR,MAAO,GACPC,OAAQ,4BACRC,SAAU,KAIP,MAAMO,MAAqC,CAChDV,IAAK,IACAD,WAAWC,IACdW,aAAc,OAEhBP,GAAI,IACCL,WAAWK,GACdO,aAAc,OAEhBN,EAAG,IACEN,WAAWM,EACdM,aAAc,OAEhBL,EAAG,IACEP,WAAWO,EACdK,aAAc,OAEhBJ,EAAG,IACER,WAAWQ,EACdI,aAAc,OAEhBH,GAAI,IACCT,WAAWS,GACdG,aAAc,OAEhBF,IAAK,IACAV,WAAWU,IACdE,aAAc,QAIX,MAAMC,aAA4C,CACvDZ,IAAK,IACAD,WAAWC,IACdW,aAAc,yCAEhBP,GAAI,IACCL,WAAWK,GACdO,aAAc,yCAEhBN,EAAG,IACEN,WAAWM,EACdM,aAAc,yCAEhBL,EAAG,IACEP,WAAWO,EACdK,aAAc,yCAEhBJ,EAAG,IACER,WAAWQ,EACdI,aAAc,yCAEhBH,GAAI,IACCT,WAAWS,GACdG,aAAc,yCAEhBF,IAAK,IACAV,WAAWU,IACdE,aAAc"}

package/components/IconButton/sizes.mjs

@@ -1,2 +1,2 @@
-const SIZES={xxl:{width:40,height:40,borderRadius:'50%'},xl:{width:32,height:32,borderRadius:'50%'},l:{width:28,height:28,borderRadius:'50%'},m:{width:24,height:24,borderRadius:'50%'},s:{width:20,height:20,borderRadius:'50%'},xs:{width:18,height:18,borderRadius:'50%'},xxs:{width:16,height:16,borderRadius:'50%'}};const SIZES_SQUARE={xxl:{width:40,height:40,borderRadius:8},xl:{width:32,height:32,borderRadius:7},l:{width:28,height:28,borderRadius:6},m:{width:24,height:24,borderRadius:5},s:{width:20,height:20,borderRadius:4},xs:{width:18,height:18,borderRadius:4},xxs:{width:16,height:16,borderRadius:4}};const SIZES_ICON={xxl:{fontSize:24},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:16},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12}};export{SIZES,SIZES_ICON,SIZES_SQUARE};
+const SIZES_BASE={xxl:{'--icon-button-height':'40px',width:40,height:'var(--icon-button-height)',fontSize:24},xl:{'--icon-button-height':'32px',width:32,height:'var(--icon-button-height)',fontSize:24},l:{'--icon-button-height':'28px',width:28,height:'var(--icon-button-height)',fontSize:20},m:{'--icon-button-height':'24px',width:24,height:'var(--icon-button-height)',fontSize:16},s:{'--icon-button-height':'20px',width:20,height:'var(--icon-button-height)',fontSize:16},xs:{'--icon-button-height':'18px',width:18,height:'var(--icon-button-height)',fontSize:14},xxs:{'--icon-button-height':'16px',width:16,height:'var(--icon-button-height)',fontSize:12}};const SIZES={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%'}};const SIZES_SQUARE={xxl:{...SIZES_BASE.xxl,borderRadius:"calc(var(--icon-button-height) * 0.2)"},xl:{...SIZES_BASE.xl,borderRadius:"calc(var(--icon-button-height) * 0.2)"},l:{...SIZES_BASE.l,borderRadius:"calc(var(--icon-button-height) * 0.2)"},m:{...SIZES_BASE.m,borderRadius:"calc(var(--icon-button-height) * 0.2)"},s:{...SIZES_BASE.s,borderRadius:"calc(var(--icon-button-height) * 0.2)"},xs:{...SIZES_BASE.xs,borderRadius:"calc(var(--icon-button-height) * 0.2)"},xxs:{...SIZES_BASE.xxs,borderRadius:"calc(var(--icon-button-height) * 0.2)"}};export{SIZES,SIZES_BASE,SIZES_SQUARE};
 //# sourceMappingURL=sizes.mjs.map

package/components/IconButton/sizes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/IconButton/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxl: {\n    width: 40,\n    height: 40,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 28,\n    height: 28,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 24,\n    height: 24,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 20,\n    height: 20,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxl: {\n    width: 40,\n    height: 40,\n    borderRadius: 8,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    borderRadius: 6,\n  },\n  m: {\n    width: 24,\n    height: 24,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    borderRadius: 4,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    borderRadius: 4,\n  },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n  xxl: { fontSize: 24 },\n  xl: { fontSize: 24 },\n  l: { fontSize: 20 },\n  m: { fontSize: 16 },\n  s: { fontSize: 16 },\n  xs: { fontSize: 14 },\n  xxs: { fontSize: 12 },\n}\n"],"names":["SIZES","xxl","width","height","borderRadius","xl","l","m","s","xs","xxs","SIZES_SQUARE","SIZES_ICON","fontSize"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,IAAK,CACHC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,GAAI,CACFH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBK,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBM,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,aAAc,QAIX,MAAMO,aAA4C,CACvDV,IAAK,CACHC,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBC,GAAI,CACFH,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBE,EAAG,CACDJ,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBI,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBK,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,aAAc,GAEhBM,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,aAAc,IAIX,MAAMQ,WAA0C,CACrDX,IAAK,CAAEY,SAAU,IACjBR,GAAI,CAAEQ,SAAU,IAChBP,EAAG,CAAEO,SAAU,IACfN,EAAG,CAAEM,SAAU,IACfL,EAAG,CAAEK,SAAU,IACfJ,GAAI,CAAEI,SAAU,IAChBH,IAAK,CAAEG,SAAU"}
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/IconButton/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_BASE: Record<Size, CSSProperties> = {\n  xxl: {\n    '--icon-button-height': '40px',\n    width: 40,\n    height: 'var(--icon-button-height)',\n    fontSize: 24,\n  },\n  xl: {\n    '--icon-button-height': '32px',\n    width: 32,\n    height: 'var(--icon-button-height)',\n    fontSize: 24,\n  },\n  l: {\n    '--icon-button-height': '28px',\n    width: 28,\n    height: 'var(--icon-button-height)',\n    fontSize: 20,\n  },\n  m: {\n    '--icon-button-height': '24px',\n    width: 24,\n    height: 'var(--icon-button-height)',\n    fontSize: 16,\n  },\n  s: {\n    '--icon-button-height': '20px',\n    width: 20,\n    height: 'var(--icon-button-height)',\n    fontSize: 16,\n  },\n  xs: {\n    '--icon-button-height': '18px',\n    width: 18,\n    height: 'var(--icon-button-height)',\n    fontSize: 14,\n  },\n  xxs: {\n    '--icon-button-height': '16px',\n    width: 16,\n    height: 'var(--icon-button-height)',\n    fontSize: 12,\n  },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\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}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: `calc(var(--icon-button-height) * 0.2)`,\n  },\n}\n"],"names":["SIZES_BASE","xxl","width","height","fontSize","xl","l","m","s","xs","xxs","SIZES","borderRadius","SIZES_SQUARE"],"mappings":"AAGO,MAAMA,WAA0C,CACrDC,IAAK,CACH,uBAAwB,OACxBC,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZC,GAAI,CACF,uBAAwB,OACxBH,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZE,EAAG,CACD,uBAAwB,OACxBJ,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZG,EAAG,CACD,uBAAwB,OACxBL,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZI,EAAG,CACD,uBAAwB,OACxBN,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZK,GAAI,CACF,uBAAwB,OACxBP,MAAO,GACPC,OAAQ,4BACRC,SAAU,IAEZM,IAAK,CACH,uBAAwB,OACxBR,MAAO,GACPC,OAAQ,4BACRC,SAAU,KAIP,MAAMO,MAAqC,CAChDV,IAAK,IACAD,WAAWC,IACdW,aAAc,OAEhBP,GAAI,IACCL,WAAWK,GACdO,aAAc,OAEhBN,EAAG,IACEN,WAAWM,EACdM,aAAc,OAEhBL,EAAG,IACEP,WAAWO,EACdK,aAAc,OAEhBJ,EAAG,IACER,WAAWQ,EACdI,aAAc,OAEhBH,GAAI,IACCT,WAAWS,GACdG,aAAc,OAEhBF,IAAK,IACAV,WAAWU,IACdE,aAAc,QAIX,MAAMC,aAA4C,CACvDZ,IAAK,IACAD,WAAWC,IACdW,aAAc,yCAEhBP,GAAI,IACCL,WAAWK,GACdO,aAAc,yCAEhBN,EAAG,IACEN,WAAWM,EACdM,aAAc,yCAEhBL,EAAG,IACEP,WAAWO,EACdK,aAAc,yCAEhBJ,EAAG,IACER,WAAWQ,EACdI,aAAc,yCAEhBH,GAAI,IACCT,WAAWS,GACdG,aAAc,yCAEhBF,IAAK,IACAV,WAAWU,IACdE,aAAc"}

package/components/IconButton/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardIconButtonProp=style.createShouldForwardProp((o=>!['square'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  ${hover.hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n  `)}\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor__default.default(o.theme.colors['bg-oncolor-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(7).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette})))},contrast:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:tinycolor__default.default(o.theme.colors['bg-oncontrast-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-contrast-active'],colorHover:o.theme.colors['content-onmain-inverse'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-contrast-active']).lighten(7).toString(),colorActive:o.theme.colors['content-onmain-inverse'],backgroundColorActive:tinycolor__default.default(o.theme.colors['bg-contrast-active']).lighten(11).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],...o.palette})))}};const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardIconButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({width:'1em',height:'1em',fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"IconButton__Root",componentId:"ui__sc-y4pwgp-0"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `),(o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.secondary?r.secondary:r.primary}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardIconButtonProp=style.createShouldForwardProp(o=>!['square'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  ${hover.hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n  `)}\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor__default.default(o.theme.colors['bg-oncolor-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette})),secondary:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(7).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))},contrast:{primary:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:tinycolor__default.default(o.theme.colors['bg-oncontrast-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette})),secondary:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-contrast-active'],colorHover:o.theme.colors['content-onmain-inverse'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-contrast-active']).lighten(7).toString(),colorActive:o.theme.colors['content-onmain-inverse'],backgroundColorActive:tinycolor__default.default(o.theme.colors['bg-contrast-active']).lighten(11).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],...o.palette}))}};const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardIconButtonProp}).attrs(o=>({dynamicSizeDeclaration:(r,e)=>({width:'1em',height:'1em',fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%'})})).withConfig({displayName:"IconButton__Root",componentId:"ui__sc-y4pwgp-0"})([""," "," "," "," ",""],o=>`\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `,o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.secondary?r.secondary:r.primary},focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/IconButton/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/IconButton/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  `)}\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.theme.colors['bg-contrast-active'],\n          colorHover: props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledIconButtonProps>({\n    shouldForwardProp: shouldForwardIconButtonProp,\n  })\n  .attrs<StyledIconButtonProps>(\n    (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        width: '1em',\n        height: '1em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","displayName","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"+fAUA,MAAMA,4BAA8BC,MAAAA,yBAAyBC,IAAa,CAAC,UAAUC,SAASD,KAE9F,MAAME,SAAYC,GAA+B,cACtCA,EAAQC,+BACGD,EAAQE,uBAC1BC,YAAM,gBACGH,EAAQI,sCACGJ,EAAQK,0DAGnBL,EAAQM,uCACGN,EAAQO,2DAGnBP,EAAQQ,yCACGR,EAAQS,kCAIhC,MAAMC,aAAe,CACnBC,QAAS,CACPC,QAASC,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDf,SAAS,CACPE,MAAOa,EAAMC,MAAMC,OAAO,2BAC1Bd,gBAAiBY,EAAMC,MAAMC,OAAOC,YACpCb,WAAYU,EAAMC,MAAMC,OAAO,0BAC/BX,qBAAsBS,EAAMC,MAAMC,OAAO,oBACzCV,YAAaQ,EAAMC,MAAMC,OAAO,0BAChCT,sBAAuBW,mBAAAA,QAAUJ,EAAMC,MAAMC,OAAO,qBACjDG,SAAS,KACTC,WACHZ,cAAeM,EAAMC,MAAMC,OAAO,oBAClCP,wBAAyBK,EAAMC,MAAMC,OAAOC,eACzCH,EAAMd,YAGfqB,UAAWR,OAAAA,IAAG,CAAA,GAAA,KACTC,GACDf,SAAS,CACPE,MAAOa,EAAMC,MAAMC,OAAO,0BAC1Bd,gBAAiBY,EAAMC,MAAMC,OAAO,wBACpCZ,WAAYU,EAAMC,MAAMC,OAAO,0BAC/BX,qBAAsBa,mBAAAA,QAAUJ,EAAMC,MAAMC,OAAO,yBAAyBM,OAAO,GAAGF,WACtFd,YAAaQ,EAAMC,MAAMC,OAAO,0BAChCT,sBAAuBW,mBAAAA,QAAUJ,EAAMC,MAAMC,OAAO,yBAAyBM,OAAO,GAAGF,WACvFZ,cAAeM,EAAMC,MAAMC,OAAO,oBAClCP,wBAAyBK,EAAMC,MAAMC,OAAO,wBACzCF,EAAMd,aAIjBuB,SAAU,CACRX,QAASC,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDf,SAAS,CACPE,MAAOa,EAAMC,MAAMC,OAAO,4BAC1Bd,gBAAiBY,EAAMC,MAAMC,OAAOC,YACpCb,WAAYU,EAAMC,MAAMC,OAAO,2BAC/BX,qBAAsBS,EAAMC,MAAMC,OAAO,uBACzCV,YAAaQ,EAAMC,MAAMC,OAAO,2BAChCT,sBAAuBW,mBAAAA,QAAUJ,EAAMC,MAAMC,OAAO,wBACjDG,SAAS,KACTC,WACHZ,cAAeM,EAAMC,MAAMC,OAAO,4BAClCP,wBAAyBK,EAAMC,MAAMC,OAAOC,eACzCH,EAAMd,YAGfqB,UAAWR,OAAAA,IAAG,CAAA,GAAA,KACTC,GACDf,SAAS,CACPE,MAAOa,EAAMC,MAAMC,OAAO,0BAC1Bd,gBAAiBY,EAAMC,MAAMC,OAAO,sBACpCZ,WAAYU,EAAMC,MAAMC,OAAO,0BAC/BX,qBAAsBa,mBAAAA,QAAUJ,EAAMC,MAAMC,OAAO,uBAAuBQ,QAAQ,GAAGJ,WACrFd,YAAaQ,EAAMC,MAAMC,OAAO,0BAChCT,sBAAuBW,mBAAAA,QAAUJ,EAAMC,MAAMC,OAAO,uBAAuBQ,QAAQ,IAAIJ,WACvFZ,cAAeM,EAAMC,MAAMC,OAAO,4BAClCP,wBAAyBK,EAAMC,MAAMC,OAAO,0BACzCF,EAAMd,cAMZ,MAAMyB,KAAOC,gBAAAA,QAAOC,OACxBC,WAAkC,CACjCC,kBAAmBlC,8BAEpBmC,OACEhB,IAAK,CACJiB,uBAAwBA,CAACC,EAAMC,KAAS,CACtCC,MAAO,MACPC,OAAQ,MACRC,gBAAiBJ,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDI,aAAcvB,EAAMwB,OAAS,QAAU,YAG5CV,WAAA,CAAAW,YAAA,mBAAAC,YAAA,mBAbiBd,CAajB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KACEZ,GAAU,iOAUDA,EAAM2B,SAAW,cAAgB,iGAK1C3B,IACD,MAAM4B,EAAS5B,EAAMS,SAAWb,aAAaa,SAAWb,aAAaC,QAErE,OAAIG,EAAMO,UAAkBqB,EAAOrB,UAE5BqB,EAAO9B,OAAO,GAGrB+B,MAAAA,MACAC,eAAAA,eACAC,iBAAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/IconButton/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  `)}\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.theme.colors['bg-contrast-active'],\n          colorHover: props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledIconButtonProps>({\n    shouldForwardProp: shouldForwardIconButtonProp,\n  })\n  .attrs<StyledIconButtonProps>(\n    (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        width: '1em',\n        height: '1em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","displayName","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/IconButton/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardIconButtonProp=createShouldForwardProp((o=>!['square'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  ${hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n  `)}\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(7).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette})))},contrast:{primary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncontrast-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-contrast-active'],colorHover:o.theme.colors['content-onmain-inverse'],backgroundColorHover:tinycolor(o.theme.colors['bg-contrast-active']).lighten(7).toString(),colorActive:o.theme.colors['content-onmain-inverse'],backgroundColorActive:tinycolor(o.theme.colors['bg-contrast-active']).lighten(11).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],...o.palette})))}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardIconButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({width:'1em',height:'1em',fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"IconButton__Root",componentId:"ui__sc-y4pwgp-0"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `),(o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.secondary?r.secondary:r.primary}),focus,responsiveSize,responsiveMargin);export{Root};
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{hover}from'../../mixins/hover.mjs';const shouldForwardIconButtonProp=createShouldForwardProp(o=>!['square'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  ${hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n  `)}\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:css(["",""],o=>template({color:o.theme.colors['content-onmain-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette})),secondary:css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(7).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette}))},contrast:{primary:css(["",""],o=>template({color:o.theme.colors['content-oncolor-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncontrast-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette})),secondary:css(["",""],o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-contrast-active'],colorHover:o.theme.colors['content-onmain-inverse'],backgroundColorHover:tinycolor(o.theme.colors['bg-contrast-active']).lighten(7).toString(),colorActive:o.theme.colors['content-onmain-inverse'],backgroundColorActive:tinycolor(o.theme.colors['bg-contrast-active']).lighten(11).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],...o.palette}))}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardIconButtonProp}).attrs(o=>({dynamicSizeDeclaration:(r,e)=>({width:'1em',height:'1em',fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%'})})).withConfig({displayName:"IconButton__Root",componentId:"ui__sc-y4pwgp-0"})([""," "," "," "," ",""],o=>`\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `,o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.secondary?r.secondary:r.primary},focus,responsiveSize,responsiveMargin);export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/IconButton/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/IconButton/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  `)}\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.theme.colors['bg-contrast-active'],\n          colorHover: props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledIconButtonProps>({\n    shouldForwardProp: shouldForwardIconButtonProp,\n  })\n  .attrs<StyledIconButtonProps>(\n    (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        width: '1em',\n        height: '1em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","displayName","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/IconButton/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport { hover } from 'mixins/hover'\nimport type { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  ${hover(`\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  `)}\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.theme.colors['bg-contrast-active'],\n          colorHover: props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledIconButtonProps>({\n    shouldForwardProp: shouldForwardIconButtonProp,\n  })\n  .attrs<StyledIconButtonProps>(\n    (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        width: '1em',\n        height: '1em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","hover","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","displayName","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"iWAUA,MAAMA,4BAA8BC,wBAAyBC,IAAa,CAAC,UAAUC,SAASD,IAE9F,MAAME,SAAYC,GAA+B,cACtCA,EAAQC,+BACGD,EAAQE,uBAC1BC,MAAM,gBACGH,EAAQI,sCACGJ,EAAQK,0DAGnBL,EAAQM,uCACGN,EAAQO,2DAGnBP,EAAQQ,yCACGR,EAAQS,kCAIhC,MAAMC,aAAe,CACnBC,QAAS,CACPC,QAASC,IAAG,CAAA,GAAA,IACPC,GACDf,SAAS,CACPE,MAAOa,EAAMC,MAAMC,OAAO,2BAC1Bd,gBAAiBY,EAAMC,MAAMC,OAAOC,YACpCb,WAAYU,EAAMC,MAAMC,OAAO,0BAC/BX,qBAAsBS,EAAMC,MAAMC,OAAO,oBACzCV,YAAaQ,EAAMC,MAAMC,OAAO,0BAChCT,sBAAuBW,UAAUJ,EAAMC,MAAMC,OAAO,qBACjDG,SAAS,KACTC,WACHZ,cAAeM,EAAMC,MAAMC,OAAO,oBAClCP,wBAAyBK,EAAMC,MAAMC,OAAOC,eACzCH,EAAMd,WAGfqB,UAAWR,IAAG,CAAA,GAAA,IACTC,GACDf,SAAS,CACPE,MAAOa,EAAMC,MAAMC,OAAO,0BAC1Bd,gBAAiBY,EAAMC,MAAMC,OAAO,wBACpCZ,WAAYU,EAAMC,MAAMC,OAAO,0BAC/BX,qBAAsBa,UAAUJ,EAAMC,MAAMC,OAAO,yBAAyBM,OAAO,GAAGF,WACtFd,YAAaQ,EAAMC,MAAMC,OAAO,0BAChCT,sBAAuBW,UAAUJ,EAAMC,MAAMC,OAAO,yBAAyBM,OAAO,GAAGF,WACvFZ,cAAeM,EAAMC,MAAMC,OAAO,oBAClCP,wBAAyBK,EAAMC,MAAMC,OAAO,wBACzCF,EAAMd,YAIjBuB,SAAU,CACRX,QAASC,IAAG,CAAA,GAAA,IACPC,GACDf,SAAS,CACPE,MAAOa,EAAMC,MAAMC,OAAO,4BAC1Bd,gBAAiBY,EAAMC,MAAMC,OAAOC,YACpCb,WAAYU,EAAMC,MAAMC,OAAO,2BAC/BX,qBAAsBS,EAAMC,MAAMC,OAAO,uBACzCV,YAAaQ,EAAMC,MAAMC,OAAO,2BAChCT,sBAAuBW,UAAUJ,EAAMC,MAAMC,OAAO,wBACjDG,SAAS,KACTC,WACHZ,cAAeM,EAAMC,MAAMC,OAAO,4BAClCP,wBAAyBK,EAAMC,MAAMC,OAAOC,eACzCH,EAAMd,WAGfqB,UAAWR,IAAG,CAAA,GAAA,IACTC,GACDf,SAAS,CACPE,MAAOa,EAAMC,MAAMC,OAAO,0BAC1Bd,gBAAiBY,EAAMC,MAAMC,OAAO,sBACpCZ,WAAYU,EAAMC,MAAMC,OAAO,0BAC/BX,qBAAsBa,UAAUJ,EAAMC,MAAMC,OAAO,uBAAuBQ,QAAQ,GAAGJ,WACrFd,YAAaQ,EAAMC,MAAMC,OAAO,0BAChCT,sBAAuBW,UAAUJ,EAAMC,MAAMC,OAAO,uBAAuBQ,QAAQ,IAAIJ,WACvFZ,cAAeM,EAAMC,MAAMC,OAAO,4BAClCP,wBAAyBK,EAAMC,MAAMC,OAAO,0BACzCF,EAAMd,aAMZ,MAAMyB,KAAOC,OAAOC,OACxBC,WAAkC,CACjCC,kBAAmBlC,8BAEpBmC,MACEhB,IAAK,CACJiB,uBAAwBA,CAACC,EAAMC,KAAS,CACtCC,MAAO,MACPC,OAAQ,MACRC,gBAAiBJ,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDI,aAAcvB,EAAMwB,OAAS,QAAU,WAG5CV,WAAA,CAAAW,YAAA,mBAAAC,YAAA,mBAbiBd,CAajB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IACEZ,GAAU,iOAUDA,EAAM2B,SAAW,cAAgB,+FAK1C3B,IACD,MAAM4B,EAAS5B,EAAMS,SAAWb,aAAaa,SAAWb,aAAaC,QAErE,OAAIG,EAAMO,UAAkBqB,EAAOrB,UAE5BqB,EAAO9B,SAGd+B,MACAC,eACAC"}

package/components/Indicator/Indicator.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');const indicatorPropsWithContent=e=>e.children!==void 0&&e.children!==null||e.text!==void 0&&e.text!==null;const Indicator=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:r="m",textProps:s={},children:i,text:n,...o}=e;const a=indicatorPropsWithContent(e);return jsxRuntime.jsx(style.Root,{...o,size:r,square:a,ref:t,children:jsxRuntime.jsx(style.Foreground,{children:a?jsxRuntime.jsx(Text.Text,{as:"span",appearance:"body",size:"inherit",color:"inherit",whiteSpace:"nowrap",weight:700,lineHeight:1,marginTop:1,marginRight:"0.3em",marginLeft:"0.3em",...s,children:i??n}):null})})})),{displayName:'Indicator',sizes:e=>indicatorPropsWithContent(e)?constants.SIZES_SQUARE:constants.SIZES});exports.SIZES=constants.SIZES,exports.SIZES_SQUARE=constants.SIZES_SQUARE,exports.Indicator=Indicator;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');const indicatorPropsWithContent=e=>e.children!==void 0&&e.children!==null||e.text!==void 0&&e.text!==null;const Indicator=withMergedProps.withMergedProps(React.forwardRef((e,t)=>{const{size:r="m",textProps:s={},children:i,text:n,...o}=e;const a=indicatorPropsWithContent(e);return jsxRuntime.jsx(style.Root,{...o,size:r,square:a,ref:t,children:jsxRuntime.jsx(style.Foreground,{children:a?jsxRuntime.jsx(Text.Text,{as:"span",appearance:"body",size:"inherit",color:"inherit",whiteSpace:"nowrap",weight:700,lineHeight:1,marginTop:1,marginRight:"0.3em",marginLeft:"0.3em",...s,children:i??n}):null})})}),{displayName:'Indicator',sizes:e=>indicatorPropsWithContent(e)?constants.SIZES_SQUARE:constants.SIZES});exports.SIZES=constants.SIZES,exports.SIZES_SQUARE=constants.SIZES_SQUARE,exports.Indicator=Indicator;
 //# sourceMappingURL=Indicator.js.map

package/components/Indicator/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IndicatorProps } from './types'\n\nconst COMPONENT_NAME = 'Indicator'\n\nconst indicatorPropsWithContent = (props: IndicatorProps): boolean =>\n  (props.children !== undefined && props.children !== null) || (props.text !== undefined && props.text !== null)\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IndicatorProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Indicator/types.ts)\n */\nconst Indicator: React.ForwardRefExoticComponent<IndicatorProps> = withMergedProps<IndicatorProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<IndicatorProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const hasContent = indicatorPropsWithContent(props)\n\n    return (\n      <Styled.Root {...restProps} size={size} square={hasContent} ref={ref}>\n        <Styled.Foreground>\n          {hasContent ? (\n            <Text\n              as='span'\n              appearance='body'\n              size='inherit'\n              color='inherit'\n              whiteSpace='nowrap'\n              weight={700}\n              lineHeight={1}\n              marginTop={1}\n              marginRight='0.3em'\n              marginLeft='0.3em'\n              {...textProps}\n            >\n              {children ?? text}\n            </Text>\n          ) : null}\n        </Styled.Foreground>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (indicatorPropsWithContent(props) ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { Indicator }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["indicatorPropsWithContent","props","children","undefined","text","Indicator","withMergedProps","forwardRef","ref","size","textProps","restProps","hasContent","_jsx","Styled","square","Text","as","appearance","color","whiteSpace","weight","lineHeight","marginTop","marginRight","marginLeft","displayName","sizes","SIZES_SQUARE","SIZES"],"mappings":"6PAUA,MAAMA,0BAA6BC,GAChCA,EAAMC,gBAAaC,GAAaF,EAAMC,WAAa,MAAUD,EAAMG,YAASD,GAAaF,EAAMG,OAAS,KAY3G,MAAMC,UAA6DC,gBAAAA,gBACjEC,MAAAA,YAAyD,CAACN,EAAOO,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAER,SAAEA,EAAQE,KAAEA,KAASO,GAAcV,EAErE,MAAMW,EAAaZ,0BAA0BC,GAE7C,OACEY,WAAAA,IAACC,MAAAA,KAAW,IAAKH,EAAWF,KAAMA,EAAMM,OAAQH,EAAYJ,IAAKA,EAAIN,SACnEW,WAAAA,IAACC,iBAAiB,CAAAZ,SACfU,EACCC,WAAAA,IAACG,UAAI,CACHC,GAAG,OACHC,WAAW,OACXT,KAAK,UACLU,MAAM,UACNC,WAAW,SACXC,OAAQ,IACRC,WAAY,EACZC,UAAW,EACXC,YAAY,QACZC,WAAW,WACPf,EAASR,SAEZA,GAAYE,IAEb,QAEM,IAGlB,CACEsB,YA9CmB,YA+CnBC,MAAQ1B,GAAWD,0BAA0BC,GAAS2B,UAAAA,aAAeC,UAAAA"}
+{"version":3,"file":"Indicator.js","sources":["../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IndicatorProps } from './types'\n\nconst COMPONENT_NAME = 'Indicator'\n\nconst indicatorPropsWithContent = (props: IndicatorProps): boolean =>\n  (props.children !== undefined && props.children !== null) || (props.text !== undefined && props.text !== null)\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IndicatorProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Indicator/types.ts)\n */\nconst Indicator: React.ForwardRefExoticComponent<IndicatorProps> = withMergedProps<IndicatorProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<IndicatorProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const hasContent = indicatorPropsWithContent(props)\n\n    return (\n      <Styled.Root {...restProps} size={size} square={hasContent} ref={ref}>\n        <Styled.Foreground>\n          {hasContent ? (\n            <Text\n              as='span'\n              appearance='body'\n              size='inherit'\n              color='inherit'\n              whiteSpace='nowrap'\n              weight={700}\n              lineHeight={1}\n              marginTop={1}\n              marginRight='0.3em'\n              marginLeft='0.3em'\n              {...textProps}\n            >\n              {children ?? text}\n            </Text>\n          ) : null}\n        </Styled.Foreground>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (indicatorPropsWithContent(props) ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { Indicator }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["indicatorPropsWithContent","props","children","undefined","text","Indicator","withMergedProps","forwardRef","ref","size","textProps","restProps","hasContent","_jsx","Styled","square","Text","as","appearance","color","whiteSpace","weight","lineHeight","marginTop","marginRight","marginLeft","displayName","sizes","SIZES_SQUARE","SIZES"],"mappings":"6PAUA,MAAMA,0BAA6BC,GAChCA,EAAMC,gBAAaC,GAAaF,EAAMC,WAAa,MAAUD,EAAMG,YAASD,GAAaF,EAAMG,OAAS,KAY3G,MAAMC,UAA6DC,gBAAAA,gBACjEC,MAAAA,WAAyD,CAACN,EAAOO,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAER,SAAEA,EAAQE,KAAEA,KAASO,GAAcV,EAErE,MAAMW,EAAaZ,0BAA0BC,GAE7C,OACEY,WAAAA,IAACC,MAAAA,KAAW,IAAKH,EAAWF,KAAMA,EAAMM,OAAQH,EAAYJ,IAAKA,EAAIN,SACnEW,WAAAA,IAACC,iBAAiB,CAAAZ,SACfU,EACCC,WAAAA,IAACG,UAAI,CACHC,GAAG,OACHC,WAAW,OACXT,KAAK,UACLU,MAAM,UACNC,WAAW,SACXC,OAAQ,IACRC,WAAY,EACZC,UAAW,EACXC,YAAY,QACZC,WAAW,WACPf,EAASR,SAEZA,GAAYE,IAEb,WAKZ,CACEsB,YA9CmB,YA+CnBC,MAAQ1B,GAAWD,0BAA0BC,GAAS2B,UAAAA,aAAeC,UAAAA"}

package/components/Indicator/Indicator.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_SQUARE,SIZES}from'./constants.mjs';import{Root,Foreground}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const indicatorPropsWithContent=r=>r.children!==void 0&&r.children!==null||r.text!==void 0&&r.text!==null;const Indicator=withMergedProps(forwardRef(((r,t)=>{const{size:e="m",textProps:o={},children:i,text:n,...s}=r;const a=indicatorPropsWithContent(r);return jsx(Root,{...s,size:e,square:a,ref:t,children:jsx(Foreground,{children:a?jsx(Text,{as:"span",appearance:"body",size:"inherit",color:"inherit",whiteSpace:"nowrap",weight:700,lineHeight:1,marginTop:1,marginRight:"0.3em",marginLeft:"0.3em",...o,children:i??n}):null})})})),{displayName:'Indicator',sizes:r=>indicatorPropsWithContent(r)?SIZES_SQUARE:SIZES});export{Indicator,SIZES,SIZES_SQUARE};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_SQUARE,SIZES}from'./constants.mjs';import{Root,Foreground}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const indicatorPropsWithContent=r=>r.children!==void 0&&r.children!==null||r.text!==void 0&&r.text!==null;const Indicator=withMergedProps(forwardRef((r,t)=>{const{size:e="m",textProps:o={},children:i,text:n,...s}=r;const a=indicatorPropsWithContent(r);return jsx(Root,{...s,size:e,square:a,ref:t,children:jsx(Foreground,{children:a?jsx(Text,{as:"span",appearance:"body",size:"inherit",color:"inherit",whiteSpace:"nowrap",weight:700,lineHeight:1,marginTop:1,marginRight:"0.3em",marginLeft:"0.3em",...o,children:i??n}):null})})}),{displayName:'Indicator',sizes:r=>indicatorPropsWithContent(r)?SIZES_SQUARE:SIZES});export{Indicator,SIZES,SIZES_SQUARE};
 //# sourceMappingURL=Indicator.mjs.map

package/components/Indicator/Indicator.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.mjs","sources":["../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IndicatorProps } from './types'\n\nconst COMPONENT_NAME = 'Indicator'\n\nconst indicatorPropsWithContent = (props: IndicatorProps): boolean =>\n  (props.children !== undefined && props.children !== null) || (props.text !== undefined && props.text !== null)\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IndicatorProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Indicator/types.ts)\n */\nconst Indicator: React.ForwardRefExoticComponent<IndicatorProps> = withMergedProps<IndicatorProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<IndicatorProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const hasContent = indicatorPropsWithContent(props)\n\n    return (\n      <Styled.Root {...restProps} size={size} square={hasContent} ref={ref}>\n        <Styled.Foreground>\n          {hasContent ? (\n            <Text\n              as='span'\n              appearance='body'\n              size='inherit'\n              color='inherit'\n              whiteSpace='nowrap'\n              weight={700}\n              lineHeight={1}\n              marginTop={1}\n              marginRight='0.3em'\n              marginLeft='0.3em'\n              {...textProps}\n            >\n              {children ?? text}\n            </Text>\n          ) : null}\n        </Styled.Foreground>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (indicatorPropsWithContent(props) ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { Indicator }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["indicatorPropsWithContent","props","children","undefined","text","Indicator","withMergedProps","forwardRef","ref","size","textProps","restProps","hasContent","_jsx","Styled","square","Text","as","appearance","color","whiteSpace","weight","lineHeight","marginTop","marginRight","marginLeft","displayName","sizes","SIZES_SQUARE","SIZES"],"mappings":"yPAUA,MAAMA,0BAA6BC,GAChCA,EAAMC,gBAAaC,GAAaF,EAAMC,WAAa,MAAUD,EAAMG,YAASD,GAAaF,EAAMG,OAAS,KAY3G,MAAMC,UAA6DC,gBACjEC,YAAyD,CAACN,EAAOO,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAER,SAAEA,EAAQE,KAAEA,KAASO,GAAcV,EAErE,MAAMW,EAAaZ,0BAA0BC,GAE7C,OACEY,IAACC,KAAW,IAAKH,EAAWF,KAAMA,EAAMM,OAAQH,EAAYJ,IAAKA,EAAIN,SACnEW,IAACC,WAAiB,CAAAZ,SACfU,EACCC,IAACG,KAAI,CACHC,GAAG,OACHC,WAAW,OACXT,KAAK,UACLU,MAAM,UACNC,WAAW,SACXC,OAAQ,IACRC,WAAY,EACZC,UAAW,EACXC,YAAY,QACZC,WAAW,WACPf,EAASR,SAEZA,GAAYE,IAEb,QAEM,IAGlB,CACEsB,YA9CmB,YA+CnBC,MAAQ1B,GAAWD,0BAA0BC,GAAS2B,aAAeC"}
+{"version":3,"file":"Indicator.mjs","sources":["../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IndicatorProps } from './types'\n\nconst COMPONENT_NAME = 'Indicator'\n\nconst indicatorPropsWithContent = (props: IndicatorProps): boolean =>\n  (props.children !== undefined && props.children !== null) || (props.text !== undefined && props.text !== null)\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IndicatorProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Indicator/types.ts)\n */\nconst Indicator: React.ForwardRefExoticComponent<IndicatorProps> = withMergedProps<IndicatorProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<IndicatorProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const hasContent = indicatorPropsWithContent(props)\n\n    return (\n      <Styled.Root {...restProps} size={size} square={hasContent} ref={ref}>\n        <Styled.Foreground>\n          {hasContent ? (\n            <Text\n              as='span'\n              appearance='body'\n              size='inherit'\n              color='inherit'\n              whiteSpace='nowrap'\n              weight={700}\n              lineHeight={1}\n              marginTop={1}\n              marginRight='0.3em'\n              marginLeft='0.3em'\n              {...textProps}\n            >\n              {children ?? text}\n            </Text>\n          ) : null}\n        </Styled.Foreground>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (indicatorPropsWithContent(props) ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { Indicator }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["indicatorPropsWithContent","props","children","undefined","text","Indicator","withMergedProps","forwardRef","ref","size","textProps","restProps","hasContent","_jsx","Styled","square","Text","as","appearance","color","whiteSpace","weight","lineHeight","marginTop","marginRight","marginLeft","displayName","sizes","SIZES_SQUARE","SIZES"],"mappings":"yPAUA,MAAMA,0BAA6BC,GAChCA,EAAMC,gBAAaC,GAAaF,EAAMC,WAAa,MAAUD,EAAMG,YAASD,GAAaF,EAAMG,OAAS,KAY3G,MAAMC,UAA6DC,gBACjEC,WAAyD,CAACN,EAAOO,KAC/D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAER,SAAEA,EAAQE,KAAEA,KAASO,GAAcV,EAErE,MAAMW,EAAaZ,0BAA0BC,GAE7C,OACEY,IAACC,KAAW,IAAKH,EAAWF,KAAMA,EAAMM,OAAQH,EAAYJ,IAAKA,EAAIN,SACnEW,IAACC,WAAiB,CAAAZ,SACfU,EACCC,IAACG,KAAI,CACHC,GAAG,OACHC,WAAW,OACXT,KAAK,UACLU,MAAM,UACNC,WAAW,SACXC,OAAQ,IACRC,WAAY,EACZC,UAAW,EACXC,YAAY,QACZC,WAAW,WACPf,EAASR,SAEZA,GAAYE,IAEb,WAKZ,CACEsB,YA9CmB,YA+CnBC,MAAQ1B,GAAWD,0BAA0BC,GAAS2B,aAAeC"}

package/components/Indicator/constants.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={xxxl:{width:10,height:10,borderRadius:'50%'},xxl:{width:10,height:10,borderRadius:'50%'},xl:{width:10,height:10,borderRadius:'50%'},l:{width:10,height:10,borderRadius:'50%'},m:{width:6,height:6,borderRadius:'50%'},s:{width:4,height:4,borderRadius:'50%'},xs:{width:4,height:4,borderRadius:'50%'},xxs:{width:4,height:4,borderRadius:'50%'},xxxs:{width:4,height:4,borderRadius:'50%'}},exports.SIZES_SQUARE={xxxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},l:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},m:{width:'min-content',minWidth:18,height:18,borderRadius:4,fontSize:12},s:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10}};
+'use strict';exports.SIZES={xxxl:{width:10,minWidth:'auto',height:10,borderRadius:'50%',fontSize:14},xxl:{width:10,minWidth:'auto',height:10,borderRadius:'50%',fontSize:14},xl:{width:10,minWidth:'auto',height:10,borderRadius:'50%',fontSize:14},l:{width:10,minWidth:'auto',height:10,borderRadius:'50%',fontSize:14},m:{width:6,minWidth:'auto',height:6,borderRadius:'50%',fontSize:12},s:{width:4,minWidth:'auto',height:4,borderRadius:'50%',fontSize:10},xs:{width:4,minWidth:'auto',height:4,borderRadius:'50%',fontSize:10},xxs:{width:4,minWidth:'auto',height:4,borderRadius:'50%',fontSize:10},xxxs:{width:4,minWidth:'auto',height:4,borderRadius:'50%',fontSize:10}},exports.SIZES_SQUARE={xxxl:{'--indicator-height':'22px',width:'min-content',minWidth:22,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:14},xxl:{'--indicator-height':'22px',width:'min-content',minWidth:22,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:14},xl:{'--indicator-height':'22px',width:'min-content',minWidth:22,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:14},l:{'--indicator-height':'22px',width:'min-content',minWidth:22,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:14},m:{'--indicator-height':'18px',width:'min-content',minWidth:18,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:12},s:{'--indicator-height':'16px',width:'min-content',minWidth:16,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:10},xs:{'--indicator-height':'16px',width:'min-content',minWidth:16,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:10},xxs:{'--indicator-height':'16px',width:'min-content',minWidth:16,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:10},xxxs:{'--indicator-height':'16px',width:'min-content',minWidth:16,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:10}};
 //# sourceMappingURL=constants.js.map

package/components/Indicator/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 6,\n    height: 6,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  l: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  m: {\n    width: 'min-content',\n    minWidth: 18,\n    height: 18,\n    borderRadius: 4,\n    fontSize: 12,\n  },\n  s: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","minWidth","fontSize"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBK,EAAG,CACDP,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBM,GAAI,CACFR,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBO,IAAK,CACHT,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBQ,KAAM,CACJV,MAAO,EACPC,OAAQ,EACRC,aAAc,6BAIuC,CACvDH,KAAM,CACJC,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZT,IAAK,CACHH,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZR,GAAI,CACFJ,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZP,EAAG,CACDL,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZN,EAAG,CACDN,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZL,EAAG,CACDP,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZJ,GAAI,CACFR,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZH,IAAK,CACHT,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZF,KAAM,CACJV,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 10,\n    minWidth: 'auto',\n    height: 10,\n    borderRadius: '50%',\n    fontSize: 14,\n  },\n  xxl: {\n    width: 10,\n    minWidth: 'auto',\n    height: 10,\n    borderRadius: '50%',\n    fontSize: 14,\n  },\n  xl: {\n    width: 10,\n    minWidth: 'auto',\n    height: 10,\n    borderRadius: '50%',\n    fontSize: 14,\n  },\n  l: {\n    width: 10,\n    minWidth: 'auto',\n    height: 10,\n    borderRadius: '50%',\n    fontSize: 14,\n  },\n  m: {\n    width: 6,\n    minWidth: 'auto',\n    height: 6,\n    borderRadius: '50%',\n    fontSize: 12,\n  },\n  s: {\n    width: 4,\n    minWidth: 'auto',\n    height: 4,\n    borderRadius: '50%',\n    fontSize: 10,\n  },\n  xs: {\n    width: 4,\n    minWidth: 'auto',\n    height: 4,\n    borderRadius: '50%',\n    fontSize: 10,\n  },\n  xxs: {\n    width: 4,\n    minWidth: 'auto',\n    height: 4,\n    borderRadius: '50%',\n    fontSize: 10,\n  },\n  xxxs: {\n    width: 4,\n    minWidth: 'auto',\n    height: 4,\n    borderRadius: '50%',\n    fontSize: 10,\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    '--indicator-height': '22px',\n    width: 'min-content',\n    minWidth: 22,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 14,\n  },\n  xxl: {\n    '--indicator-height': '22px',\n    width: 'min-content',\n    minWidth: 22,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 14,\n  },\n  xl: {\n    '--indicator-height': '22px',\n    width: 'min-content',\n    minWidth: 22,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 14,\n  },\n  l: {\n    '--indicator-height': '22px',\n    width: 'min-content',\n    minWidth: 22,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 14,\n  },\n  m: {\n    '--indicator-height': '18px',\n    width: 'min-content',\n    minWidth: 18,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 12,\n  },\n  s: {\n    '--indicator-height': '16px',\n    width: 'min-content',\n    minWidth: 16,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 10,\n  },\n  xs: {\n    '--indicator-height': '16px',\n    width: 'min-content',\n    minWidth: 16,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 10,\n  },\n  xxs: {\n    '--indicator-height': '16px',\n    width: 'min-content',\n    minWidth: 16,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 10,\n  },\n  xxxs: {\n    '--indicator-height': '16px',\n    width: 'min-content',\n    minWidth: 16,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","width","minWidth","height","borderRadius","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,MAAO,GACPC,SAAU,OACVC,OAAQ,GACRC,aAAc,MACdC,SAAU,IAEZC,IAAK,CACHL,MAAO,GACPC,SAAU,OACVC,OAAQ,GACRC,aAAc,MACdC,SAAU,IAEZE,GAAI,CACFN,MAAO,GACPC,SAAU,OACVC,OAAQ,GACRC,aAAc,MACdC,SAAU,IAEZG,EAAG,CACDP,MAAO,GACPC,SAAU,OACVC,OAAQ,GACRC,aAAc,MACdC,SAAU,IAEZI,EAAG,CACDR,MAAO,EACPC,SAAU,OACVC,OAAQ,EACRC,aAAc,MACdC,SAAU,IAEZK,EAAG,CACDT,MAAO,EACPC,SAAU,OACVC,OAAQ,EACRC,aAAc,MACdC,SAAU,IAEZM,GAAI,CACFV,MAAO,EACPC,SAAU,OACVC,OAAQ,EACRC,aAAc,MACdC,SAAU,IAEZO,IAAK,CACHX,MAAO,EACPC,SAAU,OACVC,OAAQ,EACRC,aAAc,MACdC,SAAU,IAEZQ,KAAM,CACJZ,MAAO,EACPC,SAAU,OACVC,OAAQ,EACRC,aAAc,MACdC,SAAU,0BAI2C,CACvDL,KAAM,CACJ,qBAAsB,OACtBC,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZC,IAAK,CACH,qBAAsB,OACtBL,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZE,GAAI,CACF,qBAAsB,OACtBN,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZG,EAAG,CACD,qBAAsB,OACtBP,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZI,EAAG,CACD,qBAAsB,OACtBR,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZK,EAAG,CACD,qBAAsB,OACtBT,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZM,GAAI,CACF,qBAAsB,OACtBV,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZO,IAAK,CACH,qBAAsB,OACtBX,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZQ,KAAM,CACJ,qBAAsB,OACtBZ,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU"}

package/components/Indicator/constants.mjs

@@ -1,2 +1,2 @@
-const SIZES={xxxl:{width:10,height:10,borderRadius:'50%'},xxl:{width:10,height:10,borderRadius:'50%'},xl:{width:10,height:10,borderRadius:'50%'},l:{width:10,height:10,borderRadius:'50%'},m:{width:6,height:6,borderRadius:'50%'},s:{width:4,height:4,borderRadius:'50%'},xs:{width:4,height:4,borderRadius:'50%'},xxs:{width:4,height:4,borderRadius:'50%'},xxxs:{width:4,height:4,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},l:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},m:{width:'min-content',minWidth:18,height:18,borderRadius:4,fontSize:12},s:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10}};export{SIZES,SIZES_SQUARE};
+const SIZES={xxxl:{width:10,minWidth:'auto',height:10,borderRadius:'50%',fontSize:14},xxl:{width:10,minWidth:'auto',height:10,borderRadius:'50%',fontSize:14},xl:{width:10,minWidth:'auto',height:10,borderRadius:'50%',fontSize:14},l:{width:10,minWidth:'auto',height:10,borderRadius:'50%',fontSize:14},m:{width:6,minWidth:'auto',height:6,borderRadius:'50%',fontSize:12},s:{width:4,minWidth:'auto',height:4,borderRadius:'50%',fontSize:10},xs:{width:4,minWidth:'auto',height:4,borderRadius:'50%',fontSize:10},xxs:{width:4,minWidth:'auto',height:4,borderRadius:'50%',fontSize:10},xxxs:{width:4,minWidth:'auto',height:4,borderRadius:'50%',fontSize:10}};const SIZES_SQUARE={xxxl:{'--indicator-height':'22px',width:'min-content',minWidth:22,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:14},xxl:{'--indicator-height':'22px',width:'min-content',minWidth:22,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:14},xl:{'--indicator-height':'22px',width:'min-content',minWidth:22,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:14},l:{'--indicator-height':'22px',width:'min-content',minWidth:22,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:14},m:{'--indicator-height':'18px',width:'min-content',minWidth:18,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:12},s:{'--indicator-height':'16px',width:'min-content',minWidth:16,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:10},xs:{'--indicator-height':'16px',width:'min-content',minWidth:16,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:10},xxs:{'--indicator-height':'16px',width:'min-content',minWidth:16,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:10},xxxs:{'--indicator-height':'16px',width:'min-content',minWidth:16,height:'var(--indicator-height)',borderRadius:"calc(var(--indicator-height) * 0.2)",fontSize:10}};export{SIZES,SIZES_SQUARE};
 //# sourceMappingURL=constants.mjs.map

package/components/Indicator/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 6,\n    height: 6,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  l: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  m: {\n    width: 'min-content',\n    minWidth: 18,\n    height: 18,\n    borderRadius: 4,\n    fontSize: 12,\n  },\n  s: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE","minWidth","fontSize"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBK,EAAG,CACDP,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBM,GAAI,CACFR,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBO,IAAK,CACHT,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBQ,KAAM,CACJV,MAAO,EACPC,OAAQ,EACRC,aAAc,QAIX,MAAMS,aAA4C,CACvDZ,KAAM,CACJC,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZV,IAAK,CACHH,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZT,GAAI,CACFJ,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZR,EAAG,CACDL,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZP,EAAG,CACDN,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZN,EAAG,CACDP,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZL,GAAI,CACFR,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZJ,IAAK,CACHT,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZH,KAAM,CACJV,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU"}
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 10,\n    minWidth: 'auto',\n    height: 10,\n    borderRadius: '50%',\n    fontSize: 14,\n  },\n  xxl: {\n    width: 10,\n    minWidth: 'auto',\n    height: 10,\n    borderRadius: '50%',\n    fontSize: 14,\n  },\n  xl: {\n    width: 10,\n    minWidth: 'auto',\n    height: 10,\n    borderRadius: '50%',\n    fontSize: 14,\n  },\n  l: {\n    width: 10,\n    minWidth: 'auto',\n    height: 10,\n    borderRadius: '50%',\n    fontSize: 14,\n  },\n  m: {\n    width: 6,\n    minWidth: 'auto',\n    height: 6,\n    borderRadius: '50%',\n    fontSize: 12,\n  },\n  s: {\n    width: 4,\n    minWidth: 'auto',\n    height: 4,\n    borderRadius: '50%',\n    fontSize: 10,\n  },\n  xs: {\n    width: 4,\n    minWidth: 'auto',\n    height: 4,\n    borderRadius: '50%',\n    fontSize: 10,\n  },\n  xxs: {\n    width: 4,\n    minWidth: 'auto',\n    height: 4,\n    borderRadius: '50%',\n    fontSize: 10,\n  },\n  xxxs: {\n    width: 4,\n    minWidth: 'auto',\n    height: 4,\n    borderRadius: '50%',\n    fontSize: 10,\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    '--indicator-height': '22px',\n    width: 'min-content',\n    minWidth: 22,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 14,\n  },\n  xxl: {\n    '--indicator-height': '22px',\n    width: 'min-content',\n    minWidth: 22,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 14,\n  },\n  xl: {\n    '--indicator-height': '22px',\n    width: 'min-content',\n    minWidth: 22,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 14,\n  },\n  l: {\n    '--indicator-height': '22px',\n    width: 'min-content',\n    minWidth: 22,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 14,\n  },\n  m: {\n    '--indicator-height': '18px',\n    width: 'min-content',\n    minWidth: 18,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 12,\n  },\n  s: {\n    '--indicator-height': '16px',\n    width: 'min-content',\n    minWidth: 16,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 10,\n  },\n  xs: {\n    '--indicator-height': '16px',\n    width: 'min-content',\n    minWidth: 16,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 10,\n  },\n  xxs: {\n    '--indicator-height': '16px',\n    width: 'min-content',\n    minWidth: 16,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 10,\n  },\n  xxxs: {\n    '--indicator-height': '16px',\n    width: 'min-content',\n    minWidth: 16,\n    height: 'var(--indicator-height)',\n    borderRadius: `calc(var(--indicator-height) * 0.2)`,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","width","minWidth","height","borderRadius","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,MAAO,GACPC,SAAU,OACVC,OAAQ,GACRC,aAAc,MACdC,SAAU,IAEZC,IAAK,CACHL,MAAO,GACPC,SAAU,OACVC,OAAQ,GACRC,aAAc,MACdC,SAAU,IAEZE,GAAI,CACFN,MAAO,GACPC,SAAU,OACVC,OAAQ,GACRC,aAAc,MACdC,SAAU,IAEZG,EAAG,CACDP,MAAO,GACPC,SAAU,OACVC,OAAQ,GACRC,aAAc,MACdC,SAAU,IAEZI,EAAG,CACDR,MAAO,EACPC,SAAU,OACVC,OAAQ,EACRC,aAAc,MACdC,SAAU,IAEZK,EAAG,CACDT,MAAO,EACPC,SAAU,OACVC,OAAQ,EACRC,aAAc,MACdC,SAAU,IAEZM,GAAI,CACFV,MAAO,EACPC,SAAU,OACVC,OAAQ,EACRC,aAAc,MACdC,SAAU,IAEZO,IAAK,CACHX,MAAO,EACPC,SAAU,OACVC,OAAQ,EACRC,aAAc,MACdC,SAAU,IAEZQ,KAAM,CACJZ,MAAO,EACPC,SAAU,OACVC,OAAQ,EACRC,aAAc,MACdC,SAAU,KAIP,MAAMS,aAA4C,CACvDd,KAAM,CACJ,qBAAsB,OACtBC,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZC,IAAK,CACH,qBAAsB,OACtBL,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZE,GAAI,CACF,qBAAsB,OACtBN,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZG,EAAG,CACD,qBAAsB,OACtBP,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZI,EAAG,CACD,qBAAsB,OACtBR,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZK,EAAG,CACD,qBAAsB,OACtBT,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZM,GAAI,CACF,qBAAsB,OACtBV,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZO,IAAK,CACH,qBAAsB,OACtBX,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU,IAEZQ,KAAM,CACJ,qBAAsB,OACtBZ,MAAO,cACPC,SAAU,GACVC,OAAQ,0BACRC,aAAc,sCACdC,SAAU"}

package/components/Indicator/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');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardIndicatorProp=style.createShouldForwardProp((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));const pulseAnimation=styled.keyframes(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);const Foreground=styled__default.default.span.withConfig({displayName:"Indicator__Foreground",componentId:"ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${o.shadowColor};\n  }\n`;const COLOR_SCHEMA={onColored:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-oncolor-primary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),grey:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-oncolor-secondary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})))},default:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),grey:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-divider'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})))}};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIndicatorProp}).attrs((o=>({dynamicSizeDeclaration:(e,r)=>({fontSize:typeof e=='string'?e:`${e}${r}`,width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"Indicator__Root",componentId:"ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," "," ",""],(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.grey?e.grey:o.black?e.black:o.secondary?e.secondary:e.primary}),(o=>!o.frame&&`\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `),(o=>o.pulse&&styled.css(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],pulseAnimation,typeof o.pulseIterationCount=='number'?o.pulseIterationCount:'infinite')),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Foreground=Foreground,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');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardIndicatorProp=style.createShouldForwardProp(o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o));const pulseAnimation=styled.keyframes(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);const Foreground=styled__default.default.span.withConfig({displayName:"Indicator__Foreground",componentId:"ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${o.shadowColor};\n  }\n`;const COLOR_SCHEMA={onColored:{primary:styled.css(["",""],o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-oncolor-primary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})),secondary:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})),black:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})),grey:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-oncolor-secondary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))},default:{primary:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})),secondary:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})),black:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})),grey:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-divider'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))}};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIndicatorProp}).attrs(o=>({dynamicSizeDeclaration:(e,r)=>({fontSize:typeof e=='string'?e:`${e}${r}`,width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})})).withConfig({displayName:"Indicator__Root",componentId:"ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," "," ",""],o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.grey?e.grey:o.black?e.black:o.secondary?e.secondary:e.primary},o=>!o.frame&&`\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `,o=>o.pulse&&styled.css(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],pulseAnimation,typeof o.pulseIterationCount=='number'?o.pulseIterationCount:'infinite'),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Foreground=Foreground,exports.Root=Root;
 //# sourceMappingURL=style.js.map