@foxford/ui 2.39.0-beta-22709eb-20240820 → 2.39.0-beta-8d52b2b-20240822

package/components/Icon/images/print.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var t;function e(){return e=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)({}).hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor"},a),t||(t=r.createElement("path",{d:"M13 4V0H3v4H0v9h3v3h10v-3h3V4h-3zM5 2h6v2H5V2zm6 12H5v-3h6v3zm3-3h-1V9H3v2H2V6h12v5zM3.8 8.6a.8.8 0 1 0 0-1.6.8.8 0 0 0 0 1.6z"})));export{a as default};
+//# sourceMappingURL=print.module.svg.js.map

package/components/Icon/images/print.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"print.module.svg.js","sources":["../../../../../src/components/Icon/images/print.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 16 16\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentcolor'><path d=\"M13 4v-4h-10v4h-3v9h3v3h10v-3h3v-9h-3zm-8-2h6v2h-6v-2zm6 12h-6v-3h6v3zm3-3h-1v-2h-10v2h-1v-5h12v5zm-10.2-2.4c.442 0 .8-.358.8-.8 0-.442-.358-.8-.8-.8-.442 0-.8.358-.8.8 0 .442.358.8.8.8z\" /></svg>\n"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgPrintmodule","props","React","createElement","viewBox","xmlns","fill","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAyCC,GACvBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,MAAO,6BACPC,KAAM,gBACLL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Icon/images/prof.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var t;function e(){return e=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)({}).hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentcolor"},a),t||(t=r.createElement("path",{d:"M14 3.2h-2V0H4v3.2H0V16h16V3.2h-2zM6 2h4v.8H6V2zm8 12H2v-4h5v1.2h2V10h5v4zm0-6H2V5.2h12V8z"})));export{a as default};
+//# sourceMappingURL=prof.module.svg.js.map

package/components/Icon/images/prof.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"prof.module.svg.js","sources":["../../../../../src/components/Icon/images/prof.module.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill='currentcolor'><path d=\"M14 3.2h-2v-3.2h-8v3.1999999999999997h-4v12.8h16v-12.8h-2zm-8-1.2h4v.8h-4v-.8zm8 12h-12v-4h5v1.2h2v-1.2h5v4zm0-6h-12v-2.8h12v2.8z\"/></svg>\n"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgProfmodule","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAuCC,GACrBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,MAAO,6BACPC,QAAS,YACTC,KAAM,gBACLL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Icon/images/settings.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var t;function l(){return l=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var e in l)({}).hasOwnProperty.call(l,e)&&(r[e]=l[e])}return r},l.apply(this,arguments)}var e=e=>r.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentcolor"},e),t||(t=r.createElement("path",{d:"m14.4 7.8 1.4-1.7-1.9-3.8-2.4.6-.8-.5-.5-2.4H5.6L5 2.4l-.8.5-2.3-.6L.1 6.1l1.3 1.7V9L.1 11 2 14l2.3-.7.7.4.6 2.3h4.6l.6-2.3.7-.4 2.3.7 2-3-1.4-2c.1 0 .1-1.2 0-1.2zm-.8 3.3-.4.6-1.7-.5-2.3 1.2-.5 1.6H7.2l-.4-1.7-2.3-1.2-1.7.5-.3-.6 1-1.4V7.2l-1-1.3.5-1.2 1.6.4 2.2-1.5.4-1.6h1.4L9 3.6l2.2 1.5 1.7-.4.6 1.2-1 1.3v2.5l1.1 1.4zM7.9 5c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.2-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.3 1-1 1z"})));export{e as default};
+//# sourceMappingURL=settings.module.svg.js.map

package/components/Icon/images/settings.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"settings.module.svg.js","sources":["../../../../../src/components/Icon/images/settings.module.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill='currentcolor'><path d=\"M14.4 7.8l1.4-1.7-1.9-3.8-2.4.6-.8-.5-.5-2.4h-4.6l-.6 2.4-.8.5-2.3-.6-1.8 3.8 1.3 1.7v1.2l-1.3 2 1.9 3 2.3-.7.7.4.6 2.3h4.6l.6-2.3.7-.4 2.3.7 2-3-1.4-2c.1 0 .1-1.2 0-1.2zm-.8 3.3l-.4.6-1.7-.5-2.3 1.2-.5 1.6h-1.5l-.4-1.7-2.3-1.2-1.7.5-.3-.6 1-1.4v-2.4l-1-1.3.5-1.2 1.6.4 2.2-1.5.4-1.6h1.4l.4 1.6 2.2 1.5 1.7-.4.6 1.2-1 1.3v2.5l1.1 1.4zM7.9 5c-1.7 0-3 1.3-3 3s1.3 3 3 3 3-1.3 3-3-1.2-3-3-3zm0 4c-.6 0-1-.4-1-1s.4-1 1-1 1 .4 1 1-.3 1-1 1z\"/></svg>\n"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgSettingsmodule","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA+CC,GAC7BC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,MAAO,6BACPC,QAAS,YACTC,KAAM,gBACLL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Icon/images/sort.module.svg.js

@@ -0,0 +1,2 @@
+import*as e from'react';var r;function t(){return t=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},t.apply(this,arguments)}var a=a=>e.createElement("svg",t({width:14,height:12,xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor"},a),r||(r=e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 2.5V.75h14V2.5H0zm0 4.375v-1.75h10.5v1.75H0zM0 9.5v1.75h7V9.5H0z"})));export{a as default};
+//# sourceMappingURL=sort.module.svg.js.map

package/components/Icon/images/sort.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sort.module.svg.js","sources":["../../../../../src/components/Icon/images/sort.module.svg"],"sourcesContent":["<svg width=\"14\" height=\"12\" viewBox=\"0 0 14 12\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentcolor'><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 2.5v-1.75h14v1.75h-14zm0 4.375v-1.75h10.5v1.75h-10.5zm0 2.625v1.75h7v-1.75h-7z\" /></svg>\n"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgSortmodule","props","React","createElement","width","height","xmlns","fill","fillRule","clipRule","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,OAA+BE,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAuCC,GACrBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,MAAO,GACPC,OAAQ,GACRC,MAAO,6BACPC,KAAM,gBACLN,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEK,SAAU,UACVC,SAAU,UACVC,EAAG"}

package/components/Icon/images/star.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var t;function e(){return e=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var l in e)({}).hasOwnProperty.call(e,l)&&(r[l]=e[l])}return r},e.apply(this,arguments)}var l=l=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentcolor"},l),t||(t=r.createElement("path",{d:"M14.7 5.5H11L8.9.8C8.6.1 7.5.1 7.2.8L5 5.5H1.3c-.8 0-1.3 1-.7 1.6l2.8 2.7-.7 4.8c-.1.8.8 1.4 1.5.9L8 12.7l3.8 2.9c.7.5 1.6-.1 1.5-.9l-.7-4.8 2.8-2.7c.6-.7.2-1.7-.7-1.7zm-4.3 3.6.5 3.3L8 10.2l-2.9 2.2.5-3.3-1.7-1.6h2.4L8 3.8l1.7 3.7h2.4l-1.7 1.6z"})));export{l as default};
+//# sourceMappingURL=star.module.svg.js.map

package/components/Icon/images/star.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"star.module.svg.js","sources":["../../../../../src/components/Icon/images/star.module.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill='currentcolor'><path d=\"M14.7 5.5h-3.7l-2.1-4.7c-.3-.7-1.4-.7-1.7 0l-2.2 4.7h-3.7c-.8 0-1.3 1-.7 1.6l2.8 2.7-.7 4.8c-.1.8.8 1.4 1.5.9l3.8-2.8 3.8 2.9c.7.5 1.6-.1 1.5-.9l-.7-4.8 2.8-2.7c.6-.7.2-1.7-.7-1.7zm-4.3 3.6l.5 3.3-2.9-2.2-2.9 2.2.5-3.3-1.7-1.6h2.4l1.7-3.7 1.7 3.7h2.4l-1.7 1.6z\"/></svg>\n"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgStarmodule","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAAuCC,GACrBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,MAAO,6BACPC,QAAS,YACTC,KAAM,gBACLL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Icon/images/student.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var t;function e(){return e=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)({}).hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({viewBox:"0 0 25 17",xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor"},a),t||(t=r.createElement("path",{d:"m24.051 6.289.254-.114-.254-.114L12.536.886l-.051-.023-.051.023L.949 6.061l-.253.114.253.114 5.363 2.416v3.516c0 1.168.729 2.202 2.01 2.923 1.129.635 2.608.981 4.164.981 1.556 0 3.035-.346 4.164-.981 1.281-.72 2.01-1.755 2.01-2.923V8.712l2.659-1.195 1.344-.604 1.388-.624zm-11.617 5.175.051.023.051-.023 4.529-2.035v2.792c0 .228-.107.475-.325.723-.218.248-.54.489-.949.701-.82.423-1.976.718-3.305.718-1.329 0-2.485-.296-3.305-.718-.41-.211-.732-.453-.95-.701-.218-.248-.325-.496-.325-.723V9.424l4.528 2.04zm.052-1.879-7.568-3.41 7.568-3.41 7.587 3.41-7.587 3.41z"})));export{a as default};
+//# sourceMappingURL=student.module.svg.js.map

package/components/Icon/images/student.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"student.module.svg.js","sources":["../../../../../src/components/Icon/images/student.module.svg"],"sourcesContent":["<svg viewBox=\"0 0 25 17\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentcolor'><path d=\"M24.051 6.289l.254-.114-.254-.114-11.515-5.175-.051-.023-.051.023-11.485 5.175-.253.114.253.114 5.363 2.416v3.516c0 1.168.729 2.202 2.01 2.923 1.129.635 2.608.981 4.164.981 1.556 0 3.035-.346 4.164-.981 1.281-.72 2.01-1.755 2.01-2.923v-3.509l2.659-1.195 1.344-.604 1.388-.624zm-11.617 5.175l.051.023.051-.023 4.529-2.035v2.792c0 .228-.107.475-.325.723-.218.248-.54.489-.949.701-.82.423-1.976.718-3.305.718-1.329 0-2.485-.296-3.305-.718-.41-.211-.732-.453-.95-.701-.218-.248-.325-.496-.325-.723v-2.797l4.528 2.04zm.052-1.879l-7.568-3.41 7.568-3.41 7.587 3.41-7.587 3.41z\" stroke-width=\".25\"/></svg>\n"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgStudentmodule","props","React","createElement","viewBox","xmlns","fill","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA6CC,GAC3BC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,QAAS,YACTC,MAAO,6BACPC,KAAM,gBACLL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Icon/images/target.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var t;function c(){return c=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var c=arguments[t];for(var e in c)({}).hasOwnProperty.call(c,e)&&(r[e]=c[e])}return r},c.apply(this,arguments)}var e=e=>r.createElement("svg",c({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentcolor"},e),t||(t=r.createElement("path",{d:"M8 14c3.3 0 6-2.7 6-6 0-.9-.2-1.8-.6-2.6l-1.2.9c.2.5.3 1.1.3 1.7 0 2.5-2 4.5-4.5 4.5s-4.5-2-4.5-4.5 2-4.5 4.5-4.5c1.1 0 2.2.4 3 1.1l1.2-.9C11.1 2.7 9.7 2 8 2 4.7 2 2 4.7 2 8s2.7 6 6 6zm1.3-8.1c-.4-.3-.8-.4-1.3-.4-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.2 0-.4-.1-.5L8.6 8.8c-.5.3-1.1.2-1.4-.2-.3-.5-.2-1.1.2-1.4l1.9-1.3zM15 4.2c.6 1.1 1 2.4 1 3.8 0 4.4-3.6 8-8 8s-8-3.6-8-8 3.6-8 8-8c2.3 0 4.4 1 5.9 2.6l.5-.4c.4-.3 1.1-.2 1.4.2.3.4.2 1.1-.2 1.4l-.6.4z"})));export{e as default};
+//# sourceMappingURL=target.module.svg.js.map

package/components/Icon/images/target.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"target.module.svg.js","sources":["../../../../../src/components/Icon/images/target.module.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill='currentcolor'><path d=\"M8 14c3.3 0 6-2.7 6-6 0-.9-.2-1.8-.6-2.6l-1.2.9c.2.5.3 1.1.3 1.7 0 2.5-2 4.5-4.5 4.5s-4.5-2-4.5-4.5 2-4.5 4.5-4.5c1.1 0 2.2.4 3 1.1l1.2-.9c-1.1-1-2.5-1.7-4.2-1.7-3.3 0-6 2.7-6 6s2.7 6 6 6zm1.3-8.1c-.4-.3-.8-.4-1.3-.4-1.4 0-2.5 1.1-2.5 2.5s1.1 2.5 2.5 2.5 2.5-1.1 2.5-2.5c0-.2 0-.4-.1-.5l-1.8 1.3c-.5.3-1.1.2-1.4-.2-.3-.5-.2-1.1.2-1.4l1.9-1.3zm5.7-1.7c.6 1.1 1 2.4 1 3.8 0 4.4-3.6 8-8 8s-8-3.6-8-8 3.6-8 8-8c2.3 0 4.4 1 5.9 2.6l.5-.4c.4-.3 1.1-.2 1.4.2.3.4.2 1.1-.2 1.4l-.6.4z\"/></svg>\n"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgTargetmodule","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA2CC,GACzBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,MAAO,6BACPC,QAAS,YACTC,KAAM,gBACLL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Icon/images/textbook.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var t;function e(){return e=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)({}).hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentcolor"},a),t||(t=r.createElement("path",{d:"M13 0H0v16h16V0h-3zM7 2h1v1l-.5-.2L7 3V2zm4 12H2V2h3v4l2.5-1L10 6V2h1v12zm3 0h-1V2h1v12z"})));export{a as default};
+//# sourceMappingURL=textbook.module.svg.js.map

package/components/Icon/images/textbook.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textbook.module.svg.js","sources":["../../../../../src/components/Icon/images/textbook.module.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill='currentcolor'><path d=\"M13 0h-13v16h16v-16h-3zm-6 2h1v1l-.5-.2-.5.2v-1zm4 12h-9v-12h3v4l2.5-1 2.5 1v-4h1v12zm3 0h-1v-12h1v12z\"/></svg>\n"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgTextbookmodule","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA+CC,GAC7BC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,MAAO,6BACPC,QAAS,YACTC,KAAM,gBACLL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Icon/images/trophy.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var t;function e(){return e=Object.assign||function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var v in e)({}).hasOwnProperty.call(e,v)&&(r[v]=e[v])}return r},e.apply(this,arguments)}var v=v=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentcolor"},v),t||(t=r.createElement("path",{d:"M14 0H0v3c0 1.9 1.3 3.4 3 3.9V7c0 2.4 1.7 4.4 4 4.9V14H3v2h10v-2H9v-2.1c2.3-.5 4-2.5 4-4.9v-.1c1.7-.4 3-2 3-3.9V0h-2zM3 4.7c-.6-.3-1-1-1-1.7V2h1v2.7zm8 .3v2c0 1.7-1.3 3-3 3S5 8.7 5 7V2h6v3zm3-2c0 .7-.4 1.4-1 1.7V2h1v1z"})));export{v as default};
+//# sourceMappingURL=trophy.module.svg.js.map

package/components/Icon/images/trophy.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"trophy.module.svg.js","sources":["../../../../../src/components/Icon/images/trophy.module.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill='currentcolor'><path d=\"M14 0h-14v3c0 1.9 1.3 3.4 3 3.9v.1c0 2.4 1.7 4.4 4 4.9v2.1h-4v2h10v-2h-4v-2.1c2.3-.5 4-2.5 4-4.9v-.1c1.7-.4 3-2 3-3.9v-3h-2zm-11 4.7c-.6-.3-1-1-1-1.7v-1h1v2.7zm8 .3v2c0 1.7-1.3 3-3 3s-3-1.3-3-3v-5h6v3zm3-2c0 .7-.4 1.4-1 1.7v-2.7h1v1z\"/></svg>\n"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgTrophymodule","props","React","createElement","xmlns","viewBox","fill","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA2CC,GACzBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,MAAO,6BACPC,QAAS,YACTC,KAAM,gBACLL,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Icon/images/unsort.module.svg.js

@@ -0,0 +1,2 @@
+import*as e from'react';var r;function t(){return t=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var a in t)({}).hasOwnProperty.call(t,a)&&(e[a]=t[a])}return e},t.apply(this,arguments)}var a=a=>e.createElement("svg",t({width:12,height:12,xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor"},a),r||(r=e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 2V0h8v2H0zm0 3v2h12V5H0zm0 5v2h10v-2H0z"})));export{a as default};
+//# sourceMappingURL=unsort.module.svg.js.map

package/components/Icon/images/unsort.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unsort.module.svg.js","sources":["../../../../../src/components/Icon/images/unsort.module.svg"],"sourcesContent":["<svg width=\"12\" height=\"12\" viewBox=\"0 0 12 12\" xmlns=\"http://www.w3.org/2000/svg\" fill='currentcolor'><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M0 2v-2h8v2h-8zm0 3v2h12v-2h-12zm0 5v2h10v-2h-10z\" /></svg>\n"],"names":["_path","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgUnsortmodule","props","React","createElement","width","height","xmlns","fill","fillRule","clipRule","d"],"mappings":"wBAAA,IAAIA,EAEJ,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,OAA+BE,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA2CC,GACzBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,MAAO,GACPC,OAAQ,GACRC,MAAO,6BACPC,KAAM,gBACLN,GAAQf,IAAUA,EAAqBgB,EAAMC,cAAc,OAAQ,CACpEK,SAAU,UACVC,SAAU,UACVC,EAAG"}

package/components/Icon/images/wallet.module.svg.js

@@ -0,0 +1,2 @@
+import*as r from'react';var e,t;function a(){return a=Object.assign||function(r){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var a in t)({}).hasOwnProperty.call(t,a)&&(r[a]=t[a])}return r},a.apply(this,arguments)}var c=c=>r.createElement("svg",a({xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 16 16",fill:"currentcolor"},c),e||(e=r.createElement("path",{d:"M11 4V0H3C1.3 0 0 1.3 0 3v13h16V4h-5zM3 2h6v2H3c-.6 0-1-.4-1-1s.4-1 1-1zm11 12H2V5.8c.1 0 .2 0 .3.1h.2c.1.1.3.1.5.1h11v8z"})),t||(t=r.createElement("circle",{cx:11,cy:10,r:1})));export{c as default};
+//# sourceMappingURL=wallet.module.svg.js.map

package/components/Icon/images/wallet.module.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"wallet.module.svg.js","sources":["../../../../../src/components/Icon/images/wallet.module.svg"],"sourcesContent":["<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 16 16\" fill='currentcolor'><path d=\"M11 4v-4h-8c-1.7 0-3 1.3-3 3v13h16v-12h-5zm-8-2h6v2h-6c-.6 0-1-.4-1-1s.4-1 1-1zm11 12h-12v-8.2c.1 0 .2 0 .3.1h.2c.1.1.3.1.5.1h11v8z\"/><circle cx=\"11\" cy=\"10\" r=\"1\"/></svg>\n"],"names":["_path","_circle","_extends","Object","assign","target","i","arguments","length","source","key","hasOwnProperty","call","apply","this","SvgWalletmodule","props","React","createElement","xmlns","viewBox","fill","d","cx","cy","r"],"mappings":"wBAAA,IAAIA,EAAOC,EAEX,SAASC,IAA2Q,OAA9PA,EAAWC,OAAOC,QAAU,SAAUC,GAAU,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAASF,UAAUD,GAAI,IAAK,IAAII,KAAOD,GAAcN,IAAiBQ,eAAeC,KAAKH,EAAQC,KAAQL,EAAOK,GAAOD,EAAOC,IAAY,OAAOL,GAAkBH,EAASW,MAAMC,KAAMP,WAI7S,IAACQ,EAA2CC,GACzBC,EAAMC,cAAc,MAAOhB,EAAS,CACtDiB,MAAO,6BACPC,QAAS,YACTC,KAAM,gBACLL,GAAQhB,IAAUA,EAAqBiB,EAAMC,cAAc,OAAQ,CACpEI,EAAG,+HACArB,IAAYA,EAAuBgB,EAAMC,cAAc,SAAU,CACpEK,GAAI,GACJC,GAAI,GACJC,EAAG"}

package/components/Icon/style.js

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

package/components/Icon/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","responsiveSize"],"mappings":"4TAMA,MAAMA,sBAAwBC,MAAAA,yBAAyBC,IAAa,CAAC,UAAUC,SAASD,KAEjF,MAAME,KAAOC,gBAAAA,QAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,MAAQA,SAACF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,oIAShDC,eAAcA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","componentId","props","concat","color","getColor","vAlign","responsiveSize"],"mappings":"yNAMA,IAAMA,EAAwBC,GAAyBC,IAAa,CAAC,UAAUC,SAASD,KAEjF,IAAME,EAAOC,EAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,IADJO,WAAA,CAAAE,YAAA,uBAAGJ,CAAH,CAAA,GAAA,IAAA,KAGZK,GAAD,wLAAAC,OAQSD,EAAME,MAAQC,EAASH,EAAME,MAAOF,GAAS,UACpCA,2BAAAA,OAAAA,EAAMI,OAASJ,EAAMI,OAAS,WAZnC,2HAqBbC"}

package/components/IconButton/IconButton.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const IconButton=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="m",type:s="button",iconProps:o={},icon:n,...i}=e;return require$$0.jsx(style.Root,{...i,size:t,type:s,ref:r,children:require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof n=='string'?n:void 0,icon:typeof n!='string'?n:void 0,...o})})})),{displayName:'IconButton',sizes:e=>e.square?constants.SIZES_SQUARE:constants.SIZES});exports.IconButton=IconButton;
+import o from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{withMergedProps as e}from'../../hocs/withMergedProps.js';import{Icon as s}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES_SQUARE as i,SIZES as n}from'./constants.js';import{Root as p}from'./style.js';import{jsx as a}from'react/jsx-runtime';var m=["size","type","iconProps","icon"];var c=e(t(((t,e)=>{var{size:i="m",type:n="button",iconProps:c={},icon:f}=t,d=r(t,m);return a(p,o(o({},d),{},{size:i,type:n,ref:e,children:a(s,o({preset:"brand",name:'string'==typeof f?f:void 0,icon:'string'!=typeof f?f:void 0},c))}))})),{displayName:'IconButton',sizes:o=>o.square?i:n});export{c as IconButton};
 //# sourceMappingURL=IconButton.js.map

package/components/IconButton/IconButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconButtonProps](https://github.com/foxford/ui/blob/master/src/components/IconButton/types.ts)\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n  IconButtonProps,\n  HTMLButtonElement\n>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', iconProps = {}, icon, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} size={size} type={type} ref={ref}>\n        <Icon\n          preset='brand'\n          name={typeof icon === 'string' ? icon : undefined}\n          icon={typeof icon !== 'string' ? icon : undefined}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","restProps","_jsx","Styled","children","jsx","Icon","preset","name","undefined","displayName","sizes","square","SIZES_SQUARE","SIZES"],"mappings":"6PAmBMA,MAAAA,WAA+DC,gBAAAA,gBAInEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,KAAEA,KAASC,GAAcN,EAE5E,OACEO,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAIQ,SAC3DF,WAAAG,IAACC,UAAI,CACHC,OAAO,QACPC,YAAaR,GAAS,SAAWA,OAAOS,EACxCT,YAAaA,GAAS,SAAWA,OAAOS,KACpCV,KAEM,IAGlB,CACEW,YA/BmB,aAgCnBC,MAAQhB,GAAWA,EAAMiB,OAASC,UAAYA,aAAGC,UAAAA"}
+{"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconButtonProps](https://github.com/foxford/ui/blob/master/src/components/IconButton/types.ts)\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n  IconButtonProps,\n  HTMLButtonElement\n>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', iconProps = {}, icon, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} size={size} type={type} ref={ref}>\n        <Icon\n          preset='brand'\n          name={typeof icon === 'string' ? icon : undefined}\n          icon={typeof icon !== 'string' ? icon : undefined}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","restProps","_excluded","_jsx","Styled.Root","children","Icon","_objectSpread","preset","name","displayName","sizes","square","SIZES_SQUARE","SIZES"],"mappings":"icAmBMA,IAAAA,EAA+DC,EAInEC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KAAEA,EAAO,IAATC,KAAcA,EAAO,SAArBC,UAA+BA,EAAY,GAA3CC,KAA+CA,GAAuBL,EAAdM,IAAcN,EAA5EO,GAEA,OACEC,EAACC,SAAgBH,GAAjB,GAAA,CAA4BJ,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAzDS,SACEF,EAACG,EAADC,EAAA,CACEC,OAAO,QACPC,KAAsB,iBAATT,EAAoBA,SACjCA,KAAsB,iBAATA,EAAoBA,OAAAA,GAC7BD,UAKZ,CACEW,YA/BmB,aAgCnBC,MAAQhB,GAAWA,EAAMiB,OAASC,EAAeC"}

package/components/IconButton/constants.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={xxxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xl:{width:32,height:32,fontSize:24,borderRadius:'50%'},l:{width:28,height:28,fontSize:20,borderRadius:'50%'},m:{width:22,height:22,fontSize:18,borderRadius:'50%'},s:{width:20,height:20,fontSize:16,borderRadius:'50%'},xs:{width:18,height:18,fontSize:14,borderRadius:'50%'},xxs:{width:16,height:16,fontSize:12,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:12,borderRadius:'50%'}},exports.SIZES_SQUARE={xxxl:{width:40,height:40,fontSize:28,borderRadius:8},xxl:{width:40,height:40,fontSize:28,borderRadius:8},xl:{width:32,height:32,fontSize:24,borderRadius:7},l:{width:28,height:28,fontSize:20,borderRadius:6},m:{width:22,height:22,fontSize:18,borderRadius:5},s:{width:20,height:20,fontSize:16,borderRadius:4},xs:{width:18,height:18,fontSize:14,borderRadius:4},xxs:{width:16,height:16,fontSize:12,borderRadius:4},xxxs:{width:16,height:16,fontSize:12,borderRadius:4}};
+var i={xxxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xl:{width:32,height:32,fontSize:24,borderRadius:'50%'},l:{width:28,height:28,fontSize:20,borderRadius:'50%'},m:{width:22,height:22,fontSize:18,borderRadius:'50%'},s:{width:20,height:20,fontSize:16,borderRadius:'50%'},xs:{width:18,height:18,fontSize:14,borderRadius:'50%'},xxs:{width:16,height:16,fontSize:12,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:12,borderRadius:'50%'}};var e={xxxl:{width:40,height:40,fontSize:28,borderRadius:8},xxl:{width:40,height:40,fontSize:28,borderRadius:8},xl:{width:32,height:32,fontSize:24,borderRadius:7},l:{width:28,height:28,fontSize:20,borderRadius:6},m:{width:22,height:22,fontSize:18,borderRadius:5},s:{width:20,height:20,fontSize:16,borderRadius:4},xs:{width:18,height:18,fontSize:14,borderRadius:4},xxs:{width:16,height:16,fontSize:12,borderRadius:4},xxxs:{width:16,height:16,fontSize:12,borderRadius:4}};export{i as SIZES,e as SIZES_SQUARE};
 //# sourceMappingURL=constants.js.map

package/components/IconButton/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/IconButton/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: 6,\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: 4,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\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,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,6BAIU,CAC1BJ,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/IconButton/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: 6,\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: 4,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\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,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,QAIX,IAAMS,EAAe,CAC1Bb,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc"}

package/components/IconButton/style.js

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

package/components/IconButton/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/IconButton/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.theme.colors['bg-contrast-active'],\n          colorHover: props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledIconButtonProps>({\n    shouldForwardProp: shouldForwardIconButtonProp,\n  })\n  .attrs<StyledIconButtonProps>(\n    (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        width: '1em',\n        height: '1em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","displayName","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/IconButton/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.theme.colors['bg-contrast-active'],\n          colorHover: props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledIconButtonProps>({\n    shouldForwardProp: shouldForwardIconButtonProp,\n  })\n  .attrs<StyledIconButtonProps>(\n    (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        width: '1em',\n        height: '1em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","concat","color","backgroundColor","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","_objectSpread","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/Indicator/Indicator.js

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

package/components/Indicator/Indicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IndicatorProps } from './types'\n\nconst COMPONENT_NAME = 'Indicator'\n\nconst indicatorPropsWithContent = (props: IndicatorProps): boolean =>\n  (props.children !== undefined && props.children !== null) || (props.text !== undefined && props.text !== null)\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IndicatorProps](https://github.com/foxford/ui/blob/master/src/components/Indicator/types.ts)\n */\nconst Indicator: React.ForwardRefExoticComponent<IndicatorProps> = withMergedProps<IndicatorProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const hasContent = indicatorPropsWithContent(props)\n\n    return (\n      <Styled.Root {...restProps} size={size} square={hasContent} ref={ref}>\n        <Styled.Foreground>\n          {hasContent && (\n            <Text\n              as='span'\n              appearance='body'\n              size='inherit'\n              color='inherit'\n              whiteSpace='nowrap'\n              weight={700}\n              lineHeight={1}\n              marginTop={1}\n              marginRight='0.3em'\n              marginLeft='0.3em'\n              {...textProps}\n            >\n              {children ?? text}\n            </Text>\n          )}\n        </Styled.Foreground>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (indicatorPropsWithContent(props) ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { Indicator }\n"],"names":["indicatorPropsWithContent","props","children","undefined","text","Indicator","withMergedProps","forwardRef","ref","size","textProps","restProps","hasContent","_jsx","Styled","square","jsx","Text","as","appearance","color","whiteSpace","weight","lineHeight","marginTop","marginRight","marginLeft","displayName","sizes","SIZES_SQUARE","SIZES"],"mappings":"6PASA,MAAMA,0BAA6BC,GAChCA,EAAMC,gBAAaC,GAAaF,EAAMC,WAAa,MAAUD,EAAMG,YAASD,GAAaF,EAAMG,OAAS,KAYrGC,MAAAA,UAA6DC,gBAAAA,gBACjEC,MAAAA,YAAW,CAACN,EAAOO,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAR,SAAEA,EAAQE,KAAEA,KAASO,GAAcV,EAErE,MAAMW,EAAaZ,0BAA0BC,GAE7C,OACEY,WAAAA,IAACC,MAAAA,KAAW,IAAKH,EAAWF,KAAMA,EAAMM,OAAQH,EAAYJ,IAAKA,EAAIN,SACnEW,WAAAG,IAACF,iBAAiB,CAAAZ,SACfU,GACCC,WAAAG,IAACC,UAAI,CACHC,GAAG,OACHC,WAAW,OACXV,KAAK,UACLW,MAAM,UACNC,WAAW,SACXC,OAAQ,IACRC,WAAY,EACZC,UAAW,EACXC,YAAY,QACZC,WAAW,WACPhB,EAASR,SAEZA,GAAYE,OAIP,IAGlB,CACEuB,YA9CmB,YA+CnBC,MAAQ3B,GAAWD,0BAA0BC,GAAS4B,UAAYA,aAAGC,UAAAA"}
+{"version":3,"file":"Indicator.js","sources":["../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IndicatorProps } from './types'\n\nconst COMPONENT_NAME = 'Indicator'\n\nconst indicatorPropsWithContent = (props: IndicatorProps): boolean =>\n  (props.children !== undefined && props.children !== null) || (props.text !== undefined && props.text !== null)\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IndicatorProps](https://github.com/foxford/ui/blob/master/src/components/Indicator/types.ts)\n */\nconst Indicator: React.ForwardRefExoticComponent<IndicatorProps> = withMergedProps<IndicatorProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const hasContent = indicatorPropsWithContent(props)\n\n    return (\n      <Styled.Root {...restProps} size={size} square={hasContent} ref={ref}>\n        <Styled.Foreground>\n          {hasContent && (\n            <Text\n              as='span'\n              appearance='body'\n              size='inherit'\n              color='inherit'\n              whiteSpace='nowrap'\n              weight={700}\n              lineHeight={1}\n              marginTop={1}\n              marginRight='0.3em'\n              marginLeft='0.3em'\n              {...textProps}\n            >\n              {children ?? text}\n            </Text>\n          )}\n        </Styled.Foreground>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (indicatorPropsWithContent(props) ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { Indicator }\n"],"names":["indicatorPropsWithContent","props","children","text","Indicator","withMergedProps","forwardRef","ref","size","textProps","restProps","_excluded","hasContent","_jsx","Styled.Root","square","Styled.Foreground","Text","_objectSpread","as","appearance","color","whiteSpace","weight","lineHeight","marginTop","marginRight","marginLeft","displayName","sizes","SIZES_SQUARE","SIZES"],"mappings":"4bASA,IAAMA,EAA6BC,GAChCA,MAAAA,EAAMC,UAAuDD,MAAAA,EAAME,KAYhEC,IAAAA,EAA6DC,EACjEC,GAAAA,CAAYL,EAAOM,KACjB,IAAMC,KAAEA,EAAO,IAATC,UAAcA,EAAY,GAA1BP,SAA8BA,EAA9BC,KAAwCA,GAAuBF,EAAdS,IAAcT,EAArEU,GAEA,IAAMC,EAAaZ,EAA0BC,GAE7C,OACEY,EAACC,SAAgBJ,GAAjB,GAAA,CAA4BF,KAAMA,EAAMO,OAAQH,EAAYL,IAAKA,EAAjEL,SACEW,EAACG,EAAD,CAAAd,SACGU,GACCC,EAACI,EAADC,EAAAA,EAAA,CACEC,GAAG,OACHC,WAAW,OACXZ,KAAK,UACLa,MAAM,UACNC,WAAW,SACXC,OAAQ,IACRC,WAAY,EACZC,UAAW,EACXC,YAAY,QACZC,WAAW,SACPlB,GAXN,GAAA,CAAAP,SAaGA,MAAAA,EAAAA,EAAYC,aAOzB,CACEyB,YA9CmB,YA+CnBC,MAAQ5B,GAAWD,EAA0BC,GAAS6B,EAAeC"}

package/components/Indicator/constants.js

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

package/components/Indicator/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 6,\n    height: 6,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Sizes = {\n  xxxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  l: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  m: {\n    width: 'min-content',\n    minWidth: 18,\n    height: 18,\n    borderRadius: 4,\n    fontSize: 12,\n  },\n  s: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","minWidth","fontSize"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBK,EAAG,CACDP,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBM,GAAI,CACFR,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBO,IAAK,CACHT,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBQ,KAAM,CACJV,MAAO,EACPC,OAAQ,EACRC,aAAc,6BAIiB,CACjCH,KAAM,CACJC,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZT,IAAK,CACHH,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZR,GAAI,CACFJ,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZP,EAAG,CACDL,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZN,EAAG,CACDN,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZL,EAAG,CACDP,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZJ,GAAI,CACFR,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZH,IAAK,CACHT,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU,IAEZF,KAAM,CACJV,MAAO,cACPW,SAAU,GACVV,OAAQ,GACRC,aAAc,EACdU,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 6,\n    height: 6,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Sizes = {\n  xxxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  l: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  m: {\n    width: 'min-content',\n    minWidth: 18,\n    height: 18,\n    borderRadius: 4,\n    fontSize: 12,\n  },\n  s: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE","minWidth","fontSize"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBK,EAAG,CACDP,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBM,GAAI,CACFR,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBO,IAAK,CACHT,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBQ,KAAM,CACJV,MAAO,EACPC,OAAQ,EACRC,aAAc,QAIX,IAAMS,EAAsB,CACjCZ,KAAM,CACJC,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZV,IAAK,CACHH,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZT,GAAI,CACFJ,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZR,EAAG,CACDL,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZP,EAAG,CACDN,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZN,EAAG,CACDP,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZL,GAAI,CACFR,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZJ,IAAK,CACHT,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZH,KAAM,CACJV,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU"}

package/components/Indicator/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardIndicatorProp=style.createShouldForwardProp((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));const pulseAnimation=styled.keyframes(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);const Foreground=styled__default.default.span.withConfig({displayName:"Indicator__Foreground",componentId:"ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${o.shadowColor};\n  }\n`;const COLOR_SCHEMA={onColored:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-oncolor-primary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),grey:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-oncolor-secondary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})))},default:{primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),secondary:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),grey:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-divider'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})))}};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIndicatorProp}).attrs((o=>({dynamicSizeDeclaration:(e,r)=>({fontSize:typeof e=='string'?e:`${e}${r}`,width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"Indicator__Root",componentId:"ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," ",""],(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.grey?e.grey:o.black?e.black:o.secondary?e.secondary:e.primary}),(o=>!o.frame&&`\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `),(o=>o.pulse&&styled.css(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],pulseAnimation,typeof o.pulseIterationCount=='number'?o.pulseIterationCount:'infinite')),responsiveSize.responsiveSize);exports.Foreground=Foreground,exports.Root=Root;
+import o from'@babel/runtime/helpers/objectSpread2';import r,{keyframes as e,css as n}from'styled-components';import{createShouldForwardProp as a}from'../../shared/utils/style.js';import{responsiveSize as t}from'../../mixins/responsive-size.js';var c=a((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));var i=e(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);var l=r.span.withConfig({componentId:"fox-ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);var s=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n\n  & > ").concat(l," {\n    box-shadow: 0 0 0 1px ").concat(o.shadowColor,";\n  }\n");var m={onColored:{primary:n(["",""],(r=>s(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.theme.colors['bg-oncolor-primary'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette)))),secondary:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-500'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette)))),black:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-contrast'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette)))),grey:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-oncolor-secondary'],shadowColor:r.theme.colors['bg-oncolor-primary']},r.palette))))},default:{primary:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-brand-primary-500'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette)))),secondary:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-500'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette)))),black:n(["",""],(r=>s(o({color:r.theme.colors['content-oncolor-primary'],backgroundColor:r.theme.colors['bg-onmain-contrast'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette)))),grey:n(["",""],(r=>s(o({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-onmain-divider'],shadowColor:r.theme.colors['bg-onmain-primary']},r.palette))))}};var d=r.span.withConfig({shouldForwardProp:c}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:'string'==typeof r?r:"".concat(r).concat(e),width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({componentId:"fox-ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," ",""],(o=>{var r=o.onColored?m.onColored:m.default;return o.grey?r.grey:o.black?r.black:o.secondary?r.secondary:r.primary}),(o=>!o.frame&&"\n      & > ".concat(l," {\n        box-shadow: none;\n      }\n    ")),(o=>o.pulse&&n(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],i,'number'==typeof o.pulseIterationCount?o.pulseIterationCount:'infinite')),t);export{l as Foreground,d as Root};
 //# sourceMappingURL=style.js.map

package/components/Indicator/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Indicator/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledIndicatorProps, IndicatorPalette } from './types'\n\nconst shouldForwardIndicatorProp = createShouldForwardProp((propKey) => {\n  return !['square', 'black', 'grey', 'onColored', 'pulse', 'pulseIterationCount', 'frame'].includes(propKey)\n})\n\nconst pulseAnimation = keyframes`\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  75% {\n    opacity: 0;\n  }\n  100% {\n    transform: scale(4);\n  }\n`\n\nexport const Foreground = styled.span`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n  border-radius: inherit;\n  background-color: inherit;\n`\n\nconst template = (palette: IndicatorPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${palette.shadowColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-brand-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-secondary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-divider'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledIndicatorProps>({\n    shouldForwardProp: shouldForwardIndicatorProp,\n  })\n  .attrs<StyledIndicatorProps>(\n    (props): Required<Pick<StyledIndicatorProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.square ? 'min-content' : '1em',\n        minWidth: props.square ? '1.6em' : undefined,\n        height: props.square ? '1.6em' : '1em',\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  cursor: default;\n  display: inline-block;\n  flex-shrink: 0;\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.grey) return schema.grey\n    if (props.black) return schema.black\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${(props) =>\n    !props.frame &&\n    `\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `}\n\n  ${(props) =>\n    props.pulse &&\n    css`\n      &::before,\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        background-color: inherit;\n        border-radius: inherit;\n        animation-name: ${pulseAnimation};\n        animation-duration: 3200ms;\n        animation-iteration-count: ${typeof props.pulseIterationCount === 'number'\n          ? props.pulseIterationCount\n          : 'infinite'};\n      }\n\n      &::after {\n        animation-delay: 800ms;\n      }\n    `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIndicatorProp","createShouldForwardProp","propKey","includes","pulseAnimation","keyframes","Foreground","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","onColored","primary","css","props","theme","colors","secondary","black","grey","default","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","square","minWidth","undefined","height","borderRadius","schema","frame","pulse","pulseIterationCount","responsiveSize"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Indicator/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledIndicatorProps, IndicatorPalette } from './types'\n\nconst shouldForwardIndicatorProp = createShouldForwardProp((propKey) => {\n  return !['square', 'black', 'grey', 'onColored', 'pulse', 'pulseIterationCount', 'frame'].includes(propKey)\n})\n\nconst pulseAnimation = keyframes`\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  75% {\n    opacity: 0;\n  }\n  100% {\n    transform: scale(4);\n  }\n`\n\nexport const Foreground = styled.span`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n  border-radius: inherit;\n  background-color: inherit;\n`\n\nconst template = (palette: IndicatorPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${palette.shadowColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-brand-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-secondary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-divider'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledIndicatorProps>({\n    shouldForwardProp: shouldForwardIndicatorProp,\n  })\n  .attrs<StyledIndicatorProps>(\n    (props): Required<Pick<StyledIndicatorProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.square ? 'min-content' : '1em',\n        minWidth: props.square ? '1.6em' : undefined,\n        height: props.square ? '1.6em' : '1em',\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  cursor: default;\n  display: inline-block;\n  flex-shrink: 0;\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.grey) return schema.grey\n    if (props.black) return schema.black\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${(props) =>\n    !props.frame &&\n    `\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `}\n\n  ${(props) =>\n    props.pulse &&\n    css`\n      &::before,\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        background-color: inherit;\n        border-radius: inherit;\n        animation-name: ${pulseAnimation};\n        animation-duration: 3200ms;\n        animation-iteration-count: ${typeof props.pulseIterationCount === 'number'\n          ? props.pulseIterationCount\n          : 'infinite'};\n      }\n\n      &::after {\n        animation-delay: 800ms;\n      }\n    `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIndicatorProp","createShouldForwardProp","propKey","includes","pulseAnimation","keyframes","Foreground","styled","span","withConfig","componentId","template","palette","color","concat","backgroundColor","shadowColor","COLOR_SCHEMA","onColored","primary","css","props","_objectSpread","theme","colors","secondary","black","grey","default","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","square","minWidth","height","borderRadius","schema","frame","pulse","pulseIterationCount","responsiveSize"],"mappings":"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"}

package/components/Input/Input.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Input_Phone=require('../Input.Phone/Input.Phone.js');var constants=require('../FormInputLabel/constants.js');var FormInputLabel=require('../FormInputLabel/FormInputLabel.js');var Icon=require('../Icon/Icon.js');var Spacer=require('../Spacer/Spacer.js');const Input=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const r=styled.useTheme();const{size:n="m",mask:i="",rounded:o=!0,color:a="mineShaft",placeholderColor:s="silver",width:c=r.defaultInputControlsWidth,type:u="text",labelPosition:m="dynamic",textProps:l={},iconProps:p={},controls:g={},preset:d,className:h,style:f,sizeXXS:X,sizeXS:S,sizeS:y,sizeM:b,sizeL:L,sizeXL:v,sizeUnits:I,sizes:R,margin:x,marginXXS:z,marginXS:P,marginS:$,marginM:T,marginL:q,marginXL:w,marginTop:C,marginTopXXS:M,marginTopXS:j,marginTopS:B,marginTopM:F,marginTopL:k,marginTopXL:A,marginRight:E,marginRightXXS:N,marginRightXS:U,marginRightS:V,marginRightM:O,marginRightL:_,marginRightXL:D,marginBottom:H,marginBottomXXS:W,marginBottomXS:Z,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:ee,marginLeftXS:te,marginLeftS:re,marginLeftM:ne,marginLeftL:ie,marginLeftXL:oe,marginUnits:ae,palette:se,widthXXS:ce,widthXS:ue,widthS:me,widthM:le,widthL:pe,widthXL:ge,error:de,success:he,label:fe,icon:Xe,text:Se,primary:ye,secondary:be,onColored:Le,fluid:ve,disabled:Ie,inline:Re,inputRef:xe,...ze}=e;const{icon:Pe,iconProps:$e={},buttonProps:Te={}}=g.additional??{};const{icon:qe,iconProps:we={},buttonProps:Ce=[]}=g.number??{};const[Me,je]=Array.isArray(qe)?qe:[qe];const Be=(Array.isArray(Ce)?Ce[0]:Ce)??{};const Fe=(Array.isArray(Ce)?Ce[1]:{})??{};const ke=React.useRef(null);React.useImperativeHandle(t,(()=>ke.current),[]);const Ae=typeof ze.value=='string'||typeof ze.value=='number'||typeof ze.defaultValue=='string'||typeof ze.defaultValue=='number';const[Ee,Ne]=React.useState(Ae);const[Ue,Ve]=React.useState(Ae);const[Oe,_e]=React.useState((()=>{if(u!=='number'||ze.min===void 0)return!1;const{value:e=1/0,defaultValue:t=1/0}=ze;const r=typeof e=='number'?e:parseFloat(e);const n=typeof t=='number'?t:parseFloat(t);const i=typeof ze.min=='number'?ze.min:parseFloat(ze.min);return Math.min(r,n)<=i}));const[De,He]=React.useState((()=>{if(u!=='number'||ze.max===void 0)return!1;const{value:e=-1/0,defaultValue:t=-1/0}=ze;const r=typeof e=='number'?e:parseFloat(e);const n=typeof t=='number'?t:parseFloat(t);const i=typeof ze.max=='number'?ze.max:parseFloat(ze.max);return Math.max(r,n)>=i}));return d!=='brand'?require$$0.jsx(style.Root,{...ze,inputRef:xe??(e=>{ke.current=e}),className:h,style:f,size:typeof n=='number'?n:void 0,mask:i,rounded:o,color:a,placeholderColor:s,width:c,widthXXS:ce,widthXS:ue,widthS:me,widthM:le,widthL:pe,widthXL:ge,error:de,type:u,fluid:ve,disabled:Ie}):require$$0.jsx(FormInputLabel.FormInputLabel,{className:h,style:f,size:n,sizeXXS:X,sizeXS:S,sizeS:y,sizeM:b,sizeL:L,sizeXL:v,sizeUnits:I,sizes:R,margin:x,marginXXS:z,marginXS:P,marginS:$,marginM:T,marginL:q,marginXL:w,marginTop:C,marginTopXXS:M,marginTopXS:j,marginTopS:B,marginTopM:F,marginTopL:k,marginTopXL:A,marginRight:E,marginRightXXS:N,marginRightXS:U,marginRightS:V,marginRightM:O,marginRightL:_,marginRightXL:D,marginBottom:H,marginBottomXXS:W,marginBottomXS:Z,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:ee,marginLeftXS:te,marginLeftS:re,marginLeftM:ne,marginLeftL:ie,marginLeftXL:oe,marginUnits:ae,palette:se,error:de,success:he,label:fe,labelPosition:m,icon:Xe,text:Se,primary:ye,secondary:be,onColored:Le,disabled:Ie,inline:Re,active:Ee,textProps:l,iconProps:{size:24,color:Ie?'content-disabled':'content-onmain-tertiary',...p},onClick:()=>{ke.current&&ke.current.focus()},onFocus:e=>{e.target!==e.currentTarget&&Ne(!0)},onBlur:e=>{e.target===e.currentTarget||Ue||Ne(!1)},input:require$$0.jsx(style.Input,{...ze,inputRef:e=>{ke.current=e},mask:i,palette:se,type:u,label:fe,labelPosition:m,disabled:Ie,active:Ee,onChange:e=>{if(ze.onChange&&ze.onChange(e),u==='number'){const t=parseFloat(e.currentTarget.value);const r=t<=parseFloat(e.currentTarget.min);const n=t>=parseFloat(e.currentTarget.max);_e(r),He(n),(r||n)&&e.currentTarget.focus()}},onBlur:e=>{e.stopPropagation(),ze.onBlur&&ze.onBlur(e),Ve(Boolean(e.currentTarget.value)),Ne(Boolean(e.currentTarget.value))}}),controls:Pe||u==='number'?require$$0.jsxs(require$$0.Fragment,{children:[Pe&&require$$0.jsx(style.InputControl,{...Te,type:"button",palette:se,disabled:Ie,onClick:e=>{e.stopPropagation(),Te.onClick&&Te.onClick(e)},children:require$$0.jsx(Icon.Icon,{as:"span",size:24,color:"inherit",name:typeof Pe=='string'?Pe:void 0,icon:typeof Pe!='string'?Pe:void 0,...$e})}),u==='number'&&require$$0.jsxs(Spacer.Spacer,{display:"flex",marginLeft:4,children:[require$$0.jsx(style.InputControl,{...Be,type:"button",palette:se,disabled:Ie||Oe,onClick:e=>{e.stopPropagation(),Be.onClick&&Be.onClick(e);try{if(ke.current){const e=ke.current.value;if(ke.current.stepDown(),e!==ke.current.value){const e=new Event('input',{bubbles:!0});ke.current.dispatchEvent(e)}}}catch(e){console.error(e)}},children:require$$0.jsx(Icon.Icon,Me===void 0?{as:"span",size:24,color:"inherit",name:"minus",preset:"brand",...we}:{as:"span",size:24,color:"inherit",name:typeof Me=='string'?Me:void 0,icon:typeof Me!='string'?Me:void 0,...we})}),require$$0.jsx(style.InputControl,{...Fe,type:"button",palette:se,disabled:Ie||De,onClick:e=>{e.stopPropagation(),Fe.onClick&&Fe.onClick(e);try{if(ke.current){const e=ke.current.value;if(ke.current.stepUp(),e!==ke.current.value){const e=new Event('input',{bubbles:!0});ke.current.dispatchEvent(e)}}}catch(e){console.error(e)}},children:require$$0.jsx(Icon.Icon,je===void 0?{as:"span",size:24,color:"inherit",name:"plus",preset:"brand",...we}:{as:"span",size:24,color:"inherit",name:typeof je=='string'?je:void 0,icon:typeof je!='string'?je:void 0,...we})})]})]}):void 0})})),{sizes:constants.SIZES,displayName:"Input"}),{Phone:Input_Phone.InputPhone});exports.COMPONENT_NAME="Input",exports.Input=Input;
+import r from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t,useRef as e,useImperativeHandle as a,useState as n}from'react';import{useTheme as o}from'styled-components';import{withMergedProps as m}from'../../hocs/withMergedProps.js';import{FormInputLabel as s}from'../FormInputLabel/FormInputLabel.js';import{SIZES as g}from'../FormInputLabel/constants.js';import{Icon as l}from'../Icon/Icon.js';import'../Icon/icons.js';import{InputPhone as p}from'../Input.Phone/Input.Phone.js';import{Spacer as u}from'../Spacer/Spacer.js';import{Root as c,Input as d,InputControl as X}from'./style.js';import{jsx as f,jsxs as h,Fragment as S}from'react/jsx-runtime';var L=["size","mask","rounded","color","placeholderColor","width","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef"];var v='Input';var b=Object.assign(m(t(((t,m)=>{var g,p,v,b;var y=o();var{size:z="m",mask:T="",rounded:R=!0,color:w="mineShaft",placeholderColor:B="silver",width:M=y.defaultInputControlsWidth,type:P="text",labelPosition:C="dynamic",textProps:I={},iconProps:x={},controls:F={},preset:j,className:k,style:N,sizeXXS:A,sizeXS:E,sizeS:U,sizeM:V,sizeL:O,sizeXL:W,sizeUnits:D,sizes:H,margin:Z,marginXXS:_,marginXS:q,marginS:G,marginM:J,marginL:K,marginXL:Q,marginTop:Y,marginTopXXS:$,marginTopXS:rr,marginTopS:ir,marginTopM:tr,marginTopL:er,marginTopXL:ar,marginRight:nr,marginRightXXS:or,marginRightXS:mr,marginRightS:sr,marginRightM:gr,marginRightL:lr,marginRightXL:pr,marginBottom:ur,marginBottomXXS:cr,marginBottomXS:dr,marginBottomS:Xr,marginBottomM:fr,marginBottomL:hr,marginBottomXL:Sr,marginLeft:Lr,marginLeftXXS:vr,marginLeftXS:br,marginLeftS:yr,marginLeftM:zr,marginLeftL:Tr,marginLeftXL:Rr,marginUnits:wr,palette:Br,widthXXS:Mr,widthXS:Pr,widthS:Cr,widthM:Ir,widthL:xr,widthXL:Fr,error:jr,success:kr,label:Nr,icon:Ar,text:Er,primary:Ur,secondary:Vr,onColored:Or,fluid:Wr,disabled:Dr,inline:Hr,inputRef:Zr}=t,_r=i(t,L);var{icon:qr,iconProps:Gr={},buttonProps:Jr={}}=null!==(g=F.additional)&&void 0!==g?g:{};var{icon:Kr,iconProps:Qr={},buttonProps:Yr=[]}=null!==(p=F.number)&&void 0!==p?p:{};var[$r,ri]=Array.isArray(Kr)?Kr:[Kr];var ii=null!==(v=Array.isArray(Yr)?Yr[0]:Yr)&&void 0!==v?v:{};var ti=null!==(b=Array.isArray(Yr)?Yr[1]:{})&&void 0!==b?b:{};var ei=e(null);a(m,(()=>ei.current),[]);var ai='string'==typeof _r.value||'number'==typeof _r.value||'string'==typeof _r.defaultValue||'number'==typeof _r.defaultValue;var[ni,oi]=n(ai);var[mi,si]=n(ai);var[gi,li]=n((()=>{if('number'!==P||void 0===_r.min)return!1;var{value:r=1/0,defaultValue:i=1/0}=_r;var t='number'==typeof r?r:parseFloat(r);var e='number'==typeof i?i:parseFloat(i);var a='number'==typeof _r.min?_r.min:parseFloat(_r.min);return Math.min(t,e)<=a}));var[pi,ui]=n((()=>{if('number'!==P||void 0===_r.max)return!1;var{value:r=-1/0,defaultValue:i=-1/0}=_r;var t='number'==typeof r?r:parseFloat(r);var e='number'==typeof i?i:parseFloat(i);var a='number'==typeof _r.max?_r.max:parseFloat(_r.max);return Math.max(t,e)>=a}));return'brand'!==j?f(c,r(r({},_r),{},{inputRef:null!=Zr?Zr:r=>{ei.current=r},className:k,style:N,size:'number'==typeof z?z:void 0,mask:T,rounded:R,color:w,placeholderColor:B,width:M,widthXXS:Mr,widthXS:Pr,widthS:Cr,widthM:Ir,widthL:xr,widthXL:Fr,error:jr,type:P,fluid:Wr,disabled:Dr})):f(s,{className:k,style:N,size:z,sizeXXS:A,sizeXS:E,sizeS:U,sizeM:V,sizeL:O,sizeXL:W,sizeUnits:D,sizes:H,margin:Z,marginXXS:_,marginXS:q,marginS:G,marginM:J,marginL:K,marginXL:Q,marginTop:Y,marginTopXXS:$,marginTopXS:rr,marginTopS:ir,marginTopM:tr,marginTopL:er,marginTopXL:ar,marginRight:nr,marginRightXXS:or,marginRightXS:mr,marginRightS:sr,marginRightM:gr,marginRightL:lr,marginRightXL:pr,marginBottom:ur,marginBottomXXS:cr,marginBottomXS:dr,marginBottomS:Xr,marginBottomM:fr,marginBottomL:hr,marginBottomXL:Sr,marginLeft:Lr,marginLeftXXS:vr,marginLeftXS:br,marginLeftS:yr,marginLeftM:zr,marginLeftL:Tr,marginLeftXL:Rr,marginUnits:wr,palette:Br,error:jr,success:kr,label:Nr,labelPosition:C,icon:Ar,text:Er,primary:Ur,secondary:Vr,onColored:Or,disabled:Dr,inline:Hr,active:ni,textProps:I,iconProps:r({size:24,color:Dr?'content-disabled':'content-onmain-tertiary'},x),onClick:()=>{ei.current&&ei.current.focus()},onFocus:r=>{r.target!==r.currentTarget&&oi(!0)},onBlur:r=>{r.target===r.currentTarget||mi||oi(!1)},input:f(d,r(r({},_r),{},{inputRef:r=>{ei.current=r},mask:T,palette:Br,type:P,label:Nr,labelPosition:C,disabled:Dr,active:ni,onChange:r=>{if(_r.onChange&&_r.onChange(r),'number'===P){var i=parseFloat(r.currentTarget.value);var t=i<=parseFloat(r.currentTarget.min);var e=i>=parseFloat(r.currentTarget.max);li(t),ui(e),(t||e)&&r.currentTarget.focus()}},onBlur:r=>{r.stopPropagation(),_r.onBlur&&_r.onBlur(r),si(Boolean(r.currentTarget.value)),oi(Boolean(r.currentTarget.value))}})),controls:qr||'number'===P?h(S,{children:[qr&&f(X,r(r({},Jr),{},{type:"button",palette:Br,disabled:Dr,onClick:r=>{r.stopPropagation(),Jr.onClick&&Jr.onClick(r)},children:f(l,r({as:"span",size:24,color:"inherit",name:'string'==typeof qr?qr:void 0,icon:'string'!=typeof qr?qr:void 0},Gr))})),'number'===P&&h(u,{display:"flex",marginLeft:4,children:[f(X,r(r({},ii),{},{type:"button",palette:Br,disabled:Dr||gi,onClick:r=>{r.stopPropagation(),ii.onClick&&ii.onClick(r);try{if(ei.current){var i=ei.current.value;if(ei.current.stepDown(),i!==ei.current.value){var t=new Event('input',{bubbles:!0});ei.current.dispatchEvent(t)}}}catch(r){console.error(r)}},children:f(l,r(void 0===$r?{as:"span",size:24,color:"inherit",name:"minus",preset:"brand"}:{as:"span",size:24,color:"inherit",name:'string'==typeof $r?$r:void 0,icon:'string'!=typeof $r?$r:void 0},Qr))})),f(X,r(r({},ti),{},{type:"button",palette:Br,disabled:Dr||pi,onClick:r=>{r.stopPropagation(),ti.onClick&&ti.onClick(r);try{if(ei.current){var i=ei.current.value;if(ei.current.stepUp(),i!==ei.current.value){var t=new Event('input',{bubbles:!0});ei.current.dispatchEvent(t)}}}catch(r){console.error(r)}},children:f(l,r(void 0===ri?{as:"span",size:24,color:"inherit",name:"plus",preset:"brand"}:{as:"span",size:24,color:"inherit",name:'string'==typeof ri?ri:void 0,icon:'string'!=typeof ri?ri:void 0},Qr))}))]})]}):void 0})})),{sizes:g,displayName:"Input"}),{Phone:p});export{v as COMPONENT_NAME,b as Input};
 //# sourceMappingURL=Input.js.map