npm - @foxford/ui - Versions diffs - 2.39.0-beta-86953e6-20240820 → 2.39.0-beta-22709eb-20240820 - Mend

@foxford/ui 2.39.0-beta-86953e6-20240820 → 2.39.0-beta-22709eb-20240820

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1088) hide show

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

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

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

@@ -0,0 +1 @@

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

package/components/ArrowBadge/images/arrow.svg.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var a in r)({}).hasOwnProperty.call(r,a)&&(t[a]=r[a])}return t},_extends.apply(null,arguments)}const SvgArrow=t=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},t),_path\|\|(_path=React.createElement("path",{fill:"currentColor",d:"M0 20 18 0h2v40h-2z"})));export{SvgArrow as default};
2	+ //# sourceMappingURL=arrow.svg.mjs.map

package/components/ArrowBadge/images/arrow.svg.mjs.map ADDED Viewed

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

package/components/ArrowBadge/images/fancy.svg.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var a=arguments[e];for(var n in a)({}).hasOwnProperty.call(a,n)&&(t[n]=a[n])}return t},_extends.apply(null,arguments)}const SvgFancy=t=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 28 40"},t),_path\|\|(_path=React.createElement("path",{fill:"currentColor",d:"M2 0h26v40H2l18-20z"})));export{SvgFancy as default};
2	+ //# sourceMappingURL=fancy.svg.mjs.map

package/components/ArrowBadge/images/fancy.svg.mjs.map ADDED Viewed

@@ -0,0 +1 @@

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

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

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

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

@@ -0,0 +1 @@

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

package/components/ArrowBadge/images/rectangle.svg.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}const SvgRectangle=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 40"},e),_path\|\|(_path=React.createElement("path",{fill:"currentColor",d:"M0 0h20v40H0z"})));export{SvgRectangle as default};
2	+ //# sourceMappingURL=rectangle.svg.mjs.map

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

@@ -0,0 +1 @@

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

package/components/ArrowBadge/style.js CHANGED Viewed

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

package/components/ArrowBadge/style.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.js","sources":["../../../../src/components/ArrowBadge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport type { StyledArrowBadgeProps, StyledArrowBadgeEdgeProps, ArrowBadgePalette } from './types'\nimport Arrow from './images/arrow.svg?module'\nimport Rectangle from './images/rectangle.svg?module'\nimport Fancy from './images/fancy.svg?module'\n\nconst shouldForwardArrowBadgeProp = createShouldForwardProp((propKey) => !['left', 'right', 'fancy'].includes(propKey))\n\nexport const Content = styled.div`\n flex-shrink: 0;\n display: flex;\n align-items: center;\n height: 100%;\n margin: 0 -1px;\n`\n\nexport const Edge = styled.svg\n .withConfig({ shouldForwardProp: () => false })\n .attrs((props: StyledArrowBadgeEdgeProps) => {\n let Shape = Rectangle\n\n if (props.fancy) Shape = Fancy\n if (props.left || props.right) Shape = Arrow\n\n return { as: Shape }\n })<StyledArrowBadgeEdgeProps>`\n flex-shrink: 0;\n height: 100%;\n ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: ArrowBadgePalette) => `\n & > ${Content} {\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n }\n & > ${Edge} {\n color: ${palette.backgroundColor};\n }\n`\n\nconst COLOR_SCHEMA = {\n primary: css<StyledArrowBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-200'],\n ...props.palette,\n })}\n `,\n secondary: css<StyledArrowBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-secondary-200'],\n ...props.palette,\n })}\n `,\n tertiary: css<StyledArrowBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-tertiary-200'],\n ...props.palette,\n })}\n `,\n quaternary: css<StyledArrowBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-quaternary-200'],\n ...props.palette,\n })}\n `,\n}\n\nexport const Root = styled.div\n .withConfig<StyledArrowBadgeProps>({\n shouldForwardProp: shouldForwardArrowBadgeProp,\n })\n .attrs(<Required<Pick<StyledArrowBadgeProps, 'dynamicSizeDeclaration'>>>{\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n height: '1.8em',\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n }\n },\n })`\n ${(props) => {\n let paddingRight = 0\n let paddingLeft = 0\n\n if (props.fancy || props.right) paddingRight = 0.4\n if (props.fancy || props.left) paddingLeft = 0.4\n\n return `\n box-sizing: border-box;\n isolation: isolate;\n display: inline-flex;\n width: max-content;\n flex-shrink: 0;\n cursor: default;\n & > ${Content} {\n padding-right: ${paddingRight}em;\n padding-left: ${paddingLeft}em;\n }\n `\n }}\n\n ${(props) => {\n if (props.quaternary) return COLOR_SCHEMA.quaternary\n if (props.tertiary) return COLOR_SCHEMA.tertiary\n if (props.secondary) return COLOR_SCHEMA.secondary\n\n return COLOR_SCHEMA.primary\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n\n ${(props) =>\n props.color &&\n `& > ${Content} {\n color: ${getColor(props.color, props)};\n }`}\n ${(props) =>\n props.backgroundColor &&\n `& > ${Content} {\n background-color: ${getColor(props.backgroundColor, props)};\n }\n & > ${Edge} {\n color: ${getColor(props.backgroundColor, props)};\n }`}\n`\n"],"names":["shouldForwardArrowBadgeProp","createShouldForwardProp","propKey","includes","Content","styled","div","withConfig","displayName","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","left","right","Arrow","as","after","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","paddingRight","paddingLeft","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"kjBAWA,MAAMA,4BAA8BC,MAAuBA,yBAAEC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,WAEjGE,QAAUC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAMtB,CAAA,6EAEM,MAAMK,KAAOL,gBAAAA,QAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,OAAOC,IACN,IAAIC,EAAQC,UAAAA,QAKZ,OAHIF,EAAMG,QAAOF,EAAQG,gBACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,MAAAA,SAEhC,CAAEC,GAAIP,EAAO,IACpBR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,KAGCS,GAAUA,EAAMS,OAAS,+BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,YAGfQ,UAAWH,OAAGA,IAAA,CAAA,GAAA,KACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,YAGfS,SAAUJ,OAAGA,IAAA,CAAA,GAAA,KACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,YAGfU,WAAYL,OAAGA,IAAA,CAAA,GAAA,KACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,aAKV,MAAMW,KAAO/B,gBAAAA,QAAOC,IACxBC,WAAkC,CACjCK,kBAAmBZ,8BAEpBa,MAAuE,CACtEwB,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,OAAQ,QACRC,gBAAiBH,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAG1DhC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAXgBJ,CAWhB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,qBAEnB,IAGA7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,SAGpBe,MAAKA,MACLC,eAAcA,eACdC,mCAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,eAASjC,EAAMY,MAAOZ,gBAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,eAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,eAASjC,EAAMa,gBAAiBb"}

package/components/ArrowBadge/style.mjs CHANGED Viewed

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

package/components/ArrowBadge/style.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/ArrowBadge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport type { StyledArrowBadgeProps, StyledArrowBadgeEdgeProps, ArrowBadgePalette } from './types'\nimport Arrow from './images/arrow.svg?module'\nimport Rectangle from './images/rectangle.svg?module'\nimport Fancy from './images/fancy.svg?module'\n\nconst shouldForwardArrowBadgeProp = createShouldForwardProp((propKey) => !['left', 'right', 'fancy'].includes(propKey))\n\nexport const Content = styled.div`\n flex-shrink: 0;\n display: flex;\n align-items: center;\n height: 100%;\n margin: 0 -1px;\n`\n\nexport const Edge = styled.svg\n .withConfig({ shouldForwardProp: () => false })\n .attrs((props: StyledArrowBadgeEdgeProps) => {\n let Shape = Rectangle\n\n if (props.fancy) Shape = Fancy\n if (props.left || props.right) Shape = Arrow\n\n return { as: Shape }\n })<StyledArrowBadgeEdgeProps>`\n flex-shrink: 0;\n height: 100%;\n ${(props) => props.after && 'transform: rotate(180deg);'}\n`\n\nconst template = (palette: ArrowBadgePalette) => `\n & > ${Content} {\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n }\n & > ${Edge} {\n color: ${palette.backgroundColor};\n }\n`\n\nconst COLOR_SCHEMA = {\n primary: css<StyledArrowBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-200'],\n ...props.palette,\n })}\n `,\n secondary: css<StyledArrowBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-secondary-200'],\n ...props.palette,\n })}\n `,\n tertiary: css<StyledArrowBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-tertiary-200'],\n ...props.palette,\n })}\n `,\n quaternary: css<StyledArrowBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-quaternary-200'],\n ...props.palette,\n })}\n `,\n}\n\nexport const Root = styled.div\n .withConfig<StyledArrowBadgeProps>({\n shouldForwardProp: shouldForwardArrowBadgeProp,\n })\n .attrs(<Required<Pick<StyledArrowBadgeProps, 'dynamicSizeDeclaration'>>>{\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n height: '1.8em',\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n }\n },\n })`\n ${(props) => {\n let paddingRight = 0\n let paddingLeft = 0\n\n if (props.fancy || props.right) paddingRight = 0.4\n if (props.fancy || props.left) paddingLeft = 0.4\n\n return `\n box-sizing: border-box;\n isolation: isolate;\n display: inline-flex;\n width: max-content;\n flex-shrink: 0;\n cursor: default;\n & > ${Content} {\n padding-right: ${paddingRight}em;\n padding-left: ${paddingLeft}em;\n }\n `\n }}\n\n ${(props) => {\n if (props.quaternary) return COLOR_SCHEMA.quaternary\n if (props.tertiary) return COLOR_SCHEMA.tertiary\n if (props.secondary) return COLOR_SCHEMA.secondary\n\n return COLOR_SCHEMA.primary\n }}\n\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n\n ${(props) =>\n props.color &&\n `& > ${Content} {\n color: ${getColor(props.color, props)};\n }`}\n ${(props) =>\n props.backgroundColor &&\n `& > ${Content} {\n background-color: ${getColor(props.backgroundColor, props)};\n }\n & > ${Edge} {\n color: ${getColor(props.backgroundColor, props)};\n }`}\n`\n"],"names":["shouldForwardArrowBadgeProp","createShouldForwardProp","propKey","includes","Content","styled","div","withConfig","displayName","componentId","Edge","svg","shouldForwardProp","attrs","props","Shape","Rectangle","fancy","Fancy","left","right","Arrow","as","after","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","theme","colors","secondary","tertiary","quaternary","Root","dynamicSizeDeclaration","size","sizeUnits","height","fontSize","paddingRight","paddingLeft","focus","responsiveSize","responsiveMargin","getColor"],"mappings":"idAWA,MAAMA,4BAA8BC,yBAAyBC,IAAa,CAAC,OAAQ,QAAS,SAASC,SAASD,WAEjGE,QAAUC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,mBAAVJ,CAMtB,CAAA,6EAEM,MAAMK,KAAOL,OAAOM,IACxBJ,WAAW,CAAEK,kBAAmBA,KAAM,IACtCC,OAAOC,IACN,IAAIC,EAAQC,aAKZ,OAHIF,EAAMG,QAAOF,EAAQG,WACrBJ,EAAMK,MAAQL,EAAMM,SAAOL,EAAQM,UAEhC,CAAEC,GAAIP,EAAO,IACpBR,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBATgBJ,CAShB,CAAA,6BAAA,KAGCS,GAAUA,EAAMS,OAAS,+BAG9B,MAAMC,SAAYC,GAA+B,WACzCrB,yBACKqB,EAAQC,iCACGD,EAAQE,gCAExBjB,sBACKe,EAAQE,0BAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,2BACjClB,EAAMW,YAGfQ,UAAWH,IAAG,CAAA,GAAA,KACThB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,6BACjClB,EAAMW,YAGfS,SAAUJ,IAAG,CAAA,GAAA,KACRhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,4BACjClB,EAAMW,YAGfU,WAAYL,IAAG,CAAA,GAAA,KACVhB,GACDU,SAAS,CACPE,MAAOZ,EAAMiB,MAAMC,OAAO,0BAC1BL,gBAAiBb,EAAMiB,MAAMC,OAAO,8BACjClB,EAAMW,aAKV,MAAMW,KAAO/B,OAAOC,IACxBC,WAAkC,CACjCK,kBAAmBZ,8BAEpBa,MAAuE,CACtEwB,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,OAAQ,QACRC,gBAAiBH,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAG1DhC,WAAA,CAAAC,YAAA,mBAAAC,YAAA,mBAXgBJ,CAWhB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACCS,IACD,IAAI4B,EAAe,EACnB,IAAIC,EAAc,EAKlB,OAHI7B,EAAMG,OAASH,EAAMM,SAAOsB,EAAe,KAC3C5B,EAAMG,OAASH,EAAMK,QAAMwB,EAAc,IAEtC,gLAOCvC,qCACasC,+BACDC,qBAEnB,IAGA7B,GACGA,EAAMqB,WAAmBP,aAAaO,WACtCrB,EAAMoB,SAAiBN,aAAaM,SACpCpB,EAAMmB,UAAkBL,aAAaK,UAElCL,aAAaC,SAGpBe,MACAC,eACAC,kBAEChC,GACDA,EAAMY,OACN,OAAOtB,4BACK2C,SAASjC,EAAMY,MAAOZ,gBAEjCA,GACDA,EAAMa,iBACN,OAAOvB,uCACgB2C,SAASjC,EAAMa,gBAAiBb,yBAEhDJ,yBACKqC,SAASjC,EAAMa,gBAAiBb"}

package/components/Avatar/Avatar.js CHANGED Viewed

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

package/components/Avatar/Avatar.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport { SIZES_MAPPING_RULES, SIZES_DEFAULT } from './default-constants'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AvatarProps](https://github.com/foxford/ui/blob/master/src/components/Avatar/types.ts)\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n forwardRef((props, ref) => {\n const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n const sizeMapped =\n typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n ? SIZES_MAPPING_RULES[size] ?? size\n : size\n\n return (\n <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n {restProps.loading ? (\n <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n ) : (\n <>\n {children ??\n (!restProps.src && (\n <Text\n as='span'\n appearance='caption'\n size='inherit'\n color='inherit'\n lineHeight={1}\n marginTop={1}\n transform='uppercase'\n {...textProps}\n >\n {abbreviateCaption(text || restProps.title || '')}\n </Text>\n ))}\n </>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n if (props.preset === 'brand') {\n return props.square ? SIZES_SQUARE : SIZES\n }\n\n return SIZES_DEFAULT\n },\n }\n)\n\nexport { Avatar }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","jsx","_Fragment","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"oYAsBMA,MAAAA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADAO,iBAAmBA,oBAACP,IAASA,EAGnC,OACEQ,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,WAAAA,IAACG,SAAAA,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE5DP,WAAAQ,IAAAC,oBAAA,CAAAf,SACGA,KACGE,EAAUc,KACVV,WAAAA,IAACW,KAAAA,KAAI,CACHP,GAAG,OACHQ,WAAW,UACXpB,KAAK,UACLqB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNvB,EAASC,SAEZuB,MAAAA,kBAAkBtB,GAAQC,EAAUsB,OAAS,UAK5C,IAGlB,CACEC,YAhDmB,SAiDnBC,MAAQ9B,GACFA,EAAMQ,SAAW,QACZR,EAAM+B,OAASC,UAAYA,aAAGC,gBAGhCC"}

package/components/Avatar/Avatar.mjs CHANGED Viewed

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

package/components/Avatar/Avatar.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Avatar.mjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport { SIZES_MAPPING_RULES, SIZES_DEFAULT } from './default-constants'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [AvatarProps](https://github.com/foxford/ui/blob/master/src/components/Avatar/types.ts)\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n forwardRef((props, ref) => {\n const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n const sizeMapped =\n typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n ? SIZES_MAPPING_RULES[size] ?? size\n : size\n\n return (\n <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n {restProps.loading ? (\n <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n ) : (\n <>\n {children ??\n (!restProps.src && (\n <Text\n as='span'\n appearance='caption'\n size='inherit'\n color='inherit'\n lineHeight={1}\n marginTop={1}\n transform='uppercase'\n {...textProps}\n >\n {abbreviateCaption(text || restProps.title || '')}\n </Text>\n ))}\n </>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n if (props.preset === 'brand') {\n return props.square ? SIZES_SQUARE : SIZES\n }\n\n return SIZES_DEFAULT\n },\n }\n)\n\nexport { Avatar }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","_Fragment","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"wZAsBMA,MAAAA,OAAuDC,gBAC3DC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADAO,oBAAoBP,IAASA,EAGnC,OACEQ,IAACC,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,IAACG,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE5DP,IAAAQ,SAAA,CAAAd,SACGA,KACGE,EAAUa,KACVT,IAACU,KAAI,CACHN,GAAG,OACHO,WAAW,UACXnB,KAAK,UACLoB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNtB,EAASC,SAEZsB,kBAAkBrB,GAAQC,EAAUqB,OAAS,UAK5C,IAGlB,CACEC,YAhDmB,SAiDnBC,MAAQ7B,GACFA,EAAMQ,SAAW,QACZR,EAAM8B,OAASC,aAAeC,MAGhCC"}

package/components/Avatar/constants.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';exports.SIZES={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:12,borderRadius:'50%'},xs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:6,borderRadius:'50%'}},exports.SIZES_SQUARE={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:24,height:24,fontSize:10,borderRadius:5},xxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxs:{width:16,height:16,fontSize:6,borderRadius:4}};
2	+ //# sourceMappingURL=constants.js.map

package/components/Avatar/constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.js","sources":["../../../../src/components/Avatar/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xxl: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: '50%',\n },\n xl: {\n width: 52,\n height: 52,\n fontSize: 18,\n borderRadius: '50%',\n },\n l: {\n width: 48,\n height: 48,\n fontSize: 16,\n borderRadius: '50%',\n },\n m: {\n width: 40,\n height: 40,\n fontSize: 14,\n borderRadius: '50%',\n },\n s: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xs: {\n width: 24,\n height: 24,\n fontSize: 10,\n borderRadius: '50%',\n },\n xxs: {\n width: 20,\n height: 20,\n fontSize: 8,\n borderRadius: '50%',\n },\n xxxs: {\n width: 16,\n height: 16,\n fontSize: 6,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES_SQUARE: Sizes = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: 24,\n },\n xxl: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: 14,\n },\n xl: {\n width: 52,\n height: 52,\n fontSize: 18,\n borderRadius: 11,\n },\n l: {\n width: 48,\n height: 48,\n fontSize: 16,\n borderRadius: 10,\n },\n m: {\n width: 40,\n height: 40,\n fontSize: 14,\n borderRadius: 8,\n },\n s: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: 7,\n },\n xs: {\n width: 24,\n height: 24,\n fontSize: 10,\n borderRadius: 5,\n },\n xxs: {\n width: 20,\n height: 20,\n fontSize: 8,\n borderRadius: 4,\n },\n xxxs: {\n width: 16,\n height: 16,\n fontSize: 6,\n borderRadius: 4,\n },\n}\n"],"names":["xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,6BAIiB,CACjCJ,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,IAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc"}

package/components/Avatar/constants.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	const SIZES={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:12,borderRadius:'50%'},xs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:6,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:24,height:24,fontSize:10,borderRadius:5},xxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxs:{width:16,height:16,fontSize:6,borderRadius:4}};export{SIZES,SIZES_SQUARE};
2	+ //# sourceMappingURL=constants.mjs.map

package/components/Avatar/constants.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.mjs","sources":["../../../../src/components/Avatar/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xxl: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: '50%',\n },\n xl: {\n width: 52,\n height: 52,\n fontSize: 18,\n borderRadius: '50%',\n },\n l: {\n width: 48,\n height: 48,\n fontSize: 16,\n borderRadius: '50%',\n },\n m: {\n width: 40,\n height: 40,\n fontSize: 14,\n borderRadius: '50%',\n },\n s: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xs: {\n width: 24,\n height: 24,\n fontSize: 10,\n borderRadius: '50%',\n },\n xxs: {\n width: 20,\n height: 20,\n fontSize: 8,\n borderRadius: '50%',\n },\n xxxs: {\n width: 16,\n height: 16,\n fontSize: 6,\n borderRadius: '50%',\n },\n}\n\nexport const SIZES_SQUARE: Sizes = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: 24,\n },\n xxl: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: 14,\n },\n xl: {\n width: 52,\n height: 52,\n fontSize: 18,\n borderRadius: 11,\n },\n l: {\n width: 48,\n height: 48,\n fontSize: 16,\n borderRadius: 10,\n },\n m: {\n width: 40,\n height: 40,\n fontSize: 14,\n borderRadius: 8,\n },\n s: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: 7,\n },\n xs: {\n width: 24,\n height: 24,\n fontSize: 10,\n borderRadius: 5,\n },\n xxs: {\n width: 20,\n height: 20,\n fontSize: 8,\n borderRadius: 4,\n },\n xxxs: {\n width: 16,\n height: 16,\n fontSize: 6,\n borderRadius: 4,\n },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,QAIX,MAAMS,aAAsB,CACjCb,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,IAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc"}

package/components/Avatar/default-constants.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';exports.SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}},exports.SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'};
2	+ //# sourceMappingURL=default-constants.js.map

package/components/Avatar/default-constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"default-constants.js","sources":["../../../../src/components/Avatar/default-constants.ts"],"sourcesContent":["import type { Size, Sizes } from 'shared/types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Sizes = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n l: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: '50%',\n },\n m: {\n width: 52,\n height: 52,\n fontSize: 12,\n borderRadius: '50%',\n },\n s: {\n width: 40,\n height: 40,\n fontSize: 12,\n borderRadius: '50%',\n },\n xs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxxs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n}\n"],"names":["xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","sm"],"mappings":"mCAIoC,CAClCA,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,oCAvDuC,CAAEG,EAAG,KAAMC,EAAG,IAAKK,GAAI"}

package/components/Avatar/default-constants.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	const SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'};const SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}};export{SIZES_DEFAULT,SIZES_MAPPING_RULES};
2	+ //# sourceMappingURL=default-constants.mjs.map

package/components/Avatar/default-constants.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"default-constants.mjs","sources":["../../../../src/components/Avatar/default-constants.ts"],"sourcesContent":["import type { Size, Sizes } from 'shared/types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Sizes = {\n xxxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xxl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n xl: {\n width: 120,\n height: 120,\n fontSize: 36,\n borderRadius: '50%',\n },\n l: {\n width: 68,\n height: 68,\n fontSize: 24,\n borderRadius: '50%',\n },\n m: {\n width: 52,\n height: 52,\n fontSize: 12,\n borderRadius: '50%',\n },\n s: {\n width: 40,\n height: 40,\n fontSize: 12,\n borderRadius: '50%',\n },\n xs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n xxxs: {\n width: 32,\n height: 32,\n fontSize: 12,\n borderRadius: '50%',\n },\n}\n"],"names":["SIZES_MAPPING_RULES","l","m","sm","SIZES_DEFAULT","xxxl","width","height","fontSize","borderRadius","xxl","xl","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,oBAA4C,CAAEC,EAAG,KAAMC,EAAG,IAAKC,GAAI,KAEzE,MAAMC,cAAuB,CAClCC,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc"}

package/components/Avatar/style.js CHANGED Viewed

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

package/components/Avatar/style.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/components/Avatar/style.mjs CHANGED Viewed

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

package/components/Avatar/style.mjs.map ADDED Viewed

@@ -0,0 +1 @@

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

package/components/Avatar/utils.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';exports.abbreviateCaption=t=>t.split(' ').map((t=>t.trim())).filter((t=>t.length!==0)).slice(0,2).reduce(((t,e)=>{if(typeof e=='string'){const i=e.codePointAt(0);typeof i=='number'&&(t+=String.fromCodePoint(i))}return t}),'')\|\|'#';
2	+ //# sourceMappingURL=utils.js.map

package/components/Avatar/utils.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.js","sources":["../../../../src/components/Avatar/utils.ts"],"sourcesContent":["export const abbreviateCaption = (caption: string): string =>\n caption\n .split(' ')\n .map((seq) => seq.trim())\n .filter((seq) => seq.length !== 0)\n .slice(0, 2)\n .reduce((abbreviation, seq) => {\n if (typeof seq === 'string') {\n const symbolCodePoint = seq.codePointAt(0)\n\n if (typeof symbolCodePoint === 'number') {\n abbreviation += String.fromCodePoint(symbolCodePoint)\n }\n }\n\n return abbreviation\n }, '') || '#'\n"],"names":["caption","split","map","seq","trim","filter","length","slice","reduce","abbreviation","symbolCodePoint","codePointAt","String","fromCodePoint"],"mappings":"uCAAkCA,GAChCA,EACGC,MAAM,KACNC,KAAKC,GAAQA,EAAIC,SACjBC,QAAQF,GAAQA,EAAIG,SAAW,IAC/BC,MAAM,EAAG,GACTC,QAAO,CAACC,EAAcN,KACrB,UAAWA,GAAQ,SAAU,CAC3B,MAAMO,EAAkBP,EAAIQ,YAAY,UAE7BD,GAAoB,WAC7BD,GAAgBG,OAAOC,cAAcH,GAEzC,CAEA,OAAOD,CAAY,GAClB,KAAO"}

package/components/Avatar/utils.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	const abbreviateCaption=t=>t.split(' ').map((t=>t.trim())).filter((t=>t.length!==0)).slice(0,2).reduce(((t,e)=>{if(typeof e=='string'){const i=e.codePointAt(0);typeof i=='number'&&(t+=String.fromCodePoint(i))}return t}),'')\|\|'#';export{abbreviateCaption};
2	+ //# sourceMappingURL=utils.mjs.map

package/components/Avatar/utils.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"utils.mjs","sources":["../../../../src/components/Avatar/utils.ts"],"sourcesContent":["export const abbreviateCaption = (caption: string): string =>\n caption\n .split(' ')\n .map((seq) => seq.trim())\n .filter((seq) => seq.length !== 0)\n .slice(0, 2)\n .reduce((abbreviation, seq) => {\n if (typeof seq === 'string') {\n const symbolCodePoint = seq.codePointAt(0)\n\n if (typeof symbolCodePoint === 'number') {\n abbreviation += String.fromCodePoint(symbolCodePoint)\n }\n }\n\n return abbreviation\n }, '') || '#'\n"],"names":["abbreviateCaption","caption","split","map","seq","trim","filter","length","slice","reduce","abbreviation","symbolCodePoint","codePointAt","String","fromCodePoint"],"mappings":"AAAO,MAAMA,kBAAqBC,GAChCA,EACGC,MAAM,KACNC,KAAKC,GAAQA,EAAIC,SACjBC,QAAQF,GAAQA,EAAIG,SAAW,IAC/BC,MAAM,EAAG,GACTC,QAAO,CAACC,EAAcN,KACrB,UAAWA,GAAQ,SAAU,CAC3B,MAAMO,EAAkBP,EAAIQ,YAAY,UAE7BD,GAAoB,WAC7BD,GAAgBG,OAAOC,cAAcH,GAEzC,CAEA,OAAOD,CAAY,GAClB,KAAO"}

package/components/Badge/Badge.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Badge=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:s="s",borderRadius:i=3,textProps:o={},iconProps:t={},children:n,content:c,icon:a,...d}=e;const[u,p]=Array.isArray(a)?a:[a];const g={as:'span',size:'inherit',color:'inherit',marginLeft:u?'0.25em':void 0,marginRight:p?'0.25em':void 0};const x={color:'inherit'};return require$$0.jsx(style.Root,{...d,size:s,borderRadius:i,ref:r,children:typeof n=='function'?n({baseTextProps:g,textProps:o,iconBaseProps:x,iconProps:t,icon:a}):require$$0.jsxs(require$$0.Fragment,{children:[u&&require$$0.jsx(Icon.Icon,{name:typeof u=='string'?u:void 0,icon:typeof u!='string'?u:void 0,...x,...t}),(n\|\|c)&&require$$0.jsx(Text.Text,{...g,...o,children:n\|\|c}),p&&require$$0.jsx(Icon.Icon,{name:typeof p=='string'?p:void 0,icon:typeof p!='string'?p:void 0,...x,...t})]})})})),{displayName:'Badge',sizes:e=>e.round?constants.SIZES_ROUND:constants.SIZES});exports.Badge=Badge;
2	+ //# sourceMappingURL=Badge.js.map

package/components/Badge/Badge.js.map ADDED Viewed

@@ -0,0 +1 @@

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

package/components/Badge/Badge.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root}from'./style.mjs';import{SIZES_ROUND,SIZES}from'./constants.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const Badge=withMergedProps(forwardRef(((o,r)=>{const{size:e="s",borderRadius:t=3,textProps:s={},iconProps:i={},children:n,content:c,icon:m,...a}=o;const[d,p]=Array.isArray(m)?m:[m];const f={as:'span',size:'inherit',color:'inherit',marginLeft:d?'0.25em':void 0,marginRight:p?'0.25em':void 0};const x={color:'inherit'};return jsx(Root,{...a,size:e,borderRadius:t,ref:r,children:typeof n=='function'?n({baseTextProps:f,textProps:s,iconBaseProps:x,iconProps:i,icon:m}):jsxs(Fragment,{children:[d&&jsx(Icon,{name:typeof d=='string'?d:void 0,icon:typeof d!='string'?d:void 0,...x,...i}),(n\|\|c)&&jsx(Text,{...f,...s,children:n\|\|c}),p&&jsx(Icon,{name:typeof p=='string'?p:void 0,icon:typeof p!='string'?p:void 0,...x,...i})]})})})),{displayName:'Badge',sizes:o=>o.round?SIZES_ROUND:SIZES});export{Badge};
2	+ //# sourceMappingURL=Badge.mjs.map

package/components/Badge/Badge.mjs.map ADDED Viewed

@@ -0,0 +1 @@

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

package/components/Badge/constants.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';exports.SIZES={xxxl:{height:34,fontSize:22,paddingRight:10,paddingLeft:10},xxl:{height:32,fontSize:20,paddingRight:10,paddingLeft:10},xl:{height:30,fontSize:18,paddingRight:10,paddingLeft:10},l:{height:28,fontSize:16,paddingRight:8,paddingLeft:8},m:{height:26,fontSize:14,paddingRight:8,paddingLeft:8},s:{height:24,fontSize:12,paddingRight:8,paddingLeft:8},xs:{height:22,fontSize:10,paddingRight:6,paddingLeft:6},xxs:{height:20,fontSize:10,paddingRight:6,paddingLeft:6},xxxs:{height:18,fontSize:10,paddingRight:6,paddingLeft:6}},exports.SIZES_ROUND={xxxl:{height:34,width:34,fontSize:22},xxl:{height:32,width:32,fontSize:20},xl:{height:30,width:30,fontSize:18},l:{height:28,width:28,fontSize:16},m:{height:26,width:26,fontSize:14},s:{height:24,width:24,fontSize:12},xs:{height:22,width:22,fontSize:10},xxs:{height:20,width:20,fontSize:10},xxxs:{height:18,width:18,fontSize:10}};
2	+ //# sourceMappingURL=constants.js.map

package/components/Badge/constants.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.js","sources":["../../../../src/components/Badge/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n height: 34,\n fontSize: 22,\n paddingRight: 10,\n paddingLeft: 10,\n },\n xxl: {\n height: 32,\n fontSize: 20,\n paddingRight: 10,\n paddingLeft: 10,\n },\n xl: {\n height: 30,\n fontSize: 18,\n paddingRight: 10,\n paddingLeft: 10,\n },\n l: {\n height: 28,\n fontSize: 16,\n paddingRight: 8,\n paddingLeft: 8,\n },\n m: {\n height: 26,\n fontSize: 14,\n paddingRight: 8,\n paddingLeft: 8,\n },\n s: {\n height: 24,\n fontSize: 12,\n paddingRight: 8,\n paddingLeft: 8,\n },\n xs: {\n height: 22,\n fontSize: 10,\n paddingRight: 6,\n paddingLeft: 6,\n },\n xxs: {\n height: 20,\n fontSize: 10,\n paddingRight: 6,\n paddingLeft: 6,\n },\n xxxs: {\n height: 18,\n fontSize: 10,\n paddingRight: 6,\n paddingLeft: 6,\n },\n}\n\nexport const SIZES_ROUND: Sizes = {\n xxxl: {\n height: 34,\n width: 34,\n fontSize: 22,\n },\n xxl: {\n height: 32,\n width: 32,\n fontSize: 20,\n },\n xl: {\n height: 30,\n width: 30,\n fontSize: 18,\n },\n l: {\n height: 28,\n width: 28,\n fontSize: 16,\n },\n m: {\n height: 26,\n width: 26,\n fontSize: 14,\n },\n s: {\n height: 24,\n width: 24,\n fontSize: 12,\n },\n xs: {\n height: 22,\n width: 22,\n fontSize: 10,\n },\n xxs: {\n height: 20,\n width: 20,\n fontSize: 10,\n },\n xxxs: {\n height: 18,\n width: 18,\n fontSize: 10,\n },\n}\n"],"names":["xxxl","height","fontSize","paddingRight","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs","width"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfC,IAAK,CACHJ,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfE,GAAI,CACFL,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfG,EAAG,CACDN,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfI,EAAG,CACDP,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfK,EAAG,CACDR,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfM,GAAI,CACFT,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfO,IAAK,CACHV,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfQ,KAAM,CACJX,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,wBAIiB,CAChCJ,KAAM,CACJC,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZG,IAAK,CACHJ,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZI,GAAI,CACFL,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZM,EAAG,CACDP,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZO,EAAG,CACDR,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZQ,GAAI,CACFT,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZS,IAAK,CACHV,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZU,KAAM,CACJX,OAAQ,GACRY,MAAO,GACPX,SAAU"}

package/components/Badge/constants.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	const SIZES={xxxl:{height:34,fontSize:22,paddingRight:10,paddingLeft:10},xxl:{height:32,fontSize:20,paddingRight:10,paddingLeft:10},xl:{height:30,fontSize:18,paddingRight:10,paddingLeft:10},l:{height:28,fontSize:16,paddingRight:8,paddingLeft:8},m:{height:26,fontSize:14,paddingRight:8,paddingLeft:8},s:{height:24,fontSize:12,paddingRight:8,paddingLeft:8},xs:{height:22,fontSize:10,paddingRight:6,paddingLeft:6},xxs:{height:20,fontSize:10,paddingRight:6,paddingLeft:6},xxxs:{height:18,fontSize:10,paddingRight:6,paddingLeft:6}};const SIZES_ROUND={xxxl:{height:34,width:34,fontSize:22},xxl:{height:32,width:32,fontSize:20},xl:{height:30,width:30,fontSize:18},l:{height:28,width:28,fontSize:16},m:{height:26,width:26,fontSize:14},s:{height:24,width:24,fontSize:12},xs:{height:22,width:22,fontSize:10},xxs:{height:20,width:20,fontSize:10},xxxs:{height:18,width:18,fontSize:10}};export{SIZES,SIZES_ROUND};
2	+ //# sourceMappingURL=constants.mjs.map

package/components/Badge/constants.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"constants.mjs","sources":["../../../../src/components/Badge/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n xxxl: {\n height: 34,\n fontSize: 22,\n paddingRight: 10,\n paddingLeft: 10,\n },\n xxl: {\n height: 32,\n fontSize: 20,\n paddingRight: 10,\n paddingLeft: 10,\n },\n xl: {\n height: 30,\n fontSize: 18,\n paddingRight: 10,\n paddingLeft: 10,\n },\n l: {\n height: 28,\n fontSize: 16,\n paddingRight: 8,\n paddingLeft: 8,\n },\n m: {\n height: 26,\n fontSize: 14,\n paddingRight: 8,\n paddingLeft: 8,\n },\n s: {\n height: 24,\n fontSize: 12,\n paddingRight: 8,\n paddingLeft: 8,\n },\n xs: {\n height: 22,\n fontSize: 10,\n paddingRight: 6,\n paddingLeft: 6,\n },\n xxs: {\n height: 20,\n fontSize: 10,\n paddingRight: 6,\n paddingLeft: 6,\n },\n xxxs: {\n height: 18,\n fontSize: 10,\n paddingRight: 6,\n paddingLeft: 6,\n },\n}\n\nexport const SIZES_ROUND: Sizes = {\n xxxl: {\n height: 34,\n width: 34,\n fontSize: 22,\n },\n xxl: {\n height: 32,\n width: 32,\n fontSize: 20,\n },\n xl: {\n height: 30,\n width: 30,\n fontSize: 18,\n },\n l: {\n height: 28,\n width: 28,\n fontSize: 16,\n },\n m: {\n height: 26,\n width: 26,\n fontSize: 14,\n },\n s: {\n height: 24,\n width: 24,\n fontSize: 12,\n },\n xs: {\n height: 22,\n width: 22,\n fontSize: 10,\n },\n xxs: {\n height: 20,\n width: 20,\n fontSize: 10,\n },\n xxxs: {\n height: 18,\n width: 18,\n fontSize: 10,\n },\n}\n"],"names":["SIZES","xxxl","height","fontSize","paddingRight","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_ROUND","width"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfC,IAAK,CACHJ,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfE,GAAI,CACFL,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfG,EAAG,CACDN,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfI,EAAG,CACDP,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfK,EAAG,CACDR,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfM,GAAI,CACFT,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfO,IAAK,CACHV,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfQ,KAAM,CACJX,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,IAIV,MAAMS,YAAqB,CAChCb,KAAM,CACJC,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZG,IAAK,CACHJ,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZI,GAAI,CACFL,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZM,EAAG,CACDP,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZO,EAAG,CACDR,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZQ,GAAI,CACFT,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZS,IAAK,CACHV,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZU,KAAM,CACJX,OAAQ,GACRa,MAAO,GACPZ,SAAU"}

package/components/Badge/style.js CHANGED Viewed

@@ -1 +1,2 @@
-'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var display=require('../../mixins/display.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');const shouldForwardBadgeProp=style.createShouldForwardProp((r=>!['round','content','borderRadius','resetDefaultMargin','display'].includes(r)));const template=r=>`\n  color: ${r.color};\n  background-color: ${r.backgroundColor};\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],...r.palette}))),secondary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-100'],...r.palette}))),tertiary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-100'],...r.palette}))),quaternary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-100'],...r.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardBadgeProp}).attrs((r=>({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,height:'1.8em',width:r.round?'1.8em':void 0,paddingRight:r.round?void 0:'0.6em',paddingLeft:r.round?void 0:'0.6em'})}))).withConfig({componentId:"fox-ui__sc-h3lnrc-0"})([""," "," "," "," "," "," "," ",""],(r=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${r.round?'50%':typeof r.borderRadius=='number'?`${r.borderRadius}px`:r.borderRadius};\n      cursor: default;\n    `),(r=>r.quaternary?COLOR_SCHEMA.quaternary:r.tertiary?COLOR_SCHEMA.tertiary:r.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(r=>r.color&&color.color(r.color,'background-color')),(r=>r.display&&display.display(r.display)),(r=>!r.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }'));exports.Root=Root;
+'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var display=require('../../mixins/display.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');function _interopDefault(r){return r&&r.__esModule?r:{default:r}}var styled__default=_interopDefault(styled);const shouldForwardBadgeProp=style.createShouldForwardProp((r=>!['round','content','borderRadius','resetDefaultMargin','display'].includes(r)));const template=r=>`\n  color: ${r.color};\n  background-color: ${r.backgroundColor};\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],...r.palette}))),secondary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-100'],...r.palette}))),tertiary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-100'],...r.palette}))),quaternary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-100'],...r.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardBadgeProp}).attrs((r=>({dynamicSizeDeclaration:(e,o)=>({fontSize:typeof e=='string'?e:`${e}${o}`,height:'1.8em',width:r.round?'1.8em':void 0,paddingRight:r.round?void 0:'0.6em',paddingLeft:r.round?void 0:'0.6em'})}))).withConfig({displayName:"Badge__Root",componentId:"ui__sc-h3lnrc-0"})([""," "," "," "," "," "," "," ",""],(r=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${r.round?'50%':typeof r.borderRadius=='number'?`${r.borderRadius}px`:r.borderRadius};\n      cursor: default;\n    `),(r=>r.quaternary?COLOR_SCHEMA.quaternary:r.tertiary?COLOR_SCHEMA.tertiary:r.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(r=>r.color&&color.color(r.color,'background-color')),(r=>r.display&&display.display(r.display)),(r=>!r.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }'));exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/Badge/style.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.js","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport type { StyledBadgeProps, BadgePalette } from './types'\n\nconst shouldForwardBadgeProp = createShouldForwardProp(\n (propKey) => !['round', 'content', 'borderRadius', 'resetDefaultMargin', 'display'].includes(propKey)\n)\n\nconst template = (palette: BadgePalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA = {\n primary: css<StyledBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100'],\n ...props.palette,\n })}\n `,\n secondary: css<StyledBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-secondary-100'],\n ...props.palette,\n })}\n `,\n tertiary: css<StyledBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-tertiary-100'],\n ...props.palette,\n })}\n `,\n quaternary: css<StyledBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-quaternary-100'],\n ...props.palette,\n })}\n `,\n}\n\nconst badgeStyles = (props: ThemedStyledProps<StyledBadgeProps, DefaultTheme>) => {\n if (props.quaternary) return COLOR_SCHEMA.quaternary\n if (props.tertiary) return COLOR_SCHEMA.tertiary\n if (props.secondary) return COLOR_SCHEMA.secondary\n\n return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n .withConfig<StyledBadgeProps>({\n shouldForwardProp: shouldForwardBadgeProp,\n })\n .attrs<StyledBadgeProps>(\n (props): Required<Pick<StyledBadgeProps, 'dynamicSizeDeclaration'>> => ({\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n height: '1.8em',\n width: props.round ? '1.8em' : undefined,\n paddingRight: props.round ? undefined : '0.6em',\n paddingLeft: props.round ? undefined : '0.6em',\n }\n },\n })\n )`\n ${(props) => {\n const borderRadius = typeof props.borderRadius === 'number' ? `${props.borderRadius}px` : props.borderRadius\n\n return `\n box-sizing: border-box;\n isolation: isolate;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: max-content;\n flex-shrink: 0;\n border-radius: ${props.round ? '50%' : borderRadius};\n cursor: default;\n `\n }}\n\n ${badgeStyles}\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n\n ${(props) => props.color && color(props.color, 'background-color')}\n ${(props) => props.display && display(props.display)}\n ${(props) => !props.resetDefaultMargin && '&:not(:last-child) { margin-right: 8px; }'}\n`\n"],"names":["shouldForwardBadgeProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","props","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"wdAUA,MAAMA,uBAAyBC,MAAAA,yBAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,WAAWC,SAASD,KAG/F,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAGfS,UAAWJ,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,YAGfU,SAAUL,OAAGA,IAAA,CAAA,GAAA,KACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,YAGfW,WAAYN,OAAGA,IAAA,CAAA,GAAA,KACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,aAaV,MAAMY,KAAOC,gBAAAA,QAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,OACEX,IAAuE,CACtEY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,cAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACEP,GAGM,+NAQYA,EAAMkB,MAAQ,aAVLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,gDA1B/ExB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,SAqClB2B,MAAAA,MACAC,eAAcA,eACdC,mCAEC3B,GAAUA,EAAML,OAASA,MAAAA,MAAMK,EAAML,MAAO,sBAC5CK,GAAUA,EAAM4B,SAAWA,QAAAA,QAAQ5B,EAAM4B,WACzC5B,IAAWA,EAAM6B,oBAAsB"}

package/components/Badge/style.mjs CHANGED Viewed

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

package/components/Badge/style.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"style.mjs","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport type { StyledBadgeProps, BadgePalette } from './types'\n\nconst shouldForwardBadgeProp = createShouldForwardProp(\n (propKey) => !['round', 'content', 'borderRadius', 'resetDefaultMargin', 'display'].includes(propKey)\n)\n\nconst template = (palette: BadgePalette) => `\n color: ${palette.color};\n background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA = {\n primary: css<StyledBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-primary-100'],\n ...props.palette,\n })}\n `,\n secondary: css<StyledBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-secondary-100'],\n ...props.palette,\n })}\n `,\n tertiary: css<StyledBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-tertiary-100'],\n ...props.palette,\n })}\n `,\n quaternary: css<StyledBadgeProps>`\n ${(props) =>\n template({\n color: props.theme.colors['content-onmain-primary'],\n backgroundColor: props.theme.colors['bg-brand-quaternary-100'],\n ...props.palette,\n })}\n `,\n}\n\nconst badgeStyles = (props: ThemedStyledProps<StyledBadgeProps, DefaultTheme>) => {\n if (props.quaternary) return COLOR_SCHEMA.quaternary\n if (props.tertiary) return COLOR_SCHEMA.tertiary\n if (props.secondary) return COLOR_SCHEMA.secondary\n\n return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n .withConfig<StyledBadgeProps>({\n shouldForwardProp: shouldForwardBadgeProp,\n })\n .attrs<StyledBadgeProps>(\n (props): Required<Pick<StyledBadgeProps, 'dynamicSizeDeclaration'>> => ({\n dynamicSizeDeclaration: (size, sizeUnits) => {\n return {\n fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n height: '1.8em',\n width: props.round ? '1.8em' : undefined,\n paddingRight: props.round ? undefined : '0.6em',\n paddingLeft: props.round ? undefined : '0.6em',\n }\n },\n })\n )`\n ${(props) => {\n const borderRadius = typeof props.borderRadius === 'number' ? `${props.borderRadius}px` : props.borderRadius\n\n return `\n box-sizing: border-box;\n isolation: isolate;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: max-content;\n flex-shrink: 0;\n border-radius: ${props.round ? '50%' : borderRadius};\n cursor: default;\n `\n }}\n\n ${badgeStyles}\n ${focus}\n ${responsiveSize}\n ${responsiveMargin}\n\n ${(props) => props.color && color(props.color, 'background-color')}\n ${(props) => props.display && display(props.display)}\n ${(props) => !props.resetDefaultMargin && '&:not(:last-child) { margin-right: 8px; }'}\n`\n"],"names":["shouldForwardBadgeProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","props","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"6WAUA,MAAMA,uBAAyBC,yBAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,WAAWC,SAASD,KAG/F,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAGfS,UAAWJ,IAAG,CAAA,GAAA,KACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,YAGfU,SAAUL,IAAG,CAAA,GAAA,KACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,YAGfW,WAAYN,IAAG,CAAA,GAAA,KACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,aAaV,MAAMY,KAAOC,OAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,OACEX,IAAuE,CACtEY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,cAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACEP,GAGM,+NAQYA,EAAMkB,MAAQ,aAVLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,gDA1B/ExB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,SAqClB2B,MACAC,eACAC,kBAEC3B,GAAUA,EAAML,OAASA,MAAMK,EAAML,MAAO,sBAC5CK,GAAUA,EAAM4B,SAAWA,QAAQ5B,EAAM4B,WACzC5B,IAAWA,EAAM6B,oBAAsB"}

package/components/Button/Button.js CHANGED Viewed

	@@ -1 +1,2 @@
1 1	'use strict';var React=require('react');var styled=require('styled-components');var reactRouterDom=require('react-router-dom');var useClassname=require('../../hooks/useClassname.js');var withMergedProps=require('../../hocs/withMergedProps.js');var hooks=require('./hooks.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Button=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{let{size:s="m",inline:t=!0,rounded:o=!0,color:n="accent",fontColor:a="white",textProps:i={},iconProps:c={},as:u,className:l,children:d,content:p,fontWeight:m,icon:h,innerRef:f,...q}=e;const y=styled.useTheme();q.preset!=='default'\|\|typeof s!='string'\|\|q.round\|\|(q={...defaultConstants.PROPS_BY_SIZE[s]??{},...q}),q.href&&(u='a'),q.to&&(u=reactRouterDom.Link),q.primary&&(n='primary'),q.secondary&&(n='atlantis');const v=useClassname.useClassname("Button",l);const g=useClassname.useClassname("Button");const x=hooks.useComputedRel(y,q);const $=hooks.useComputedLinkProps(u,q);let[j,C]=Array.isArray(h)?h:[h];q.success&&(j='checkFill',C=null),q.preset==='brand'&&q.loading&&(j=require$$0.jsx(style.LoaderIcon,{}),C=null);const P={as:'span',size:'inherit',color:'inherit',weight:m??(q.preset==='brand'?800:600),lineHeight:q.preset==='brand'?1.2:1,marginLeft:j?'0.25em':void 0,marginRight:C?'0.25em':void 0};const I={as:'span',color:'inherit'};return require$$0.jsx(style.Root,{...q,...$,size:s,inline:t,color:n,fontColor:a,rounded:o,rel:x,as:u,className:v,ref:r??f,children:typeof d=='function'?d({baseTextProps:P,textProps:i,iconBaseProps:I,iconProps:c,icon:[j,C]}):require$$0.jsxs(require$$0.Fragment,{children:[j&&require$$0.jsx(Icon.Icon,{className:"icon",name:typeof j=='string'?j:void 0,icon:typeof j!='string'?j:void 0,...I,...c}),(d\|\|p)&&require$$0.jsx(Text.Text,{className:`${g}__content`,...P,...i,children:d\|\|p}),C&&require$$0.jsx(Icon.Icon,{className:"icon",name:typeof C=='string'?C:void 0,icon:typeof C!='string'?C:void 0,...I,...c})]})})})),{displayName:"Button",sizes:e=>{let r=e.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT;return e.round&&(r=e.preset==='brand'?constants.SIZES_ROUND:defaultConstants.SIZES_ROUND_DEFAULT),r}});exports.Button=Button,exports.COMPONENT_NAME="Button";
2	+ //# sourceMappingURL=Button.js.map

package/components/Button/Button.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { Link } from 'react-router-dom'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE } from './default-constants'\nimport type { ButtonProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ButtonProps](https://github.com/foxford/ui/blob/master/src/components/Button/types.ts)\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n forwardRef((props, ref) => {\n let {\n size = 'm',\n inline = true,\n rounded = true,\n color = 'accent',\n fontColor = 'white',\n textProps = {},\n iconProps = {},\n as: _as,\n className,\n children,\n content,\n fontWeight,\n icon,\n innerRef,\n ...restProps\n } = props\n\n const theme = useTheme()\n\n if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n const propsBySize = PROPS_BY_SIZE[size] ?? {}\n restProps = { ...propsBySize, ...restProps }\n }\n\n if (restProps.href) _as = 'a'\n if (restProps.to) _as = Link\n\n if (restProps.primary) color = 'primary'\n if (restProps.secondary) color = 'atlantis'\n\n const rootClassName = useClassname(COMPONENT_NAME, className)\n const textClassName = useClassname(COMPONENT_NAME)\n const rel = useComputedRel(theme, restProps)\n const linkProps = useComputedLinkProps(_as, restProps)\n\n let [before, after] = Array.isArray(icon) ? icon : [icon]\n\n if (restProps.success) {\n before = 'checkFill'\n after = null\n }\n\n if (restProps.preset === 'brand' && restProps.loading) {\n before = <Styled.LoaderIcon />\n after = null\n }\n\n const baseTextProps: TextProps = {\n as: 'span',\n size: 'inherit',\n color: 'inherit',\n weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n marginLeft: before ? '0.25em' : undefined,\n marginRight: after ? '0.25em' : undefined,\n }\n\n const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n return (\n <Styled.Root\n {...restProps}\n {...linkProps}\n size={size}\n inline={inline}\n color={color}\n fontColor={fontColor}\n rounded={rounded}\n rel={rel}\n as={_as}\n className={rootClassName}\n ref={ref ?? innerRef}\n >\n {typeof children === 'function' ? (\n children({\n baseTextProps,\n textProps,\n iconBaseProps,\n iconProps,\n icon: [before, after],\n })\n ) : (\n <>\n {before && (\n <Icon\n className='icon'\n name={typeof before === 'string' ? before : undefined}\n icon={typeof before !== 'string' ? before : undefined}\n {...iconBaseProps}\n {...iconProps}\n />\n )}\n {(children || content) && (\n <Text className={`${textClassName}__content`} {...baseTextProps} {...textProps}>\n {children || content}\n </Text>\n )}\n {after && (\n <Icon\n className='icon'\n name={typeof after === 'string' ? after : undefined}\n icon={typeof after !== 'string' ? after : undefined}\n {...iconBaseProps}\n {...iconProps}\n />\n )}\n </>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n return sizes\n },\n }\n)\n\nexport { Button, COMPONENT_NAME }\n\nexport type { ButtonProps }\n"],"names":["Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","iconProps","as","_as","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","Link","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","success","loading","_jsx","jsx","Styled","baseTextProps","weight","lineHeight","marginLeft","undefined","marginRight","iconBaseProps","_jsxs","jsxs","_Fragment","Icon","name","Text","displayName","sizes","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"ugBA2BMA,MAAAA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,YAAW,CAACC,EAAOC,KACjB,IAAIC,KACFA,EAAO,IAAGC,OACVA,GAAS,EAAIC,QACbA,GAAU,EAAIC,MACdA,EAAQ,SAAQC,UAChBA,EAAY,QAAOC,UACnBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EACdC,GAAIC,EAAGC,UACPA,EAASC,SACTA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,KACVA,EAAIC,SACJA,KACGC,GACDjB,EAEJ,MAAMkB,EAAQC,OAAAA,WAEVF,EAAUG,SAAW,kBAAoBlB,GAAS,UAAae,EAAUI,QAE3EJ,EAAY,IADQK,iBAAAA,cAAcpB,IAAS,CAAA,KACVe,IAG/BA,EAAUM,OAAMb,EAAM,KACtBO,EAAUO,KAAId,EAAMe,qBAEpBR,EAAUS,UAASrB,EAAQ,WAC3BY,EAAUU,YAAWtB,EAAQ,YAEjC,MAAMuB,EAAgBC,aAAAA,aA7CH,SA6CgClB,GACnD,MAAMmB,EAAgBD,0BA9CH,UA+CnB,MAAME,EAAMC,MAAAA,eAAed,EAAOD,GAClC,MAAMgB,EAAYC,MAAAA,qBAAqBxB,EAAKO,GAE5C,IAAKkB,EAAQC,GAASC,MAAMC,QAAQvB,GAAQA,EAAO,CAACA,GAEhDE,EAAUsB,UACZJ,EAAS,YACTC,EAAQ,MAGNnB,EAAUG,SAAW,SAAWH,EAAUuB,UAC5CL,EAASM,WAAAC,IAACC,qBACVP,EAAQ,MAGV,MAAMQ,EAA2B,CAC/BnC,GAAI,OACJP,KAAM,UACNG,MAAO,UACPwC,OAAQ/B,IAAeG,EAAUG,SAAW,QAAU,IAAM,KAC5D0B,WAAY7B,EAAUG,SAAW,QAAU,IAAM,EACjD2B,WAAYZ,EAAS,cAAWa,EAChCC,YAAab,EAAQ,cAAWY,GAGlC,MAAME,EAA2B,CAAEzC,GAAI,OAAQJ,MAAO,WAEtD,OACEoC,WAAAA,IAACE,MAAAA,KAAW,IACN1B,KACAgB,EACJ/B,KAAMA,EACNC,OAAQA,EACRE,MAAOA,EACPC,UAAWA,EACXF,QAASA,EACT2B,IAAKA,EACLtB,GAAIC,EACJC,UAAWiB,EACX3B,IAAKA,GAAOe,EAASJ,gBAEbA,GAAa,WACnBA,EAAS,CACPgC,gBACArC,YACA2C,gBACA1C,YACAO,KAAM,CAACoB,EAAQC,KAGjBe,WAAAC,KAAAC,oBAAA,CAAAzC,SACGuB,CAAAA,GACCM,WAAAC,IAACY,UAAI,CACH3C,UAAU,OACV4C,YAAapB,GAAW,SAAWA,OAASa,EAC5CjC,YAAaoB,GAAW,SAAWA,OAASa,KACxCE,KACA1C,KAGNI,GAAYC,IACZ4B,WAAAA,IAACe,KAAAA,KAAI,CAAC7C,UAAW,GAAGmB,gBAA8Bc,KAAmBrC,EAASK,SAC3EA,GAAYC,IAGhBuB,GACCK,WAAAC,IAACY,UAAI,CACH3C,UAAU,OACV4C,YAAanB,GAAU,SAAWA,OAAQY,EAC1CjC,YAAaqB,GAAU,SAAWA,OAAQY,KACtCE,KACA1C,QAKA,IAGlB,CACEiD,YA/HmB,SAgInBC,MAAQ1D,IACN,IAAI0D,EAAQ1D,EAAMoB,SAAW,QAAUuC,UAAAA,MAAQC,iBAAAA,cAG/C,OAFI5D,EAAMqB,QAAOqC,EAAQ1D,EAAMoB,SAAW,QAAUyC,UAAWA,YAAGC,sCAE3DJ,CAAK,iDApIK"}

package/components/Button/Button.mjs CHANGED Viewed

	@@ -1 +1,2 @@
1 1	import{forwardRef}from'react';import{useTheme}from'styled-components';import{Link}from'react-router-dom';import{useClassname}from'../../hooks/useClassname.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useComputedRel,useComputedLinkProps}from'./hooks.mjs';import{SIZES,SIZES_ROUND}from'./constants.mjs';import{SIZES_DEFAULT,SIZES_ROUND_DEFAULT,PROPS_BY_SIZE}from'./default-constants.mjs';import{Root,LoaderIcon}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Button';const Button=withMergedProps(forwardRef(((o,e)=>{let{size:t="m",inline:s=!0,rounded:r=!0,color:n="accent",fontColor:i="white",textProps:m={},iconProps:a={},as:c,className:p,children:l,content:d,fontWeight:u,icon:f,innerRef:h,...S}=o;const E=useTheme();S.preset!=='default'\|\|typeof t!='string'\|\|S.round\|\|(S={...PROPS_BY_SIZE[t]??{},...S}),S.href&&(c='a'),S.to&&(c=Link),S.primary&&(n='primary'),S.secondary&&(n='atlantis');const g=useClassname("Button",p);const j=useClassname("Button");const x=useComputedRel(E,S);const I=useComputedLinkProps(c,S);let[P,N]=Array.isArray(f)?f:[f];S.success&&(P='checkFill',N=null),S.preset==='brand'&&S.loading&&(P=jsx(LoaderIcon,{}),N=null);const _={as:'span',size:'inherit',color:'inherit',weight:u??(S.preset==='brand'?800:600),lineHeight:S.preset==='brand'?1.2:1,marginLeft:P?'0.25em':void 0,marginRight:N?'0.25em':void 0};const y={as:'span',color:'inherit'};return jsx(Root,{...S,...I,size:t,inline:s,color:n,fontColor:i,rounded:r,rel:x,as:c,className:g,ref:e??h,children:typeof l=='function'?l({baseTextProps:_,textProps:m,iconBaseProps:y,iconProps:a,icon:[P,N]}):jsxs(Fragment,{children:[P&&jsx(Icon,{className:"icon",name:typeof P=='string'?P:void 0,icon:typeof P!='string'?P:void 0,...y,...a}),(l\|\|d)&&jsx(Text,{className:`${j}__content`,..._,...m,children:l\|\|d}),N&&jsx(Icon,{className:"icon",name:typeof N=='string'?N:void 0,icon:typeof N!='string'?N:void 0,...y,...a})]})})})),{displayName:"Button",sizes:o=>{let e=o.preset==='brand'?SIZES:SIZES_DEFAULT;return o.round&&(e=o.preset==='brand'?SIZES_ROUND:SIZES_ROUND_DEFAULT),e}});export{Button,COMPONENT_NAME};
2	+ //# sourceMappingURL=Button.mjs.map

package/components/Button/Button.mjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"Button.mjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { Link } from 'react-router-dom'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE } from './default-constants'\nimport type { ButtonProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ButtonProps](https://github.com/foxford/ui/blob/master/src/components/Button/types.ts)\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n forwardRef((props, ref) => {\n let {\n size = 'm',\n inline = true,\n rounded = true,\n color = 'accent',\n fontColor = 'white',\n textProps = {},\n iconProps = {},\n as: _as,\n className,\n children,\n content,\n fontWeight,\n icon,\n innerRef,\n ...restProps\n } = props\n\n const theme = useTheme()\n\n if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n const propsBySize = PROPS_BY_SIZE[size] ?? {}\n restProps = { ...propsBySize, ...restProps }\n }\n\n if (restProps.href) _as = 'a'\n if (restProps.to) _as = Link\n\n if (restProps.primary) color = 'primary'\n if (restProps.secondary) color = 'atlantis'\n\n const rootClassName = useClassname(COMPONENT_NAME, className)\n const textClassName = useClassname(COMPONENT_NAME)\n const rel = useComputedRel(theme, restProps)\n const linkProps = useComputedLinkProps(_as, restProps)\n\n let [before, after] = Array.isArray(icon) ? icon : [icon]\n\n if (restProps.success) {\n before = 'checkFill'\n after = null\n }\n\n if (restProps.preset === 'brand' && restProps.loading) {\n before = <Styled.LoaderIcon />\n after = null\n }\n\n const baseTextProps: TextProps = {\n as: 'span',\n size: 'inherit',\n color: 'inherit',\n weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n marginLeft: before ? '0.25em' : undefined,\n marginRight: after ? '0.25em' : undefined,\n }\n\n const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n return (\n <Styled.Root\n {...restProps}\n {...linkProps}\n size={size}\n inline={inline}\n color={color}\n fontColor={fontColor}\n rounded={rounded}\n rel={rel}\n as={_as}\n className={rootClassName}\n ref={ref ?? innerRef}\n >\n {typeof children === 'function' ? (\n children({\n baseTextProps,\n textProps,\n iconBaseProps,\n iconProps,\n icon: [before, after],\n })\n ) : (\n <>\n {before && (\n <Icon\n className='icon'\n name={typeof before === 'string' ? before : undefined}\n icon={typeof before !== 'string' ? before : undefined}\n {...iconBaseProps}\n {...iconProps}\n />\n )}\n {(children || content) && (\n <Text className={`${textClassName}__content`} {...baseTextProps} {...textProps}>\n {children || content}\n </Text>\n )}\n {after && (\n <Icon\n className='icon'\n name={typeof after === 'string' ? after : undefined}\n icon={typeof after !== 'string' ? after : undefined}\n {...iconBaseProps}\n {...iconProps}\n />\n )}\n </>\n )}\n </Styled.Root>\n )\n }),\n {\n displayName: COMPONENT_NAME,\n sizes: (props) => {\n let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n return sizes\n },\n }\n)\n\nexport { Button, COMPONENT_NAME }\n\nexport type { ButtonProps }\n"],"names":["COMPONENT_NAME","Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","iconProps","as","_as","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","Link","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","success","loading","_jsx","Styled","baseTextProps","weight","lineHeight","marginLeft","undefined","marginRight","iconBaseProps","_jsxs","_Fragment","Icon","name","Text","displayName","sizes","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"6jBAeMA,MAAAA,eAAiB,SAYjBC,MAAAA,OAAuDC,gBAC3DC,YAAW,CAACC,EAAOC,KACjB,IAAIC,KACFA,EAAO,IAAGC,OACVA,GAAS,EAAIC,QACbA,GAAU,EAAIC,MACdA,EAAQ,SAAQC,UAChBA,EAAY,QAAOC,UACnBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EACdC,GAAIC,EAAGC,UACPA,EAASC,SACTA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,KACVA,EAAIC,SACJA,KACGC,GACDjB,EAEJ,MAAMkB,EAAQC,WAEVF,EAAUG,SAAW,kBAAoBlB,GAAS,UAAae,EAAUI,QAE3EJ,EAAY,IADQK,cAAcpB,IAAS,CAAA,KACVe,IAG/BA,EAAUM,OAAMb,EAAM,KACtBO,EAAUO,KAAId,EAAMe,MAEpBR,EAAUS,UAASrB,EAAQ,WAC3BY,EAAUU,YAAWtB,EAAQ,YAEjC,MAAMuB,EAAgBC,aA7CH,SA6CgClB,GACnD,MAAMmB,EAAgBD,aA9CH,UA+CnB,MAAME,EAAMC,eAAed,EAAOD,GAClC,MAAMgB,EAAYC,qBAAqBxB,EAAKO,GAE5C,IAAKkB,EAAQC,GAASC,MAAMC,QAAQvB,GAAQA,EAAO,CAACA,GAEhDE,EAAUsB,UACZJ,EAAS,YACTC,EAAQ,MAGNnB,EAAUG,SAAW,SAAWH,EAAUuB,UAC5CL,EAASM,IAACC,eACVN,EAAQ,MAGV,MAAMO,EAA2B,CAC/BlC,GAAI,OACJP,KAAM,UACNG,MAAO,UACPuC,OAAQ9B,IAAeG,EAAUG,SAAW,QAAU,IAAM,KAC5DyB,WAAY5B,EAAUG,SAAW,QAAU,IAAM,EACjD0B,WAAYX,EAAS,cAAWY,EAChCC,YAAaZ,EAAQ,cAAWW,GAGlC,MAAME,EAA2B,CAAExC,GAAI,OAAQJ,MAAO,WAEtD,OACEoC,IAACC,KAAW,IACNzB,KACAgB,EACJ/B,KAAMA,EACNC,OAAQA,EACRE,MAAOA,EACPC,UAAWA,EACXF,QAASA,EACT2B,IAAKA,EACLtB,GAAIC,EACJC,UAAWiB,EACX3B,IAAKA,GAAOe,EAASJ,gBAEbA,GAAa,WACnBA,EAAS,CACP+B,gBACApC,YACA0C,gBACAzC,YACAO,KAAM,CAACoB,EAAQC,KAGjBc,KAAAC,SAAA,CAAAvC,SACGuB,CAAAA,GACCM,IAACW,KAAI,CACHzC,UAAU,OACV0C,YAAalB,GAAW,SAAWA,OAASY,EAC5ChC,YAAaoB,GAAW,SAAWA,OAASY,KACxCE,KACAzC,KAGNI,GAAYC,IACZ4B,IAACa,KAAI,CAAC3C,UAAW,GAAGmB,gBAA8Ba,KAAmBpC,EAASK,SAC3EA,GAAYC,IAGhBuB,GACCK,IAACW,KAAI,CACHzC,UAAU,OACV0C,YAAajB,GAAU,SAAWA,OAAQW,EAC1ChC,YAAaqB,GAAU,SAAWA,OAAQW,KACtCE,KACAzC,QAKA,IAGlB,CACE+C,YA/HmB,SAgInBC,MAAQxD,IACN,IAAIwD,EAAQxD,EAAMoB,SAAW,QAAUqC,MAAQC,cAG/C,OAFI1D,EAAMqB,QAAOmC,EAAQxD,EAAMoB,SAAW,QAAUuC,YAAcC,qBAE3DJ,CAAK"}