@rededor/cura 1.8.3-alpha.0 → 2.0.0-alpha.5

package/dist/cura/p-bdfe9af2.entry.js

@@ -0,0 +1,2 @@
+import{r as e,c as s,h as t,H as a,a as c}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.js";const r=":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:calc(var(--cura-spacing-base) * 3px);gap:calc(var(--cura-spacing-base) * 3px);flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .content{flex:1;flex-direction:column;display:flex;gap:calc(var(--cura-spacing-base) * 1px)}:host .icon-right{cursor:pointer}";const i=class{constructor(t){e(this,t);this.close=s(this,"close");this.type="info";this.floating=false;this.closeable=true;this.styles={};this.handleClose=()=>{this.close.emit();this.host.remove()}}setColors(){const e=[{name:"--color-lighter",theme:`${this.type}-lighter`},{name:"--neutral-black",theme:"neutral-black"},{name:"--color-light",theme:`${this.type}-light`},{name:"--color-base",theme:`${this.type}-base`}];const s=Object.assign({},this.styles);e.forEach((e=>{s[e.name]=window.CuraAPI.theme.colors.getColor(e.theme)}));this.styles=s}connectedCallback(){this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.setColors()}getClasses(){const e={};e["conteiner"]=true;e["floating"]=this.floating;return e}getNameIcon(){const e={info:"infoCircle",success:"checkCircle",warning:"alertCircle",error:"alertTriangle"};return this.icon?this.icon:e[this.type]}render(){return t(a,{key:"f64ddb202b9436f9bebd4316979ffc1ad8d2c711",role:"alert","aria-live":"polite","aria-atomic":"true","aria-label":this.label},t("div",{key:"c1320f2a8007169776bf1d8b59301c9e070d97f3",class:this.getClasses(),style:this.styles},t("cura-icon",{key:"18b352ca24b9904624e10beadc8ef2a214ef3ee4",name:this.getNameIcon(),class:"icon-left",size:16,color:`${this.type}-dark`}),t("div",{key:"4f025525470856227ff65b36c27c8dcffc73be99",class:"content"},this.label?t("cura-heading",{class:"title",size:"xsmall",color:"neutral-black",weight:"bold","margin-block":"1px 0"},this.label):"",t("cura-paragraph",{key:"b1dcbf2fc75c387a8e30b255b94a3439d6443548",class:"text",color:`${this.type}-darker`,size:"xsmall",marginBlock:"0",lineHeight:"133.33%"},t("slot",{key:"d4473ba49462f93fe5b4c5b2729ca018c7cc322c"})),t("slot",{key:"2d3d5e549a600424c13ae2642845af40fb3c0894",name:"actions"})),this.closeable?t("cura-icon",{name:"close",size:16,color:"error-dark",class:"icon-right",onClick:this.handleClose}):""))}get host(){return c(this)}static get watchers(){return{type:["setColors"]}}};i.style=r;export{i as cura_alert};
+//# sourceMappingURL=p-bdfe9af2.entry.js.map

package/dist/cura/p-bdfe9af2.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["curaAlertCss","CuraAlert","constructor","hostRef","this","type","floating","closeable","styles","handleClose","close","emit","host","remove","setColors","colors","name","theme","updatedStyles","Object","assign","forEach","color","window","CuraAPI","getColor","connectedCallback","spacing","getSpacing","getClasses","classes","getNameIcon","iconMapping","info","success","warning","error","icon","render","h","Host","key","role","label","class","style","size","weight","marginBlock","lineHeight","onClick"],"sources":["src/components/cura-alert/cura-alert.scss?tag=cura-alert&encapsulation=shadow","src/components/cura-alert/cura-alert.tsx"],"sourcesContent":["@import \"../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  box-sizing: border-box;\n\n  .conteiner {\n    display: flex;\n    box-sizing: border-box;\n    padding: #{$spacing-xxxs};\n    gap: #{$spacing-xxxs};\n    flex-shrink: 0;\n    border: 1px solid var(--color-base);\n    border-radius: 4px;\n    background-color: var(--color-lighter);\n    &.floating {\n      box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.16);\n    }\n  }\n\n  .content {\n    flex: 1;\n    flex-direction: column;\n    display: flex;\n    gap: #{$spacing-tiny};\n  }\n\n  .icon-right {\n    cursor: pointer;\n  }\n\n}\n","import { Component, Element, Prop, Host, h, State, Watch, Event, EventEmitter } from '@stencil/core';\n@Component({\n  tag: 'cura-alert',\n  styleUrl: 'cura-alert.scss',\n  shadow: true,\n})\nexport class CuraAlert {\n  @Element() host: HTMLElement;\n\n  @Prop() type: 'info' | 'success' | 'warning' | 'error' = 'info';\n  @Prop({ reflect: true }) floating = false;\n  @Prop({ reflect: true }) label: string;\n  @Prop({ reflect: true }) closeable = true;\n  @Prop({ reflect: true }) icon: string;\n\n  @State() styles = {};\n\n  @Event({ eventName: 'close' }) close: EventEmitter<void>;\n\n  @Watch('type')\n  setColors() {\n    const colors = [\n      { name: '--color-lighter', theme: `${this.type}-lighter` },\n      { name: '--neutral-black', theme: 'neutral-black' },\n      { name: '--color-light', theme: `${this.type}-light` },\n      { name: '--color-base', theme: `${this.type}-base` },\n    ];\n\n    const updatedStyles = {\n      ...this.styles\n    }\n\n    colors.forEach(color => {\n      updatedStyles[color.name] = window.CuraAPI.theme.colors.getColor(color.theme);\n    });\n    \n    this.styles = updatedStyles;\n  }\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes['conteiner'] = true;\n    classes['floating'] = this.floating;\n    return classes;\n  }\n\n  getNameIcon() {\n    const iconMapping = {\n      info: 'infoCircle',\n      success: 'checkCircle',\n      warning: 'alertCircle',\n      error: 'alertTriangle',\n    };\n    return this.icon ? this.icon : iconMapping[this.type];\n  }\n\n  handleClose = () => {\n    this.close.emit();\n    this.host.remove();\n  };\n\n  render() {\n    return (\n      <Host role=\"alert\"\n        aria-live=\"polite\"\n        aria-atomic=\"true\"\n        aria-label={this.label}>\n        <div class={this.getClasses()} style={this.styles}>\n          <cura-icon name={this.getNameIcon()} class=\"icon-left\" size={16} color={`${this.type}-dark`}></cura-icon>\n          <div class=\"content\">\n            { this.label ? (\n            <cura-heading class=\"title\" size=\"xsmall\" color=\"neutral-black\" weight=\"bold\" margin-block=\"1px 0\">\n              {this.label}\n            </cura-heading>\n            ) : ''}\n            <cura-paragraph class=\"text\" color={`${this.type}-darker`} size=\"xsmall\" marginBlock=\"0\" lineHeight=\"133.33%\">\n              <slot></slot>\n            </cura-paragraph>\n            <slot name=\"actions\"></slot>\n          </div>\n          { this.closeable ?\n          (<cura-icon name=\"close\" size={16} color=\"error-dark\" class=\"icon-right\" onClick={this.handleClose}></cura-icon>)\n          : '' }\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"wFAAA,MAAMA,EAAe,+e,MCMRC,EAAS,MALtB,WAAAC,CAAAC,G,qCAQUC,KAAIC,KAA6C,OAChCD,KAAQE,SAAG,MAEXF,KAASG,UAAG,KAG5BH,KAAMI,OAAG,GA8ClBJ,KAAWK,YAAG,KACZL,KAAKM,MAAMC,OACXP,KAAKQ,KAAKC,QAAQ,CA6BrB,CAxEC,SAAAC,GACE,MAAMC,EAAS,CACb,CAAEC,KAAM,kBAAmBC,MAAO,GAAGb,KAAKC,gBAC1C,CAAEW,KAAM,kBAAmBC,MAAO,iBAClC,CAAED,KAAM,gBAAiBC,MAAO,GAAGb,KAAKC,cACxC,CAAEW,KAAM,eAAgBC,MAAO,GAAGb,KAAKC,cAGzC,MAAMa,EACDC,OAAAC,OAAA,GAAAhB,KAAKI,QAGVO,EAAOM,SAAQC,IACbJ,EAAcI,EAAMN,MAAQO,OAAOC,QAAQP,MAAMF,OAAOU,SAASH,EAAML,MAAM,IAG/Eb,KAAKI,OAASU,C,CAGhB,iBAAAQ,GACEtB,KAAKI,OAAO,kBAAoBe,OAAOC,QAAQP,MAAMU,QAAQC,aAC7DxB,KAAKU,W,CAGP,UAAAe,GACE,MAAMC,EAAU,GAChBA,EAAQ,aAAe,KACvBA,EAAQ,YAAc1B,KAAKE,SAC3B,OAAOwB,C,CAGT,WAAAC,GACE,MAAMC,EAAc,CAClBC,KAAM,aACNC,QAAS,cACTC,QAAS,cACTC,MAAO,iBAET,OAAOhC,KAAKiC,KAAOjC,KAAKiC,KAAOL,EAAY5B,KAAKC,K,CAQlD,MAAAiC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAK,QACC,qBACE,qBACA,aAAAtC,KAAKuC,OACjBJ,EAAK,OAAAE,IAAA,2CAAAG,MAAOxC,KAAKyB,aAAcgB,MAAOzC,KAAKI,QACzC+B,EAAW,aAAAE,IAAA,2CAAAzB,KAAMZ,KAAK2B,cAAea,MAAM,YAAYE,KAAM,GAAIxB,MAAO,GAAGlB,KAAKC,cAChFkC,EAAK,OAAAE,IAAA,2CAAAG,MAAM,WACPxC,KAAKuC,MACPJ,EAAA,gBAAcK,MAAM,QAAQE,KAAK,SAASxB,MAAM,gBAAgByB,OAAO,OAAM,eAAc,SACxF3C,KAAKuC,OAEJ,GACJJ,EAAgB,kBAAAE,IAAA,2CAAAG,MAAM,OAAOtB,MAAO,GAAGlB,KAAKC,cAAeyC,KAAK,SAASE,YAAY,IAAIC,WAAW,WAClGV,EAAA,QAAAE,IAAA,8CAEFF,EAAA,QAAAE,IAAA,2CAAMzB,KAAK,aAEXZ,KAAKG,UACNgC,EAAA,aAAWvB,KAAK,QAAQ8B,KAAM,GAAIxB,MAAM,aAAasB,MAAM,aAAaM,QAAS9C,KAAKK,cACrF,I","ignoreList":[]}