@rededor/cura 0.2.0 → 0.2.1

package/dist/cjs/cura-icon_2.cjs.entry.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9092c64d.js');
 
-const curaIconCss = ":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
+const curaIconCss = ":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
 
 const CuraIcon = class {
   constructor(hostRef) {

package/dist/collection/components/cura-icon/cura-icon.css

@@ -42,6 +42,7 @@
 :host {
   width: var(--size);
   height: var(--size);
+  display: inline-block;
 }
 :host svg {
   display: inline-block;

package/dist/components/cura-icon2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
 
-const curaIconCss = ":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
+const curaIconCss = ":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
 
 const CuraIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

package/dist/cura/cura.esm.js

@@ -1 +1 @@
-import{p as o,b as c}from"./p-abcda1d1.js";import{g as e}from"./p-d2dcd470.js";(()=>{const c=import.meta.url,e={};return""!==c&&(e.resourcesUrl=new URL(".",c).href),o(e)})().then((o=>(e(),c([["p-ac79f9d1",[[1,"dummy-component"]]],["p-81ae13d7",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-icon",{name:[513],color:[513],size:[8],iconset:[513],disabled:[516]}]]]],o))));
+import{p as o,b as c}from"./p-abcda1d1.js";import{g as e}from"./p-d2dcd470.js";(()=>{const c=import.meta.url,e={};return""!==c&&(e.resourcesUrl=new URL(".",c).href),o(e)})().then((o=>(e(),c([["p-ac79f9d1",[[1,"dummy-component"]]],["p-5f113376",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-icon",{name:[513],color:[513],size:[8],iconset:[513],disabled:[516]}]]]],o))));

package/dist/cura/p-18f978f3.system.entry.js

@@ -0,0 +1 @@
+System.register(["./p-3132f4b7.system.js"],(function(e){"use strict";var s,i,t,o;return{setters:[function(e){s=e.r;i=e.h;t=e.H;o=e.g}],execute:function(){var r=":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";var n=e("cura_icon",function(){function e(e){s(this,e);this.name="";this.color="neutral";this.iconset="default";this.disabled=false;this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}}}e.prototype.sizeHandler=function(e){var s=this;var i=function(e){return"".concat(s.sizes[e].stroke*(s.sizes.default.size/s.sizes[e].size),"px")};this.setHostProperty("--size",this.sizes["".concat(e)]?"".concat(this.sizes[e].size,"px"):"".concat(this.sizes.default.size,"px"));this.setHostProperty("--stroke",this.sizes["".concat(e)]?i(e):i("default"))};e.prototype.connectedCallback=function(){this.assetsPath=window.CuraAPI.localAssetsPath;this.sizeHandler(this.size)};e.prototype.getClasses=function(){var e={};e["icon-".concat(this.color)]=true;if(this.disabled)e["icon-disabled"]=true;return e};e.prototype.setHostProperty=function(e,s){this.host.style.setProperty(e,s)};e.prototype.render=function(){return i(t,null,i("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",class:this.getClasses()},i("use",{xlinkHref:"".concat(this.assetsPath,"/icons/iconset-").concat(this.iconset,".svg#").concat(this.name)})))};Object.defineProperty(e.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:["sizeHandler"]}},enumerable:false,configurable:true});return e}());n.style=r;var a=["360","accessibility","alertCircle","alertTriangle","arrowDown","arrowDownCircle","arrowLeft","arrowLeftCircle","arrowRight","arrowRightCircle","arrowUp","arrowUpCircle","attach","avatarF","avatarM","biometry","bloodGroup","calendar","cam","camOff","central","chatCircle","check","checkBadge","checkCircle","checkDouble","clock","close","closeCircle","collapse","config","delete","desktop","deslike","download","duplicate","edit","exam","expand","fileBmp","fileJpg","filePdf","filePng","fileUpload","fileXls","filter","fullscreen","gallery","geotag","hate","healthPlan","height","height2","home","horizontalList","imageUp","info2","infoCircle","key","language","language2","languageEN","languagePT","like","link","linkExternal","list","login","logout","love","mail","mail2","medical","menuHamburguer","menuKebab","menuMeatballs","mic","micOff","minus","minusCircle","minusSquare","mobile","neutral","news","notification","order","partner","phone","play","plus","plusCircle","plusSquare","print","profile","profile2","pulldownG","pulldownP","pullupG","pullupP","questionCircle","questionSquare","range","reload","schedule","search","secure","share","share2","sound","soundOff","subItem","target","team","unLink","unSecure","upload","verticalList","viewFalse","viewTrue","weight","wifi","zoomIn","zoomOut"];var c=":host{display:block;padding:24px;font-family:var(--cura-font-family-body)}.iconDetail{display:block}.iconSizes{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.iconSizes .size{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#262626;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.icons .icon span{font-size:12px;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;color:#FFF;border-radius:2px;position:absolute;top:-2px;left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);display:none}.icons .icon:hover{opacity:1}.icons .icon:hover span{display:block}";var l=e("cura_icons_view",function(){function e(e){var i=this;s(this,e);this.sizes=[16,20,24,32,40,48,64,72,128];this.colors=["primary","secondary","accent","info","warning","error","success","neutral"];this.selected="360";this.setSelected=function(e){i.selected=e}}e.prototype.render=function(){var e=this;return i(t,null,i("div",{class:"iconDetail"},i("h4",null,this.selected),i("div",{class:"iconSizes"},this.sizes.map((function(s){return i("div",{class:"size"},i("cura-icon",{name:e.selected,size:s}),i("span",null,s))}))),i("div",{class:"iconSizes invert"},this.sizes.map((function(s){return i("div",{class:"size"},i("cura-icon",{name:e.selected,size:s,color:"white"}),i("span",null,s))}))),i("div",{class:"iconSizes"},this.colors.map((function(s){return i("div",{class:"size"},i("cura-icon",{name:e.selected,color:s}),i("span",null,s))})),i("div",{class:"size"},i("cura-icon",{name:this.selected,disabled:true}),i("span",null,"Disabled")))),i("div",{class:"icons"},a.map((function(s){return i("div",{class:"icon",onClick:function(){return e.setSelected(s)}},i("cura-icon",{name:s}),i("span",null,s))}))))};return e}());l.style=c}}}));

package/dist/cura/p-5f113376.entry.js

@@ -0,0 +1 @@
+import{r as i,h as s,H as e,g as o}from"./p-abcda1d1.js";const r=class{constructor(s){i(this,s),this.name="",this.color="neutral",this.iconset="default",this.disabled=!1,this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}}}sizeHandler(i){this.setHostProperty("--size",this.sizes[`${i}`]?`${this.sizes[i].size}px`:`${this.sizes.default.size}px`),this.setHostProperty("--stroke",(i=>this.sizes[i].stroke*(this.sizes.default.size/this.sizes[i].size)+"px")(this.sizes[`${i}`]?i:"default"))}connectedCallback(){this.assetsPath=window.CuraAPI.localAssetsPath,this.sizeHandler(this.size)}getClasses(){const i={};return i[`icon-${this.color}`]=!0,this.disabled&&(i["icon-disabled"]=!0),i}setHostProperty(i,s){this.host.style.setProperty(i,s)}render(){return s(e,null,s("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",class:this.getClasses()},s("use",{xlinkHref:`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`})))}get host(){return o(this)}static get watchers(){return{size:["sizeHandler"]}}};r.style=":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";const t=["360","accessibility","alertCircle","alertTriangle","arrowDown","arrowDownCircle","arrowLeft","arrowLeftCircle","arrowRight","arrowRightCircle","arrowUp","arrowUpCircle","attach","avatarF","avatarM","biometry","bloodGroup","calendar","cam","camOff","central","chatCircle","check","checkBadge","checkCircle","checkDouble","clock","close","closeCircle","collapse","config","delete","desktop","deslike","download","duplicate","edit","exam","expand","fileBmp","fileJpg","filePdf","filePng","fileUpload","fileXls","filter","fullscreen","gallery","geotag","hate","healthPlan","height","height2","home","horizontalList","imageUp","info2","infoCircle","key","language","language2","languageEN","languagePT","like","link","linkExternal","list","login","logout","love","mail","mail2","medical","menuHamburguer","menuKebab","menuMeatballs","mic","micOff","minus","minusCircle","minusSquare","mobile","neutral","news","notification","order","partner","phone","play","plus","plusCircle","plusSquare","print","profile","profile2","pulldownG","pulldownP","pullupG","pullupP","questionCircle","questionSquare","range","reload","schedule","search","secure","share","share2","sound","soundOff","subItem","target","team","unLink","unSecure","upload","verticalList","viewFalse","viewTrue","weight","wifi","zoomIn","zoomOut"],a=class{constructor(s){i(this,s),this.sizes=[16,20,24,32,40,48,64,72,128],this.colors=["primary","secondary","accent","info","warning","error","success","neutral"],this.selected="360",this.setSelected=i=>{this.selected=i}}render(){return s(e,null,s("div",{class:"iconDetail"},s("h4",null,this.selected),s("div",{class:"iconSizes"},this.sizes.map((i=>s("div",{class:"size"},s("cura-icon",{name:this.selected,size:i}),s("span",null,i))))),s("div",{class:"iconSizes invert"},this.sizes.map((i=>s("div",{class:"size"},s("cura-icon",{name:this.selected,size:i,color:"white"}),s("span",null,i))))),s("div",{class:"iconSizes"},this.colors.map((i=>s("div",{class:"size"},s("cura-icon",{name:this.selected,color:i}),s("span",null,i)))),s("div",{class:"size"},s("cura-icon",{name:this.selected,disabled:!0}),s("span",null,"Disabled")))),s("div",{class:"icons"},t.map((i=>s("div",{class:"icon",onClick:()=>this.setSelected(i)},s("cura-icon",{name:i}),s("span",null,i))))))}};a.style=":host{display:block;padding:24px;font-family:var(--cura-font-family-body)}.iconDetail{display:block}.iconSizes{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.iconSizes .size{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#262626;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.icons .icon span{font-size:12px;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;color:#FFF;border-radius:2px;position:absolute;top:-2px;left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);display:none}.icons .icon:hover{opacity:1}.icons .icon:hover span{display:block}";export{r as cura_icon,a as cura_icons_view}

package/dist/cura/p-70abb532.system.js

@@ -1 +1 @@
-System.register(["./p-3132f4b7.system.js","./p-a0cd4b75.system.js"],(function(e,t){"use strict";var n,s,r;return{setters:[function(e){n=e.p;s=e.b},function(e){r=e.g}],execute:function(){var e=function(){var e=t.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return n(s)};e().then((function(e){r();return s([["p-b4c69836.system",[[1,"dummy-component"]]],["p-e1e4b2ea.system",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-icon",{name:[513],color:[513],size:[8],iconset:[513],disabled:[516]}]]]],e)}))}}}));
+System.register(["./p-3132f4b7.system.js","./p-a0cd4b75.system.js"],(function(e,t){"use strict";var n,s,r;return{setters:[function(e){n=e.p;s=e.b},function(e){r=e.g}],execute:function(){var e=function(){var e=t.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return n(s)};e().then((function(e){r();return s([["p-b4c69836.system",[[1,"dummy-component"]]],["p-18f978f3.system",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-icon",{name:[513],color:[513],size:[8],iconset:[513],disabled:[516]}]]]],e)}))}}}));

package/dist/esm/cura-icon_2.entry.js

@@ -1,6 +1,6 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-cec9b650.js';
 
-const curaIconCss = ":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
+const curaIconCss = ":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
 
 const CuraIcon = class {
   constructor(hostRef) {

package/dist/esm-es5/cura-icon_2.entry.js

@@ -1 +1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-cec9b650.js";var curaIconCss=":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";var CuraIcon=function(){function e(e){registerInstance(this,e);this.name="";this.color="neutral";this.iconset="default";this.disabled=false;this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}}}e.prototype.sizeHandler=function(e){var s=this;var i=function(e){return"".concat(s.sizes[e].stroke*(s.sizes.default.size/s.sizes[e].size),"px")};this.setHostProperty("--size",this.sizes["".concat(e)]?"".concat(this.sizes[e].size,"px"):"".concat(this.sizes.default.size,"px"));this.setHostProperty("--stroke",this.sizes["".concat(e)]?i(e):i("default"))};e.prototype.connectedCallback=function(){this.assetsPath=window.CuraAPI.localAssetsPath;this.sizeHandler(this.size)};e.prototype.getClasses=function(){var e={};e["icon-".concat(this.color)]=true;if(this.disabled)e["icon-disabled"]=true;return e};e.prototype.setHostProperty=function(e,s){this.host.style.setProperty(e,s)};e.prototype.render=function(){return h(Host,null,h("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",class:this.getClasses()},h("use",{xlinkHref:"".concat(this.assetsPath,"/icons/iconset-").concat(this.iconset,".svg#").concat(this.name)})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:["sizeHandler"]}},enumerable:false,configurable:true});return e}();CuraIcon.style=curaIconCss;var iconsetdefaulticons=["360","accessibility","alertCircle","alertTriangle","arrowDown","arrowDownCircle","arrowLeft","arrowLeftCircle","arrowRight","arrowRightCircle","arrowUp","arrowUpCircle","attach","avatarF","avatarM","biometry","bloodGroup","calendar","cam","camOff","central","chatCircle","check","checkBadge","checkCircle","checkDouble","clock","close","closeCircle","collapse","config","delete","desktop","deslike","download","duplicate","edit","exam","expand","fileBmp","fileJpg","filePdf","filePng","fileUpload","fileXls","filter","fullscreen","gallery","geotag","hate","healthPlan","height","height2","home","horizontalList","imageUp","info2","infoCircle","key","language","language2","languageEN","languagePT","like","link","linkExternal","list","login","logout","love","mail","mail2","medical","menuHamburguer","menuKebab","menuMeatballs","mic","micOff","minus","minusCircle","minusSquare","mobile","neutral","news","notification","order","partner","phone","play","plus","plusCircle","plusSquare","print","profile","profile2","pulldownG","pulldownP","pullupG","pullupP","questionCircle","questionSquare","range","reload","schedule","search","secure","share","share2","sound","soundOff","subItem","target","team","unLink","unSecure","upload","verticalList","viewFalse","viewTrue","weight","wifi","zoomIn","zoomOut"];var curaIconsViewCss=":host{display:block;padding:24px;font-family:var(--cura-font-family-body)}.iconDetail{display:block}.iconSizes{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.iconSizes .size{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#262626;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.icons .icon span{font-size:12px;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;color:#FFF;border-radius:2px;position:absolute;top:-2px;left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);display:none}.icons .icon:hover{opacity:1}.icons .icon:hover span{display:block}";var CuraIconsView=function(){function e(e){var s=this;registerInstance(this,e);this.sizes=[16,20,24,32,40,48,64,72,128];this.colors=["primary","secondary","accent","info","warning","error","success","neutral"];this.selected="360";this.setSelected=function(e){s.selected=e}}e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"iconDetail"},h("h4",null,this.selected),h("div",{class:"iconSizes"},this.sizes.map((function(s){return h("div",{class:"size"},h("cura-icon",{name:e.selected,size:s}),h("span",null,s))}))),h("div",{class:"iconSizes invert"},this.sizes.map((function(s){return h("div",{class:"size"},h("cura-icon",{name:e.selected,size:s,color:"white"}),h("span",null,s))}))),h("div",{class:"iconSizes"},this.colors.map((function(s){return h("div",{class:"size"},h("cura-icon",{name:e.selected,color:s}),h("span",null,s))})),h("div",{class:"size"},h("cura-icon",{name:this.selected,disabled:true}),h("span",null,"Disabled")))),h("div",{class:"icons"},iconsetdefaulticons.map((function(s){return h("div",{class:"icon",onClick:function(){return e.setSelected(s)}},h("cura-icon",{name:s}),h("span",null,s))}))))};return e}();CuraIconsView.style=curaIconsViewCss;export{CuraIcon as cura_icon,CuraIconsView as cura_icons_view};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-cec9b650.js";var curaIconCss=":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size);display:inline-block}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";var CuraIcon=function(){function e(e){registerInstance(this,e);this.name="";this.color="neutral";this.iconset="default";this.disabled=false;this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}}}e.prototype.sizeHandler=function(e){var s=this;var i=function(e){return"".concat(s.sizes[e].stroke*(s.sizes.default.size/s.sizes[e].size),"px")};this.setHostProperty("--size",this.sizes["".concat(e)]?"".concat(this.sizes[e].size,"px"):"".concat(this.sizes.default.size,"px"));this.setHostProperty("--stroke",this.sizes["".concat(e)]?i(e):i("default"))};e.prototype.connectedCallback=function(){this.assetsPath=window.CuraAPI.localAssetsPath;this.sizeHandler(this.size)};e.prototype.getClasses=function(){var e={};e["icon-".concat(this.color)]=true;if(this.disabled)e["icon-disabled"]=true;return e};e.prototype.setHostProperty=function(e,s){this.host.style.setProperty(e,s)};e.prototype.render=function(){return h(Host,null,h("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",class:this.getClasses()},h("use",{xlinkHref:"".concat(this.assetsPath,"/icons/iconset-").concat(this.iconset,".svg#").concat(this.name)})))};Object.defineProperty(e.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:["sizeHandler"]}},enumerable:false,configurable:true});return e}();CuraIcon.style=curaIconCss;var iconsetdefaulticons=["360","accessibility","alertCircle","alertTriangle","arrowDown","arrowDownCircle","arrowLeft","arrowLeftCircle","arrowRight","arrowRightCircle","arrowUp","arrowUpCircle","attach","avatarF","avatarM","biometry","bloodGroup","calendar","cam","camOff","central","chatCircle","check","checkBadge","checkCircle","checkDouble","clock","close","closeCircle","collapse","config","delete","desktop","deslike","download","duplicate","edit","exam","expand","fileBmp","fileJpg","filePdf","filePng","fileUpload","fileXls","filter","fullscreen","gallery","geotag","hate","healthPlan","height","height2","home","horizontalList","imageUp","info2","infoCircle","key","language","language2","languageEN","languagePT","like","link","linkExternal","list","login","logout","love","mail","mail2","medical","menuHamburguer","menuKebab","menuMeatballs","mic","micOff","minus","minusCircle","minusSquare","mobile","neutral","news","notification","order","partner","phone","play","plus","plusCircle","plusSquare","print","profile","profile2","pulldownG","pulldownP","pullupG","pullupP","questionCircle","questionSquare","range","reload","schedule","search","secure","share","share2","sound","soundOff","subItem","target","team","unLink","unSecure","upload","verticalList","viewFalse","viewTrue","weight","wifi","zoomIn","zoomOut"];var curaIconsViewCss=":host{display:block;padding:24px;font-family:var(--cura-font-family-body)}.iconDetail{display:block}.iconSizes{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.iconSizes .size{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#262626;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.icons .icon span{font-size:12px;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;color:#FFF;border-radius:2px;position:absolute;top:-2px;left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);display:none}.icons .icon:hover{opacity:1}.icons .icon:hover span{display:block}";var CuraIconsView=function(){function e(e){var s=this;registerInstance(this,e);this.sizes=[16,20,24,32,40,48,64,72,128];this.colors=["primary","secondary","accent","info","warning","error","success","neutral"];this.selected="360";this.setSelected=function(e){s.selected=e}}e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"iconDetail"},h("h4",null,this.selected),h("div",{class:"iconSizes"},this.sizes.map((function(s){return h("div",{class:"size"},h("cura-icon",{name:e.selected,size:s}),h("span",null,s))}))),h("div",{class:"iconSizes invert"},this.sizes.map((function(s){return h("div",{class:"size"},h("cura-icon",{name:e.selected,size:s,color:"white"}),h("span",null,s))}))),h("div",{class:"iconSizes"},this.colors.map((function(s){return h("div",{class:"size"},h("cura-icon",{name:e.selected,color:s}),h("span",null,s))})),h("div",{class:"size"},h("cura-icon",{name:this.selected,disabled:true}),h("span",null,"Disabled")))),h("div",{class:"icons"},iconsetdefaulticons.map((function(s){return h("div",{class:"icon",onClick:function(){return e.setSelected(s)}},h("cura-icon",{name:s}),h("span",null,s))}))))};return e}();CuraIconsView.style=curaIconsViewCss;export{CuraIcon as cura_icon,CuraIconsView as cura_icons_view};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rededor/cura",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Cura Design System",
   "author": "Rede D`Or São Luiz",
   "license": "MIT",
@@ -38,5 +38,5 @@
     "puppeteer": "^10.0.0",
     "svgo": "^3.0.1"
   },
-  "gitHead": "56df4887a365cad4db959f6b91ec06b362640569"
+  "gitHead": "32b1af547e44e568efa9ce8067db1e57202fe759"
 }

package/dist/cura/p-81ae13d7.entry.js

@@ -1 +0,0 @@
-import{r as i,h as s,H as e,g as o}from"./p-abcda1d1.js";const r=class{constructor(s){i(this,s),this.name="",this.color="neutral",this.iconset="default",this.disabled=!1,this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}}}sizeHandler(i){this.setHostProperty("--size",this.sizes[`${i}`]?`${this.sizes[i].size}px`:`${this.sizes.default.size}px`),this.setHostProperty("--stroke",(i=>this.sizes[i].stroke*(this.sizes.default.size/this.sizes[i].size)+"px")(this.sizes[`${i}`]?i:"default"))}connectedCallback(){this.assetsPath=window.CuraAPI.localAssetsPath,this.sizeHandler(this.size)}getClasses(){const i={};return i[`icon-${this.color}`]=!0,this.disabled&&(i["icon-disabled"]=!0),i}setHostProperty(i,s){this.host.style.setProperty(i,s)}render(){return s(e,null,s("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",class:this.getClasses()},s("use",{xlinkHref:`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`})))}get host(){return o(this)}static get watchers(){return{size:["sizeHandler"]}}};r.style=":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";const t=["360","accessibility","alertCircle","alertTriangle","arrowDown","arrowDownCircle","arrowLeft","arrowLeftCircle","arrowRight","arrowRightCircle","arrowUp","arrowUpCircle","attach","avatarF","avatarM","biometry","bloodGroup","calendar","cam","camOff","central","chatCircle","check","checkBadge","checkCircle","checkDouble","clock","close","closeCircle","collapse","config","delete","desktop","deslike","download","duplicate","edit","exam","expand","fileBmp","fileJpg","filePdf","filePng","fileUpload","fileXls","filter","fullscreen","gallery","geotag","hate","healthPlan","height","height2","home","horizontalList","imageUp","info2","infoCircle","key","language","language2","languageEN","languagePT","like","link","linkExternal","list","login","logout","love","mail","mail2","medical","menuHamburguer","menuKebab","menuMeatballs","mic","micOff","minus","minusCircle","minusSquare","mobile","neutral","news","notification","order","partner","phone","play","plus","plusCircle","plusSquare","print","profile","profile2","pulldownG","pulldownP","pullupG","pullupP","questionCircle","questionSquare","range","reload","schedule","search","secure","share","share2","sound","soundOff","subItem","target","team","unLink","unSecure","upload","verticalList","viewFalse","viewTrue","weight","wifi","zoomIn","zoomOut"],a=class{constructor(s){i(this,s),this.sizes=[16,20,24,32,40,48,64,72,128],this.colors=["primary","secondary","accent","info","warning","error","success","neutral"],this.selected="360",this.setSelected=i=>{this.selected=i}}render(){return s(e,null,s("div",{class:"iconDetail"},s("h4",null,this.selected),s("div",{class:"iconSizes"},this.sizes.map((i=>s("div",{class:"size"},s("cura-icon",{name:this.selected,size:i}),s("span",null,i))))),s("div",{class:"iconSizes invert"},this.sizes.map((i=>s("div",{class:"size"},s("cura-icon",{name:this.selected,size:i,color:"white"}),s("span",null,i))))),s("div",{class:"iconSizes"},this.colors.map((i=>s("div",{class:"size"},s("cura-icon",{name:this.selected,color:i}),s("span",null,i)))),s("div",{class:"size"},s("cura-icon",{name:this.selected,disabled:!0}),s("span",null,"Disabled")))),s("div",{class:"icons"},t.map((i=>s("div",{class:"icon",onClick:()=>this.setSelected(i)},s("cura-icon",{name:i}),s("span",null,i))))))}};a.style=":host{display:block;padding:24px;font-family:var(--cura-font-family-body)}.iconDetail{display:block}.iconSizes{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.iconSizes .size{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#262626;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.icons .icon span{font-size:12px;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;color:#FFF;border-radius:2px;position:absolute;top:-2px;left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);display:none}.icons .icon:hover{opacity:1}.icons .icon:hover span{display:block}";export{r as cura_icon,a as cura_icons_view}

package/dist/cura/p-e1e4b2ea.system.entry.js

@@ -1 +0,0 @@
-System.register(["./p-3132f4b7.system.js"],(function(e){"use strict";var s,i,t,o;return{setters:[function(e){s=e.r;i=e.h;t=e.H;o=e.g}],execute:function(){var r=":host{--stroke-color:#B7B7B7}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";var n=e("cura_icon",function(){function e(e){s(this,e);this.name="";this.color="neutral";this.iconset="default";this.disabled=false;this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}}}e.prototype.sizeHandler=function(e){var s=this;var i=function(e){return"".concat(s.sizes[e].stroke*(s.sizes.default.size/s.sizes[e].size),"px")};this.setHostProperty("--size",this.sizes["".concat(e)]?"".concat(this.sizes[e].size,"px"):"".concat(this.sizes.default.size,"px"));this.setHostProperty("--stroke",this.sizes["".concat(e)]?i(e):i("default"))};e.prototype.connectedCallback=function(){this.assetsPath=window.CuraAPI.localAssetsPath;this.sizeHandler(this.size)};e.prototype.getClasses=function(){var e={};e["icon-".concat(this.color)]=true;if(this.disabled)e["icon-disabled"]=true;return e};e.prototype.setHostProperty=function(e,s){this.host.style.setProperty(e,s)};e.prototype.render=function(){return i(t,null,i("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",class:this.getClasses()},i("use",{xlinkHref:"".concat(this.assetsPath,"/icons/iconset-").concat(this.iconset,".svg#").concat(this.name)})))};Object.defineProperty(e.prototype,"host",{get:function(){return o(this)},enumerable:false,configurable:true});Object.defineProperty(e,"watchers",{get:function(){return{size:["sizeHandler"]}},enumerable:false,configurable:true});return e}());n.style=r;var a=["360","accessibility","alertCircle","alertTriangle","arrowDown","arrowDownCircle","arrowLeft","arrowLeftCircle","arrowRight","arrowRightCircle","arrowUp","arrowUpCircle","attach","avatarF","avatarM","biometry","bloodGroup","calendar","cam","camOff","central","chatCircle","check","checkBadge","checkCircle","checkDouble","clock","close","closeCircle","collapse","config","delete","desktop","deslike","download","duplicate","edit","exam","expand","fileBmp","fileJpg","filePdf","filePng","fileUpload","fileXls","filter","fullscreen","gallery","geotag","hate","healthPlan","height","height2","home","horizontalList","imageUp","info2","infoCircle","key","language","language2","languageEN","languagePT","like","link","linkExternal","list","login","logout","love","mail","mail2","medical","menuHamburguer","menuKebab","menuMeatballs","mic","micOff","minus","minusCircle","minusSquare","mobile","neutral","news","notification","order","partner","phone","play","plus","plusCircle","plusSquare","print","profile","profile2","pulldownG","pulldownP","pullupG","pullupP","questionCircle","questionSquare","range","reload","schedule","search","secure","share","share2","sound","soundOff","subItem","target","team","unLink","unSecure","upload","verticalList","viewFalse","viewTrue","weight","wifi","zoomIn","zoomOut"];var c=":host{display:block;padding:24px;font-family:var(--cura-font-family-body)}.iconDetail{display:block}.iconSizes{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.iconSizes .size{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#262626;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.icons .icon span{font-size:12px;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;color:#FFF;border-radius:2px;position:absolute;top:-2px;left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);display:none}.icons .icon:hover{opacity:1}.icons .icon:hover span{display:block}";var l=e("cura_icons_view",function(){function e(e){var i=this;s(this,e);this.sizes=[16,20,24,32,40,48,64,72,128];this.colors=["primary","secondary","accent","info","warning","error","success","neutral"];this.selected="360";this.setSelected=function(e){i.selected=e}}e.prototype.render=function(){var e=this;return i(t,null,i("div",{class:"iconDetail"},i("h4",null,this.selected),i("div",{class:"iconSizes"},this.sizes.map((function(s){return i("div",{class:"size"},i("cura-icon",{name:e.selected,size:s}),i("span",null,s))}))),i("div",{class:"iconSizes invert"},this.sizes.map((function(s){return i("div",{class:"size"},i("cura-icon",{name:e.selected,size:s,color:"white"}),i("span",null,s))}))),i("div",{class:"iconSizes"},this.colors.map((function(s){return i("div",{class:"size"},i("cura-icon",{name:e.selected,color:s}),i("span",null,s))})),i("div",{class:"size"},i("cura-icon",{name:this.selected,disabled:true}),i("span",null,"Disabled")))),i("div",{class:"icons"},a.map((function(s){return i("div",{class:"icon",onClick:function(){return e.setSelected(s)}},i("cura-icon",{name:s}),i("span",null,s))}))))};return e}());l.style=c}}}));