@rededor/cura 2.0.0-alpha.10 → 2.0.0-alpha.12

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

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

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

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

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

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

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

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

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

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

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