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

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

@@ -1,2 +0,0 @@
-import{r,h as a,H as i}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.js";const d=":host{display:block;box-sizing:border-box;font-size:var(--font-size);font-family:var(--font-family)}:host ::slotted(*){display:flex;align-items:center;justify-content:center;font-size:var(--font-size);font-family:var(--font-family)}a{display:block;text-decoration:none !important;color:inherit}.solid{background-color:var(--neutral-purewhite);border:2px solid var(--neutral-base);border-radius:12px;overflow:hidden;padding:0px;box-shadow:none}.solid ::slotted(*){border-radius:0}.solid.hasPadding{padding:20px}.solid.hasPadding ::slotted(*){border-radius:4px !important}.solid.hasShadow{border:2px solid var(--neutral-base);box-shadow:0px 1px 4px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}.solid.cardLink{background-color:var(--neutral-purewhite);border:2px solid var(--primary-base);border-radius:12px;padding:0px;box-shadow:none;cursor:pointer}.solid.cardLink ::slotted(*){border-radius:0px}.solid.cardLink:hover{border:2px solid var(--primary-lighter) !important}.solid.cardLink.hasPadding{padding:20px}.solid.cardLink.hasPadding ::slotted(*){border-radius:4px !important}.solid.cardLink.hasPadding:hover{border:2px solid var(--primary-lighter) !important}.solid.cardLink.hasShadow{border:2px solid var(--primary-base);box-shadow:0px 4px 8px 0px var(--neutral-black-shadow, rgba(38, 38, 38, 0.16))}.solid.cardLink:not(.hasPadding).hasShadow ::slotted(*){border-radius:12px !important}.solid.cardLink.dark{background-color:var(--neutral-purewhite);border:2px solid var(--neutral-purewhite)}.solid.cardLink.dark:hover{border:2px solid var(--primary-lighter)}.transparent{background-color:transparent;border:0;border-radius:12px;padding:0px;overflow:hidden}.transparent ::slotted(*){border-radius:12px}.transparent.hasPadding{padding:20px}.transparent.hasPadding ::slotted(*){border-radius:4px}.transparent.cardLink{background-color:transparent;border:2px solid var(--primary-base);overflow:hidden;border-radius:12px;padding:0px;box-shadow:none}.transparent.cardLink ::slotted(*){border-radius:0px !important}.transparent.cardLink:hover{border:2px solid var(--primary-lighter) !important}.transparent.cardLink.light{background-color:var(--neutral-purewhite);border:2px solid var(--primary-base)}.transparent.cardLink.light ::slotted(*){border-radius:12px !important}.transparent.cardLink.light:hover{border-color:var(--primary-lighter) !important}.transparent.cardLink.dark{background-color:transparent;border:2px solid var(--neutral-purewhite)}.transparent.cardLink.dark:hover{border:0}.transparent.cardLink.hasPadding{padding:20px}.transparent.cardLink.hasPadding ::slotted(*){border-radius:4px !important}";const t=class{constructor(a){r(this,a);this.hasPadding=true;this.hasShadow=false;this.type="solid";this.colorMode="light";this.target="_self";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-white"]=window.CuraAPI.theme.colors.getColor(`neutral-white`);this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor(`neutral-base`);this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor(`neutral-dark`);this.styles["--neutral-black"]=window.CuraAPI.theme.colors.getColor(`neutral-black`);this.styles["--neutral-black-shadow"]=window.CuraAPI.theme.colors.getColor(`neutral-black`,.16);this.styles["--primary-lighter"]=window.CuraAPI.theme.colors.getColor(`primary-lighter`);this.styles["--primary-base"]=window.CuraAPI.theme.colors.getColor(`primary-base`);this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium}getClasses(){const r={};r[this.type]=true;r[`cardLink`]=this.href;r[this.colorMode]=true;r[`hasPadding`]=this.hasPadding;r[`hasShadow`]=this.hasShadow;return r}render(){return a(i,{key:"9478ce754c108db722dbc5bcbb00a0884b6c6f38",role:this.href?"link":"div"},this.href?a("a",{class:this.getClasses(),target:this.target,style:this.styles,href:this.href},a("slot",null)):a("div",{class:this.getClasses(),style:this.styles},a("slot",null)))}};t.style=d;export{t as cura_card};
-//# sourceMappingURL=p-deb0b764.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["curaCardCss","CuraCard","constructor","hostRef","this","hasPadding","hasShadow","type","colorMode","target","styles","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","getClasses","classes","href","render","h","Host","key","role","class","style"],"sources":["src/components/cura-card/cura-card.scss?tag=cura-card&encapsulation=shadow","src/components/cura-card/cura-card.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/shadows.scss';\n\n:host {\n  display: block;\n  box-sizing: border-box;\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n  ::slotted(*) {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: var(--font-size);\n    font-family: var(--font-family);\n  }\n \n}\n\na {\n  display: block;\n  text-decoration: none !important;\n  color: inherit;\n}\n.solid {\n  background-color: var(--neutral-purewhite);\n  border: 2px solid var(--neutral-base);\n  border-radius: 12px;\n  overflow: hidden;\n  padding: 0px;\n  box-shadow: none;\n\n  ::slotted(*) {\n   \n    border-radius: 0 ;\n  }\n  &.hasPadding {\n    padding: 20px;\n    ::slotted(*) {\n      border-radius: 4px !important;\n    }\n  }\n\n  &.hasShadow {\n    border: 2px solid var(--neutral-base);\n\n    @include shadow-level2(--neutral-black-shadow);\n  }\n\n  &.cardLink {\n    background-color: var(--neutral-purewhite);\n    border: 2px solid var(--primary-base);\n    border-radius: 12px;\n    padding: 0px;\n    box-shadow: none;\n    cursor: pointer;\n\n    ::slotted(*) {\n      border-radius: 0px;\n    }\n    &:hover {\n      border: 2px solid var(--primary-lighter) !important;\n    }\n    &.hasPadding {\n      padding: 20px;\n      ::slotted(*) {\n        border-radius: 4px !important;\n      }\n      &:hover {\n        border: 2px solid var(--primary-lighter) !important;\n      }\n    }\n\n    &.hasShadow {\n      border: 2px solid var(--primary-base);\n\n      @include shadow-level3(--neutral-black-shadow);\n    }\n    &:not(.hasPadding).hasShadow {\n      ::slotted(*) {\n        border-radius: 12px !important;\n      }\n    }\n\n    &.dark {\n      background-color: var(--neutral-purewhite);\n      border: 2px solid var(--neutral-purewhite);\n      &:hover {\n        border: 2px solid var(--primary-lighter);\n      }\n    }\n  }\n}\n\n.transparent {\n  background-color: transparent;\n  border: 0;\n  border-radius: 12px;\n  padding: 0px;\n  overflow: hidden;\n  ::slotted(*) {\n    border-radius: 12px;\n  }\n\n  &.hasPadding {\n    padding: 20px;\n\n    ::slotted(*) {\n      border-radius: 4px;\n    }\n  }\n\n  &.cardLink {\n    background-color: transparent;\n    border: 2px solid var(--primary-base);\n    overflow: hidden;\n    border-radius: 12px;\n    padding: 0px;\n    box-shadow: none;\n    ::slotted(*) {\n      border-radius: 0px !important;\n    }\n    &:hover {\n      border: 2px solid var(--primary-lighter) !important;\n    }\n\n    &.light {\n      background-color: var(--neutral-purewhite);\n      border: 2px solid var(--primary-base);\n      ::slotted(*) {\n        border-radius: 12px !important;\n      }\n      &:hover {\n        border-color: var(--primary-lighter) !important;\n      }\n    }\n    &.dark {\n      background-color: transparent;\n\n      border: 2px solid var(--neutral-purewhite);\n\n      &:hover {\n        border: 0;\n      }\n    }\n    &.hasPadding {\n      padding: 20px;\n\n      ::slotted(*) {\n        border-radius: 4px !important;\n      }\n    }\n  }\n}\n","import { Component, Host, Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-card',\n  styleUrl: 'cura-card.scss',\n  shadow: true,\n})\nexport class CuraCard {\n  /**\n   * Determines whether the card should have padding.\n   * @type {boolean}\n   * @default false\n   */\n  @Prop({ mutable: true }) hasPadding: boolean = true;\n\n  /**\n   * Determines whether the card should have a shadow effect.\n   * @type {boolean}\n   * @default false\n   */\n  @Prop({ mutable: true }) hasShadow: boolean = false;\n\n  /**\n   * Sets the type of the card background.\n   * - 'solid': A solid background.\n   * - 'transparent': A transparent background.\n   * @type {'solid' | 'transparent'}\n   * @default 'solid'\n   */\n  @Prop({ mutable: true }) type: 'solid' | 'transparent' = 'solid';\n\n  /**\n   * Sets the color mode of the card.\n   * - 'light': Light mode for the card.\n   * - 'dark': Dark mode for the card.\n   * @type {'light' | 'dark'}\n   * @default 'light'\n   */\n  @Prop({ mutable: true }) colorMode: 'light' | 'dark' = 'light';\n\n  /**\n   * The URL that the card should link to (if set).\n   * If not set, the card acts as a normal card.\n   * @type {string | undefined}\n   */\n  @Prop({ mutable: true, reflect: true }) href?: string;\n\n  /**\n   * The target attribute for the link.\n   * Applicable only if `href` is set.\n   * @type {string}\n   * @default '_self'\n   */\n  @Prop({ reflect: true }) target: string = '_self';\n\n  @State() styles: any = {};\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\n    this.styles['--neutral-black-shadow'] = window.CuraAPI.theme.colors.getColor(`neutral-black`, 0.16);\n    this.styles['--primary-lighter'] = window.CuraAPI.theme.colors.getColor(`primary-lighter`);\n    this.styles['--primary-base'] = window.CuraAPI.theme.colors.getColor(`primary-base`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.type] = true;\n    classes[`cardLink`] = this.href;\n    classes[this.colorMode] = true;\n    classes[`hasPadding`] = this.hasPadding;\n    classes[`hasShadow`] = this.hasShadow;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host role={this.href ? 'link' : 'div'}>\n        {this.href ? (\n          <a class={this.getClasses()} target={this.target} style={this.styles} href={this.href}>\n            <slot></slot>\n          </a>\n        ) : (\n          <div class={this.getClasses()} style={this.styles}>\n            <slot></slot>\n          </div>\n        )}\n      </Host>\n    );\n  }\n}\n"],"mappings":"qEAAA,MAAMA,EAAc,ikF,MCOPC,EAAQ,MALrB,WAAAC,CAAAC,G,UAW2BC,KAAUC,WAAY,KAOtBD,KAASE,UAAY,MASrBF,KAAIG,KAA4B,QAShCH,KAASI,UAAqB,QAe9BJ,KAAMK,OAAW,QAEjCL,KAAMM,OAAQ,EA6CxB,CAzCC,iBAAAC,GACEP,KAAKQ,QAAUC,OAAOC,QAAQC,MAAMC,MAAMC,aAC1Cb,KAAKM,OAAO,kBAAoBG,OAAOC,QAAQC,MAAMG,QAAQC,aAC7Df,KAAKM,OAAO,uBAAyBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,qBAC1EjB,KAAKM,OAAO,mBAAqBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,iBACtEjB,KAAKM,OAAO,kBAAoBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,gBACrEjB,KAAKM,OAAO,kBAAoBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,gBACrEjB,KAAKM,OAAO,mBAAqBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,iBACtEjB,KAAKM,OAAO,0BAA4BG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,gBAAiB,KAC9FjB,KAAKM,OAAO,qBAAuBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,mBACxEjB,KAAKM,OAAO,kBAAoBG,OAAOC,QAAQC,MAAMK,OAAOC,SAAS,gBACrEjB,KAAKM,OAAO,eAAiBG,OAAOC,QAAQC,MAAMC,MAAMM,UACxDlB,KAAKM,OAAO,iBAAmBG,OAAOC,QAAQC,MAAMC,MAAMO,YAC1DnB,KAAKM,OAAO,wBAA0BN,KAAKQ,QAAQY,M,CAGrD,UAAAC,GACE,MAAMC,EAAU,GAChBA,EAAQtB,KAAKG,MAAQ,KACrBmB,EAAQ,YAActB,KAAKuB,KAC3BD,EAAQtB,KAAKI,WAAa,KAC1BkB,EAAQ,cAAgBtB,KAAKC,WAC7BqB,EAAQ,aAAetB,KAAKE,UAC5B,OAAOoB,C,CAGT,MAAAE,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,2CAACC,KAAM5B,KAAKuB,KAAO,OAAS,OAC9BvB,KAAKuB,KACJE,EAAG,KAAAI,MAAO7B,KAAKqB,aAAchB,OAAQL,KAAKK,OAAQyB,MAAO9B,KAAKM,OAAQiB,KAAMvB,KAAKuB,MAC/EE,EAAA,cAGFA,EAAA,OAAKI,MAAO7B,KAAKqB,aAAcS,MAAO9B,KAAKM,QACzCmB,EAAA,c","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as e,h as t,H as s,a as r}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.js";const a=":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 o=class{constructor(t){e(this,t);this.size=40;this.strokeWidth=3.25}render(){const e=(this.size-this.strokeWidth)/2;const r=e*Math.PI*2;const a=this.progress*r/100;const o=`0 0 ${this.size} ${this.size}`;return t(s,{key:"6deebf97271b84fcecb9e1d688c79ae88b2aa618"},t("div",{key:"f6556e004e4d0cc4de342292610764b74495e3b0",class:"progress-bar"},t("svg",{key:"ffc1de55ded85602db1840812cd1f296a413c39e",width:this.size,height:this.size,viewBox:o},t("circle",{key:"691beeaf7b5fb5d670bfde48d8023b742bd97126",fill:"none",stroke:"#ccc",cx:this.size/2,cy:this.size/2,r:e,"stroke-width":`${this.strokeWidth}px`}),this.active&&t("circle",{key:"0fee97b7da871d6b242786bbcf175e9792da69f8",fill:"none",stroke:this.progressColor,cx:this.size/2,cy:this.size/2,r:e,"stroke-width":`${this.strokeWidth}px`,transform:`rotate(-90 ${this.size/2} ${this.size/2})`,"stroke-dasharray":`${a}px ${r-a}px`,"stroke-linecap":"round",style:{transition:"all 0.5s"}})),t("span",{key:"8e78dd28e8fad5ee4d9aef8029a73b6cf6d778cc"},t("slot",{key:"aa7155860e7aa0bcd2aef87bed2a5530161de4aa"}))))}};o.style=a;const i=":host{display:block;box-sizing:border-box}.item-container{display:flex;gap:4px;align-items:center}";const c=class{constructor(t){e(this,t);this.displayHeading=false;this.status="default";this.styles={};this.statusMap={active:{badgeColor:"info",textColor:"info-dark",icon:"",iconOnly:false},stop:{badgeColor:"error",textColor:"error-darker",icon:"alertCircle",iconOnly:true},done:{badgeColor:"success",textColor:"success-darker",icon:"checkCircle",iconOnly:true},default:{badgeColor:"neutral",textColor:"neutral",icon:"",iconOnly:false}}}connectedCallback(){this.updateStyles()}getStatusProperties(){return this.statusMap[this.status]||this.statusMap.default}updateStyles(){const{fonts:e,colors:t,spacing:s}=window.CuraAPI.theme;const r=e.getWeights();this.styles={"--base-spacing":s.getSpacing(),"--neutral-purewhite":t.getColor("neutral-purewhite"),"--neutral-lighter":t.getColor("neutral-lighter"),"--neutral-base":t.getColor("neutral-base"),"--font-size":e.getSize(),"--font-color":e.getColor(),"--font-family":e.getFamily(),"--font-weight-regular":r.regular}}render(){const{badgeColor:e,textColor:r,icon:a,iconOnly:o}=this.getStatusProperties();return t(s,{key:"0a92b438c1ab33d0e6b1986214b6c57790a3aea6"},t("div",{key:"0f003c91a0d95441f250dbcb539af753a124948c",class:"item-container",style:this.styles},t("cura-badge-pill",{key:"7b631c3be3a59b510f16565f9ad321c485cda952",type:"solid",color:e,"icon-name":a,"icon-only":o,"border-radius":"50%"},this.label),this.displayHeading&&this.heading&&t("cura-paragraph",{key:"87f046eac4d4359b564ca85d9e95dbc15499c147",marginBlock:"0",size:"xsmall",color:r},this.heading)))}get hostElement(){return r(this)}};c.style=i;export{o as cura_progress_bar,c as cura_stepper_item};
-//# sourceMappingURL=p-f9af3a3b.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["curaProgressBarCss","CuraProgressBar","constructor","hostRef","this","size","strokeWidth","render","radius","circumference","Math","PI","dash","progress","viewBox","h","Host","key","class","width","height","fill","stroke","cx","cy","r","active","progressColor","transform","style","transition","curaStepperItemCss","CuraStepperItem","displayHeading","status","styles","statusMap","badgeColor","textColor","icon","iconOnly","stop","done","default","connectedCallback","updateStyles","getStatusProperties","fonts","colors","spacing","window","CuraAPI","theme","weights","getWeights","getSpacing","getColor","getSize","getFamily","regular","type","color","label","heading","marginBlock"],"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","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.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",":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"],"mappings":"iFAAA,MAAMA,EAAqB,sL,MCOdC,EAAe,MAL5B,WAAAC,CAAAC,G,UAmB2BC,KAAIC,KAAW,GAKfD,KAAWE,YAAW,IAyChD,CAlCC,MAAAC,GACE,MAAMC,GAAUJ,KAAKC,KAAOD,KAAKE,aAAe,EAChD,MAAMG,EAAgBD,EAASE,KAAKC,GAAK,EACzC,MAAMC,EAAQR,KAAKS,SAAWJ,EAAiB,IAE/C,MAAMK,EAAU,OAAOV,KAAKC,QAAQD,KAAKC,OAEzC,OACEU,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAK,OAAAE,IAAA,2CAAAC,MAAM,gBACTH,EAAA,OAAAE,IAAA,2CAAKE,MAAOf,KAAKC,KAAMe,OAAQhB,KAAKC,KAAMS,QAASA,GACjDC,EAAA,UAAAE,IAAA,2CAAQI,KAAK,OAAOC,OAAO,OAAOC,GAAInB,KAAKC,KAAO,EAAGmB,GAAIpB,KAAKC,KAAO,EAAGoB,EAAGjB,EAAM,eAAgB,GAAGJ,KAAKE,kBACxGF,KAAKsB,QACJX,EAAA,UAAAE,IAAA,2CACEI,KAAK,OACLC,OAAQlB,KAAKuB,cACbJ,GAAInB,KAAKC,KAAO,EAChBmB,GAAIpB,KAAKC,KAAO,EAChBoB,EAAGjB,EAAM,eACK,GAAGJ,KAAKE,gBACtBsB,UAAW,cAAcxB,KAAKC,KAAO,KAAKD,KAAKC,KAAO,KACpC,sBAAGO,OAAUH,EAAgBG,MAAQ,iBACxC,QACfiB,MAAO,CAAEC,WAAY,eAI3Bf,EAAA,QAAAE,IAAA,4CACEF,EAAA,QAAAE,IAAA,+C,aC7DZ,MAAMc,EAAqB,qG,MCOdC,EAAe,MAL5B,WAAA9B,CAAAC,G,UAS2BC,KAAc6B,eAAY,MAoB1B7B,KAAM8B,OAA2C,UAEjE9B,KAAM+B,OAAG,GAQlB/B,KAAAgC,UAAY,CACVV,OAAQ,CACNW,WAAY,OACZC,UAAW,YACXC,KAAM,GACNC,SAAU,OAEZC,KAAM,CACJJ,WAAY,QACZC,UAAW,eACXC,KAAM,cACNC,SAAU,MAEZE,KAAM,CACJL,WAAY,UACZC,UAAW,iBACXC,KAAM,cACNC,SAAU,MAEZG,QAAS,CACPN,WAAY,UACZC,UAAW,UACXC,KAAM,GACNC,SAAU,OA+Cf,CA1EC,iBAAAI,GACExC,KAAKyC,c,CA8BP,mBAAAC,GACE,OAAO1C,KAAKgC,UAAUhC,KAAK8B,SAAW9B,KAAKgC,UAAUO,O,CAGvD,YAAAE,GACE,MAAME,MAAEA,EAAKC,OAAEA,EAAMC,QAAEA,GAAYC,OAAOC,QAAQC,MAClD,MAAMC,EAAUN,EAAMO,aAEtBlD,KAAK+B,OAAS,CACZ,iBAAkBc,EAAQM,aAC1B,sBAAuBP,EAAOQ,SAAS,qBACvC,oBAAqBR,EAAOQ,SAAS,mBACrC,iBAAkBR,EAAOQ,SAAS,gBAClC,cAAeT,EAAMU,UACrB,eAAgBV,EAAMS,WACtB,gBAAiBT,EAAMW,YACvB,wBAAyBL,EAAQM,Q,CAIrC,MAAApD,GACE,MAAM8B,WAAEA,EAAUC,UAAEA,EAASC,KAAEA,EAAIC,SAAEA,GAAapC,KAAK0C,sBACvD,OACE/B,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAK,OAAAE,IAAA,2CAAAC,MAAM,iBAAiBW,MAAOzB,KAAK+B,QACtCpB,EAAA,mBAAAE,IAAA,2CACE2C,KAAK,QACLC,MAAOxB,EAAuG,YACnGE,EAAI,YACJC,EACG,uBAEbpC,KAAK0D,OAEP1D,KAAK6B,gBAAkB7B,KAAK2D,SAC3BhD,EAAgB,kBAAAE,IAAA,2CAAA+C,YAAY,IAAI3D,KAAK,SAASwD,MAAOvB,GAClDlC,KAAK2D,U","ignoreList":[]}

package/dist/cura/p-sjLA93YY.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"p-sjLA93YY.js","sources":["src/components/cura-icon/cura-icon.definitions.tsx"],"sourcesContent":["export const iconSizes = {\n  \"128\": {size: 128, stroke: 5.25},\n  \"72\": {size: 72, stroke: 3.5},\n  \"64\": {size: 64, stroke: 3.25},\n  \"48\": {size: 48, stroke: 2.75},\n  \"40\": {size: 40, stroke: 2.5},\n  \"32\": {size: 32, stroke: 2.25},\n  \"24\": {size: 24, stroke: 2},\n  \"20\": {size: 20, stroke: 1.75},\n  \"16\": {size: 16, stroke: 1.5},\n  \"micro\": {size: 12, stroke: 1.25 },\n  \"default\": {size: 24, stroke: 2}\n};\n"],"names":[],"mappings":"AAAa,MAAA,SAAS,GAAG;IACvB,KAAK,EAAE,EAAC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAC;IAChC,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAC;IAC7B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAC;IAC7B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC,EAAC;IAC3B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAC;IAC9B,IAAI,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAC;IAC7B,OAAO,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE;IAClC,SAAS,EAAE,EAAC,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,CAAC;;;;;"}