@rededor/cura 1.1.0 → 1.2.0-rc.0

package/dist/cura/{p-57b8b468.entry.js → p-8f3db0fe.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,H as h,g as o}from"./p-312791fb.js";const l=":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(i),:host ::slotted(em){font-style:italic;font-weight:var(--font-weight-medium)}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";const e=l;const i=class{constructor(s){t(this,s);this.theme=window.CuraAPI.theme;this.level=1;this.size="large";this.spotColor="accent-dark";this.color=undefined;this.marginBlock="1.25em";this.lineHeight="120%";this.styles={}}handleChangeColor(){this.setColors()}connectedCallback(){this.setFontProperties();this.setColors()}setFontProperties(){this.weights=this.theme.fonts.getWeights();this.fontSizeBase=this.theme.fonts.getSize();this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-medium":this.weights.medium}}hostCSSProperties(){return{"--margin-block":this.marginBlock,"--font-size-base":this.fontSizeBase,"--line-height":this.lineHeight}}setColors(){const t=this.color?this.theme.colors.getColor(this.color):this.theme.fonts.getColor();this.styles=Object.assign(Object.assign({},this.styles),{"--color-body":t||this.theme.colors.getColor("neutral-darker"),"--color-link":this.theme.colors.getColor(`${this.spotColor}`)})}getClasses(){var t;const s={};s[`${(t=this.size)===null||t===void 0?void 0:t.toLowerCase()}`]=true;return s}getHeadingTag(){const t=this.getClasses();const h={1:s("h1",{style:this.styles,class:t},s("slot",null)),2:s("h2",{style:this.styles,class:t},s("slot",null)),3:s("h3",{style:this.styles,class:t},s("slot",null)),4:s("h4",{style:this.styles,class:t},s("slot",null)),5:s("h5",{style:this.styles,class:t},s("slot",null)),6:s("h6",{style:this.styles,class:t},s("slot",null)),default:s("h1",{style:this.styles,class:t},s("slot",null))};return h[`${this.level}`]||h["default"]}render(){return s(h,{key:"ffd8e58f9bf50038554591ec2b191e0488ae0500",style:this.hostCSSProperties()},this.getHeadingTag())}get host(){return o(this)}static get watchers(){return{color:["handleChangeColor"],spotColor:["handleChangeColor"]}}};i.style=e;export{i as cura_display};
-//# sourceMappingURL=p-57b8b468.entry.js.map
+import{r as t,h as s,H as h,g as o}from"./p-fd5ed6b0.js";const l=":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.2857142857em;letter-spacing:-1.68px}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:2.8571428571em;letter-spacing:-1.92px}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.5714285714em;letter-spacing:-1.2px}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(i),:host ::slotted(em){font-style:italic;font-weight:var(--font-weight-medium)}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";const e=l;const i=class{constructor(s){t(this,s);this.theme=window.CuraAPI.theme;this.level=1;this.size="large";this.spotColor="accent-dark";this.color=undefined;this.marginBlock="1.25em";this.lineHeight="120%";this.styles={}}handleChangeColor(){this.setColors()}connectedCallback(){this.setFontProperties();this.setColors()}setFontProperties(){this.weights=this.theme.fonts.getWeights();this.fontSizeBase=this.theme.fonts.getSize();this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-medium":this.weights.medium}}hostCSSProperties(){return{"--margin-block":this.marginBlock,"--font-size-base":this.fontSizeBase,"--line-height":this.lineHeight}}setColors(){const t=this.color?this.theme.colors.getColor(this.color):this.theme.fonts.getColor();this.styles=Object.assign(Object.assign({},this.styles),{"--color-body":t||this.theme.colors.getColor("neutral-darker"),"--color-link":this.theme.colors.getColor(`${this.spotColor}`)})}getClasses(){var t;const s={};s[`${(t=this.size)===null||t===void 0?void 0:t.toLowerCase()}`]=true;return s}getHeadingTag(){const t=this.getClasses();const h={1:s("h1",{style:this.styles,class:t},s("slot",null)),2:s("h2",{style:this.styles,class:t},s("slot",null)),3:s("h3",{style:this.styles,class:t},s("slot",null)),4:s("h4",{style:this.styles,class:t},s("slot",null)),5:s("h5",{style:this.styles,class:t},s("slot",null)),6:s("h6",{style:this.styles,class:t},s("slot",null)),default:s("h1",{style:this.styles,class:t},s("slot",null))};return h[`${this.level}`]||h["default"]}render(){return s(h,{key:"b7f2ed980b7cedd3c9fbd60f14bf8785bb5c26cb",style:this.hostCSSProperties()},this.getHeadingTag())}get host(){return o(this)}static get watchers(){return{color:["handleChangeColor"],spotColor:["handleChangeColor"]}}};i.style=e;export{i as cura_display};
+//# sourceMappingURL=p-8f3db0fe.entry.js.map

package/dist/cura/{p-a00d2c68.entry.js → p-907b3d12.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as t,H as a}from"./p-312791fb.js";const s=":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--base-spacing) * 8px);height:calc(var(--base-spacing) * 8px);border-radius:calc(var(--base-spacing) * 1px);background:var(--neutral-pale)}";const i=s;const c=class{constructor(t){e(this,t);this.isThousandRounded=false;this.theme=window.CuraAPI.theme;this.distance=0;this.label="km";this.styles={};this.displayDistance=0}formatDistance(){const e=this.distance%1!==0?parseFloat(this.distance.toFixed(1)):this.distance;this.isThousandRounded=Math.abs(e)>=1e3;this.displayDistance=this.isThousandRounded?parseFloat((e/1e3).toFixed(1)):e}connectedCallback(){this.setCssProperties();this.formatDistance()}render(){return t(a,{key:"afc9605f43777e15c026ee00b0ca3fc18b648489"},t("div",{key:"5e970213baad148605f9fcd0e0f0307f32a99375",class:"container",style:this.styles},t("cura-label",{key:"d56a580850734dedf9d7e72c0dce45d05be26119",size:"xsmall",weight:"bold",color:"neutral-black"},this.displayDistance,this.isThousandRounded?"K":""),t("cura-label",{key:"e0ec3d1a6919b3931d807f75054b5d861e6015b3",size:"xsmall",weight:"bold",color:"neutral-dark"},this.label)))}setCssProperties(){this.styles={"--neutral-pale":this.theme.colors.getColor(`neutral-pale`),"--base-spacing":this.theme.spacing.getSpacing()}}static get watchers(){return{distance:["formatDistance"]}}};c.style=i;export{c as cura_badge_distance};
-//# sourceMappingURL=p-a00d2c68.entry.js.map
+import{r as e,h as t,H as a}from"./p-fd5ed6b0.js";const s=":host .container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:calc(var(--base-spacing) * 8px);height:calc(var(--base-spacing) * 8px);border-radius:calc(var(--base-spacing) * 1px);background:var(--neutral-pale)}";const i=s;const c=class{constructor(t){e(this,t);this.isThousandRounded=false;this.theme=window.CuraAPI.theme;this.distance=0;this.label="km";this.styles={};this.displayDistance=0}formatDistance(){const e=this.distance%1!==0?parseFloat(this.distance.toFixed(1)):this.distance;this.isThousandRounded=Math.abs(e)>=1e3;this.displayDistance=this.isThousandRounded?parseFloat((e/1e3).toFixed(1)):e}connectedCallback(){this.setCssProperties();this.formatDistance()}render(){return t(a,{key:"afc9605f43777e15c026ee00b0ca3fc18b648489"},t("div",{key:"5e970213baad148605f9fcd0e0f0307f32a99375",class:"container",style:this.styles},t("cura-label",{key:"d56a580850734dedf9d7e72c0dce45d05be26119",size:"xsmall",weight:"bold",color:"neutral-black"},this.displayDistance,this.isThousandRounded?"K":""),t("cura-label",{key:"e0ec3d1a6919b3931d807f75054b5d861e6015b3",size:"xsmall",weight:"bold",color:"neutral-dark"},this.label)))}setCssProperties(){this.styles={"--neutral-pale":this.theme.colors.getColor(`neutral-pale`),"--base-spacing":this.theme.spacing.getSpacing()}}static get watchers(){return{distance:["formatDistance"]}}};c.style=i;export{c as cura_badge_distance};
+//# sourceMappingURL=p-907b3d12.entry.js.map

package/dist/cura/{p-6682619b.entry.js → p-b2d5db22.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as i,H as o,g as n}from"./p-312791fb.js";const a=":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type) .content-container{border-bottom:none}.option-container{width:100%;display:flex}.option-container:hover:not(.disabled):not(.selected) .content-container{background-color:var(--neutral-white)}.option-container.selected .content-container{background-color:var(--primary-lighter)}.option-container.disabled{cursor:default}.content-container{display:flex;width:100%;box-sizing:border-box;padding:calc(var(--base-spacing) * 2px) calc(var(--base-spacing) * 1px);background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light)}.content-container ::slotted(div[slot=action]){display:flex;justify-content:end}.option-info{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:calc(var(--base-spacing) * 2px);flex-direction:row;box-sizing:border-box;cursor:pointer}.option-info cura-heading{width:100%;margin-block:0px}.option-info ::slotted(div[slot=image]){min-width:calc(var(--base-spacing) * 8px);display:flex;justify-content:center;align-items:center}";const c=a;const s=class{constructor(i){e(this,i);this.optionSelected=t(this,"optionSelected",7);this.handleOptionClick=e=>{if(this.selectable){this.selected=!this.selected;this.optionSelected.emit(this.value);this.updateIconColor()}else{e.preventDefault();e.stopImmediatePropagation()}};this.value=undefined;this.selected=false;this.selectable=true;this.hovered=false;this.styles={}}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-purewhite"]=window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);this.styles["--neutral-light"]=window.CuraAPI.theme.colors.getColor(`neutral-light`);this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor(`neutral-white`);this.styles["--primary-lighter"]=window.CuraAPI.theme.colors.getColor(`primary-lighter`,50)}componentDidLoad(){this.updateIconColor()}updateIconColor(){const e=this.hostElement.querySelector('[slot="image"] cura-icon');if(e){e.setAttribute("color",this.selected?"primary":"neutral-dark")}}render(){return i(o,{key:"957218946adc6611a384d8e86860eb4f8ae50db3",slot:"dropdown-search-option"},i("div",{key:"a9b41feb6d72ae97cdeedd9a9aed36e2d6df40fe",style:this.styles,class:{"option-container":true,hovered:this.selectable?this.hovered:false,selected:this.selected,disabled:!this.selectable}},i("div",{key:"18994a7e0ad6e2b4ab37ae65edc796e4cdedce43",class:"content-container"},i("div",{key:"2505977c08bea5d92b3cc33af5c117709120b82b",class:"option-info",onClick:e=>this.handleOptionClick(e)},i("slot",{key:"bc5ac8b88938f29693b6f9d68ec933e7abc513e4",name:"image"}),i("cura-heading",{key:"81d2b1d1e8b60f26a6e444d18dac0ddfc95b44ea",size:"xsmall",lineHeight:"16px",marginBlock:"0px",weight:"bold",color:"neutral-black"},i("slot",{key:"e91fb72dc20136d0a6b56da0d03eaba02327d80d"}))),i("slot",{key:"f0e24b8548bec4ff52f3fcccd77562ef5548d5f6",name:"action"}))))}get hostElement(){return n(this)}static get watchers(){return{selected:["updateIconColor"]}}};s.style=c;export{s as cura_dropdown_search_option};
-//# sourceMappingURL=p-6682619b.entry.js.map
+import{r as t,c as e,h as i,H as o,g as n}from"./p-fd5ed6b0.js";const a=":host{display:block;box-sizing:border-box;width:100%}:host(:last-of-type) .content-container{border-bottom:none}.option-container{width:100%;display:flex}.option-container:hover:not(.disabled):not(.selected) .content-container{background-color:var(--neutral-white)}.option-container.selected .content-container{background-color:var(--primary-lighter)}.option-container.disabled{cursor:default}.content-container{display:flex;width:100%;box-sizing:border-box;padding:calc(var(--base-spacing) * 2px) calc(var(--base-spacing) * 1px);background-color:var(--neutral-purewhite);border-bottom:1px solid var(--neutral-light)}.content-container ::slotted(div[slot=action]){display:flex;justify-content:end}.option-info{width:100%;display:flex;align-items:center;align-content:center;justify-content:center;gap:calc(var(--base-spacing) * 2px);flex-direction:row;box-sizing:border-box;cursor:pointer}.option-info cura-heading{width:100%;margin-block:0px}.option-info ::slotted(div[slot=image]){min-width:calc(var(--base-spacing) * 8px);display:flex;justify-content:center;align-items:center}";const s=a;const c=class{constructor(i){t(this,i);this.optionSelected=e(this,"optionSelected",7);this.handleOptionClick=t=>{if(this.selectable){this.selected=!this.selected;this.optionSelected.emit(this.value);this.updateIconColor()}else{t.preventDefault();t.stopImmediatePropagation()}};this.value=undefined;this.selected=false;this.selectable=true;this.hovered=false;this.styles={}}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-purewhite"]=window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);this.styles["--neutral-light"]=window.CuraAPI.theme.colors.getColor(`neutral-light`);this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor(`neutral-white`);this.styles["--primary-lighter"]=window.CuraAPI.theme.colors.getColor(`primary-lighter`,50)}componentDidLoad(){this.updateIconColor()}updateIconColor(){const t=this.hostElement.querySelector('[slot="image"] cura-icon');if(t){t.setAttribute("color",this.selected?"primary":"neutral-dark")}}render(){return i(o,{key:"3f02c7eb0d499c858c2145a7f63b0d935debaa2e",slot:"dropdown-search-option"},i("div",{key:"5f9bfdaa8687e3784b7615b05fca16661847df62",style:this.styles,class:{"option-container":true,hovered:this.selectable?this.hovered:false,selected:this.selected,disabled:!this.selectable}},i("div",{key:"4786ae6abd65c3232f854e2322d8b7b9093d332b",class:"content-container"},i("div",{key:"5a29f12c98477cb970af13706b95b2f76a45c938",class:"option-info",onClick:t=>this.handleOptionClick(t)},i("slot",{key:"199564385ab97d313235891c55eeff808de24857",name:"image"}),i("cura-heading",{key:"bfdf99dae80d99bafa1bd30808986ce315cafd5f",size:"xsmall",lineHeight:"16px",marginBlock:"0px",weight:"bold",color:"neutral-black"},i("slot",{key:"711d9843b8196400071b50a50d395d4775bec1f0"}))),i("slot",{key:"1487aac2527eba3511f9653a0d2986aac95e2bad",name:"action"}))))}get hostElement(){return n(this)}static get watchers(){return{selected:["updateIconColor"]}}};c.style=s;export{c as cura_dropdown_search_option};
+//# sourceMappingURL=p-b2d5db22.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as c}from"./p-fd5ed6b0.js";const t=":host .container{display:flex;width:20px;height:20px;min-width:16px;padding:4px;justify-content:center;align-items:center;gap:4px;border-radius:500px;background:var(--background-color)}";const d=t;const s=class{constructor(a){e(this,a);this.styles={};this.theme=window.CuraAPI.theme;this.number=undefined;this.color=undefined}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--background-color":this.theme.colors.getColor(this.color)})}render(){return a(c,{key:"ba26c547e809b1a03edb15ddc562b760ddb002d3"},a("div",{key:"46dac81c75727004adf3ace19afe8be87950bf4a",class:"container",style:this.styles},a("cura-label",{key:"a914d1a332c709c1e61269c2d0b7a82cf3a6e7fa"},a("slot",{key:"17b996446d288b77126ea2c0ca23b0c77018dbe5"},this.number))))}};s.style=d;export{s as cura_badge_number};
+//# sourceMappingURL=p-b43b69f3.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["curaBadgeNumberCss","CuraBadgeNumberStyle0","CuraBadgeNumber","this","styles","theme","window","CuraAPI","connectedCallback","Object","assign","colors","getColor","color","render","h","Host","key","class","style","number"],"sources":["src/components/badges/cura-badge-number/cura-badge-number.scss?tag=cura-badge-number&encapsulation=shadow","src/components/badges/cura-badge-number/cura-badge-number.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n  .container{\n    display: flex;\n    width: 20px;\n    height: 20px;\n    min-width: 16px;\n    padding: 4px;\n    justify-content: center;\n    align-items: center;\n    gap: 4px;\n    border-radius:  500px;\n    background: var(--background-color);\n  }\n}\n","import { Component, Host, Prop,  h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-number',\n  styleUrl: 'cura-badge-number.scss',\n  shadow: true,\n})\nexport class CuraBadgeNumber {\n\n  @Prop({ reflect: true }) number: number | null\n  @Prop({ reflect: true}) color: string \n  styles = {};\n\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.styles = {\n      ...this.styles,\n      '--background-color': this.theme.colors.getColor(this.color),\n    }\n  }\n\n\n  render() {\n    return (\n      <Host>\n        <div class=\"container\" style={this.styles}>\n          <cura-label>\n            <slot>{this.number}</slot>\n          </cura-label>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAqB,4LAC3B,MAAAC,EAAeD,E,MCMFE,EAAe,M,yBAI1BC,KAAAC,OAAS,GAETD,KAAAE,MAAQC,OAAOC,QAAQF,M,2CAEvB,iBAAAG,GACEL,KAAKC,OAAMK,OAAAC,OAAAD,OAAAC,OAAA,GACNP,KAAKC,QAAM,CACd,qBAAsBD,KAAKE,MAAMM,OAAOC,SAAST,KAAKU,Q,CAK1D,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,YAAYC,MAAOhB,KAAKC,QACjCW,EAAA,cAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,4CAAOd,KAAKiB,U","ignoreList":[]}