@rededor/cura 1.7.0 → 1.8.0

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

@@ -0,0 +1,2 @@
+import{r as t,h as s,H as h,a as o}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.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}:host h1 ::slotted(b),:host h1 ::slotted(strong),:host h2 ::slotted(b),:host h2 ::slotted(strong),:host h3 ::slotted(b),:host h3 ::slotted(strong),:host h4 ::slotted(b),:host h4 ::slotted(strong),:host h5 ::slotted(b),:host h5 ::slotted(strong),:host h6 ::slotted(b),:host h6 ::slotted(strong){font-weight:var(--font-weight-bold)}:host h1 ::slotted(a),:host h2 ::slotted(a),:host h3 ::slotted(a),:host h4 ::slotted(a),:host h5 ::slotted(a),:host h6 ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host h1 ::slotted(u),:host h2 ::slotted(u),:host h3 ::slotted(u),:host h4 ::slotted(u),:host h5 ::slotted(u),:host h6 ::slotted(u){text-underline-offset:10%}:host h1 ::slotted(i),:host h1 ::slotted(em),:host h2 ::slotted(i),:host h2 ::slotted(em),:host h3 ::slotted(i),:host h3 ::slotted(em),:host h4 ::slotted(i),:host h4 ::slotted(em),:host h5 ::slotted(i),:host h5 ::slotted(em),:host h6 ::slotted(i),:host h6 ::slotted(em){font-style:italic;font-weight:var(--font-weight-medium)}:host h1 ::slotted(abbr),:host h2 ::slotted(abbr),:host h3 ::slotted(abbr),:host h4 ::slotted(abbr),:host h5 ::slotted(abbr),:host h6 ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}@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}}";const e=class{constructor(s){t(this,s);this.level=1;this.size="large";this.spotColor="accent-dark";this.marginBlock="1.25em";this.lineHeight="120%";this.theme=window.CuraAPI.theme;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:"264f7e93aac5ecb7a775c6e505f230518e3959f4",style:this.hostCSSProperties(),role:"heading","aria-level":this.level},this.getHeadingTag())}get host(){return o(this)}static get watchers(){return{color:["handleChangeColor"],spotColor:["handleChangeColor"]}}};e.style=l;export{e as cura_display};
+//# sourceMappingURL=p-c6f240f0.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["curaDisplayCss","CuraDisplay","constructor","hostRef","this","level","size","spotColor","marginBlock","lineHeight","theme","window","CuraAPI","styles","handleChangeColor","setColors","connectedCallback","setFontProperties","weights","fonts","getWeights","fontSizeBase","getSize","getFamily","bold","medium","hostCSSProperties","fontColor","color","colors","getColor","Object","assign","getClasses","classes","_a","toLowerCase","getHeadingTag","tags","h","style","class","default","render","Host","key","role"],"sources":["src/components/text/cura-display/cura-display.scss?tag=cura-display&encapsulation=shadow","src/components/text/cura-display/cura-display.tsx"],"sourcesContent":["@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size-base);\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 3em;\n    font-weight: var(--font-weight-bold);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    margin-block: var(--margin-block);\n    letter-spacing: 0px;\n\n    &.small {\n      font-size: 2.2857142857142856em;\n      letter-spacing: -1.68px;\n    }\n\n    ::slotted(b), ::slotted(strong) {\n      font-weight: var(--font-weight-bold);\n    }\n\n    ::slotted(a) {\n      font-weight: var(--font-weight-bold);\n      color: var(--color-link);\n      text-underline-offset: 10%;\n      cursor: pointer;\n    }\n\n    ::slotted(u) {\n      text-underline-offset: 10%;\n    }\n\n    ::slotted(i), ::slotted(em) {\n      font-style: italic;\n      font-weight: var(--font-weight-medium);\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  @include medium-large() {\n    h1, h2, h3, h4, h5, h6 {\n      font-size: 3.429em;\n\n      &.small {\n        font-size: 2.857142857142857em;\n        letter-spacing: -1.92px;\n      }\n    }\n  }\n\n  @include xlarge-only() {\n    h1, h2, h3, h4, h5, h6 {\n      font-size: 4.286em;\n      line-height: calc(var(--line-height) + 5%);\n\n      &.small {\n        font-size: 3.5714285714285716em;\n        letter-spacing: -1.2px;\n      }\n    }\n  }\n\n}\n","import { Component, Host, h, Element, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-display',\n  styleUrl: 'cura-display.scss',\n  shadow: true,\n})\nexport class CuraDisplay {\n\n  /**\n   * Heading level for semantics. Will render the related HTML tag <h1>, <h2>, ...\n   * Values: 1(default) to 6.\n   */\n  @Prop({reflect: true}) level: 1 | 2 | 3 | 4 | 5 | 6 = 1;\n\n  /**\n   * Display size.\n   * Values: 'large' (default) | 'small'.\n   */\n  @Prop({reflect: true}) size: 'large' | 'small' = 'large';\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() 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 = '1.25em';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '120%';\n\n  /**\n   * Host element <cura-display>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  theme = window.CuraAPI.theme;\n  @State() styles = {};\n\n  connectedCallback() {\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  setFontProperties() {\n    this.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('display'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-medium': this.weights.medium\n    };\n  }\n\n  hostCSSProperties() {\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight\n    };\n  }\n\n  setColors() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    this.styles = {\n      ...this.styles,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n      '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[`${this.size?.toLowerCase()}`] = true;\n    return classes;\n  }\n\n  getHeadingTag() {\n    const classes = this.getClasses();\n    const tags = {\n      '1': <h1 style={this.styles} class={classes}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={classes}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={classes}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={classes}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={classes}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={classes}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={classes}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()} role=\"heading\" aria-level={this.level}>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"iFAAA,MAAMA,EAAiB,ovE,MCOVC,EAAW,MALxB,WAAAC,CAAAC,G,UAWyBC,KAAKC,MAA0B,EAM/BD,KAAIE,KAAsB,QAMzCF,KAASG,UAAG,cAiBGH,KAAWI,YAAG,SAMdJ,KAAUK,WAAG,OAYpCL,KAAAM,MAAQC,OAAOC,QAAQF,MACdN,KAAMS,OAAG,EAiEnB,CA5FC,iBAAAC,GACEV,KAAKW,W,CA4BP,iBAAAC,GACEZ,KAAKa,oBACLb,KAAKW,W,CAGP,iBAAAE,GACEb,KAAKc,QAAUd,KAAKM,MAAMS,MAAMC,aAChChB,KAAKiB,aAAejB,KAAKM,MAAMS,MAAMG,UACrClB,KAAKS,OAAS,CACZ,gBAAiBF,OAAOC,QAAQF,MAAMS,MAAMI,UAAU,WACtD,cAAeZ,OAAOC,QAAQF,MAAMS,MAAMG,UAC1C,qBAAsBlB,KAAKc,QAAQM,KACnC,uBAAwBpB,KAAKc,QAAQO,O,CAIzC,iBAAAC,GACE,MAAO,CACL,iBAAkBtB,KAAKI,YACvB,mBAAoBJ,KAAKiB,aACzB,gBAAiBjB,KAAKK,W,CAI1B,SAAAM,GACE,MAAMY,EAAYvB,KAAKwB,MACnBxB,KAAKM,MAAMmB,OAAOC,SAAS1B,KAAKwB,OAChCxB,KAAKM,MAAMS,MAAMW,WACrB1B,KAAKS,OAAMkB,OAAAC,OAAAD,OAAAC,OAAA,GACN5B,KAAKS,QACR,gBAAgBc,GAAavB,KAAKM,MAAMmB,OAAOC,SAAS,kBACxD,eAAgB1B,KAAKM,MAAMmB,OAAOC,SAAS,GAAG1B,KAAKG,c,CAIvD,UAAA0B,G,MACE,MAAMC,EAAU,GAChBA,EAAQ,IAAGC,EAAA/B,KAAKE,QAAM,MAAA6B,SAAA,SAAAA,EAAAC,iBAAmB,KACzC,OAAOF,C,CAGT,aAAAG,GACE,MAAMH,EAAU9B,KAAK6B,aACrB,MAAMK,EAAO,CACX,EAAKC,EAAI,MAAAC,MAAOpC,KAAKS,OAAQ4B,MAAOP,GAASK,EAAA,cAC7C,EAAKA,EAAI,MAAAC,MAAOpC,KAAKS,OAAQ4B,MAAOP,GAASK,EAAA,cAC7C,EAAKA,EAAI,MAAAC,MAAOpC,KAAKS,OAAQ4B,MAAOP,GAASK,EAAA,cAC7C,EAAKA,EAAI,MAAAC,MAAOpC,KAAKS,OAAQ4B,MAAOP,GAASK,EAAA,cAC7C,EAAKA,EAAI,MAAAC,MAAOpC,KAAKS,OAAQ4B,MAAOP,GAASK,EAAA,cAC7C,EAAKA,EAAI,MAAAC,MAAOpC,KAAKS,OAAQ4B,MAAOP,GAASK,EAAA,cAC7CG,QAAWH,EAAI,MAAAC,MAAOpC,KAAKS,OAAQ4B,MAAOP,GAASK,EAAA,eAErD,OAAOD,EAAK,GAAGlC,KAAKC,UAAYiC,EAAK,U,CAGvC,MAAAK,GACE,OACEJ,EAACK,EAAK,CAAAC,IAAA,2CAAAL,MAAOpC,KAAKsB,oBAAqBoB,KAAK,UAAS,aAAa1C,KAAKC,OACnED,KAAKiC,gB","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r as e,h as a,H as t,a as r}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.js";const o='.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 i=class{constructor(a){e(this,a);this.type="solid";this.color="primary";this.iconset="default";this.disabled=false;this.iconOnly=false;this.borderRadius="2px";this.styles={};this.theme=window.CuraAPI.theme}watchColorChange(){this.setColors()}connectedCallback(){this.setBaseStyles();this.setColors()}setBaseStyles(){this.styles=Object.assign(Object.assign({},this.styles),{"--base-spacing":this.theme.spacing.getSpacing(),"--font-family":this.theme.fonts.getFamily(),"--font-size":this.theme.fonts.getSize()})}setColors(){const e=[{name:"--color-background",theme:`${this.color}-lighter`},{name:"--color-base",theme:`${this.color}-dark`},{name:"--color-background-disabled",theme:"neutral-pale"},{name:"--color-outline-disabled",theme:"neutral-medium"}];const a=Object.assign({},this.styles);e.forEach((e=>{a[e.name]=this.theme.colors.getColor(e.theme)}));this.styles=a}hostCSSProperties(){return{"--border-radius":this.borderRadius||"2px"}}getClasses(){const e={};e["badge-container"]=true;e[`icon-only`]=this.iconOnly;e["disabled"]=this.disabled;e[`${this.type}`]=true;return e}getSymbolColor(){return this.disabled?"neutral-medium":`${this.color}-dark`}getIcon(){if(!this.iconName)return"";return a("cura-icon",{name:this.iconName,iconset:this.iconset,size:"micro",color:this.getSymbolColor()})}render(){const e=this.getSymbolColor();return a(t,{key:"35b9f05a97844c95b2926d077acbed1dc1b18ef4",style:this.hostCSSProperties()},a("div",{key:"57af34395f1a661aa1a20199b7226f8df6f571c7",class:this.getClasses(),style:this.styles},this.getIcon(),a("cura-label",{key:"93d6092e4ba21119449424a612d165e5afdbb4fb",size:"xsmall","line-height":"117%",color:e},a("slot",{key:"1225032a818fb22d1d4d43151dea20ea44cf4a31"}))))}get host(){return r(this)}static get watchers(){return{color:["watchColorChange"]}}};i.style=o;export{i as cura_badge_pill};
+//# sourceMappingURL=p-ceb646df.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["curaBadgePillCss","CuraBadgePill","constructor","hostRef","this","type","color","iconset","disabled","iconOnly","borderRadius","styles","theme","window","CuraAPI","watchColorChange","setColors","connectedCallback","setBaseStyles","Object","assign","spacing","getSpacing","fonts","getFamily","getSize","colors","name","newStyles","forEach","getColor","hostCSSProperties","getClasses","classes","getSymbolColor","getIcon","iconName","h","size","render","symbolColor","Host","key","style","class"],"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"],"mappings":"iFAAA,MAAMA,EAAmB,wsC,MCOZC,EAAa,MAL1B,WAAAC,CAAAC,G,UAW2BC,KAAIC,KAAwC,QAK7DD,KAAKE,MAA2G,UAU/FF,KAAOG,QAAG,UAKVH,KAAQI,SAAG,MAKXJ,KAAQK,SAAG,MAKXL,KAAYM,aAAW,MAEvCN,KAAMO,OAAG,GAElBP,KAAAQ,MAAQC,OAAOC,QAAQF,KA0ExB,CAvEC,gBAAAG,GACEX,KAAKY,W,CAGP,iBAAAC,GACEb,KAAKc,gBACLd,KAAKY,W,CAGC,aAAAE,GACNd,KAAKO,OAAMQ,OAAAC,OAAAD,OAAAC,OAAA,GACNhB,KAAKO,QAAM,CACd,iBAAkBP,KAAKQ,MAAMS,QAAQC,aACrC,gBAAiBlB,KAAKQ,MAAMW,MAAMC,YAClC,cAAepB,KAAKQ,MAAMW,MAAME,W,CAI5B,SAAAT,GACN,MAAMU,EAAS,CACb,CAAEC,KAAM,qBAAsBf,MAAO,GAAGR,KAAKE,iBAC7C,CAAEqB,KAAM,eAAgBf,MAAO,GAAGR,KAAKE,cACvC,CAAEqB,KAAM,8BAA+Bf,MAAO,gBAC9C,CAAEe,KAAM,2BAA4Bf,MAAO,mBAG7C,MAAMgB,EAAiBT,OAAAC,OAAA,GAAAhB,KAAKO,QAC5Be,EAAOG,SAAQvB,IACbsB,EAAUtB,EAAMqB,MAAQvB,KAAKQ,MAAMc,OAAOI,SAASxB,EAAMM,MAAM,IAGjER,KAAKO,OAASiB,C,CAGhB,iBAAAG,GACE,MAAO,CACL,kBAAmB3B,KAAKM,cAAgB,M,CAI5C,UAAAsB,GACE,MAAMC,EAAU,GAChBA,EAAQ,mBAAqB,KAC7BA,EAAQ,aAAe7B,KAAKK,SAC5BwB,EAAQ,YAAc7B,KAAKI,SAC3ByB,EAAQ,GAAG7B,KAAKC,QAAU,KAC1B,OAAO4B,C,CAGT,cAAAC,GACE,OAAO9B,KAAKI,SAAW,iBAAmB,GAAGJ,KAAKE,Y,CAGpD,OAAA6B,GACE,IAAK/B,KAAKgC,SAAU,MAAO,GAC3B,OAAOC,EAAA,aAAWV,KAAMvB,KAAKgC,SAAU7B,QAASH,KAAKG,QAAS+B,KAAM,QAAShC,MAAOF,KAAK8B,kB,CAG3F,MAAAK,GACE,MAAMC,EAAcpC,KAAK8B,iBACzB,OACEG,EAACI,EAAI,CAAAC,IAAA,2CAACC,MAAOvC,KAAK2B,qBAChBM,EAAK,OAAAK,IAAA,2CAAAE,MAAOxC,KAAK4B,aAAcW,MAAOvC,KAAKO,QACxCP,KAAK+B,UACNE,EAAY,cAAAK,IAAA,2CAAAJ,KAAK,SAAQ,cAAa,OAAOhC,MAAOkC,GAClDH,EAAA,QAAAK,IAAA,+C","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+import{r,c as e,h as a,H as s,a as t}from"./p-PPMZr_VE.js";import{f as i}from"./p-Dot54hbB.js";import"./p-BPKQjAwN.js";const o='@charset "UTF-8";:host{display:block;box-sizing:border-box;min-width:0;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;justify-content:start;gap:var(--gap);cursor:pointer}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .label.textoverflow-single{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block;min-width:0;max-width:100%}:host .info{display:flex;flex-direction:column;overflow:hidden}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:"";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}';const c=class{constructor(a){r(this,a);this.onchange=e(this,"onchange");if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.checked=false;this.status="default";this.disabled=false;this.required=false;this.label="";this.position="left";this.value="";this.name="";this.background="light";this.size="medium";this.color="accent";this.overflowLabel="none";this.overflowHelper="none";this.styles={};this.sizes={large:{size:20},medium:{size:14},small:{size:10}};this.isDarkbackground=()=>this.background==="dark";this.handleClick=()=>{if(this.disabled)return;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked})}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size-after":`${this.sizes[this.size].size}px`,"--size":`${i[this.size].size}px`,"--gap":`${i[this.size].gap}px`})}setColors(){const r=[{name:"--info-base",background:"info-base"},{name:"--color-light",background:`${this.color}-light`},{name:"--color-base",background:`${this.color}-base`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--neutral-purewhite",background:"neutral-purewhite"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--error-lighter",background:"error-lighter"},{name:"--error-base",background:"error-base"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--primary-base-neutral-white",background:this.isDarkbackground()?"primary-base":"neutral-white"},{name:"--primary-darker-neutral-white",background:this.isDarkbackground()?"primary-darker":"neutral-white"},{name:"--primary-darker-neutral-base",background:this.isDarkbackground()?"primary-darker":"neutral-base"},{name:"--primary-base-neutral-base",background:this.isDarkbackground()?"primary-base":"neutral-base"},{name:"--primary-base-neutral-dark",background:this.isDarkbackground()?"primary-base":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--success-base-dark",background:this.isDarkbackground()?"success-base":"success-dark"},{name:"--error-base-dark",background:this.isDarkbackground()?"error-base":"error-dark"}];r.forEach((r=>{this.styles[r.name]=window.CuraAPI.theme.colors.getColor(r.background)}));this.styles=Object.assign({},this.styles)}formAssociatedCallback(r){r.ariaLabel=this.label}formStateRestoreCallback(r){this.value=r.value;this.checked=r.checked;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(r){this.disabled=r}connectedCallback(){this.sizeHandler();this.setColors()}getClasses(){const r={};r["container"]=true;r["checked"]=this.checked;r["disabled"]=this.disabled;r["position"]=this.position==="right";r[this.status]=true;return r}assignColor(r){if(this.disabled)return this.isDarkbackground()?"primary-darker":"neutral-medium";const e={success:{label:this.isDarkbackground()?"success-lighter":"success-darker",message:this.isDarkbackground()?"success-base":"success-dark"},error:{label:this.isDarkbackground()?"error-lighter":"neutral-darker",message:this.isDarkbackground()?"error-base":"error-dark"},default:{label:this.isDarkbackground()?"neutral-white":"neutral-black",message:this.isDarkbackground()?"primary-lighter":"neutral-dark"}};return e[this.status][r]}render(){return a(s,{key:"550e164f2be33f4fdad6c194302723a00e51843c",role:"radio","aria-checked":this.checked,"aria-disabled":this.disabled,"aria-required":this.required,"aria-invalid":this.status==="error"},a("div",{key:"ebcfef353b7dd4655b1d809025060db952927521",class:this.getClasses(),style:this.styles,onClick:this.handleClick},a("div",{key:"436ecc0f4fd72ff6a00a2a47f494e08aae65b3d6",class:"info"},a("div",{key:"4836e4ce83d1fc3b338cfd216b46a7791ba6dc90",class:"label-wrapper"},a("cura-label",{key:"434f0b816eee11b7da0b44f37880e31c52e2f853",textOverflow:this.overflowLabel,class:`label${this.overflowLabel==="single"?" textoverflow-single":""}`,size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"1d06464488947f469abd5c3d1c25ebb2ed63a5bd",lineHeight:"0%",marginBlock:"0",color:"error-base"},"*"," ")),a("cura-label",{key:"508bb787d2da5d25de48516ed64d6b02c94d8546",textOverflow:this.overflowHelper,color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"f35d5c895f74ec02987474e71df9a5067ea51e70"}))),a("input",{key:"fbd6ba47d6e8a9c812ad986964749507f9d33d62",type:"radio",class:`radio ${this.size.toLocaleLowerCase()}`,name:this.name,value:this.value,required:this.required,tabIndex:this.ontabindex,disabled:this.disabled,checked:this.checked})))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"]}}};c.style=o;export{c as cura_radio};
+//# sourceMappingURL=p-d040f8b9.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["curaRadioCss","CuraRadio","constructor","hostRef","this","checked","status","disabled","required","label","position","value","name","background","size","color","overflowLabel","overflowHelper","styles","sizes","large","medium","small","isDarkbackground","handleClick","internals","setFormValue","onchange","emit","sizeHandler","Object","assign","formsSizes","gap","setColors","colors","forEach","window","CuraAPI","theme","getColor","formAssociatedCallback","form","ariaLabel","formStateRestoreCallback","state","formResetCallback","setValidity","formDisabledCallback","connectedCallback","getClasses","classes","assignColor","type","statusColors","success","message","error","default","render","h","Host","key","role","class","style","onClick","textOverflow","lineHeight","marginBlock","toLocaleLowerCase","tabIndex","ontabindex"],"sources":["src/components/forms/cura-radio/cura-radio.scss?tag=cura-radio&encapsulation=shadow","src/components/forms/cura-radio/cura-radio.tsx"],"sourcesContent":["@import '../../../scss/mixins/text.scss';\n\n:host {\n  display: block;\n  box-sizing: border-box;\n\n  min-width: 0;\n\n  .container {\n    display: flex;\n    align-items: center;\n    flex-direction: row-reverse;\n    justify-content: start;\n    gap: var(--gap);\n\n    cursor: pointer;\n  }\n\n  .position {\n    &.container {\n      flex-direction: row;\n    }\n\n    .label-wrapper {\n      justify-content: end;\n    }\n\n    .message {\n      text-align: right;\n    }\n\n    .label {\n      order: 1;\n    }\n  }\n\n  .label.textoverflow-single {\n    @include truncate-single();\n    min-width: 0;\n    max-width: 100%;\n  }\n\n  .info {\n    display: flex;\n    flex-direction: column;\n\n    overflow: hidden;\n  }\n\n  .label-wrapper {\n    display: flex;\n    justify-content: start;\n    align-items: center;\n    gap: 5px;\n  }\n\n  .control {\n    width: fit-content;\n    cursor: pointer;\n    position: relative;\n  }\n\n  .radio {\n    margin: 0;\n    appearance: none;\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    border-radius: 50%;\n    border: 2px solid var(--primary-base-neutral-medium);\n    background: var(--neutral-purewhite);\n    box-sizing: border-box;\n    transition: border-color 0.3s;\n    position: relative;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    width: var(--size);\n    height: var(--size);\n    flex: 0 0 var(--size);\n\n    &::after {\n      content: '';\n      background: var(--color-base-light);\n      border-radius: 50%;\n      opacity: 0;\n      transition: opacity 0.3s;\n      width: var(--size-after);\n      height: var(--size-after);\n    }\n\n    &:focus {\n      border-color: var(--info-base) !important;\n    }\n  }\n\n  /* Estado Success */\n  .success .radio {\n    border-color: var(--success-base);\n    background: var(--success-lighter);\n\n    &:hover {\n      border-color: var(--success-base) !important;\n    }\n  }\n\n  .success.checked .radio {\n    border-color: var(--success-base);\n\n    &::after {\n      background: var(--success-base);\n    }\n\n    &:hover {\n      background: var(--success-lighter) !important;\n      border-color: var(--success-base) !important;\n\n      &::after {\n        background: var(--success-base) !important;\n      }\n    }\n  }\n\n  /* Estado Error */\n  .error .radio {\n    border-color: var(--error-base);\n    background: var(--error-lighter);\n\n    &:hover {\n      border-color: var(--error-base) !important;\n    }\n  }\n\n  .error.checked .radio {\n    border-color: var(--error-base);\n\n    &::after {\n      background: var(--error-base);\n    }\n\n    &:hover {\n      background: var(--error-lighter) !important;\n      border-color: var(--error-base) !important;\n\n      &::after {\n        background: var(--error-base) !important;\n      }\n    }\n  }\n\n  /* Estado checked */\n  .checked .radio::after {\n    opacity: 1;\n    background: var(--color-base);\n  }\n\n  .checked .radio {\n    border-color: var(--color-dark);\n  }\n\n  .checked .radio:hover {\n    border-color: var(--color-light) !important;\n  }\n\n  .checked .radio:hover::after {\n    background: var(--color-light);\n  }\n\n  /* Estado disabled */\n  .disabled .radio {\n    background: var(--primary-base-neutral-white);\n    border-color: var(--primary-darker-neutral-base);\n    cursor: not-allowed;\n  }\n\n  .disabled .radio::after {\n    background: var(--neutral-lighter);\n  }\n\n  .disabled.checked .radio {\n    border-color: var(--primary-base-neutral-base) !important;\n    background: var(--primary-darker-neutral-white) !important;\n  }\n\n  .disabled.checked .radio::after {\n    background: var(--primary-base-neutral-base) !important;\n  }\n\n  /* Estado hover para não disabled e não checked */\n  :not(.disabled):not(.checked) .radio:hover {\n    border-color: var(--primary-base-neutral-dark);\n  }\n}\n","import { Component, Prop, Event, Element, h, Host, Watch, EventEmitter, State, AttachInternals } from '@stencil/core';\nimport { formsSizes } from '../cura-forms.definitions';\n\n@Component({\n  tag: 'cura-radio',\n  styleUrl: 'cura-radio.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraRadio {\n  /**\n   * Reflects the checked state of the radio button.\n   * Mutable property allowing state change.\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n  /**\n   * Status of the radio button.\n   * Can be 'error', 'success', or 'default'.\n   */\n  @Prop({ reflect: true, mutable: true }) status: 'error' | 'success' | 'default' = 'default';\n  /**\n   * Reflects the disabled state of the radio button.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /**\n   * Reflects the required state of the radio button.\n   */\n  @Prop({ reflect: true }) required: boolean = false;\n  /**\n   * Text label associated with the radio button.\n   */\n  @Prop({ reflect: true }) label: string = '';\n  /**\n   * Specifies the tabindex of the radio button.\n   */\n  @Prop({ reflect: true }) ontabindex: number;\n  /**\n   * Position of the label relative to the radio button.\n   * Can be 'left' or 'right'.\n   */\n  @Prop({ reflect: true }) position: 'left' | 'right' = 'left';\n  /**\n   * Value associated with the radio button.\n   */\n  @Prop({ reflect: true }) value: string = '';\n  /**\n   * Name attribute of the radio button.\n   */\n  @Prop({ reflect: true }) name: string = '';\n  /**\n   * Background theme of the radio button.\n   * Can be 'dark' or 'light'.\n   */\n  @Prop() background: 'dark' | 'light' = 'light';\n  /**\n   * Size of the radio button.\n   * Can be 'small', 'medium', or 'large'.\n   */\n  @Prop() size: 'small' | 'medium' | 'large' = 'medium';\n  /**\n   * Color theme of the radio button.\n   */\n  @Prop() color = 'accent';\n\n  /**\n   * Controls how the label text should handle overflow.\n   * - `'none'`: No overflow handling; the label displays normally.\n   * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n   * - `string`: Custom overflow handling mode.\n   *\n   * @default 'none'\n   */\n  @Prop({ reflect: true }) overflowLabel: 'none' | 'single' | string = 'none';\n\n  /**\n   * Controls how the helper text should handle overflow.\n   * - `'none'`: No overflow handling; the label displays normally.\n   * - `'single'`: The label will be truncated with an ellipsis if it overflows a single line.\n   * - `string`: Custom overflow handling mode.\n   *\n   * @default 'none'\n   */\n  @Prop({ reflect: true }) overflowHelper: 'none' | 'single' | string = 'none';\n\n  @State() styles = {};\n\n  @Element() host: HTMLElement;\n\n  @Event() onchange: EventEmitter<{ value: string; checked: boolean }>;\n\n  @AttachInternals() internals: ElementInternals;\n\n  sizes = {\n    large: { size: 20 },\n    medium: { size: 14 },\n    small: { size: 10 },\n  };\n\n  isDarkbackground = () => this.background === 'dark';\n\n  @Watch('size')\n  sizeHandler() {\n    this.styles = {\n      ...this.styles,\n      '--size-after': `${this.sizes[this.size].size}px`,\n      '--size': `${formsSizes[this.size].size}px`,\n      '--gap': `${formsSizes[this.size].gap}px`,\n    };\n  }\n\n  @Watch('color')\n  @Watch('background')\n  setColors() {\n    const colors = [\n      { name: '--info-base', background: 'info-base' },\n      { name: '--color-light', background: `${this.color}-light` },\n      { name: '--color-base', background: `${this.color}-base` },\n      { name: '--color-dark', background: `${this.color}-dark` },\n      { name: '--neutral-purewhite', background: 'neutral-purewhite' },\n      { name: '--success-lighter', background: 'success-lighter' },\n      { name: '--success-base', background: 'success-base' },\n      { name: '--error-lighter', background: 'error-lighter' },\n      { name: '--error-base', background: 'error-base' },\n      { name: '--primary-base-neutral-medium', background: this.isDarkbackground() ? 'primary-base' : 'neutral-medium' },\n      { name: '--primary-base-neutral-white', background: this.isDarkbackground() ? 'primary-base' : 'neutral-white' },\n      { name: '--primary-darker-neutral-white', background: this.isDarkbackground() ? 'primary-darker' : 'neutral-white' },\n      { name: '--primary-darker-neutral-base', background: this.isDarkbackground() ? 'primary-darker' : 'neutral-base' },\n      { name: '--primary-base-neutral-base', background: this.isDarkbackground() ? 'primary-base' : 'neutral-base' },\n      { name: '--primary-base-neutral-dark', background: this.isDarkbackground() ? 'primary-base' : 'neutral-dark' },\n      { name: '--primary-base-neutral-medium', background: this.isDarkbackground() ? 'primary-base' : 'neutral-medium' },\n      { name: '--success-base-dark', background: this.isDarkbackground() ? 'success-base' : 'success-dark' },\n      { name: '--error-base-dark', background: this.isDarkbackground() ? 'error-base' : 'error-dark' },\n    ];\n\n    colors.forEach(color => {\n      this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background);\n    });\n    this.styles = { ...this.styles };\n  }\n\n  /**\n   * Callback for form association.\n   */\n  formAssociatedCallback(form: { ariaLabel: string }) {\n    form.ariaLabel = this.label;\n  }\n\n  /**\n   * Callback to restore the switch state from the form.\n   */\n  formStateRestoreCallback(state: { value: string; checked: boolean }) {\n    this.value = state.value;\n    this.checked = state.checked;\n    this.internals.setFormValue(this.value);\n  }\n\n  /**\n   * Callback to reset the switch state when the form is reset.\n   */\n  formResetCallback() {\n    this.value = '';\n    this.checked = false;\n    this.internals.setValidity({});\n    this.internals.setFormValue(this.value);\n  }\n\n  /**\n   * Callback to update the switch's disabled state when the form's disabled state changes.\n   */\n  formDisabledCallback(disabled: boolean) {\n    this.disabled = disabled;\n  }\n\n  connectedCallback() {\n    this.sizeHandler();\n    this.setColors();\n  }\n\n  handleClick = () => {\n    if (this.disabled) return;\n\n    this.checked = !this.checked;\n    this.internals.setFormValue(this.value);\n    this.onchange.emit({ value: this.value, checked: this.checked });\n  };\n\n  getClasses() {\n    const classes = {};\n    classes['container'] = true;\n    classes['checked'] = this.checked;\n    classes['disabled'] = this.disabled;\n    classes['position'] = this.position === 'right';\n    classes[this.status] = true;\n\n    return classes;\n  }\n\n  @Watch('background')\n  assignColor(type: 'label' | 'message') {\n    if (this.disabled) return this.isDarkbackground() ? 'primary-darker' : 'neutral-medium';\n\n    const statusColors = {\n      success: {\n        label: this.isDarkbackground() ? 'success-lighter' : 'success-darker',\n        message: this.isDarkbackground() ? 'success-base' : 'success-dark',\n      },\n      error: {\n        label: this.isDarkbackground() ? 'error-lighter' : 'neutral-darker',\n        message: this.isDarkbackground() ? 'error-base' : 'error-dark',\n      },\n      default: {\n        label: this.isDarkbackground() ? 'neutral-white' : 'neutral-black',\n        message: this.isDarkbackground() ? 'primary-lighter' : 'neutral-dark',\n      },\n    };\n\n    return statusColors[this.status][type];\n  }\n\n  render() {\n    return (\n      <Host role=\"radio\" aria-checked={this.checked} aria-disabled={this.disabled} aria-required={this.required} aria-invalid={this.status === 'error'}>\n        <div class={this.getClasses()} style={this.styles} onClick={this.handleClick}>\n          <div class=\"info\">\n            <div class=\"label-wrapper\">\n              <cura-label\n                textOverflow={this.overflowLabel}\n                class={`label${this.overflowLabel === 'single' ? ' textoverflow-single' : ''}`}\n                size={this.size === 'large' ? 'medium' : 'xsmall'}\n                color={this.assignColor('label')}\n              >\n                {this.label}\n              </cura-label>\n              {this.required && (\n                <cura-paragraph lineHeight=\"0%\" marginBlock=\"0\" color=\"error-base\">\n                  *{' '}\n                </cura-paragraph>\n              )}\n            </div>\n            <cura-label textOverflow={this.overflowHelper} color={this.assignColor('message')} size=\"xsmall\" class=\"message\">\n              <slot></slot>\n            </cura-label>\n          </div>\n          <input\n            type=\"radio\"\n            class={`radio ${this.size.toLocaleLowerCase()}`}\n            name={this.name}\n            value={this.value}\n            required={this.required}\n            tabIndex={this.ontabindex}\n            disabled={this.disabled}\n            checked={this.checked}\n          />\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"uHAAA,MAAMA,EAAe,uhG,MCSRC,EAAS,MANtB,WAAAC,CAAAC,G,2MAW0CC,KAAOC,QAAY,MAKnBD,KAAME,OAAoC,UAIzDF,KAAQG,SAAY,MAIpBH,KAAQI,SAAY,MAIpBJ,KAAKK,MAAW,GAShBL,KAAQM,SAAqB,OAI7BN,KAAKO,MAAW,GAIhBP,KAAIQ,KAAW,GAKhCR,KAAUS,WAAqB,QAK/BT,KAAIU,KAAiC,SAIrCV,KAAKW,MAAG,SAUSX,KAAaY,cAA+B,OAU5CZ,KAAca,eAA+B,OAE7Db,KAAMc,OAAG,GAQlBd,KAAAe,MAAQ,CACNC,MAAO,CAAEN,KAAM,IACfO,OAAQ,CAAEP,KAAM,IAChBQ,MAAO,CAAER,KAAM,KAGjBV,KAAgBmB,iBAAG,IAAMnB,KAAKS,aAAe,OAgF7CT,KAAWoB,YAAG,KACZ,GAAIpB,KAAKG,SAAU,OAEnBH,KAAKC,SAAWD,KAAKC,QACrBD,KAAKqB,UAAUC,aAAatB,KAAKO,OACjCP,KAAKuB,SAASC,KAAK,CAAEjB,MAAOP,KAAKO,MAAON,QAASD,KAAKC,SAAU,CA0EnE,CA5JC,WAAAwB,GACEzB,KAAKc,OACAY,OAAAC,OAAAD,OAAAC,OAAA,GAAA3B,KAAKc,QAAM,CACd,eAAgB,GAAGd,KAAKe,MAAMf,KAAKU,MAAMA,SACzC,SAAU,GAAGkB,EAAW5B,KAAKU,MAAMA,SACnC,QAAS,GAAGkB,EAAW5B,KAAKU,MAAMmB,S,CAMtC,SAAAC,GACE,MAAMC,EAAS,CACb,CAAEvB,KAAM,cAAeC,WAAY,aACnC,CAAED,KAAM,gBAAiBC,WAAY,GAAGT,KAAKW,eAC7C,CAAEH,KAAM,eAAgBC,WAAY,GAAGT,KAAKW,cAC5C,CAAEH,KAAM,eAAgBC,WAAY,GAAGT,KAAKW,cAC5C,CAAEH,KAAM,sBAAuBC,WAAY,qBAC3C,CAAED,KAAM,oBAAqBC,WAAY,mBACzC,CAAED,KAAM,iBAAkBC,WAAY,gBACtC,CAAED,KAAM,kBAAmBC,WAAY,iBACvC,CAAED,KAAM,eAAgBC,WAAY,cACpC,CAAED,KAAM,gCAAiCC,WAAYT,KAAKmB,mBAAqB,eAAiB,kBAChG,CAAEX,KAAM,+BAAgCC,WAAYT,KAAKmB,mBAAqB,eAAiB,iBAC/F,CAAEX,KAAM,iCAAkCC,WAAYT,KAAKmB,mBAAqB,iBAAmB,iBACnG,CAAEX,KAAM,gCAAiCC,WAAYT,KAAKmB,mBAAqB,iBAAmB,gBAClG,CAAEX,KAAM,8BAA+BC,WAAYT,KAAKmB,mBAAqB,eAAiB,gBAC9F,CAAEX,KAAM,8BAA+BC,WAAYT,KAAKmB,mBAAqB,eAAiB,gBAC9F,CAAEX,KAAM,gCAAiCC,WAAYT,KAAKmB,mBAAqB,eAAiB,kBAChG,CAAEX,KAAM,sBAAuBC,WAAYT,KAAKmB,mBAAqB,eAAiB,gBACtF,CAAEX,KAAM,oBAAqBC,WAAYT,KAAKmB,mBAAqB,aAAe,eAGpFY,EAAOC,SAAQrB,IACbX,KAAKc,OAAOH,EAAMH,MAAQyB,OAAOC,QAAQC,MAAMJ,OAAOK,SAASzB,EAAMF,WAAW,IAElFT,KAAKc,OAAMY,OAAAC,OAAA,GAAQ3B,KAAKc,O,CAM1B,sBAAAuB,CAAuBC,GACrBA,EAAKC,UAAYvC,KAAKK,K,CAMxB,wBAAAmC,CAAyBC,GACvBzC,KAAKO,MAAQkC,EAAMlC,MACnBP,KAAKC,QAAUwC,EAAMxC,QACrBD,KAAKqB,UAAUC,aAAatB,KAAKO,M,CAMnC,iBAAAmC,GACE1C,KAAKO,MAAQ,GACbP,KAAKC,QAAU,MACfD,KAAKqB,UAAUsB,YAAY,IAC3B3C,KAAKqB,UAAUC,aAAatB,KAAKO,M,CAMnC,oBAAAqC,CAAqBzC,GACnBH,KAAKG,SAAWA,C,CAGlB,iBAAA0C,GACE7C,KAAKyB,cACLzB,KAAK8B,W,CAWP,UAAAgB,GACE,MAAMC,EAAU,GAChBA,EAAQ,aAAe,KACvBA,EAAQ,WAAa/C,KAAKC,QAC1B8C,EAAQ,YAAc/C,KAAKG,SAC3B4C,EAAQ,YAAc/C,KAAKM,WAAa,QACxCyC,EAAQ/C,KAAKE,QAAU,KAEvB,OAAO6C,C,CAIT,WAAAC,CAAYC,GACV,GAAIjD,KAAKG,SAAU,OAAOH,KAAKmB,mBAAqB,iBAAmB,iBAEvE,MAAM+B,EAAe,CACnBC,QAAS,CACP9C,MAAOL,KAAKmB,mBAAqB,kBAAoB,iBACrDiC,QAASpD,KAAKmB,mBAAqB,eAAiB,gBAEtDkC,MAAO,CACLhD,MAAOL,KAAKmB,mBAAqB,gBAAkB,iBACnDiC,QAASpD,KAAKmB,mBAAqB,aAAe,cAEpDmC,QAAS,CACPjD,MAAOL,KAAKmB,mBAAqB,gBAAkB,gBACnDiC,QAASpD,KAAKmB,mBAAqB,kBAAoB,iBAI3D,OAAO+B,EAAalD,KAAKE,QAAQ+C,E,CAGnC,MAAAM,GACE,OACEC,EAACC,EAAK,CAAAC,IAAA,2CAAAC,KAAK,QAAO,eAAe3D,KAAKC,QAAO,gBAAiBD,KAAKG,SAAyB,gBAAAH,KAAKI,SAAQ,eAAgBJ,KAAKE,SAAW,SACvIsD,EAAA,OAAAE,IAAA,2CAAKE,MAAO5D,KAAK8C,aAAce,MAAO7D,KAAKc,OAAQgD,QAAS9D,KAAKoB,aAC/DoC,EAAK,OAAAE,IAAA,2CAAAE,MAAM,QACTJ,EAAK,OAAAE,IAAA,2CAAAE,MAAM,iBACTJ,EACE,cAAAE,IAAA,2CAAAK,aAAc/D,KAAKY,cACnBgD,MAAO,QAAQ5D,KAAKY,gBAAkB,SAAW,uBAAyB,KAC1EF,KAAMV,KAAKU,OAAS,QAAU,SAAW,SACzCC,MAAOX,KAAKgD,YAAY,UAEvBhD,KAAKK,OAEPL,KAAKI,UACJoD,EAAA,kBAAAE,IAAA,2CAAgBM,WAAW,KAAKC,YAAY,IAAItD,MAAM,cAAY,IAC9D,MAIR6C,EAAY,cAAAE,IAAA,2CAAAK,aAAc/D,KAAKa,eAAgBF,MAAOX,KAAKgD,YAAY,WAAYtC,KAAK,SAASkD,MAAM,WACrGJ,EAAA,QAAAE,IAAA,+CAGJF,EACE,SAAAE,IAAA,2CAAAT,KAAK,QACLW,MAAO,SAAS5D,KAAKU,KAAKwD,sBAC1B1D,KAAMR,KAAKQ,KACXD,MAAOP,KAAKO,MACZH,SAAUJ,KAAKI,SACf+D,SAAUnE,KAAKoE,WACfjE,SAAUH,KAAKG,SACfF,QAASD,KAAKC,W","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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-df7cb250.entry.js

@@ -0,0 +1,2 @@
+import{r as a,c as e,h as t,H as i}from"./p-PPMZr_VE.js";import"./p-BPKQjAwN.js";const s=":host{display:block}.modal{position:fixed;height:100%;width:100%;top:var(--top-offset);bottom:var(--bottom-offset);left:var(--left-offset);right:var(--right-offset);z-index:-1;margin-top:var(--offset-top)}.modal.open{z-index:var(--zIndex)}.modal.open .backdrop,.modal.open .wrapper{opacity:1;visibility:visible;animation:fadeIn 0.3s ease-out}.container{display:flex;align-items:center;justify-content:center}.backdrop,.wrapper{opacity:0;visibility:hidden;transition:opacity 0.3s ease, visibility 0.3s ease}.backdrop{background-color:var(--background-color);z-index:calc(var(--zIndex) - 10);animation:fadeIn 0.3s ease-out}.wrapper{position:fixed;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-light);border-radius:calc(var(--cura-spacing-base) * 3px);max-width:600px;min-width:200px;padding:calc(calc(var(--cura-spacing-base) * 1px) / 2) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px) calc(var(--cura-spacing-base) * 4px);z-index:var(--zIndex);box-shadow:0px 8px 16px 0px var(--neutral-black-shadow-4, rgba(38, 38, 38, 0.12));transform:scale(0.95);transition:transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease}.wrapper ::slotted(*){max-height:80vh;overflow:auto;padding-right:calc(var(--cura-spacing-base) * 5px)}.modal.open .wrapper{transform:scale(1);opacity:1;visibility:visible}.close{justify-self:flex-end;padding-top:calc(var(--cura-spacing-base) * 4px);background:none;border:none;cursor:pointer}.close.mobile{display:none}.close.desktop{display:flex;padding:0;margin-right:-8px}@media (max-width: 768px){.wrapper{position:fixed;bottom:0px;width:80%;padding-top:calc(var(--cura-spacing-base) * 4px);padding-bottom:0px;border-radius:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px) 0px 0px;border-bottom:none}.close{align-items:center;border-top:1px dashed var(--neutral-light);margin-top:calc(var(--cura-spacing-base) * 4px);padding:calc(var(--cura-spacing-base) * 2px) 0px;justify-content:center;width:100%}.close.mobile{display:flex;gap:calc(var(--cura-spacing-base) * 2px)}.close.desktop{display:none}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}";const o=class{constructor(t){a(this,t);this.modalClose=e(this,"modalClose");this.open=false;this.background="light";this.top=0;this.bottom=0;this.left=0;this.right=0;this.mobileCloseLabel="Fechar";this.zindex="100";this.styles={};this.handleCloseOnEsc=a=>{if(a.key!=="Escape"||!this.open){return}this.open=false;this.modalClose.emit()};this.handleClose=()=>{this.modalClose.emit();this.open=false}}setColors(){const a={dark:window.CuraAPI.theme.colors.getColor("neutral-black",.4),light:window.CuraAPI.theme.colors.getColor("primary-darker",.8)};this.styles=Object.assign(Object.assign({},this.styles),{"--background-color":a[this.background]})}setOffset(a,e){this.styles=Object.assign(Object.assign({},this.styles),{[`--${a}-offset`]:`${e}px`})}setTop(){this.setOffset("top",this.top)}setBottom(){this.setOffset("bottom",this.bottom)}setLeft(){this.setOffset("left",this.left)}setRight(){this.setOffset("right",this.right)}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--neutral-purewhite":window.CuraAPI.theme.colors.getColor("neutral-purewhite"),"--neutral-light":window.CuraAPI.theme.colors.getColor("neutral-light"),"--base-spacing":window.CuraAPI.theme.spacing.getSpacing()});this.setColors();this.setTop();this.setBottom();this.setLeft();this.setRight()}disconnectedCallback(){window.removeEventListener("keydown",this.handleCloseOnEsc)}componentDidLoad(){window.addEventListener("keydown",this.handleCloseOnEsc)}render(){return t(i,{key:"4ccdb55c36abada0f1a7c8f44b79603e3e3432cc",role:"dialog","aria-modal":"true",style:{"--zIndex":this.zindex}},t("div",{key:"1b7248b7549a903a7a9b08aa219f209e0f159d30",class:this.open?"modal container open":"modal container",style:this.styles},t("div",{key:"6977bffb5232d6e45d217bf2db4f61748daf7ccf",class:this.open?"modal backdrop open":"modal backdrop",onClick:this.handleClose}),t("div",{key:"71f7c2cf8c56d4f0fdf443209e0f5e96e285e36e",class:"wrapper"},t("div",{key:"80b99d594ee94b214318479e815194be75f3fea7",class:"close desktop"},t("cura-button-transparent",{key:"9abea3d67b08611313ee28b44bf6775a37b9ab79",iconName:"close",color:"error",size:"small",onClick:this.handleClose,iconOnly:true})),t("slot",{key:"85364906c3b59f2ac7b95cd316babff55de10a0f"}),t("div",{key:"a4106cee880560a7fdcb92b63f98feefbe8f283a",class:"close mobile",onClick:this.handleClose},t("cura-button-transparent",{key:"794ab5cfdece8aa94ff85d37655a83c9df7a854a",color:"error",iconName:"close",size:"small"},this.mobileCloseLabel)))))}static get watchers(){return{background:["setColors"],top:["setTop"],bottom:["setBottom"],left:["setLeft"],right:["setRight"]}}};o.style=s;export{o as cura_modal};
+//# sourceMappingURL=p-df7cb250.entry.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["curaModalCss","CuraModal","constructor","hostRef","this","open","background","top","bottom","left","right","mobileCloseLabel","zindex","styles","handleCloseOnEsc","evt","key","modalClose","emit","handleClose","setColors","backgroundTheme","dark","window","CuraAPI","theme","colors","getColor","light","Object","assign","setOffset","name","value","setTop","setBottom","setLeft","setRight","connectedCallback","spacing","getSpacing","disconnectedCallback","removeEventListener","componentDidLoad","addEventListener","render","h","Host","role","style","class","onClick","iconName","color","size","iconOnly"],"sources":["src/components/cura-modal/cura-modal.scss?tag=cura-modal&encapsulation=shadow","src/components/cura-modal/cura-modal.tsx"],"sourcesContent":["@import '../../../src/scss/mixins/spacing.scss';\n@import '../../../src/scss/mixins/shadows.scss';\n@import '../../../src/scss/mixins/responsive.scss';\n@import '../../../src/scss/mixins/animations.scss';\n\n:host {\n  display: block;\n}\n\n.modal {\n  position: fixed;\n  height: 100%;\n  width: 100%;\n  top: var(--top-offset);\n  bottom: var(--bottom-offset);\n  left: var(--left-offset);\n  right: var(--right-offset);\n  z-index: -1;\n  margin-top: var(--offset-top);\n\n  &.open {\n    z-index: var(--zIndex);\n\n    .backdrop,\n    .wrapper {\n      opacity: 1;\n      visibility: visible;\n      animation: fadeIn 0.3s ease-out;\n    }\n  }\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.backdrop,\n.wrapper {\n  opacity: 0;\n  visibility: hidden;\n  transition: opacity 0.3s ease, visibility 0.3s ease;\n}\n\n.backdrop {\n  background-color: var(--background-color);\n  z-index: calc(var(--zIndex) - 10);\n  animation: fadeIn 0.3s ease-out;\n}\n\n.wrapper {\n  position: fixed;\n  background-color: var(--neutral-purewhite);\n  border: 2px solid var(--neutral-light);\n  border-radius: #{$spacing-xxxs};\n  max-width: 600px;\n  min-width: 200px;\n  padding: calc(#{$spacing-tiny} / 2) #{$spacing-xxs} #{$spacing-xxs} #{$spacing-xxs};\n  z-index: var(--zIndex);\n\n  @include shadow-level4();\n\n  transform: scale(0.95);\n  transition: transform 0.3s ease-out, opacity 0.3s ease, visibility 0.3s ease;\n\n  ::slotted(*) {\n    max-height: 80vh;\n    overflow: auto;\n    padding-right: #{$spacing-xs};\n  }\n}\n\n.modal.open .wrapper {\n  transform: scale(1);\n  opacity: 1;\n  visibility: visible;\n}\n\n.close {\n  justify-self: flex-end;\n  padding-top: #{$spacing-xxs};\n  background: none;\n  border: none;\n  cursor: pointer;\n\n  &.mobile {\n    display: none;\n  }\n\n  &.desktop {\n    display: flex;\n    padding: 0;\n    margin-right: -8px;\n  }\n}\n\n@include mobile-only() {\n  .wrapper {\n    position: fixed;\n    bottom: #{$spacing-none};\n    width: 80%;\n    padding-top: #{$spacing-xxs};\n    padding-bottom: #{$spacing-none};\n    border-radius: #{$spacing-xxxs} #{$spacing-xxxs} #{$spacing-none} #{$spacing-none};\n    border-bottom: none;\n  }\n\n  .close {\n    align-items: center;\n    border-top: 1px dashed var(--neutral-light);\n    margin-top: #{$spacing-xxs};\n    padding: #{$spacing-mini} #{$spacing-none};\n    justify-content: center;\n    width: 100%;\n\n    &.mobile {\n      display: flex;\n      gap: #{$spacing-mini};\n    }\n\n    &.desktop {\n      display: none;\n    }\n  }\n}\n\n@include fadeIn();\n@include fadeOut();\n","import { Component, Event, EventEmitter, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-modal',\n  styleUrl: 'cura-modal.scss',\n  shadow: true,\n})\nexport class CuraModal {\n  /**\n   * Property open to control modal visibility.\n   * Default: false\n   */\n  @Prop({ mutable: true, reflect: true }) open?: boolean = false;\n  /**\n   * Property background to control modal backdrop color.\n   * Default: light\n   */\n  @Prop() background?: 'dark' | 'light' = 'light';\n  /**\n   * Property top to control modal top position.\n   * Default: 0px\n   */\n  @Prop() top?: number = 0;\n  /**\n   * Property bottom to control modal bottom position.\n   * Default: 0px\n   */\n  @Prop() bottom?: number = 0;\n  /**\n   * Property left to control modal left position.\n   * Default: 0px\n   */\n  @Prop() left?: number = 0;\n  /**\n   * Property right to control modal right position.\n   * Default: 0px\n   */\n  @Prop() right?: number = 0;\n  /**\n   * Defines the label for the close button when the modal is viewed on mobile.\n   * Default: Fechar\n   */\n  @Prop({ reflect: true }) mobileCloseLabel: string = 'Fechar';\n  /**\n   * Property zindex to control the z-index value of the component.\n   * Default: 100\n   */\n  @Prop({ reflect: true }) zindex: string = '100';\n  /**\n   * Event close to handle modal close.\n   */\n  @Event({ eventName: 'modalClose' }) modalClose: EventEmitter<void>;\n\n  @State() styles = {};\n\n  @Watch('background')\n  setColors() {\n    const backgroundTheme = {\n      dark: window.CuraAPI.theme.colors.getColor('neutral-black', 0.4),\n      light: window.CuraAPI.theme.colors.getColor('primary-darker', 0.8),\n    };\n\n    this.styles = {\n      ...this.styles,\n      '--background-color': backgroundTheme[this.background],\n    };\n  }\n\n  setOffset(name: string, value: number) {\n    this.styles = {\n      ...this.styles,\n      [`--${name}-offset`]: `${value}px`,\n    };\n  }\n\n  @Watch('top')\n  setTop() {\n    this.setOffset('top', this.top);\n  }\n\n  @Watch('bottom')\n  setBottom() {\n    this.setOffset('bottom', this.bottom);\n  }\n\n  @Watch('left')\n  setLeft() {\n    this.setOffset('left', this.left);\n  }\n\n  @Watch('right')\n  setRight() {\n    this.setOffset('right', this.right);\n  }\n\n  handleCloseOnEsc = (evt: KeyboardEvent) => {\n    if (evt.key !== 'Escape' || !this.open) {\n      return;\n    }\n\n    this.open = false;\n    this.modalClose.emit();\n  };\n\n  connectedCallback() {\n    this.styles = {\n      ...this.styles,\n      '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'),\n      '--neutral-light': window.CuraAPI.theme.colors.getColor('neutral-light'),\n      '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    };\n    this.setColors();\n    this.setTop();\n    this.setBottom();\n    this.setLeft();\n    this.setRight();\n  }\n\n  private handleClose = () => {\n    this.modalClose.emit();\n    this.open = false;\n  };\n\n  disconnectedCallback() {\n    window.removeEventListener('keydown', this.handleCloseOnEsc);\n  }\n\n  componentDidLoad() {\n    window.addEventListener('keydown', this.handleCloseOnEsc);\n  }\n\n  render() {\n    return (\n      <Host role=\"dialog\" aria-modal=\"true\" style={{ '--zIndex': this.zindex }}>\n        <div class={this.open ? 'modal container open' : 'modal container'} style={this.styles}>\n          <div class={this.open ? 'modal backdrop open' : 'modal backdrop'} onClick={this.handleClose}></div>\n          <div class=\"wrapper\">\n            {/* Desktop button */}\n            <div class=\"close desktop\">\n              <cura-button-transparent iconName=\"close\" color=\"error\" size=\"small\" onClick={this.handleClose} iconOnly></cura-button-transparent>\n            </div>\n            <slot></slot>\n            {/* Mobile button */}\n            <div class=\"close mobile\" onClick={this.handleClose}>\n              <cura-button-transparent color=\"error\" iconName=\"close\" size=\"small\">\n                {this.mobileCloseLabel}\n              </cura-button-transparent>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"iFAAA,MAAMA,EAAe,ypE,MCORC,EAAS,MALtB,WAAAC,CAAAC,G,+CAU0CC,KAAIC,KAAa,MAKjDD,KAAUE,WAAsB,QAKhCF,KAAGG,IAAY,EAKfH,KAAMI,OAAY,EAKlBJ,KAAIK,KAAY,EAKhBL,KAAKM,MAAY,EAKAN,KAAgBO,iBAAW,SAK3BP,KAAMQ,OAAW,MAMjCR,KAAMS,OAAG,GA0ClBT,KAAAU,iBAAoBC,IAClB,GAAIA,EAAIC,MAAQ,WAAaZ,KAAKC,KAAM,CACtC,M,CAGFD,KAAKC,KAAO,MACZD,KAAKa,WAAWC,MAAM,EAiBhBd,KAAWe,YAAG,KACpBf,KAAKa,WAAWC,OAChBd,KAAKC,KAAO,KAAK,CAiCpB,CAjGC,SAAAe,GACE,MAAMC,EAAkB,CACtBC,KAAMC,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,gBAAiB,IAC5DC,MAAOL,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,iBAAkB,KAGhEvB,KAAKS,OAAMgB,OAAAC,OAAAD,OAAAC,OAAA,GACN1B,KAAKS,QACR,sBAAsBQ,EAAgBjB,KAAKE,a,CAI/C,SAAAyB,CAAUC,EAAcC,GACtB7B,KAAKS,OAAMgB,OAAAC,OAAAD,OAAAC,OAAA,GACN1B,KAAKS,QACR,EAAC,KAAKmB,YAAgB,GAAGC,O,CAK7B,MAAAC,GACE9B,KAAK2B,UAAU,MAAO3B,KAAKG,I,CAI7B,SAAA4B,GACE/B,KAAK2B,UAAU,SAAU3B,KAAKI,O,CAIhC,OAAA4B,GACEhC,KAAK2B,UAAU,OAAQ3B,KAAKK,K,CAI9B,QAAA4B,GACEjC,KAAK2B,UAAU,QAAS3B,KAAKM,M,CAY/B,iBAAA4B,GACElC,KAAKS,OACAgB,OAAAC,OAAAD,OAAAC,OAAA,GAAA1B,KAAKS,QAAM,CACd,sBAAuBU,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,qBAC5D,kBAAmBJ,OAAOC,QAAQC,MAAMC,OAAOC,SAAS,iBACxD,iBAAkBJ,OAAOC,QAAQC,MAAMc,QAAQC,eAEjDpC,KAAKgB,YACLhB,KAAK8B,SACL9B,KAAK+B,YACL/B,KAAKgC,UACLhC,KAAKiC,U,CAQP,oBAAAI,GACElB,OAAOmB,oBAAoB,UAAWtC,KAAKU,iB,CAG7C,gBAAA6B,GACEpB,OAAOqB,iBAAiB,UAAWxC,KAAKU,iB,CAG1C,MAAA+B,GACE,OACEC,EAACC,EAAI,CAAA/B,IAAA,2CAACgC,KAAK,SAAoB,oBAAOC,MAAO,CAAE,WAAY7C,KAAKQ,SAC9DkC,EAAA,OAAA9B,IAAA,2CAAKkC,MAAO9C,KAAKC,KAAO,uBAAyB,kBAAmB4C,MAAO7C,KAAKS,QAC9EiC,EAAA,OAAA9B,IAAA,2CAAKkC,MAAO9C,KAAKC,KAAO,sBAAwB,iBAAkB8C,QAAS/C,KAAKe,cAChF2B,EAAK,OAAA9B,IAAA,2CAAAkC,MAAM,WAETJ,EAAK,OAAA9B,IAAA,2CAAAkC,MAAM,iBACTJ,EAAyB,2BAAA9B,IAAA,2CAAAoC,SAAS,QAAQC,MAAM,QAAQC,KAAK,QAAQH,QAAS/C,KAAKe,YAAaoC,SAAQ,QAE1GT,EAAa,QAAA9B,IAAA,6CAEb8B,EAAK,OAAA9B,IAAA,2CAAAkC,MAAM,eAAeC,QAAS/C,KAAKe,aACtC2B,EAAyB,2BAAA9B,IAAA,2CAAAqC,MAAM,QAAQD,SAAS,QAAQE,KAAK,SAC1DlD,KAAKO,qB","ignoreList":[]}

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

@@ -0,0 +1,2 @@
+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

@@ -0,0 +1 @@
+{"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":[]}