@rededor/cura 1.7.0 → 1.8.0

package/dist/components/{cura-paragraph2.js → p-DI4g-ZH4.js}

@@ -1,21 +1,39 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
 
 const curaParagraphCss = ":host{display:block;font-size:var(--font-size-base);min-width:0}:host p{font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.28px;width:100%}:host p.large{font-size:1.214em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:0.85em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.48px}:host p.caption,:host p.xsmall{font-size:0.8571428571em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.6px}:host p.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host p ::slotted(b),:host p ::slotted(strong){font-weight:var(--font-weight-bold)}:host p ::slotted(a),:host p ::slotted(a:-webkit-any-link){font-weight:var(--font-weight-medium);color:var(--color-spot);text-underline-offset:10%}:host p ::slotted(u){font-weight:var(--font-weight-medium);text-underline-offset:10%}:host p ::slotted(i){font-style:italic}:host p ::slotted(em){font-weight:var(--font-weight-bold);color:var(--color-spot);font-style:normal}:host p ::slotted(abbr){color:var(--color-spot);text-decoration:underline dashed 1px var(--color-spot);text-underline-offset:10%;cursor:default}@media (min-width: 769px) and (max-width: 1920px){:host p{font-size:1.143em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.32px}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.56px}:host p.caption,:host p.xsmall{font-size:0.8571428571em;line-height:calc(var(--line-height) - 5%);letter-spacing:0.72px}}@media (min-width: 1921px){:host p{font-size:1.429em;line-height:calc(var(--line-height) + 10%);letter-spacing:0px}:host p.large{font-size:1.714em;line-height:calc(var(--line-height) + 20%)}:host p.small{font-size:1.21em;line-height:calc(var(--line-height) + 5%);letter-spacing:0px}:host p.caption,:host p.xsmall{font-size:1em;line-height:calc(var(--line-height) + 5%);letter-spacing:0.28px}}";
-const CuraParagraphStyle0 = curaParagraphCss;
 
-const CuraParagraph = /*@__PURE__*/ proxyCustomElement(class CuraParagraph extends HTMLElement {
+const CuraParagraph = /*@__PURE__*/ proxyCustomElement(class CuraParagraph extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.theme = window.CuraAPI.theme;
+        /**
+         * Set size of body text.
+         * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.
+         */
         this.size = 'medium';
+        /**
+        * Apply design system color to interactive elements like <a> and <abbr> inside the text.
+        * Values: Color from design system scheme. Default to 'accent-dark'.
+        */
         this.spotColor = 'accent-dark';
-        this.color = undefined;
+        /**
+         * CSS margin-block property values.
+         * Default to 1.25em
+         */
         this.marginBlock = '1.25em';
+        /**
+         * CSS line-height property values.
+         * Default to 140%
+         */
         this.lineHeight = '140%';
+        /**
+         * Apply text-overflow ellipsis definitions.
+         * Default to none
+         */
         this.textOverflow = 'none';
         this.styles = {};
+        this.theme = window.CuraAPI.theme;
     }
     connectedCallback() {
         this.setFontProperties();
@@ -53,7 +71,7 @@ const CuraParagraph = /*@__PURE__*/ proxyCustomElement(class CuraParagraph exten
         return (h(Host, { key: 'c3789e60b50107cc39c51e4a3ec317e86c966689', style: this.hostCSSProperties() }, h("p", { key: 'f70ffc6277b6164dfc8d230123820efb3d5daa64', style: this.styles, class: this.getClasses() }, h("slot", { key: '66251e59d51637fc7820516b17af8947cc9168e8' }))));
     }
     get host() { return this; }
-    static get style() { return CuraParagraphStyle0; }
+    static get style() { return curaParagraphCss; }
 }, [1, "cura-paragraph", {
         "size": [513],
         "spotColor": [513, "spot-color"],
@@ -78,5 +96,6 @@ function defineCustomElement() {
 }
 
 export { CuraParagraph as C, defineCustomElement as d };
+//# sourceMappingURL=p-DI4g-ZH4.js.map
 
-//# sourceMappingURL=cura-paragraph2.js.map
+//# sourceMappingURL=p-DI4g-ZH4.js.map

package/dist/components/p-DI4g-ZH4.js.map

@@ -0,0 +1 @@
+{"file":"p-DI4g-ZH4.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,8lEAA8lE;;MCO1mE,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,GAAA;;;;AAOE;;;AAGG;AACoB,QAAA,IAAI,CAAA,IAAA,GAAoE,QAAQ;AAEvG;;;AAGE;AACqB,QAAA,IAAS,CAAA,SAAA,GAAG,aAAa;AAQhD;;;AAGG;AACoB,QAAA,IAAW,CAAA,WAAA,GAAG,QAAQ;AAE7C;;;AAGG;AACoB,QAAA,IAAU,CAAA,UAAA,GAAG,MAAM;AAE1C;;;AAGG;AACoB,QAAA,IAAY,CAAA,YAAA,GAA+B,MAAM;AAY/D,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE;QACpB,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,OAAO,CAAC,KAAK;AAgD7B;IA9CC,iBAAiB,GAAA;QACf,IAAI,CAAC,iBAAiB,EAAE;;IAG1B,iBAAiB,GAAA;QACf,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,EAAE;QAC5C,IAAI,CAAC,YAAY,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,OAAO,EAAE;QAC9C,IAAI,CAAC,MAAM,GAAG;YACZ,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC;AACnD,YAAA,uBAAuB,EAAE,IAAI,CAAC,OAAO,CAAC,OAAO;AAC7C,YAAA,sBAAsB,EAAE,IAAI,CAAC,OAAO,CAAC,MAAM;AAC3C,YAAA,oBAAoB,EAAE,IAAI,CAAC,OAAO,CAAC;SACpC;;IAGH,iBAAiB,GAAA;AACf,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC;AACrB,cAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK;cACrC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ,EAAE;QAC/B,OAAO;YACL,gBAAgB,EAAE,IAAI,CAAC,WAAW;YAClC,kBAAkB,EAAE,IAAI,CAAC,YAAY;YACrC,eAAe,EAAE,IAAI,CAAC,UAAU;AAChC,YAAA,cAAc,EAAE,SAAS,IAAI,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,gBAAgB,CAAC;AACzE,YAAA,cAAc,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAG,EAAA,IAAI,CAAC,SAAS,EAAE;SAC/D;;IAGH,UAAU,GAAA;AACR,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,qBAAqB,EAAE,IAAI,CAAC,YAAY,KAAK,QAAQ;SACtD;QACD,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,IAAI;AACvC,QAAA,OAAO,OAAO;;IAGhB,MAAM,GAAA;QACJ,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,EAAA,EACnC,CAAG,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,EAAA,EAC7C,CAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACX,CACC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/text/cura-paragraph/cura-paragraph.scss?tag=cura-paragraph&encapsulation=shadow","src/components/text/cura-paragraph/cura-paragraph.tsx"],"sourcesContent":["@import '../../../scss/mixins/responsive.scss';\n@import '../../../scss/mixins/text.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size-base);\n  min-width: 0;\n\n  p {\n    font-family: var(--font-family);\n    font-size: var(--font-size-base);\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    margin-block: var(--margin-block);\n    letter-spacing: 0.28px;\n    width: 100%;\n\n    &.large {\n      font-size: 1.214em;\n      line-height: calc(var(--line-height) + 10%);\n      letter-spacing: 0px;\n    }\n\n    &.small {\n      font-size: 0.85em;\n      line-height: calc(var(--line-height) - 5%);\n      letter-spacing: 0.48px;\n    }\n\n    &.caption, &.xsmall {\n      font-size: 0.8571428571428571em;\n      line-height: calc(var(--line-height) - 5%);\n      letter-spacing: 0.6px;\n    }\n\n    &.textoverflow-single {\n      @include truncate-single();\n    }\n\n    ::slotted(b), ::slotted(strong) {\n      font-weight: var(--font-weight-bold);\n    }\n\n    ::slotted(a),\n    ::slotted(a:-webkit-any-link) {\n      font-weight: var(--font-weight-medium);\n      color: var(--color-spot);\n      text-underline-offset: 10%;\n    }\n\n    ::slotted(u) {\n      font-weight: var(--font-weight-medium);\n      text-underline-offset: 10%;\n    }\n\n    ::slotted(i) {\n      font-style: italic;\n    }\n\n    ::slotted(em) {\n      font-weight: var(--font-weight-bold);\n      color: var(--color-spot);\n      font-style: normal;\n    }\n\n    ::slotted(abbr) {\n      color: var(--color-spot);\n      text-decoration: underline dashed 1px var(--color-spot);\n      text-underline-offset: 10%;\n      cursor: default;\n    }\n  }\n\n  @include medium-large() {\n    p {\n      font-size: 1.143em;\n      line-height: calc(var(--line-height) + 5%);\n      letter-spacing: 0.32px;\n\n      &.large {\n        font-size: 1.357em;\n        line-height: calc(var(--line-height) + 10%);\n        letter-spacing: 0px;\n      }\n\n      &.small {\n        font-size: 1em;\n        line-height: calc(var(--line-height) - 5%);\n        letter-spacing: 0.56px;\n      }\n\n      &.caption, &.xsmall {\n        font-size: 0.8571428571428571em;\n        line-height: calc(var(--line-height) - 5%);\n        letter-spacing: 0.72px;\n      }\n    }\n  }\n\n  @include xlarge-only() {\n    p {\n      font-size: 1.429em;\n      line-height: calc(var(--line-height) + 10%);\n      letter-spacing: 0px;\n\n      &.large {\n        font-size: 1.714em;\n        line-height: calc(var(--line-height) + 20%);\n      }\n\n      &.small {\n        font-size: 1.21em;\n        line-height: calc(var(--line-height) + 5%);\n        letter-spacing: 0px;\n      }\n\n      &.caption, &.xsmall {\n        font-size: 1em;\n        line-height: calc(var(--line-height) + 5%);\n        letter-spacing: 0.28px;\n      }\n    }\n  }\n\n}\n\n","import { Component, Host, Prop, h, Element, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-paragraph',\n  styleUrl: 'cura-paragraph.scss',\n  shadow: true,\n})\nexport class CuraParagraph {\n\n  /**\n   * Set size of body text.\n   * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.\n   */\n  @Prop({reflect: true}) size: 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall' = 'medium';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop({reflect: true}) color: string;\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '1.25em';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '140%';\n\n  /**\n   * Apply text-overflow ellipsis definitions.\n   * Default to none\n   */\n  @Prop({reflect: true}) textOverflow: 'none' | 'single' | string = 'none';\n\n  /**\n   * Host element <cura-paragraph>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.setFontProperties();\n  }\n\n  setFontProperties() {\n    this.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': this.theme.fonts.getFamily('body'),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    };\n  }\n\n  hostCSSProperties() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n      '--color-spot': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  getClasses() {\n    const classes = {\n      'textoverflow-single': this.textOverflow === 'single',\n    }\n    classes[this.size.toLowerCase()] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()}>\n        <p style={this.styles} class={this.getClasses()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/components/{cura-label2.js → p-DR1RHrEX.js}

@@ -1,22 +1,44 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
 
 const curaLabelCss = ":host{display:block;font-size:var(--font-size-base)}:host p{font-family:var(--font-family);font-size:1.143em;font-weight:var(--font-weight-medium);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0.32px}:host p.bold-weight,:host p ::slotted(b),:host p ::slotted(strong),:host p ::slotted(u){font-weight:var(--font-weight-bold)}:host p.large{font-size:1.357em;line-height:calc(var(--line-height) - 4%);letter-spacing:0px}:host p.small{font-size:1em;line-height:calc(var(--line-height) - 4%);letter-spacing:0.56px}:host p.xsmall{font-size:0.857em;line-height:calc(var(--line-height) - 17%);letter-spacing:0.72px}:host p.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}:host p ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%}:host p ::slotted(u){text-underline-offset:10%}:host p ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
-const CuraLabelStyle0 = curaLabelCss;
 
-const CuraLabel = /*@__PURE__*/ proxyCustomElement(class CuraLabel extends HTMLElement {
+const CuraLabel = /*@__PURE__*/ proxyCustomElement(class CuraLabel extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.theme = window.CuraAPI.theme;
+        /**
+         * Set size of body text.
+         * Values: medium (default) | large | small | xsmall.
+         */
         this.size = 'medium';
+        /**
+         * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.
+         * Values: regular (default) | bold.
+         */
         this.weight = 'regular';
+        /**
+        * Apply design system color to interactive elements like <a> and <abbr> inside the text.
+        * Values: Color from design system scheme. Default to 'accent-dark'.
+        */
         this.spotColor = 'accent-dark';
-        this.color = undefined;
+        /**
+         * CSS margin-block property values.
+         * Default to 1.25em
+         */
         this.marginBlock = '0';
+        /**
+         * CSS line-height property values.
+         * Default to 140%
+         */
         this.lineHeight = '125%';
+        /**
+         * Apply text-overflow ellipsis definitions.
+         * Default to none
+         */
         this.textOverflow = 'none';
         this.styles = {};
+        this.theme = window.CuraAPI.theme;
     }
     handleChangeColor() {
         this.setColors();
@@ -64,7 +86,7 @@ const CuraLabel = /*@__PURE__*/ proxyCustomElement(class CuraLabel extends HTMLE
         "color": ["handleChangeColor"],
         "spotColor": ["handleChangeColor"]
     }; }
-    static get style() { return CuraLabelStyle0; }
+    static get style() { return curaLabelCss; }
 }, [1, "cura-label", {
         "size": [513],
         "weight": [513],
@@ -93,5 +115,6 @@ function defineCustomElement() {
 }
 
 export { CuraLabel as C, defineCustomElement as d };
+//# sourceMappingURL=p-DR1RHrEX.js.map
 
-//# sourceMappingURL=cura-label2.js.map
+//# sourceMappingURL=p-DR1RHrEX.js.map

package/dist/components/p-DR1RHrEX.js.map

@@ -0,0 +1 @@
+{"file":"p-DR1RHrEX.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/cura-label/cura-label.scss?tag=cura-label&encapsulation=shadow","src/components/forms/cura-label/cura-label.tsx"],"sourcesContent":["@import '../../../scss/mixins/responsive.scss';\n@import '../../../scss/mixins/text.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size-base);\n\n\n  p {\n    font-family: var(--font-family);\n    font-size: 1.143em;\n    font-weight: var(--font-weight-medium);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    margin-block: var(--margin-block);\n    letter-spacing: 0.32px;\n\n    &.bold-weight, ::slotted(b), ::slotted(strong), ::slotted(u) {\n      font-weight: var(--font-weight-bold);\n    }\n\n    &.large {\n      font-size: 1.357em;\n      line-height: calc(var(--line-height) - 4%);\n      letter-spacing: 0px;\n    }\n\n    &.small {\n      font-size: 1em;\n      line-height: calc(var(--line-height) - 4%);\n      letter-spacing: 0.56px;\n    }\n\n    &.xsmall {\n      font-size: 0.857em;\n      line-height: calc(var(--line-height) - 17%);\n      letter-spacing: 0.72px;\n    }\n\n    &.textoverflow-single {\n      @include truncate-single();\n    }\n\n    ::slotted(a) {\n      font-weight: var(--font-weight-bold);\n      color: var(--color-link);\n      text-underline-offset: 10%;\n    }\n\n    ::slotted(u) {\n      text-underline-offset: 10%;\n    }\n\n    ::slotted(abbr) {\n      color: var(--color-link);\n      text-decoration: underline dashed 1px var(--color-link);\n      text-underline-offset: 10%;\n      cursor: default;\n    }\n  }\n}\n\n","import { Component, Host, Prop, h, Element, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-label',\n  styleUrl: 'cura-label.scss',\n  shadow: true,\n})\nexport class CuraLabel {\n\n  /**\n   * Set size of body text.\n   * Values: medium (default) | large | small | xsmall.\n   */\n  @Prop({reflect: true}) size: 'medium' | 'large' | 'small' | 'xsmall' | string = 'medium';\n\n  /**\n   * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\n   * Values: regular (default) | bold.\n   */\n  @Prop({reflect: true}) weight: 'regular' | 'bold' = 'regular';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop() color: string;\n  @Watch('color')\n  @Watch('spotColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '0';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '125%';\n\n  /**\n   * Apply text-overflow ellipsis definitions.\n   * Default to none\n   */\n  @Prop({reflect: true}) textOverflow: 'none' | 'single' | string = 'none';\n\n  /**\n   * Host element <cura-label>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {\n      'textoverflow-single': this.textOverflow === 'single',\n    };\n    classes[this.size.toLowerCase()] = true;\n    classes[`${this.weight.toLowerCase()}-weight`] = true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': this.theme.fonts.getFamily('body'),\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    };\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  hostCSSProperties() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()}>\n        <p style={this.styles} class={this.getClasses()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/components/{cura-stepper-item2.js → p-DaPc6Dxl.js}

@@ -1,17 +1,30 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$4 } from './cura-badge-pill2.js';
-import { d as defineCustomElement$3 } from './cura-icon2.js';
-import { d as defineCustomElement$2 } from './cura-label2.js';
-import { d as defineCustomElement$1 } from './cura-paragraph2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
+import { d as defineCustomElement$4 } from './p-cOEGtL9C.js';
+import { d as defineCustomElement$3 } from './p-B5aO1chh.js';
+import { d as defineCustomElement$2 } from './p-DR1RHrEX.js';
+import { d as defineCustomElement$1 } from './p-DI4g-ZH4.js';
 
 const curaStepperItemCss = ":host{display:block;box-sizing:border-box}.item-container{display:flex;gap:4px;align-items:center}";
-const CuraStepperItemStyle0 = curaStepperItemCss;
 
-const CuraStepperItem = /*@__PURE__*/ proxyCustomElement(class CuraStepperItem extends HTMLElement {
+const CuraStepperItem = /*@__PURE__*/ proxyCustomElement(class CuraStepperItem extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
+        /**
+         *  Determines if the step title is displayed (default: false)
+         */
+        this.displayHeading = false;
+        /**
+         * The current status of the step
+         * Can be:
+         *    - 'done' for completed steps
+         *    - 'stop' for failed steps
+         *    - 'active' for the current active step
+         *    - 'default' for steps that are neither done, active nor stopped.
+         */
+        this.status = 'default';
+        this.styles = {};
         this.statusMap = {
             active: {
                 badgeColor: 'info',
@@ -38,11 +51,6 @@ const CuraStepperItem = /*@__PURE__*/ proxyCustomElement(class CuraStepperItem e
                 iconOnly: false,
             },
         };
-        this.displayHeading = false;
-        this.heading = undefined;
-        this.label = undefined;
-        this.status = 'default';
-        this.styles = {};
     }
     connectedCallback() {
         this.updateStyles();
@@ -69,7 +77,7 @@ const CuraStepperItem = /*@__PURE__*/ proxyCustomElement(class CuraStepperItem e
         return (h(Host, { key: '0a92b438c1ab33d0e6b1986214b6c57790a3aea6' }, h("div", { key: '0f003c91a0d95441f250dbcb539af753a124948c', class: "item-container", style: this.styles }, h("cura-badge-pill", { key: '7b631c3be3a59b510f16565f9ad321c485cda952', type: "solid", color: badgeColor, "icon-name": icon, "icon-only": iconOnly, "border-radius": "50%" }, this.label), this.displayHeading && this.heading && (h("cura-paragraph", { key: '87f046eac4d4359b564ca85d9e95dbc15499c147', marginBlock: "0", size: "xsmall", color: textColor }, this.heading)))));
     }
     get hostElement() { return this; }
-    static get style() { return CuraStepperItemStyle0; }
+    static get style() { return curaStepperItemCss; }
 }, [1, "cura-stepper-item", {
         "displayHeading": [516, "display-heading"],
         "heading": [513],
@@ -112,5 +120,6 @@ function defineCustomElement() {
 }
 
 export { CuraStepperItem as C, defineCustomElement as d };
+//# sourceMappingURL=p-DaPc6Dxl.js.map
 
-//# sourceMappingURL=cura-stepper-item2.js.map
+//# sourceMappingURL=p-DaPc6Dxl.js.map

package/dist/components/p-DaPc6Dxl.js.map

@@ -0,0 +1 @@
+{"file":"p-DaPc6Dxl.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/cura-stepper/cura-stepper-item/cura-stepper-item.scss?tag=cura-stepper-item&encapsulation=shadow","src/components/cura-stepper/cura-stepper-item/cura-stepper-item.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n\n.item-container{\n  display: flex;\n  gap: 4px;\n  align-items: center;\n}\n","import { Component, Element, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-stepper-item',\n  styleUrl: 'cura-stepper-item.scss',\n  shadow: true,\n})\nexport class CuraStepperItem {\n  /**\n   *  Determines if the step title is displayed (default: false)\n   */\n  @Prop({ reflect: true }) displayHeading: boolean = false;\n\n  /**\n   * The title of the step (displayed if `displayHeading` is true)\n   */\n  @Prop({ reflect: true }) heading: string;\n\n  /**\n   *  The label displayed inside the badge\n   */\n  @Prop({ reflect: true }) label: string;\n\n  /**\n   * The current status of the step\n   * Can be:\n   *    - 'done' for completed steps\n   *    - 'stop' for failed steps\n   *    - 'active' for the current active step\n   *    - 'default' for steps that are neither done, active nor stopped.\n   */\n  @Prop({ reflect: true }) status: 'done' | 'stop' | 'active' | 'default' = 'default';\n\n  @State() styles = {};\n\n  @Element() hostElement: HTMLElement;\n\n  connectedCallback() {\n    this.updateStyles();\n  }\n\n  statusMap = {\n    active: {\n      badgeColor: 'info',\n      textColor: 'info-dark',\n      icon: '',\n      iconOnly: false,\n    },\n    stop: {\n      badgeColor: 'error',\n      textColor: 'error-darker',\n      icon: 'alertCircle',\n      iconOnly: true,\n    },\n    done: {\n      badgeColor: 'success',\n      textColor: 'success-darker',\n      icon: 'checkCircle',\n      iconOnly: true,\n    },\n    default: {\n      badgeColor: 'neutral',\n      textColor: 'neutral',\n      icon: '',\n      iconOnly: false,\n    },\n  };\n\n  getStatusProperties() {\n    return this.statusMap[this.status] || this.statusMap.default;\n  }\n\n  updateStyles() {\n    const { fonts, colors, spacing } = window.CuraAPI.theme;\n    const weights = fonts.getWeights();\n\n    this.styles = {\n      '--base-spacing': spacing.getSpacing(),\n      '--neutral-purewhite': colors.getColor('neutral-purewhite'),\n      '--neutral-lighter': colors.getColor('neutral-lighter'),\n      '--neutral-base': colors.getColor('neutral-base'),\n      '--font-size': fonts.getSize(),\n      '--font-color': fonts.getColor(),\n      '--font-family': fonts.getFamily(),\n      '--font-weight-regular': weights.regular,\n    };\n  }\n\n  render() {\n    const { badgeColor, textColor, icon, iconOnly } = this.getStatusProperties();\n    return (\n      <Host>\n        <div class=\"item-container\" style={this.styles}>\n          <cura-badge-pill\n            type=\"solid\"\n            color={badgeColor as 'info' | 'error' | 'success' | 'neutral' | 'primary' | 'secondary' | 'accent' | 'warning'}\n            icon-name={icon}\n            icon-only={iconOnly}\n            border-radius=\"50%\"\n          >\n            {this.label}\n          </cura-badge-pill>\n          {this.displayHeading && this.heading && (\n            <cura-paragraph marginBlock=\"0\" size=\"xsmall\" color={textColor}>\n              {this.heading}\n            </cura-paragraph>\n          )}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{cura-forms.definitions.js → p-Dot54hbB.js}

@@ -14,5 +14,6 @@ const formsSizes = {
 };
 
 export { formsSizes as f };
+//# sourceMappingURL=p-Dot54hbB.js.map
 
-//# sourceMappingURL=cura-forms.definitions.js.map
+//# sourceMappingURL=p-Dot54hbB.js.map

package/dist/components/p-Dot54hbB.js.map

@@ -0,0 +1 @@
+{"file":"p-Dot54hbB.js","mappings":"AAAa,MAAA,UAAU,GAAG;AACxB,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,EAAE;AACR,KAAA;AACD,IAAA,QAAQ,EAAE;AACR,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,EAAE;AACR,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,GAAG,EAAE,CAAC;AACP,KAAA;;;;;","names":[],"sources":["src/components/forms/cura-forms.definitions.tsx"],"sourcesContent":["export const formsSizes = {\n  \"large\": {\n    size: 32,\n    gap: 16,\n  },\n  \"medium\": {\n    size: 24,\n    gap: 12,\n  },\n  \"small\": {\n    size: 20,\n    gap: 8,\n  },\n};\n"],"version":3}

package/dist/components/{cura-select-option2.js → p-DpIu_Oxz.js}

@@ -1,21 +1,19 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './cura-icon2.js';
-import { d as defineCustomElement$1 } from './cura-label2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
+import { d as defineCustomElement$2 } from './p-B5aO1chh.js';
+import { d as defineCustomElement$1 } from './p-DR1RHrEX.js';
 
 const curaSelectOptionCss = ":host{display:block}.item{display:flex;padding:12px 8px;cursor:pointer;justify-content:space-between;align-items:center;box-sizing:border-box;background:var(--neutral-purewhite)}.item.selected{background-color:var(--primary-lighter-50);border-bottom:1px solid var(--primary-light)}.item:hover:not(.selected){background:var(--neutral-white);border-bottom:1px solid var(--neutral-light)}.item.active{background:var(--neutral-white) !important;border-bottom:1px solid var(--neutral-light)}.item.selected.active{background-color:var(--primary-lighter-50) !important;box-shadow:none}";
-const CuraSelectOptionStyle0 = curaSelectOptionCss;
 
-const CuraSelectOption = /*@__PURE__*/ proxyCustomElement(class CuraSelectOption extends HTMLElement {
+const CuraSelectOption = /*@__PURE__*/ proxyCustomElement(class CuraSelectOption extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.theme = window.CuraAPI.theme;
-        this.value = undefined;
         this.selected = false;
         this.active = false;
         this.size = 'small';
         this.styles = {};
+        this.theme = window.CuraAPI.theme;
     }
     connectedCallback() {
         const colors = [
@@ -48,7 +46,7 @@ const CuraSelectOption = /*@__PURE__*/ proxyCustomElement(class CuraSelectOption
     static get watchers() { return {
         "size": ["getSize"]
     }; }
-    static get style() { return CuraSelectOptionStyle0; }
+    static get style() { return curaSelectOptionCss; }
 }, [1, "cura-select-option", {
         "value": [513],
         "selected": [516],
@@ -83,5 +81,6 @@ function defineCustomElement() {
 }
 
 export { CuraSelectOption as C, defineCustomElement as d };
+//# sourceMappingURL=p-DpIu_Oxz.js.map
 
-//# sourceMappingURL=cura-select-option2.js.map
+//# sourceMappingURL=p-DpIu_Oxz.js.map

package/dist/components/p-DpIu_Oxz.js.map

@@ -0,0 +1 @@
+{"file":"p-DpIu_Oxz.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/forms/cura-select-options/cura-select-option.scss?tag=cura-select-option&encapsulation=shadow","src/components/forms/cura-select-options/cura-select-option.tsx"],"sourcesContent":[":host {\n  display: block;\n}\n\n.item {\n  display: flex;\n  padding: 12px 8px;\n  cursor: pointer;\n  justify-content: space-between;\n  align-items: center;\n  box-sizing: border-box;\n  background: var(--neutral-purewhite);\n\n  &.selected {\n    background-color: var(--primary-lighter-50);\n    border-bottom: 1px solid var(--primary-light);\n  }\n\n  &:hover:not(.selected) {\n    background: var(--neutral-white);\n    border-bottom: 1px solid var(--neutral-light);\n  }\n\n  &.active {\n    background: var(--neutral-white) !important;\n    border-bottom: 1px solid var(--neutral-light);\n  }\n\n  &.selected.active {\n    background-color: var(--primary-lighter-50) !important;\n    box-shadow: none;\n  }\n}\n","import { Component, h, Host, Prop, State, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-select-option',\n  styleUrl: 'cura-select-option.scss',\n  shadow: true,\n})\nexport class CuraSelectOption {\n  @Prop({ reflect: true }) value: string;\n  @Prop({ reflect: true }) selected: boolean = false;\n  @Prop({ reflect: true }) active: boolean = false;\n  @Prop() size: 'xsmall' | 'small' | 'medium' | 'large' = 'small'\n  @State() styles = {};\n  @Element() host: HTMLElement;\n\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    const colors = [\n      { name: '--primary-lighter-50', theme: 'primary-lighter', opacity: 0.5 },\n      { name: '--primary-light', theme: 'primary-light' },\n      { name: '--neutral-light', theme: 'neutral-light' },\n      { name: '--neutral-purewhite', theme: 'neutral-purewhite' },\n    ];\n\n    colors.forEach(color => this.styles = { ...this.styles, [color.name]: this.theme.colors.getColor(color.theme, color?.opacity) });\n  }\n\n  @Watch('size')\n  getSize(element: string) {\n    const sizeMap = {\n      large: element === 'label' ? 'medium' : 20,\n      medium: element === 'label' ? 'small' : 16,\n      small: element === 'label' ? 'xsmall' : 'micro',\n    };\n\n    return sizeMap[this.size] || sizeMap['medium'];\n  }\n\n  getClasses() {\n    return {\n      'item': true,\n      'selected': this.selected,\n      'active':this.active\n    };\n  }\n\n  render() {\n    return (\n      <Host slot=\"option\" role=\"option\" aria-selected={this.selected}>\n        <div class={this.getClasses()} style={this.styles}>\n          <cura-label color={`${this.selected ? 'primary-base' : 'neutral-black'}`} size={this.getSize('label')} margin-block=\"0\">\n            <slot></slot>\n          </cura-label>\n          {this.selected && <cura-icon name='check' size={this.getSize('icon')} color=\"primary-base\"></cura-icon>}\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{cura-loader-circle2.js → p-Dqm2sAwv.js}

@@ -1,13 +1,20 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
 
 const curaLoaderCircleCss = ":host{display:inline-block;width:var(--size);height:var(--size)}:host svg{width:var(--size);height:var(--size);animation:rotate 0.7s linear infinite}:host circle,:host path{stroke-miterlimit:10;stroke-linecap:round;stroke-linejoin:round}:host path{stroke:var(--color)}:host stop{stop-color:var(--color)}:host linearGradient stop:first-child{stop-opacity:0.14}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}";
-const CuraLoaderCircleStyle0 = curaLoaderCircleCss;
 
-const CuraLoaderCircle = /*@__PURE__*/ proxyCustomElement(class CuraLoaderCircle extends HTMLElement {
+const CuraLoaderCircle = /*@__PURE__*/ proxyCustomElement(class CuraLoaderCircle extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
+        /**
+         * Loader size. Values: small, medium or large.
+         */
+        this.size = 'medium';
+        /**
+         * One from color scheme. Default: neutral-white.
+         */
+        this.color = 'neutral-white';
         this.sizes = {
             xlarge: 32,
             large: 24,
@@ -16,8 +23,6 @@ const CuraLoaderCircle = /*@__PURE__*/ proxyCustomElement(class CuraLoaderCircle
             default: 16,
         };
         this.getPxSize = () => this.sizes[this.size] || this.sizes['default'];
-        this.size = 'medium';
-        this.color = 'neutral-white';
     }
     getStyles() {
         return {
@@ -28,7 +33,7 @@ const CuraLoaderCircle = /*@__PURE__*/ proxyCustomElement(class CuraLoaderCircle
     render() {
         return (h(Host, { key: '09f72e4ec206571c1bfb4333a76da3113f2b386d', style: this.getStyles(), role: "progressbar" }, h("svg", { key: 'd446c093c9ae6c1ebca50e023f2eba592f37eb07', viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, h("g", { key: '8d8bf0fefcb924af391977d672f777face8bf24f' }, h("circle", { key: 'd77eaba65fc61c265b7c495e95dae22d9732732b', cx: "8", cy: "8", r: "7", stroke: "url(#paint0_linear_13485_11488)", "stroke-width": "2" }), h("path", { key: 'ab82247a03c327a6eac8f5c0770932e3520aa32c', d: "M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5", "stroke-width": "2" })), h("defs", { key: '6291d976f90dd54aecaead32f8314e977dad4c3f' }, h("linearGradient", { key: '8f213ed3cb1e55f9aae79f18d43f414b48f45a19', id: "paint0_linear_13485_11488", x1: "15.7", y1: "4.5", x2: "4.15", y2: "11.5", gradientUnits: "userSpaceOnUse" }, h("stop", { key: 'c723178770cb0d49746a72fff6c9c8dc7fbb07b4' }), h("stop", { key: '07bb208a3ca3f3b7a317b1e2386dc9cf683fd155', offset: "1" }))))));
     }
-    static get style() { return CuraLoaderCircleStyle0; }
+    static get style() { return curaLoaderCircleCss; }
 }, [1, "cura-loader-circle", {
         "size": [513],
         "color": [513]
@@ -48,5 +53,6 @@ function defineCustomElement() {
 }
 
 export { CuraLoaderCircle as C, defineCustomElement as d };
+//# sourceMappingURL=p-Dqm2sAwv.js.map
 
-//# sourceMappingURL=cura-loader-circle2.js.map
+//# sourceMappingURL=p-Dqm2sAwv.js.map

package/dist/components/p-Dqm2sAwv.js.map

@@ -0,0 +1 @@
+{"file":"p-Dqm2sAwv.js","mappings":";;AAAA,MAAM,mBAAmB,GAAG,ibAAib;;MCOhc,gBAAgB,iBAAAA,kBAAA,CAAA,MAAA,gBAAA,SAAAC,CAAA,CAAA;AAL7B,IAAA,WAAA,GAAA;;;;AAOE;;AAEG;AACoB,QAAA,IAAI,CAAA,IAAA,GAA4C,QAAQ;AAC/E;;AAEG;AACoB,QAAA,IAAK,CAAA,KAAA,GAAG,eAAe;QAE9C,IAAA,CAAA,KAAK,GAAG;AACN,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,MAAM,EAAE,EAAE;AACV,YAAA,KAAK,EAAE,EAAE;AACT,YAAA,OAAO,EAAE,EAAE;SACZ;QAED,IAAA,CAAA,SAAS,GAAG,MAAM,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;AA8BjE;IA5BC,SAAS,GAAA;QACP,OAAO;AACL,YAAA,QAAQ,EAAE,CAAG,EAAA,IAAI,CAAC,SAAS,EAAE,CAAI,EAAA,CAAA;AACjC,YAAA,SAAS,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK;SAC3D;;IAGH,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EACH,KAAK,EAAE,IAAI,CAAC,SAAS,EAAE,EACvB,IAAI,EAAC,aAAa,EAAA,EAClB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,OAAO,EAAC,WAAW,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,EAAA,EACrE,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,GAAG,EAAC,CAAC,EAAC,GAAG,EAAC,MAAM,EAAC,iCAAiC,EAAA,cAAA,EAAc,GAAG,EAAE,CAAA,EACvF,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,CAAC,EAAC,iHAAiH,EAAc,cAAA,EAAA,GAAG,GAAE,CAC1I,EACJ,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAgB,CAAA,gBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAE,EAAC,2BAA2B,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,MAAM,EAAC,EAAE,EAAC,MAAM,EAAC,aAAa,EAAC,gBAAgB,EAAA,EAClH,CAAO,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,EACP,CAAM,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,MAAM,EAAC,GAAG,EAAA,CAAE,CACH,CACZ,CACH,CACD;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/loaders/cura-loader-circle/cura-loader-circle.scss?tag=cura-loader-circle&encapsulation=shadow","src/components/loaders/cura-loader-circle/cura-loader-circle.tsx"],"sourcesContent":["@import '../../../scss/mixins/animations.scss';\n\n:host {\n  display: inline-block;\n  width: var(--size);\n  height: var(--size);\n  \n  svg {\n    width: var(--size);\n    height: var(--size);\n    animation: rotate .7s linear infinite;\n  }\n\n  circle, path {\n    stroke-miterlimit: 10;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  path { stroke: var(--color); }\n\n  stop { stop-color: var(--color); }\n  linearGradient stop:first-child {\n    stop-opacity: 0.14;\n  }\n}\n\n@include rotate();\n\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-loader-circle',\n  styleUrl: 'cura-loader-circle.scss',\n  shadow: true,\n})\nexport class CuraLoaderCircle {\n\n  /**\n   * Loader size. Values: small, medium or large.\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' | 'xlarge' = 'medium';\n  /**\n   * One from color scheme. Default: neutral-white.\n   */\n  @Prop({reflect: true}) color = 'neutral-white';\n\n  sizes = {\n    xlarge: 32,\n    large: 24,\n    medium: 20,\n    small: 16,\n    default: 16,\n  };\n\n  getPxSize = () => this.sizes[this.size] || this.sizes['default'];\n\n  getStyles() {\n    return {\n      '--size': `${this.getPxSize()}px`,\n      '--color': window.CuraAPI.theme.colors.getColor(this.color)\n    }\n  }\n\n  render() {\n    return (\n      <Host\n        style={this.getStyles()}\n        role=\"progressbar\">\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g>\n            <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\"/>\n            <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\"/>\n          </g>\n          <defs>\n            <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n              <stop/>\n              <stop offset=\"1\"/>\n            </linearGradient>\n          </defs>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n"],"version":3}

package/dist/components/{cura-progress-bar2.js → p-FTSrgi0q.js}

@@ -1,18 +1,20 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
 
 const curaProgressBarCss = ":host{display:block;box-sizing:border-box}.progress-bar{position:relative;display:flex;align-items:center;justify-content:center}.progress-bar span{position:absolute;display:flex}";
-const CuraProgressBarStyle0 = curaProgressBarCss;
 
-const CuraProgressBar = /*@__PURE__*/ proxyCustomElement(class CuraProgressBar extends HTMLElement {
+const CuraProgressBar = /*@__PURE__*/ proxyCustomElement(class CuraProgressBar extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.progressColor = undefined;
-        this.progress = undefined;
+        /**
+         *  Defines the size of the progress bar
+         */
         this.size = 40;
+        /**
+         *  Defines the width of the stroke (outline) of the progress circle
+         */
         this.strokeWidth = 3.25;
-        this.active = undefined;
     }
     render() {
         const radius = (this.size - this.strokeWidth) / 2;
@@ -21,7 +23,7 @@ const CuraProgressBar = /*@__PURE__*/ proxyCustomElement(class CuraProgressBar e
         const viewBox = `0 0 ${this.size} ${this.size}`;
         return (h(Host, { key: '6deebf97271b84fcecb9e1d688c79ae88b2aa618' }, h("div", { key: 'f6556e004e4d0cc4de342292610764b74495e3b0', class: "progress-bar" }, h("svg", { key: 'ffc1de55ded85602db1840812cd1f296a413c39e', width: this.size, height: this.size, viewBox: viewBox }, h("circle", { key: '691beeaf7b5fb5d670bfde48d8023b742bd97126', fill: "none", stroke: "#ccc", cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px` }), this.active && (h("circle", { key: '0fee97b7da871d6b242786bbcf175e9792da69f8', fill: "none", stroke: this.progressColor, cx: this.size / 2, cy: this.size / 2, r: radius, "stroke-width": `${this.strokeWidth}px`, transform: `rotate(-90 ${this.size / 2} ${this.size / 2})`, "stroke-dasharray": `${dash}px ${circumference - dash}px`, "stroke-linecap": "round", style: { transition: 'all 0.5s' } }))), h("span", { key: '8e78dd28e8fad5ee4d9aef8029a73b6cf6d778cc' }, h("slot", { key: 'aa7155860e7aa0bcd2aef87bed2a5530161de4aa' })))));
     }
-    static get style() { return CuraProgressBarStyle0; }
+    static get style() { return curaProgressBarCss; }
 }, [1, "cura-progress-bar", {
         "progressColor": [513, "progress-color"],
         "progress": [514],
@@ -44,5 +46,6 @@ function defineCustomElement() {
 }
 
 export { CuraProgressBar as C, defineCustomElement as d };
+//# sourceMappingURL=p-FTSrgi0q.js.map
 
-//# sourceMappingURL=cura-progress-bar2.js.map
+//# sourceMappingURL=p-FTSrgi0q.js.map

package/dist/components/p-FTSrgi0q.js.map

@@ -0,0 +1 @@
+{"file":"p-FTSrgi0q.js","mappings":";;AAAA,MAAM,kBAAkB,GAAG,qLAAqL;;MCOnM,eAAe,iBAAAA,kBAAA,CAAA,MAAA,eAAA,SAAAC,CAAA,CAAA;AAL5B,IAAA,WAAA,GAAA;;;;AAgBE;;AAEG;AACsB,QAAA,IAAI,CAAA,IAAA,GAAW,EAAE;AAE1C;;AAEG;AACsB,QAAA,IAAW,CAAA,WAAA,GAAW,IAAI;AAyCpD;IAlCC,MAAM,GAAA;AACJ,QAAA,MAAM,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,WAAW,IAAI,CAAC;QACjD,MAAM,aAAa,GAAG,MAAM,GAAG,IAAI,CAAC,EAAE,GAAG,CAAC;QAC1C,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,QAAQ,GAAG,aAAa,IAAI,GAAG;QAElD,MAAM,OAAO,GAAG,CAAA,IAAA,EAAO,IAAI,CAAC,IAAI,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,CAAA,CAAE;QAE/C,QACE,EAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACH,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,cAAc,EAAA,EACvB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAE,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,IAAI,CAAC,IAAI,EAAE,OAAO,EAAE,OAAO,EAAA,EACxD,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAQ,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,EAAE,MAAM,kBAAgB,CAAG,EAAA,IAAI,CAAC,WAAW,IAAI,EAAI,CAAA,EAC3H,IAAI,CAAC,MAAM,KACV,CAAA,CAAA,QAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,MAAM,EACX,MAAM,EAAE,IAAI,CAAC,aAAa,EAC1B,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EACjB,EAAE,EAAE,IAAI,CAAC,IAAI,GAAG,CAAC,EACjB,CAAC,EAAE,MAAM,EAAA,cAAA,EACK,CAAA,EAAG,IAAI,CAAC,WAAW,CAAA,EAAA,CAAI,EACrC,SAAS,EAAE,CAAc,WAAA,EAAA,IAAI,CAAC,IAAI,GAAG,CAAC,CAAA,CAAA,EAAI,IAAI,CAAC,IAAI,GAAG,CAAC,CAAG,CAAA,CAAA,EACxC,kBAAA,EAAA,CAAA,EAAG,IAAI,CAAM,GAAA,EAAA,aAAa,GAAG,IAAI,CAAI,EAAA,CAAA,EAAA,gBAAA,EACxC,OAAO,EACtB,KAAK,EAAE,EAAE,UAAU,EAAE,UAAU,EAAE,EAAA,CACjC,CACH,CACG,EACN,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAa,CACR,CACH,CACD;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/cura-stepper/cura-progress-bar/cura-progress-bar.scss?tag=cura-progress-bar&encapsulation=shadow","src/components/cura-stepper/cura-progress-bar/cura-progress-bar.tsx"],"sourcesContent":[":host {\n  display: block;\n  box-sizing: border-box;\n}\n\n.progress-bar {\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  & span {\n    position: absolute;\n    display: flex;\n  }\n}","import { Component, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-progress-bar',\n  styleUrl: 'cura-progress-bar.scss',\n  shadow: true,\n})\nexport class CuraProgressBar {\n  /**\n   *  Defines the color of the progress bar\n   */\n  @Prop({ reflect: true }) progressColor: string;\n\n  /**\n   *  Defines the percentage of progress\n   */\n  @Prop({ reflect: true }) progress: number;\n\n  /**\n   *  Defines the size of the progress bar\n   */\n  @Prop({ reflect: true }) size: number = 40;\n\n  /**\n   *  Defines the width of the stroke (outline) of the progress circle\n   */\n  @Prop({ reflect: true }) strokeWidth: number = 3.25;\n\n  /**\n   *  Defines whether the progress bar is active\n   */\n  @Prop({ reflect: true }) active: boolean;\n\n  render() {\n    const radius = (this.size - this.strokeWidth) / 2;\n    const circumference = radius * Math.PI * 2;\n    const dash = (this.progress * circumference) / 100;\n\n    const viewBox = `0 0 ${this.size} ${this.size}`;\n\n    return (\n      <Host>\n        <div class=\"progress-bar\">\n          <svg width={this.size} height={this.size} viewBox={viewBox}>\n            <circle fill=\"none\" stroke=\"#ccc\" cx={this.size / 2} cy={this.size / 2} r={radius} stroke-width={`${this.strokeWidth}px`} />\n            {this.active && (\n              <circle\n                fill=\"none\"\n                stroke={this.progressColor}\n                cx={this.size / 2}\n                cy={this.size / 2}\n                r={radius}\n                stroke-width={`${this.strokeWidth}px`}\n                transform={`rotate(-90 ${this.size / 2} ${this.size / 2})`}\n                stroke-dasharray={`${dash}px ${circumference - dash}px`}\n                stroke-linecap=\"round\"\n                style={{ transition: 'all 0.5s' }}\n              />\n            )}\n          </svg>\n          <span>\n            <slot></slot>\n          </span>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}

package/dist/components/{cura-loader-bar2.js → p-KIQMkSRF.js}

@@ -1,9 +1,8 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
+import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
 
 const curaLoaderBarCss = ":host{display:block}:host .progress-bar{position:absolute;left:0;bottom:0;width:100%;height:4px;background-color:var(--neutral-base)}:host .progress-bar span{position:absolute;left:0;bottom:0;width:var(--bar-width);height:100%;border-radius:0 2px 2px 0;background-color:var(--color-base);transition:width 0.2s linear}";
-const CuraLoaderBarStyle0 = curaLoaderBarCss;
 
-const CuraLoaderBar = /*@__PURE__*/ proxyCustomElement(class CuraLoaderBar extends HTMLElement {
+const CuraLoaderBar = /*@__PURE__*/ proxyCustomElement(class CuraLoaderBar extends H {
     constructor() {
         super();
         this.__registerHost();
@@ -36,7 +35,7 @@ const CuraLoaderBar = /*@__PURE__*/ proxyCustomElement(class CuraLoaderBar exten
         "color": ["handleChangeColor"],
         "progress": ["handleProgress"]
     }; }
-    static get style() { return CuraLoaderBarStyle0; }
+    static get style() { return curaLoaderBarCss; }
 }, [1, "cura-loader-bar", {
         "color": [1],
         "progress": [2],
@@ -60,5 +59,6 @@ function defineCustomElement() {
 }
 
 export { CuraLoaderBar as C, defineCustomElement as d };
+//# sourceMappingURL=p-KIQMkSRF.js.map
 
-//# sourceMappingURL=cura-loader-bar2.js.map
+//# sourceMappingURL=p-KIQMkSRF.js.map

package/dist/components/p-KIQMkSRF.js.map

@@ -0,0 +1 @@
+{"file":"p-KIQMkSRF.js","mappings":";;AAAA,MAAM,gBAAgB,GAAG,+TAA+T;;MCO3U,aAAa,iBAAAA,kBAAA,CAAA,MAAA,aAAA,SAAAC,CAAA,CAAA;AAL1B,IAAA,WAAA,GAAA;;;;AAQU,QAAA,IAAK,CAAA,KAAA,GAAG,cAAc;AACtB,QAAA,IAAQ,CAAA,QAAA,GAAG,CAAC;AAEX,QAAA,IAAM,CAAA,MAAA,GAAG,EAAE;AA4CrB;IAzCC,iBAAiB,GAAA;QACf,IAAI,CAAC,QAAQ,EAAE;;IAIjB,cAAc,GAAA;QACZ,IAAI,CAAC,WAAW,EAAE;;IAGpB,iBAAiB,GAAA;QACf,IAAI,CAAC,QAAQ,EAAE;QACf,IAAI,CAAC,WAAW,EAAE;;IAGpB,MAAM,GAAA;AACJ,QAAA,QACE,CAAA,CAAC,IAAI,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAC,IAAI,EAAC,aAAa,EACP,eAAA,EAAA,IAAI,CAAC,QAAQ,EACb,eAAA,EAAA,CAAC,mBACD,GAAG,EAAA,EAClB,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,EAAE,EAAC,cAAc,EAAC,KAAK,EAAC,cAAc,EAAC,KAAK,EAAE,IAAI,CAAC,MAAM,EAAA,EAC5D,CAAA,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAM,KAAK,EAAC,mBAAmB,GAAQ,CACnC,CACD;;IAIX,QAAQ,GAAA;QACN,IAAI,CAAC,MAAM,GAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EACN,IAAI,CAAC,MAAM,KACd,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAA,YAAA,CAAc,EAAE,GAAG,CAAC,EAC3E,cAAc,EAAE,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,GACjE;;IAGH,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,MAAM,GACN,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,IAAI,CAAC,MAAM,CAAA,EAAA,EACd,aAAa,EAAE,CAAA,EAAG,IAAI,CAAC,QAAQ,CAAA,CAAA,CAAG,GACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/loaders/cura-loader-bar/cura-loader-bar.scss?tag=cura-loader-bar&encapsulation=shadow","src/components/loaders/cura-loader-bar/cura-loader-bar.tsx"],"sourcesContent":[":host {\n  display: block;\n\n  .progress-bar {\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    width: 100%;\n    height: 4px;\n    background-color: var(--neutral-base);\n\n    span {\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: var(--bar-width);\n      height: 100%;\n      border-radius: 0 2px 2px 0;\n      background-color: var(--color-base);\n      transition: width 0.2s linear;\n    }\n  }\n}\n","import { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-loader-bar',\n  styleUrl: 'cura-loader-bar.scss',\n  shadow: true,\n})\nexport class CuraLoaderBar {\n  @Element() host: HTMLElement;\n\n  @Prop() color = 'primary-base';\n  @Prop() progress = 0;\n\n  @State() styles = {};\n\n  @Watch('color')\n  handleChangeColor() {\n    this.setColor();\n  }\n\n  @Watch('progress')\n  handleProgress() {\n    this.setProgress();\n  }\n\n  connectedCallback() {\n    this.setColor();\n    this.setProgress();\n  }\n\n  render() {\n    return (\n      <Host role=\"progressbar\"\n        aria-valuenow={this.progress}\n        aria-valuemin={0}\n        aria-valuemax={100}>\n        <div id=\"progress-bar\" class=\"progress-bar\" style={this.styles}>\n          <span class=\"progress-bar-fill\"></span>\n        </div>\n      </Host>\n    );\n  }\n\n  setColor() {\n    this.styles = {\n      ...this.styles,\n      '--neutral-base': window.CuraAPI.theme.colors.getColor(`neutral-base`, 0.2),\n      '--color-base': window.CuraAPI.theme.colors.getColor(this.color),\n    }\n  }\n\n  setProgress() {\n    this.styles = {\n      ...this.styles,\n      '--bar-width': `${this.progress}%`,\n    }\n  }\n}\n"],"version":3}

package/dist/components/{cura-badge-pill2.js → p-cOEGtL9C.js}

@@ -1,24 +1,40 @@
-import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { d as defineCustomElement$2 } from './cura-icon2.js';
-import { d as defineCustomElement$1 } from './cura-label2.js';
+import { p as proxyCustomElement, H, h, d as Host } from './p-D1cPOZpG.js';
+import { d as defineCustomElement$2 } from './p-B5aO1chh.js';
+import { d as defineCustomElement$1 } from './p-DR1RHrEX.js';
 
 const curaBadgePillCss = ".badge-container{display:flex;align-items:center;justify-content:center;gap:calc(var(--cura-spacing-base) * 1px);padding:calc(var(--cura-spacing-base) * 1px);border-radius:var(--border-radius);font-family:var(--font-family);font-size:var(--font-size);position:relative;box-sizing:border-box;width:fit-content;height:calc(var(--cura-spacing-base) * 5px);min-width:calc(var(--cura-spacing-base) * 5px);background-color:var(--color-background)}.badge-container::before{content:\"\";width:100%;height:100%;position:absolute;left:0px;top:0px;box-sizing:border-box;border:1px solid transparent;border-radius:var(--border-radius);pointer-events:none}.badge-container.icon-only cura-label{display:none !important}.badge-container.disabled{background-color:var(--color-background-disabled)}.badge-container.outline{background-color:transparent}.badge-container.outline::before{border:1px solid var(--color-base)}.badge-container.outline.disabled::before{border:1px solid var(--color-outline-disabled)}.badge-container.transparent{background-color:transparent}.badge-container.transparent::before{border:1px solid transparent}.badge-container.transparent.disabled{background-color:transparent}.badge-container cura-icon{display:flex}";
-const CuraBadgePillStyle0 = curaBadgePillCss;
 
-const CuraBadgePill = /*@__PURE__*/ proxyCustomElement(class CuraBadgePill extends HTMLElement {
+const CuraBadgePill = /*@__PURE__*/ proxyCustomElement(class CuraBadgePill extends H {
     constructor() {
         super();
         this.__registerHost();
         this.__attachShadow();
-        this.theme = window.CuraAPI.theme;
+        /**
+         * Badge type: solid | outline | transparent
+         */
         this.type = 'solid';
+        /**
+         * Color base from color scheme. Default: primary
+         */
         this.color = 'primary';
-        this.iconName = undefined;
+        /**
+         * Custom iconset if needed
+         */
         this.iconset = 'default';
+        /**
+         * Disabled state. Boolean
+         */
         this.disabled = false;
+        /**
+         * Set badge to icon only. Boolean
+         */
         this.iconOnly = false;
+        /**
+         * Set border-radius.
+         */
         this.borderRadius = '2px';
         this.styles = {};
+        this.theme = window.CuraAPI.theme;
     }
     watchColorChange() {
         this.setColors();
@@ -72,7 +88,7 @@ const CuraBadgePill = /*@__PURE__*/ proxyCustomElement(class CuraBadgePill exten
     static get watchers() { return {
         "color": ["watchColorChange"]
     }; }
-    static get style() { return CuraBadgePillStyle0; }
+    static get style() { return curaBadgePillCss; }
 }, [1, "cura-badge-pill", {
         "type": [513],
         "color": [1],
@@ -110,5 +126,6 @@ function defineCustomElement() {
 }
 
 export { CuraBadgePill as C, defineCustomElement as d };
+//# sourceMappingURL=p-cOEGtL9C.js.map
 
-//# sourceMappingURL=cura-badge-pill2.js.map
+//# sourceMappingURL=p-cOEGtL9C.js.map

package/dist/components/p-cOEGtL9C.js.map

@@ -0,0 +1 @@
+{"file":"p-cOEGtL9C.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/badges/cura-badge-pill/cura-badge-pill.scss?tag=cura-badge-pill&encapsulation=shadow","src/components/badges/cura-badge-pill/cura-badge-pill.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n.badge-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: #{$spacing-tiny};\n  padding: #{$spacing-tiny};\n  border-radius: var(--border-radius);\n  font-family: var(--font-family);\n  font-size: var(--font-size);\n  position: relative;\n  box-sizing: border-box;\n  width: fit-content;\n  height: #{$spacing-xs};\n  min-width: #{$spacing-xs};\n\n  background-color: var(--color-background);\n\n  &::before {\n    content: \"\";\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    left: 0px;\n    top: 0px;\n    box-sizing: border-box;\n    border: 1px solid transparent;\n    border-radius: var(--border-radius);\n    pointer-events: none;\n  }\n\n  &.icon-only {\n    cura-label {\n      display: none !important;\n    }\n  }\n\n  &.disabled {\n    background-color: var(--color-background-disabled);\n  }\n\n  &.outline {\n    background-color: transparent;\n\n    &::before {\n      border: 1px solid var(--color-base);\n    }\n\n    &.disabled::before {\n      border: 1px solid var(--color-outline-disabled);\n    }\n  }\n\n  &.transparent {\n    background-color: transparent;\n\n    &::before {\n      border: 1px solid transparent;\n    }\n\n    &.disabled {\n      background-color: transparent;\n    }\n  }\n\n  cura-icon {\n    display: flex;\n  }\n}\n","import { Component, Host, Prop, State, h, Watch, Element } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-pill',\n  styleUrl: 'cura-badge-pill.scss',\n  shadow: true,\n})\nexport class CuraBadgePill {\n  @Element() host: HTMLElement;\n\n  /**\n   * Badge type: solid | outline | transparent\n   */\n  @Prop({ reflect: true }) type: 'solid' | 'outline' | 'transparent' = 'solid';\n\n  /**\n   * Color base from color scheme. Default: primary\n   */\n  @Prop() color: 'primary' | 'secondary' | 'accent' | 'neutral' | 'info' | 'success' | 'warning' | 'error' | 'whatsapp' = 'primary';\n\n  /**\n   * Name of the icon to be used from iconset\n   */\n  @Prop({ reflect: true }) iconName: string;\n\n  /**\n   * Custom iconset if needed\n   */\n  @Prop({ reflect: true }) iconset = 'default';\n\n  /**\n   * Disabled state. Boolean\n   */\n  @Prop({ reflect: true }) disabled = false;\n\n  /**\n   * Set badge to icon only. Boolean\n   */\n  @Prop({ reflect: true }) iconOnly = false;\n\n  /**\n   * Set border-radius.\n   */\n  @Prop({ reflect: true }) borderRadius: string = '2px';\n\n  @State() styles = {};\n\n  theme = window.CuraAPI.theme;\n\n  @Watch('color')\n  watchColorChange() {\n    this.setColors();\n  }\n\n  connectedCallback() {\n    this.setBaseStyles();\n    this.setColors();\n  }\n\n  private setBaseStyles() {\n    this.styles = {\n      ...this.styles,\n      '--base-spacing': this.theme.spacing.getSpacing(),\n      '--font-family': this.theme.fonts.getFamily(),\n      '--font-size': this.theme.fonts.getSize(),\n    };\n  }\n\n  private setColors() {\n    const colors = [\n      { name: '--color-background', theme: `${this.color}-lighter` },\n      { name: '--color-base', theme: `${this.color}-dark` },\n      { name: '--color-background-disabled', theme: 'neutral-pale' },\n      { name: '--color-outline-disabled', theme: 'neutral-medium' },\n    ];\n\n    const newStyles = { ...this.styles };\n    colors.forEach(color => {\n      newStyles[color.name] = this.theme.colors.getColor(color.theme);\n    });\n\n    this.styles = newStyles;\n  }\n\n  hostCSSProperties() {\n    return {\n      '--border-radius': this.borderRadius || '2px',\n    };\n  }\n\n  getClasses() {\n    const classes = {};\n    classes['badge-container'] = true;\n    classes[`icon-only`] = this.iconOnly;\n    classes['disabled'] = this.disabled;\n    classes[`${this.type}`] = true;\n    return classes;\n  }\n\n  getSymbolColor() {\n    return this.disabled ? 'neutral-medium' : `${this.color}-dark`;\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={'micro'} color={this.getSymbolColor()} />;\n  }\n\n  render() {\n    const symbolColor = this.getSymbolColor();\n    return (\n      <Host style={this.hostCSSProperties()}>\n        <div class={this.getClasses()} style={this.styles}>\n          {this.getIcon()}\n          <cura-label size=\"xsmall\" line-height=\"117%\" color={symbolColor}>\n            <slot></slot>\n          </cura-label>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"version":3}