@rededor/cura 1.7.1 → 1.8.0

package/dist/cura/p-7a68835f.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaSwitchCss","CuraSwitchStyle0","CuraSwitch","this","sizes","large","size","medium","small","isDarkbackground","background","toggleSwitch","disabled","checked","internals","setFormValue","toString","onchange","emit","sizeHandler","styles","Object","assign","formsSizes","gap","setColors","colors","name","opacity","color","forEach","window","CuraAPI","theme","getColor","connectedCallback","formAssociatedCallback","form","ariaLabel","label","formStateRestoreCallback","state","value","formResetCallback","setValidity","formDisabledCallback","assignColor","colorDark","colorLight","getClasses","classes","position","render","h","Host","key","role","class","style","onClick","textOverflow","overflowLabel","textAlign","weight","lineHeight","overflowHelper","toLowerCase","tabIndex","ontabindex"],"sources":["src/components/forms/cura-switch/cura-switch.scss?tag=cura-switch&encapsulation=shadow","src/components/forms/cura-switch/cura-switch.tsx"],"sourcesContent":["@import '../../../../src/scss/mixins/shadows.scss';\n@import '../../../scss/mixins/text.scss';\n\n:host {\n  display: block;\n  box-sizing: border-box;\n\n  min-width: 0;\n}\n\n.container {\n  display: flex;\n  align-items: center;\n  flex-direction: row-reverse;\n  justify-content: start;\n  gap: var(--gap);\n  text-align: left;\n\n  cursor: pointer;\n}\n\n.position {\n  flex-direction: row;\n}\n\n.info {\n  overflow: hidden;\n}\n\n.label,\n.message {\n  text-align: left;\n}\n\n.control {\n  width: fit-content;\n}\n\n/* Estilos para o controle de switch */\n.track {\n  background: var(--neutral-dark-base);\n  border-radius: 16px;\n  transition: background-color 0.3s;\n  align-items: flex-start;\n  flex-shrink: 0;\n  box-sizing: border-box;\n  width: var(--size-track);\n  height: var(--size);\n  position: relative;\n}\n\n.thumb {\n  background: var(--neutral-purewhite);\n  border: 2px solid var(--neutral-darker-medium);\n  border-radius: 50%;\n\n  position: absolute;\n  transition: transform 0.3s, outline 0.3s;\n  display: inline-block;\n  cursor: pointer;\n  user-select: none;\n  box-sizing: border-box;\n  width: var(--size);\n  height: var(--size);\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* Estado \"checked\" */\n.checked .thumb {\n  border-color: var(--color-dark);\n  @include shadow-level3(--neutral-black-shadow);\n  background: var(--neutral-purewhite);\n  transform: translateX(var(--size)) translateY(-50%);\n}\n\n.checked .thumb:hover {\n  background: var(--neutral-pale) !important;\n  border-color: var(--neutral-darker-medium) !important;\n}\n\n.checked .thumb:active {\n  border-color: var(--color-dark);\n  background: var(--neutral-pale);\n}\n\n.checked .track {\n  background: var(--color-base-light);\n}\n\n/* Estado \"disabled\" */\n.disabled .track {\n  background: var(--neutral-black-neutral-pale);\n}\n\n.disabled .thumb {\n  background: var(--neutral-black-neutral-base) !important;\n  border-color: var(--neutral-black-neutral-pale) !important;\n  cursor: not-allowed;\n}\n\n.disabled.checked .track {\n  background: var(--neutral-black-neutral-pale);\n}\n\n.container.disabled .thumb:focus {\n  outline: none !important;\n  border-color: var(--neutral-black-neutral-pale) !important;\n}\n\n/* Estado hover para não disabled e não checked */\n:not(.disabled):not(.checked) .thumb:hover {\n  border-color: var(--color-dark);\n  background: var(--neutral-pale);\n}\n\n:not(.disabled):not(.checked) .thumb:active {\n  border-color: var(--color-dark);\n  background: var(--neutral-pale);\n}\n\n/* Estado hover para não disabled */\n:not(.disabled) .thumb:focus {\n  outline: 2px solid var(--info-base) !important;\n  border: 2px solid var(--neutral-darker-medium);\n  z-index: 1;\n}\n\n:not(.disabled) .checked .thumb:focus {\n  outline: 2px solid var(--info-base) !important;\n  border-color: var(--color-dark);\n}\n","import { Component, Prop, Event, h, Host, Watch, EventEmitter, State, AttachInternals } from '@stencil/core';\nimport { formsSizes } from '../cura-forms.definitions';\n\n@Component({\n  tag: 'cura-switch',\n  styleUrl: 'cura-switch.scss',\n  shadow: true,\n  formAssociated: true,\n})\nexport class CuraSwitch {\n  /**\n   * Indicates whether the switch is checked or not.\n   */\n  @Prop({ reflect: true, mutable: true }) checked: boolean = false;\n  /**\n   * Indicates whether the switch is disabled or not.\n   */\n  @Prop({ reflect: true }) disabled: boolean = false;\n  /**\n   * The label text to display next to the switch.\n   */\n  @Prop({ reflect: true }) label: string = '';\n  /**\n   * Tab index for the switch element.\n   * Reflects as an HTML attribute.\n   */\n  @Prop({ reflect: true }) ontabindex: number = 0;\n  /**\n   * Position of the label relative to the switch.\n   * Can be 'left' or 'right'.\n   */\n  @Prop({ reflect: true }) position: 'left' | 'right' = 'left';\n  /**\n   * Size of the switch.\n   * Can be 'small', 'medium', or 'large'.\n   */\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'medium';\n  /**\n   * Background style of the switch.\n   * Can be 'dark' or 'light'.\n   */\n  @Prop() background: 'dark' | 'light' = 'light';\n  /**\n   * Accent color of the switch.\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  @Event({ eventName: 'onchange', composed: true, cancelable: true, bubbles: true }) onchange: EventEmitter<{ checked: boolean }>;\n\n  @AttachInternals() internals: ElementInternals;\n\n  sizes = {\n    large: { size: 64 },\n    medium: { size: 48 },\n    small: { size: 40 },\n  };\n\n  isDarkbackground = () => this.background === 'dark';\n\n  @Watch('size')\n  sizeHandler() {\n    this.styles = {\n      ...this.styles,\n      '--size-track': `${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: '--neutral-black-shadow', background: 'neutral-black', opacity: 0.16 },\n      { name: '--neutral-purewhite', background: 'neutral-purewhite' },\n      { name: '--neutral-medium', background: 'neutral-medium' },\n      { name: '--neutral-pale', background: 'neutral-pale' },\n      { name: '--neutral-dark-base', background: `neutral-${this.isDarkbackground() ? 'dark' : 'base'}` },\n      { name: '--neutral-darker-medium', background: `neutral-${this.isDarkbackground() ? 'darker' : 'medium'}` },\n      { name: '--neutral-black-neutral-pale', background: `${this.isDarkbackground() ? 'neutral-black' : 'neutral-pale'}` },\n      { name: '--neutral-black-neutral-base', background: `${this.isDarkbackground() ? 'neutral-dark' : 'neutral-base'}` },\n      { name: '--color-base-light', background: `${this.color}-light` },\n      { name: '--color-dark', background: `${this.color}-dark` },\n    ];\n\n    colors.forEach(color => {\n      this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.background, color?.opacity);\n    });\n    this.styles = { ...this.styles };\n  }\n\n  connectedCallback() {\n    this.sizeHandler();\n    this.setColors();\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 }) {\n    this.checked = state.value === 'true';\n    this.internals.setFormValue(this.checked.toString());\n  }\n\n  /**\n   * Callback to reset the switch state when the form is reset.\n   */\n  formResetCallback() {\n    this.checked = false;\n    this.internals.setValidity({});\n    this.internals.setFormValue(this.checked.toString());\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  toggleSwitch = () => {\n    if (this.disabled) return null;\n\n    this.checked = !this.checked;\n    this.internals.setFormValue(this.checked.toString());\n    this.onchange.emit({ checked: this.checked });\n  };\n\n  assignColor(colorDark: string, colorLight: string) {\n    if (this.disabled) return this.isDarkbackground() ? 'neutral-dark' : 'neutral-dark';\n    return this.isDarkbackground() ? colorDark : colorLight;\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\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host role=\"switch\" aria-checked={this.checked} aria-disabled={this.disabled}>\n        <div class={this.getClasses()} style={this.styles} onClick={this.toggleSwitch}>\n          <div class=\"info\">\n            <cura-label\n              textOverflow={this.overflowLabel}\n              style={{ textAlign: this.position === 'right' ? 'right' : 'left' }}\n              class=\"label\"\n              weight=\"bold\"\n              size={this.size === 'large' ? 'medium' : 'xsmall'}\n              lineHeight=\"125%\"\n              color={this.assignColor('neutral-white', 'neutral-black')}\n            >\n              {this.label}\n            </cura-label>\n            <cura-label\n              textOverflow={this.overflowHelper}\n              style={{ textAlign: this.position === 'right' ? 'right' : 'left' }}\n              color={this.assignColor('primary-lighter', 'neutral-dark')}\n              size=\"xsmall\"\n              class=\"message\"\n            >\n              <slot></slot>\n            </cura-label>\n          </div>\n\n          <div class=\"control\">\n            <div class={`track ${this.size.toLowerCase()}`}>\n              <div class={`thumb ${this.size.toLowerCase()}`} tabIndex={this.ontabindex}></div>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-7e10b146.entry.js

@@ -1,2 +0,0 @@
-import{r as e,h as a,H as t,g as r}from"./p-4ee8efca.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=o;const s=class{constructor(a){e(this,a);this.theme=window.CuraAPI.theme;this.type="solid";this.color="primary";this.iconName=undefined;this.iconset="default";this.disabled=false;this.iconOnly=false;this.borderRadius="2px";this.styles={}}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"]}}};s.style=i;export{s as cura_badge_pill};
-//# sourceMappingURL=p-7e10b146.entry.js.map

package/dist/cura/p-7e10b146.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaBadgePillCss","CuraBadgePillStyle0","CuraBadgePill","this","theme","window","CuraAPI","watchColorChange","setColors","connectedCallback","setBaseStyles","styles","Object","assign","spacing","getSpacing","fonts","getFamily","getSize","colors","name","color","newStyles","forEach","getColor","hostCSSProperties","borderRadius","getClasses","classes","iconOnly","disabled","type","getSymbolColor","getIcon","iconName","h","iconset","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":"yDAAA,MAAMA,EAAmB,wsCACzB,MAAAC,EAAeD,E,MCMFE,EAAa,M,yBAwCxBC,KAAAC,MAAQC,OAAOC,QAAQF,M,UAlC8C,Q,WAKmD,U,qCAUrF,U,cAKC,M,cAKA,M,kBAKY,M,YAE9B,E,CAKlB,gBAAAG,GACEJ,KAAKK,W,CAGP,iBAAAC,GACEN,KAAKO,gBACLP,KAAKK,W,CAGC,aAAAE,GACNP,KAAKQ,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,GACNV,KAAKQ,QAAM,CACd,iBAAkBR,KAAKC,MAAMU,QAAQC,aACrC,gBAAiBZ,KAAKC,MAAMY,MAAMC,YAClC,cAAed,KAAKC,MAAMY,MAAME,W,CAI5B,SAAAV,GACN,MAAMW,EAAS,CACb,CAAEC,KAAM,qBAAsBhB,MAAO,GAAGD,KAAKkB,iBAC7C,CAAED,KAAM,eAAgBhB,MAAO,GAAGD,KAAKkB,cACvC,CAAED,KAAM,8BAA+BhB,MAAO,gBAC9C,CAAEgB,KAAM,2BAA4BhB,MAAO,mBAG7C,MAAMkB,EAASV,OAAAC,OAAA,GAAQV,KAAKQ,QAC5BQ,EAAOI,SAAQF,IACbC,EAAUD,EAAMD,MAAQjB,KAAKC,MAAMe,OAAOK,SAASH,EAAMjB,MAAM,IAGjED,KAAKQ,OAASW,C,CAGhB,iBAAAG,GACE,MAAO,CACL,kBAAmBtB,KAAKuB,cAAgB,M,CAI5C,UAAAC,GACE,MAAMC,EAAU,GAChBA,EAAQ,mBAAqB,KAC7BA,EAAQ,aAAezB,KAAK0B,SAC5BD,EAAQ,YAAczB,KAAK2B,SAC3BF,EAAQ,GAAGzB,KAAK4B,QAAU,KAC1B,OAAOH,C,CAGT,cAAAI,GACE,OAAO7B,KAAK2B,SAAW,iBAAmB,GAAG3B,KAAKkB,Y,CAGpD,OAAAY,GACE,IAAK9B,KAAK+B,SAAU,MAAO,GAC3B,OAAOC,EAAA,aAAWf,KAAMjB,KAAK+B,SAAUE,QAASjC,KAAKiC,QAASC,KAAM,QAAShB,MAAOlB,KAAK6B,kB,CAG3F,MAAAM,GACE,MAAMC,EAAcpC,KAAK6B,iBACzB,OACEG,EAACK,EAAI,CAAAC,IAAA,2CAACC,MAAOvC,KAAKsB,qBAChBU,EAAA,OAAAM,IAAA,2CAAKE,MAAOxC,KAAKwB,aAAce,MAAOvC,KAAKQ,QACxCR,KAAK8B,UACNE,EAAA,cAAAM,IAAA,2CAAYJ,KAAK,SAAQ,cAAa,OAAOhB,MAAOkB,GAClDJ,EAAA,QAAAM,IAAA,+C","ignoreList":[]}

package/dist/cura/p-7e2d1229.entry.js

@@ -1,2 +0,0 @@
-import{r as t,c as e,h as r,H as s}from"./p-4ee8efca.js";import{l as a}from"./p-53c18ed4.js";const o=":host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;box-sizing:border-box;border:none;display:flex;align-items:center;justify-content:center;min-width:120px;width:fit-content;border:2px solid var(--border-color);border-radius:4px}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.selected),:host a:not(.selected){border:2px solid var(--border-color)}:host button:not(.disabled,.selected):hover,:host a:not(.disabled,.selected):hover{background-color:var(--background-color-hover)}:host button:not(.disabled,.selected):hover.dark,:host a:not(.disabled,.selected):hover.dark{border-color:var(--neutral-purewhite)}:host button.small,:host a.small{padding:calc(var(--cura-spacing-base) * 2px) calc(var(--cura-spacing-base) * 2px)}:host button.medium,:host a.medium{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 3px)}:host button.large,:host a.large{padding:calc(var(--cura-spacing-base) * 3px) calc(var(--cura-spacing-base) * 4px)}:host button:focus,:host a:focus{border-color:var(--primary-light)}:host button cura-icon,:host a cura-icon{margin-right:calc(var(--cura-spacing-base) * 2px)}:host button cura-badge-counter,:host a cura-badge-counter{margin-left:calc(var(--cura-spacing-base) * 2px)}:host button.selected,:host a.selected{cursor:pointer;background-color:var(--background-color-selected)}:host button.selected.disabled,:host a.selected.disabled{border-color:transparent;background-color:var(--background-disabled-selected)}:host button.disabled,:host a.disabled{cursor:not-allowed}:host button.disabled:not(.selected),:host a.disabled:not(.selected){border-color:var(--neutral-dark)}";const i=o;const n=class{constructor(r){t(this,r);this.tabSelect=e(this,"tabSelect",7);this.name=undefined;this.iconName=undefined;this.counter=1;this.selected=false;this.disabled=false;this.size="large";this.colorMode="light";this.hovered=false;this.styles={}}setColors(){const t=[{name:"--background-color-selected",theme:this.colorMode==="light"?"primary-base":"primary-light"},{name:"--background-color-hover",theme:this.colorMode==="light"?"primary-light":null},{name:"--background-disabled-selected",theme:this.colorMode==="light"?"neutral-white":"neutral-black"},{name:"--border-color",theme:this.colorMode==="light"?"primary-base":"primary-light"}];t.forEach((t=>{if(t.theme)this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.theme)}));this.styles=Object.assign({},this.styles)}computeContentColor(){if(this.disabled)return"neutral-dark";if(this.colorMode==="dark"){if(this.hovered&&!this.selected){return"neutral-purewhite"}return this.selected?"neutral-black":"primary-lighter"}return this.selected?"neutral-purewhite":"primary-dark"}getIcon(){if(!this.iconName)return"";const t=this.size==="large"?20:16;const e=this.computeContentColor();return r("cura-icon",{name:this.iconName,size:t,color:e})}getClasses(){return{[this.size]:true,[this.colorMode]:true,selected:this.selected,disabled:this.disabled}}getCounter(){return r("cura-badge-counter",{number:this.counter,color:"primary",disabled:this.disabled,class:"badge-number"})}connectedCallback(){this.styles=Object.assign(Object.assign({},this.styles),{"--primary-dark":window.CuraAPI.theme.colors.getColor("primary-dark"),"--neutral-purewhite":window.CuraAPI.theme.colors.getColor("neutral-purewhite"),"--neutral-dark":window.CuraAPI.theme.colors.getColor("neutral-dark"),"--base-spacing":window.CuraAPI.theme.spacing.getSpacing()});this.setColors()}handleMouseEnter(){if(this.disabled)return;this.hovered=true}handleMouseLeave(){this.hovered=false}handleClick(t){if(this.disabled){t.preventDefault();return}this.selected=!this.selected;this.tabSelect.emit({name:this.name})}render(){const t=a[this.size]||a["default"];const e=this.computeContentColor();return r(s,{key:"9410b9c68061ffb5d838fe6ab2f409be9b90c6ac",role:"button","aria-pressed":this.selected,"aria-disabled":this.disabled},r("button",{key:"1ac26d9b41e072f1ec3668d66fee83679640c54f",class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),disabled:this.disabled,onMouseEnter:this.handleMouseEnter.bind(this),onMouseLeave:this.handleMouseLeave.bind(this)},this.getIcon(),r("cura-label",{key:"ff854d36883b062d699388e71e6315f76f008f79",size:t,color:e,lineHeight:"0",marginBlock:"0"},r("slot",{key:"6ab5c0cdea38f9094bb382943fe25c3967a681ab"})),this.counter>0&&this.getCounter()))}static get watchers(){return{colorMode:["setColors"]}}};n.style=i;export{n as cura_tabs_button};
-//# sourceMappingURL=p-7e2d1229.entry.js.map

package/dist/cura/p-7e2d1229.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaTabsButtonCss","CuraTabsButtonStyle0","CuraTabs","setColors","colors","name","theme","this","colorMode","forEach","c","styles","window","CuraAPI","getColor","Object","assign","computeContentColor","disabled","hovered","selected","getIcon","iconName","iconSize","size","iconColor","h","color","getClasses","getCounter","number","counter","class","connectedCallback","spacing","getSpacing","handleMouseEnter","handleMouseLeave","handleClick","e","preventDefault","tabSelect","emit","render","labelSize","labelSizes","labelColor","Host","key","role","style","onClick","onMouseEnter","bind","onMouseLeave","lineHeight","marginBlock"],"sources":["src/components/tabs/cura-tabs-button/cura-tabs-button.scss?tag=cura-tabs-button&encapsulation=shadow","src/components/tabs/cura-tabs-button/cura-tabs-button.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n@import '../../../scss/mixins/buttons.scss';\n\n$button-sizes: (\n  small: $spacing-mini $spacing-mini,\n  medium: $spacing-xxxs $spacing-xxxs,\n  large: $spacing-xxxs $spacing-xxs,\n);\n\n:host {\n  button,\n  a {\n    @include button-element() {\n      background-color: transparent;\n      box-sizing: border-box;\n      border: none;\n\n      display: flex;\n      align-items: center;\n      justify-content: center;\n\n      min-width: 120px;\n      width: fit-content;\n\n      border: 2px solid var(--border-color);\n      border-radius: 4px;\n\n      &:not(.selected) {\n        border: 2px solid var(--border-color);\n      }\n\n      &:not(.disabled, .selected):hover {\n        background-color: var(--background-color-hover);\n\n        &.dark {\n          border-color: var(--neutral-purewhite);\n        }\n      }\n\n      @each $size, $padding in $button-sizes {\n        &.#{$size} {\n          padding: $padding;\n        }\n      }\n\n      &:focus {\n        border-color: var(--primary-light);\n      }\n\n      cura-icon {\n        margin-right: #{$spacing-mini};\n      }\n\n      cura-badge-counter {\n        margin-left: #{$spacing-mini};\n      }\n\n      @include button-selected() {\n        background-color: var(--background-color-selected);\n\n        &.disabled {\n          border-color: transparent;\n          background-color: var(--background-disabled-selected);\n        }\n      }\n\n      &.disabled {\n        &:not(.selected) {\n          border-color: var(--neutral-dark);\n        }\n\n        cursor: not-allowed;\n      }\n    }\n  }\n}\n","import { Component, Event, EventEmitter, h, Host, Prop, State, Watch } from '@stencil/core';\nimport { labelSizes } from '../cura-tabs.definitions';\n\n@Component({\n  tag: 'cura-tabs-button',\n  styleUrl: 'cura-tabs-button.scss',\n  shadow: true,\n})\nexport class CuraTabs {\n  @Prop({ reflect: true }) name: string;\n  @Prop({ reflect: true }) iconName: string;\n  @Prop({ reflect: true, mutable: true }) counter?: number = 1;\n  @Prop({ reflect: true, mutable: true }) selected: boolean = false;\n  @Prop({ reflect: true, mutable: true }) disabled: boolean = false;\n  @Prop({ reflect: true }) size: 'small' | 'medium' | 'large' = 'large';\n  @Prop({ reflect: true, mutable: true }) colorMode: 'dark' | 'light' = 'light';\n\n  @State() hovered = false;\n  @State() styles: Record<string, string> = {};\n\n  @Event() tabSelect: EventEmitter<{ name: string }>;\n\n  @Watch('colorMode')\n  setColors() {\n    const colors = [\n      { name: '--background-color-selected', theme: this.colorMode === 'light' ? 'primary-base' : 'primary-light' },\n      { name: '--background-color-hover', theme: this.colorMode === 'light' ? 'primary-light' : null },\n      {\n        name: '--background-disabled-selected',\n        theme: this.colorMode === 'light' ? 'neutral-white' : 'neutral-black',\n      },\n      {\n        name: '--border-color',\n        theme: this.colorMode === 'light' ? 'primary-base' : 'primary-light',\n      },\n    ];\n\n    colors.forEach(c => {\n      if (c.theme) this.styles[c.name] = window.CuraAPI.theme.colors.getColor(c.theme);\n    });\n\n    this.styles = { ...this.styles };\n  }\n\n  computeContentColor(): string {\n    if (this.disabled) return 'neutral-dark';\n\n    if (this.colorMode === 'dark') {\n      if (this.hovered && !this.selected) {\n        return 'neutral-purewhite';\n      }\n      return this.selected ? 'neutral-black' : 'primary-lighter';\n    }\n\n    return this.selected ? 'neutral-purewhite' : 'primary-dark';\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'large' ? 20 : 16;\n    const iconColor = this.computeContentColor();\n\n    return <cura-icon name={this.iconName} size={iconSize} color={iconColor}></cura-icon>;\n  }\n\n  getClasses() {\n    return {\n      [this.size]: true,\n      [this.colorMode]: true,\n      selected: this.selected,\n      disabled: this.disabled,\n    };\n  }\n\n  getCounter() {\n    return <cura-badge-counter number={this.counter} color=\"primary\" disabled={this.disabled} class=\"badge-number\"></cura-badge-counter>;\n  }\n\n  connectedCallback() {\n    this.styles = {\n      ...this.styles,\n      '--primary-dark': window.CuraAPI.theme.colors.getColor('primary-dark'),\n      '--neutral-purewhite': window.CuraAPI.theme.colors.getColor('neutral-purewhite'),\n      '--neutral-dark': window.CuraAPI.theme.colors.getColor('neutral-dark'),\n      '--base-spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    };\n\n    this.setColors();\n  }\n\n  handleMouseEnter() {\n    if (this.disabled) return;\n    this.hovered = true;\n  }\n\n  handleMouseLeave() {\n    this.hovered = false;\n  }\n\n  handleClick(e: Event) {\n    if (this.disabled) {\n      e.preventDefault();\n      return;\n    }\n\n    this.selected = !this.selected;\n    this.tabSelect.emit({ name: this.name });\n  }\n\n  render() {\n    const labelSize = labelSizes[this.size] || labelSizes['default'];\n    const labelColor = this.computeContentColor();\n\n    return (\n      <Host role=\"button\" aria-pressed={this.selected} aria-disabled={this.disabled}>\n        <button\n          class={this.getClasses()}\n          style={this.styles}\n          onClick={e => this.handleClick(e)}\n          disabled={this.disabled}\n          onMouseEnter={this.handleMouseEnter.bind(this)}\n          onMouseLeave={this.handleMouseLeave.bind(this)}\n        >\n          {this.getIcon()}\n          <cura-label size={labelSize} color={labelColor} lineHeight=\"0\" marginBlock=\"0\">\n            <slot></slot>\n          </cura-label>\n          {this.counter > 0 && this.getCounter()}\n        </button>\n      </Host>\n    );\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cura/p-8aade007.entry.js

@@ -1,2 +0,0 @@
-import{r as t,h as s,H as h,g as o}from"./p-4ee8efca.js";const e=":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 l=e;const i=class{constructor(s){t(this,s);this.theme=window.CuraAPI.theme;this.level=1;this.size="large";this.spotColor="accent-dark";this.color=undefined;this.marginBlock="1.25em";this.lineHeight="120%";this.styles={}}handleChangeColor(){this.setColors()}connectedCallback(){this.setFontProperties();this.setColors()}setFontProperties(){this.weights=this.theme.fonts.getWeights();this.fontSizeBase=this.theme.fonts.getSize();this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-medium":this.weights.medium}}hostCSSProperties(){return{"--margin-block":this.marginBlock,"--font-size-base":this.fontSizeBase,"--line-height":this.lineHeight}}setColors(){const t=this.color?this.theme.colors.getColor(this.color):this.theme.fonts.getColor();this.styles=Object.assign(Object.assign({},this.styles),{"--color-body":t||this.theme.colors.getColor("neutral-darker"),"--color-link":this.theme.colors.getColor(`${this.spotColor}`)})}getClasses(){var t;const s={};s[`${(t=this.size)===null||t===void 0?void 0:t.toLowerCase()}`]=true;return s}getHeadingTag(){const t=this.getClasses();const h={1:s("h1",{style:this.styles,class:t},s("slot",null)),2:s("h2",{style:this.styles,class:t},s("slot",null)),3:s("h3",{style:this.styles,class:t},s("slot",null)),4:s("h4",{style:this.styles,class:t},s("slot",null)),5:s("h5",{style:this.styles,class:t},s("slot",null)),6:s("h6",{style:this.styles,class:t},s("slot",null)),default:s("h1",{style:this.styles,class:t},s("slot",null))};return h[`${this.level}`]||h["default"]}render(){return s(h,{key:"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"]}}};i.style=l;export{i as cura_display};
-//# sourceMappingURL=p-8aade007.entry.js.map

package/dist/cura/p-8aade007.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaDisplayCss","CuraDisplayStyle0","CuraDisplay","this","theme","window","CuraAPI","handleChangeColor","setColors","connectedCallback","setFontProperties","weights","fonts","getWeights","fontSizeBase","getSize","styles","getFamily","bold","medium","hostCSSProperties","marginBlock","lineHeight","fontColor","color","colors","getColor","Object","assign","spotColor","getClasses","classes","_a","size","toLowerCase","getHeadingTag","tags","h","style","class","default","level","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":"yDAAA,MAAMA,EAAiB,ovEACvB,MAAAC,EAAeD,E,MCMFE,EAAW,M,yBAqDtBC,KAAAC,MAAQC,OAAOC,QAAQF,M,WA/C+B,E,UAML,Q,eAM7B,c,sCAiBiB,S,gBAMD,O,YAalB,E,CA3BlB,iBAAAG,GACEJ,KAAKK,W,CA4BP,iBAAAC,GACEN,KAAKO,oBACLP,KAAKK,W,CAGP,iBAAAE,GACEP,KAAKQ,QAAUR,KAAKC,MAAMQ,MAAMC,aAChCV,KAAKW,aAAeX,KAAKC,MAAMQ,MAAMG,UACrCZ,KAAKa,OAAS,CACZ,gBAAiBX,OAAOC,QAAQF,MAAMQ,MAAMK,UAAU,WACtD,cAAeZ,OAAOC,QAAQF,MAAMQ,MAAMG,UAC1C,qBAAsBZ,KAAKQ,QAAQO,KACnC,uBAAwBf,KAAKQ,QAAQQ,O,CAIzC,iBAAAC,GACE,MAAO,CACL,iBAAkBjB,KAAKkB,YACvB,mBAAoBlB,KAAKW,aACzB,gBAAiBX,KAAKmB,W,CAI1B,SAAAd,GACE,MAAMe,EAAYpB,KAAKqB,MACnBrB,KAAKC,MAAMqB,OAAOC,SAASvB,KAAKqB,OAChCrB,KAAKC,MAAMQ,MAAMc,WACrBvB,KAAKa,OAAMW,OAAAC,OAAAD,OAAAC,OAAA,GACNzB,KAAKa,QAAM,CACd,eAAgBO,GAAapB,KAAKC,MAAMqB,OAAOC,SAAS,kBACxD,eAAgBvB,KAAKC,MAAMqB,OAAOC,SAAS,GAAGvB,KAAK0B,c,CAIvD,UAAAC,G,MACE,MAAMC,EAAU,GAChBA,EAAQ,IAAGC,EAAA7B,KAAK8B,QAAI,MAAAD,SAAA,SAAAA,EAAEE,iBAAmB,KACzC,OAAOH,C,CAGT,aAAAI,GACE,MAAMJ,EAAU5B,KAAK2B,aACrB,MAAMM,EAAO,CACX,EAAKC,EAAA,MAAIC,MAAOnC,KAAKa,OAAQuB,MAAOR,GAASM,EAAA,cAC7C,EAAKA,EAAA,MAAIC,MAAOnC,KAAKa,OAAQuB,MAAOR,GAASM,EAAA,cAC7C,EAAKA,EAAA,MAAIC,MAAOnC,KAAKa,OAAQuB,MAAOR,GAASM,EAAA,cAC7C,EAAKA,EAAA,MAAIC,MAAOnC,KAAKa,OAAQuB,MAAOR,GAASM,EAAA,cAC7C,EAAKA,EAAA,MAAIC,MAAOnC,KAAKa,OAAQuB,MAAOR,GAASM,EAAA,cAC7C,EAAKA,EAAA,MAAIC,MAAOnC,KAAKa,OAAQuB,MAAOR,GAASM,EAAA,cAC7CG,QAAWH,EAAA,MAAIC,MAAOnC,KAAKa,OAAQuB,MAAOR,GAASM,EAAA,eAErD,OAAOD,EAAK,GAAGjC,KAAKsC,UAAYL,EAAK,U,CAGvC,MAAAM,GACE,OACEL,EAACM,EAAI,CAAAC,IAAA,2CAACN,MAAOnC,KAAKiB,oBAAqByB,KAAK,UAAS,aAAa1C,KAAKsC,OACnEtC,KAAKgC,gB","ignoreList":[]}

package/dist/cura/p-9f460031.js

@@ -1,2 +0,0 @@
-import{S as t}from"./p-2db4deb3.js";const e={color:{primary:{100:"113,197,232",300:"68,142,205",500:"0,61,165",700:"0,48,117",900:"0,40,85"},secondary:{100:"245,236,227",300:"221,192,162",500:"204,160,116",700:"136,107,77",900:"41,32,23"},accent:{100:"255,194,123",300:"255,168,74",500:"255,130,0",700:"215,114,10",900:"155,90,26"}},spacing:{base:4},font:{size:"14px",color:"#4A4A4A",body:"'Gotham', Arial, Helvetica, sans-serif",heading:"'Gotham', Arial, Helvetica, sans-serif",display:"'Gotham', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}};const i=Object.assign(Object.assign({},e),{color:{primary:{100:"248,227,226",300:"255,179,171",500:"218,113,111",700:"145,75,74",900:"73,38,37"},secondary:{100:"253,251,249",300:"247,244,238",500:"245,236,227",700:"204,197,189",900:"163,157,151"},accent:{100:"236,239,249",300:"133,153,203",500:"11,20,151",700:"7,13,101",900:"4,7,50"}},font:{size:"14px",color:"#4A4A4A",body:"'Gotham', Arial, Helvetica, sans-serif",heading:"'Gotham', Arial, Helvetica, sans-serif",display:"'Gotham', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}});const s=Object.assign(Object.assign({},e),{color:{primary:{100:"170,190,225",300:"85,126,196",500:"0,61,166",700:"0,41,111",900:"0,12,33"},secondary:{100:"205,215,227",300:"155,175,199",500:"104,134,171",700:"54,95,143",900:"4,54,115"},accent:{100:"153,207,255",300:"71,169,255",500:"0,131,245",700:"0,109,204",900:"0,88,164"},aux:{100:"218,242,239",300:"132,212,202",500:"71,191,176",700:"33,100,92",900:"14,38,35"}},font:{size:"14px",color:"#4A4A4A",body:"'Hanken Grotesk', Arial, Helvetica, sans-serif",heading:"'Hanken Grotesk', Arial, Helvetica, sans-serif",display:"'Hanken Grotesk', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}});const r=Object.assign(Object.assign({},e),{color:{primary:{100:"153,197,255",300:"67,142,241",500:"0,47,108",700:"1,39,91",900:"0,33,77"},secondary:{100:"243,237,227",300:"216,194,163",500:"208,173,103",700:"201,155,64",900:"149,104,15"},accent:{100:"167,230,215",300:"130,225,209",500:"44,213,196",700:"26,188,169",900:"0,150,129"}}});const o=Object.assign(Object.assign({},e),{color:{primary:{100:"239,226,228",300:"226,196,200",500:"199,134,141",700:"175,91,109",900:"147,58,77"},secondary:{100:"233,226,220",300:"211,196,186",500:"189,167,151",700:"95,84,76",900:"38,33,30"},accent:{100:"219,189,196",300:"183,124,136",500:"147,58,77",700:"74,29,39",900:"29,12,15"}}});const a=Object.assign(Object.assign({},e),{color:{primary:{100:"204,217,231",300:"85,128,174",500:"0,65,134",700:"0,43,89",900:"0,13,27"},secondary:{100:"238,232,206",300:"198,180,92",500:"170,142,11",700:"113,95,7",900:"34,28,2"},accent:{100:"249,232,213",300:"228,160,79",500:"223,141,44",700:"149,94,29",900:"45,28,9"}},font:{size:"14px",color:"#4A4A4A",body:"'Roboto', Arial, Helvetica, sans-serif",heading:"'Roboto', Arial, Helvetica, sans-serif",display:"'Roboto', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}});const c={default:e,maternidade:i,oncologia:s,richet:r,perinatalTemp:o,legacyDefault:a};class n{constructor(){this.NeutralDepthAlias={purewhite:"0",white:"100",pale:"200",lighter:"300",light:"400",base:"500",medium:"600",dark:"700",darker:"800",black:"900"};this.ColorDepthAlias={lighter:"100",light:"300",base:"500",dark:"700",darker:"900"}}getColor(t="primary-base",e=1){const{color:i,depth:s}=this.splitColorDepth(t);const r=this.getStatic(i,s,e);if(r)return r;return this.getDynamic(i,s,e)}getStatic(e,i,s=1){var r,o,a;const c=t.color[e];if(!c)return null;const n=e==="neutral"?this.NeutralDepthAlias[i]:this.ColorDepthAlias[i];return((r=t.color[e])===null||r===void 0?void 0:r[n])?`rgba(${(o=t.color[e])===null||o===void 0?void 0:o[n]}, ${s})`:`rgba(${(a=t.color[e])===null||a===void 0?void 0:a[i]}, ${s})`}getDynamic(t,e,i){const s=this.ColorDepthAlias[e]?`--cura-color-${t}-${this.ColorDepthAlias[e]}`:`--cura-color-${t}-${e}`;return getComputedStyle(document.documentElement).getPropertyValue(s)?`rgba(var(${s}), ${i})`:`rgba(var(--cura-color-primary-500), ${i})`}splitColorDepth(t){const[e,i]=t.toLowerCase().split(/-(.*)/);return{color:e!==null&&e!==void 0?e:"primary",depth:i!==null&&i!==void 0?i:"base"}}}class l{constructor(){this.curaSpacing="--cura-spacing-base"}getSpacing(){if(getComputedStyle(document.body).getPropertyValue(this.curaSpacing)){return`var(${this.curaSpacing})`}return"4"}}class h{constructor(){this.getSize=()=>`var(--cura-font-size)`;this.getColor=()=>`var(--cura-font-color)`}getFamily(t="body"){const e=`--cura-font-${t.toLowerCase()}`;return getComputedStyle(document.body).getPropertyValue(e)?`var(${e})`:"var(--cura-font-body)"}getWeights(){const t={};Object.keys(e.font.weights).forEach((e=>t[e]=`var(--cura-font-weights-${e})`));return t}}class d{constructor(){}get(e=null,i=null){if(e){const s=i?t.breakpoints[e][i]:t.breakpoints[e];if(s||s===0)return s}return t.breakpoints}}class u{constructor(){var t;this.prefix="--cura";this.colors=new n;this.spacing=new l;this.fonts=new h;this.breakpoints=new d;this.groupObject={};this.setCssVar=(t,e)=>{const i=this.groupPath(e,t[0]);this.rootElement.style.setProperty(i,t[1])};this.groupPath=(t,e)=>`${t}-${e}`;this.isObject=t=>t&&typeof t==="object"&&!Array.isArray(t);this.mergeObject=(t,e)=>{const i=Object.entries(t);for(let t of i){if(this.isObject(t[1])){this.mergeObject(t[1],e[t[0]])}else{e[t[0]]=t[1]}}};this.buildCssVars=(t,e,i=false)=>{const s=Object.entries(e);for(let e of s){if(this.isObject(e[1])){this.buildCssVars(this.groupPath(t,e[0]),e[1],i)}else{if(i){const i=this.groupPath(t,e[0]);this.groupObject[i]=e[1]}else{this.setCssVar(e,t)}}}};if(typeof window==="undefined")return;this.rootElement=(t=window===null||window===void 0?void 0:window.document)===null||t===void 0?void 0:t.documentElement}load(t="default"){const e=c[t]?c[t]:c.default;this.buildCssVars(this.prefix,e)}loadVarsSSR(t="default"){const e=c[t]?c[t]:c.default;this.buildCssVars(this.prefix,e,true);return this.groupObject}setCustom(t){const e=t.name;if(e in c){console.log("Error building custom theme. Theme %s already exists. Loading default theme.",e);this.load("default")}else{const i=t.fromPreset&&t.fromPreset in c?c[t.fromPreset]:c.default;const s=Object.assign({},JSON.parse(JSON.stringify(i)));this.mergeObject(t.definitions,s);c[e]=s;this.load(e)}}}export{u as C};
-//# sourceMappingURL=p-9f460031.js.map

package/dist/cura/p-9f460031.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["ThemeDefault","color","primary","secondary","accent","spacing","base","font","size","body","heading","display","weights","thin","light","regular","medium","bold","black","ThemeMaternity","Object","assign","ThemeOncology","aux","ThemeRichet","ThemePerinatalTemporary","ThemeLegacyDefault","ThemePresets","default","maternidade","oncologia","richet","perinatalTemp","legacyDefault","CuraThemeColorsModule","constructor","this","NeutralDepthAlias","purewhite","white","pale","lighter","dark","darker","ColorDepthAlias","getColor","colorWithDepth","opacity","depth","splitColorDepth","staticColor","getStatic","getDynamic","colorObj","Static","alias","_a","_b","_c","themeVar","getComputedStyle","document","documentElement","getPropertyValue","toLowerCase","split","CuraThemeSpacingModule","curaSpacing","getSpacing","CuraThemeFontsModule","getSize","getFamily","type","curaFontFamilyCSSVar","getWeights","keys","forEach","key","CuraThemeBreakpointsModule","get","position","breakpoint","breakpoints","CuraThemeModule","prefix","colors","fonts","groupObject","setCssVar","prop","path","varName","groupPath","rootElement","style","setProperty","a","b","isObject","val","Array","isArray","mergeObject","from","to","entries","e","buildCssVars","obj","isGroup","window","load","theme","preset","loadVarsSSR","setCustom","customTheme","customTag","name","console","log","fromPreset","newTheme","JSON","parse","stringify","definitions"],"sources":["src/api/theme-presets/theme-default.ts","src/api/theme-presets/theme-maternity.ts","src/api/theme-presets/theme-oncology.ts","src/api/theme-presets/theme-richet.ts","src/api/theme-presets/theme-perinatal-temporary.ts","src/api/theme-presets/theme-legacy-default.ts","src/api/theme-presets/theme-presets.ts","src/api/modules/cura-theme-colors-module.ts","src/api/modules/cura-theme-spacing-module.ts","src/api/modules/cura-theme-fonts-module.ts","src/api/modules/cura-theme-breakpoints-module.ts","src/api/modules/cura-theme-module.ts"],"sourcesContent":["/**\n * Cura Default Theme\n */\nexport const ThemeDefault = {\n  /* Colors */\n  color: {\n    primary: {\n      '100': '113,197,232',\n      '300': '68,142,205',\n      '500': '0,61,165',\n      '700': '0,48,117',\n      '900': '0,40,85'\n    },\n    secondary: {\n      '100': '245,236,227',\n      '300': '221,192,162',\n      '500': '204,160,116',\n      '700': '136,107,77',\n      '900': '41,32,23'\n    },\n    accent: {\n      '100': '255,194,123',\n      '300': '255,168,74',\n      '500': '255,130,0',\n      '700': '215,114,10',\n      '900': '155,90,26'\n    }\n  },\n  /* Spacing */\n  spacing: {\n    base: 4,\n  },\n  /* Fonts */\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Gotham', Arial, Helvetica, sans-serif\",\n    heading: \"'Gotham', Arial, Helvetica, sans-serif\",\n    display: \"'Gotham', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","/**\n * Maternity Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeMaternity = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '248,227,226',\n      '300': '255,179,171',\n      '500': '218,113,111',\n      '700': '145,75,74',\n      '900': '73,38,37'\n    },\n    secondary: {\n      '100': '253,251,249',\n      '300': '247,244,238',\n      '500': '245,236,227',\n      '700': '204,197,189',\n      '900': '163,157,151'\n    },\n    accent: {\n      '100': '236,239,249',\n      '300': '133,153,203',\n      '500': '11,20,151',\n      '700': '7,13,101',\n      '900': '4,7,50'\n    }\n  },\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Gotham', Arial, Helvetica, sans-serif\",\n    heading: \"'Gotham', Arial, Helvetica, sans-serif\",\n    display: \"'Gotham', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","/**\n * Oncology Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeOncology = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '170,190,225',\n      '300': '85,126,196',\n      '500': '0,61,166',\n      '700': '0,41,111',\n      '900': '0,12,33'\n    },\n    secondary: {\n      '100': '205,215,227',\n      '300': '155,175,199',\n      '500': '104,134,171',\n      '700': '54,95,143',\n      '900': '4,54,115',\n    },\n    accent: {\n      '100': '153,207,255',\n      '300': '71,169,255',\n      '500': '0,131,245',\n      '700': '0,109,204',\n      '900': '0,88,164',\n    },\n    aux: {\n      '100': '218,242,239',\n      '300': '132,212,202',\n      '500': '71,191,176',\n      '700': '33,100,92',\n      '900': '14,38,35',\n    },\n  },\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    heading: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    display: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","/**\n * Richet Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeRichet = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '153,197,255',\n      '300': '67,142,241',\n      '500': '0,47,108',\n      '700': '1,39,91',\n      '900': '0,33,77'\n    },\n    secondary: {\n      '100': '243,237,227',\n      '300': '216,194,163',\n      '500': '208,173,103',\n      '700': '201,155,64',\n      '900': '149,104,15'\n    },\n    accent: {\n      '100': '167,230,215',\n      '300': '130,225,209',\n      '500': '44,213,196',\n      '700': '26,188,169',\n      '900': '0,150,129'\n    }\n  },\n};\n","/**\n * Perinatal temporary Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemePerinatalTemporary = {\n    /* Get default theme */\n    ...ThemeDefault,\n\n    /* Custom */\n    /* Colors */\n    color: {\n        primary: {\n            '100': '239,226,228',\n            '300': '226,196,200',\n            '500': '199,134,141',\n            '700': '175,91,109',\n            '900': '147,58,77'\n        },\n        secondary: {\n            '100': '233,226,220',\n            '300': '211,196,186',\n            '500': '189,167,151',\n            '700': '95,84,76',\n            '900': '38,33,30'\n        },\n        accent: {\n            '100': '219,189,196',\n            '300': '183,124,136',\n            '500': '147,58,77',\n            '700': '74,29,39',\n            '900': '29,12,15'\n        }\n    },\n};\n","/**\n * Legacy Default Theme\n */\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeLegacyDefault = {\n  /* Get default theme */\n  ...ThemeDefault,\n\n  /* Custom */\n  /* Colors */\n  color: {\n    primary: {\n      '100': '204,217,231',\n      '300': '85,128,174',\n      '500': '0,65,134',\n      '700': '0,43,89',\n      '900': '0,13,27'\n    },\n    secondary: {\n      '100': '238,232,206',\n      '300': '198,180,92',\n      '500': '170,142,11',\n      '700': '113,95,7',\n      '900': '34,28,2'\n    },\n    accent: {\n      '100': '249,232,213',\n      '300': '228,160,79',\n      '500': '223,141,44',\n      '700': '149,94,29',\n      '900': '45,28,9'\n    }\n  },\n  /* Fonts */\n  font: {\n    size: '14px',\n    color: '#4A4A4A',\n    body: \"'Roboto', Arial, Helvetica, sans-serif\",\n    heading: \"'Roboto', Arial, Helvetica, sans-serif\",\n    display: \"'Roboto', Arial, Helvetica, sans-serif\",\n    weights: {\n      thin: 100,\n      light: 300,\n      regular: 400,\n      medium: 500,\n      bold: 700,\n      black: 900\n    },\n  }\n};\n","import { ThemeDefault } from './theme-default';\nimport { ThemeMaternity } from './theme-maternity';\nimport { ThemeOncology } from './theme-oncology';\nimport { ThemeRichet } from './theme-richet';\nimport { ThemePerinatalTemporary } from './theme-perinatal-temporary';\nimport { ThemeLegacyDefault } from './theme-legacy-default';\n\nexport const ThemePresets = {\n  'default': ThemeDefault,\n  'maternidade': ThemeMaternity,\n  'oncologia': ThemeOncology,\n  'richet': ThemeRichet,\n  'perinatalTemp': ThemePerinatalTemporary,\n  'legacyDefault': ThemeLegacyDefault\n};\n","import { Static } from \"../theme-presets/static\";\n\nexport default class CuraThemeColorsModule {\n\n  NeutralDepthAlias = {\n    'purewhite': '0',\n    'white': '100',\n    'pale': '200',\n    'lighter': '300',\n    'light': '400',\n    'base': '500',\n    'medium': '600',\n    'dark': '700',\n    'darker': '800',\n    'black': '900',\n  };\n\n  ColorDepthAlias = {\n    'lighter': '100',\n    'light': '300',\n    'base': '500',\n    'dark': '700',\n    'darker': '900'\n  }\n\n  constructor() {}\n\n  /**\n   * Get theme color.\n   * @param colorWithDepth string Ex.: primary-light\n   * @returns RGBA value.\n   */\n  getColor(colorWithDepth: string = \"primary-base\", opacity = 1): string {\n    const { color, depth } = this.splitColorDepth(colorWithDepth);\n    const staticColor = this.getStatic(color, depth, opacity);\n    if (staticColor) return staticColor;\n    return this.getDynamic(color, depth, opacity);\n  }\n\n  /**\n   * Internal: Look for static color by name and depth.\n   * @param color Color name.\n   * @param depth Depth number or alias.\n   * @returns RGBA value.\n   */\n  getStatic(color: string, depth: string, opacity = 1) {\n    const colorObj = Static.color[color];\n    if (!colorObj) return null;\n    const alias = color === 'neutral' ? this.NeutralDepthAlias[depth] : this.ColorDepthAlias[depth];\n    return Static.color[color]?.[alias]\n      ? `rgba(${Static.color[color]?.[alias]}, ${opacity})`\n      : `rgba(${Static.color[color]?.[depth]}, ${opacity})`;\n  }\n\n  /**\n   * Internal: Look for theme dynamic colors.\n   * @param color Color name.\n   * @param depth Color depth.\n   * @returns RGBA value.\n   */\n  getDynamic(color: string, depth: string, opacity: number) {\n    const themeVar = this.ColorDepthAlias[depth]\n      ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`\n      : `--cura-color-${color}-${depth}`;\n    return getComputedStyle(document.documentElement).getPropertyValue(themeVar)\n      ? `rgba(var(${themeVar}), ${opacity})`\n      : `rgba(var(--cura-color-primary-500), ${opacity})`;\n  }\n\n  /**\n   * Internal: Split color strings\n   * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark.\n   * @returns Object { color: string, depth: string }.\n   */\n  private splitColorDepth(colorWithDepth: string): { color: string, depth: string } {\n    const [ color, depth ] = colorWithDepth.toLowerCase().split(/-(.*)/);\n    return { color: color ?? \"primary\", depth: depth ?? \"base\" };\n  }\n\n}\n","export default class CuraThemeSpacingModule {\n\n  private curaSpacing = '--cura-spacing-base';\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  getSpacing(): string {\n    if (getComputedStyle(document.body).getPropertyValue(this.curaSpacing)) {\n      return `var(${this.curaSpacing})`;\n    }\n    return '4';\n  }\n}\n","import { ThemeDefault } from \"../theme-presets/theme-default\";\n\nexport default class CuraThemeFontsModule {\n\n  constructor() {}\n\n  /**\n   * Get the CSS variable related to the font family defined by the theme.\n   * @param type 'body' | 'heading' | 'display'\n   * @returns Related css variable as a string.\n   */\n  getFamily(type: string = \"body\"): string {\n    const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;\n    return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)\n      ? `var(${curaFontFamilyCSSVar})`\n      : 'var(--cura-font-body)';\n  }\n\n  /**\n   * Get the CSS variables related to font weights defined by the theme.\n   * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.\n   */\n  getWeights(): any {\n    const weights = {};\n    Object.keys(ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);\n    return weights;\n  }\n\n  /**\n   * Get the CSS variable related to the font size base defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getSize = () => `var(--cura-font-size)`;\n\n  /**\n   * Get CSS variable related to the font color defined by the theme.\n   * @returns Related CSS variable as a string.\n   */\n  getColor = () => `var(--cura-font-color)`;\n\n}\n","import { Static } from '../theme-presets/static';\n\nexport default class CuraThemeBreakpointsModule {\n\n  constructor() {}\n\n  /** Returns the base spacing var defined in the theme */\n  get(size: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge' = null, position: 'min' | 'max' = null): any {\n    if (size) {\n      const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];\n      if (breakpoint || breakpoint === 0) return breakpoint;\n    }\n    return Static.breakpoints;\n  }\n}\n","import { ThemePresets } from '../theme-presets/theme-presets';\nimport { CuraCustomTheme } from '../cura-api.type';\nimport CuraThemeColorsModule from './cura-theme-colors-module';\nimport CuraThemeSpacingModule from './cura-theme-spacing-module';\nimport CuraThemeFontsModule from './cura-theme-fonts-module';\nimport CuraThemeBreakpointsModule from './cura-theme-breakpoints-module';\n\nexport default class CuraThemeModule {\n  rootElement: HTMLElement;\n  prefix = '--cura';\n  colors = new CuraThemeColorsModule();\n  spacing = new CuraThemeSpacingModule();\n  fonts = new CuraThemeFontsModule();\n  breakpoints = new CuraThemeBreakpointsModule();\n  groupObject = {};\n\n  constructor() {\n    if (typeof window === 'undefined') return;\n\n    this.rootElement = window?.document?.documentElement;\n  }\n\n  /**\n   * Load a theme.\n   * @param theme Theme tag.\n   */\n  load(theme = 'default') {\n    const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;\n    this.buildCssVars(this.prefix, preset);\n  }\n\n  loadVarsSSR(theme = 'default') {\n    const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;\n    this.buildCssVars(this.prefix, preset, true);\n\n    return this.groupObject;\n  }\n\n  /**\n   * Define a custom theme\n   * @param customTheme Custom theme object definition\n   */\n  setCustom(customTheme: CuraCustomTheme) {\n    const customTag = customTheme.name;\n    if (customTag in ThemePresets) {\n      console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);\n      this.load('default');\n    } else {\n      const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets ? ThemePresets[customTheme.fromPreset] : ThemePresets.default;\n      const newTheme = { ...JSON.parse(JSON.stringify(preset)) };\n      this.mergeObject(customTheme.definitions, newTheme);\n      ThemePresets[customTag] = newTheme;\n      this.load(customTag);\n    }\n  }\n\n  /* Private */\n\n  /** Set css var based on object structure */\n  setCssVar = (prop, path) => {\n    const varName = this.groupPath(path, prop[0]);\n    this.rootElement.style.setProperty(varName, prop[1]);\n  };\n\n  groupPath = (a, b) => `${a}-${b}`;\n\n  isObject = val => {\n    return val && typeof val === 'object' && !Array.isArray(val);\n  };\n\n  /** Deep merge objects */\n  mergeObject = (from, to) => {\n    const entries = Object.entries(from);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.mergeObject(e[1], to[e[0]]);\n      } else {\n        to[e[0]] = e[1];\n      }\n    }\n  };\n\n  /** Set css vars from preset object */\n  buildCssVars = (path, obj, isGroup = false) => {\n    const entries = Object.entries(obj);\n    for (let e of entries) {\n      if (this.isObject(e[1])) {\n        this.buildCssVars(this.groupPath(path, e[0]), e[1], isGroup);\n      } else {\n        if (isGroup) {\n          const varName = this.groupPath(path, e[0]);\n\n          this.groupObject[varName] = e[1];\n        } else {\n          this.setCssVar(e, path);\n        }\n      }\n    }\n  };\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as t,h as r,H as e}from"./p-4ee8efca.js";const o=':host{display:block;position:relative;width:fit-content;height:fit-content}:host .container{width:calc(var(--cura-spacing-base) * 2px);height:calc(var(--cura-spacing-base) * 2px);position:relative;box-sizing:border-box}:host .container::before{width:100%;height:100%;position:absolute;left:0;top:0;content:"";box-sizing:border-box;border-radius:50%;border:1px solid var(--color-dark);background:var(--color)}:host .container.disabled::before{background:var(--neutral-pale);border:1px solid var(--neutral-medium)}:host .container.outline::before{background:transparent;border:2px solid var(--color)}:host .container.outline.disabled::before{border:2px solid var(--neutral-medium)}:host .container.transparent::before{background:var(--color-dark);border:none}:host .container.transparent.disabled::before{background:var(--neutral-medium);border:none}';const a=o;const s=class{constructor(r){t(this,r);this.theme=window.CuraAPI.theme;this.color="primary";this.disabled=false;this.type="solid";this.styles={}}connectedCallback(){this.styles["--base-spacing"]=this.theme.spacing.getSpacing();this.styles["--neutral-medium"]=this.theme.colors.getColor("neutral-dark");this.styles["--neutral-pale"]=this.theme.colors.getColor("neutral-pale");this.setColors()}setColors(){this.styles=Object.assign(Object.assign({},this.styles),{"--color":this.theme.colors.getColor(`${this.color}`),"--color-dark":this.theme.colors.getColor(`${this.color}-dark`)})}getClasses(){const t={container:true,disabled:this.disabled};t[`${this.type}`]=true;return t}render(){return r(e,{key:"00e335977fbb0677db9d95bab901a012ba8a5c06"},r("div",{key:"e828743793731c986f37dd6a9f7abdc78b63932b",class:this.getClasses(),style:this.styles}))}};s.style=a;export{s as cura_badge_dot};
-//# sourceMappingURL=p-ac0c90af.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["curaBadgeDotCss","CuraBadgeDotStyle0","CuraBadgeDot","this","theme","window","CuraAPI","connectedCallback","styles","spacing","getSpacing","colors","getColor","setColors","Object","assign","color","getClasses","classes","container","disabled","type","render","h","Host","key","class","style"],"sources":["src/components/badges/cura-badge-dot/cura-badge-dot.scss?tag=cura-badge-dot&encapsulation=shadow","src/components/badges/cura-badge-dot/cura-badge-dot.tsx"],"sourcesContent":["@import \"../../../scss/mixins/spacing.scss\";\n\n:host {\n  display: block;\n  position: relative;\n  width: fit-content;\n  height: fit-content;\n\n  .container {\n    width: #{$spacing-mini};\n    height: #{$spacing-mini};\n    position: relative;\n    box-sizing: border-box;\n\n    &::before {\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      left: 0;\n      top: 0;\n      content: \"\";\n      box-sizing: border-box;\n      border-radius: 50%;\n      border: 1px solid var(--color-dark);\n      background: var(--color);\n    }\n\n    &.disabled::before {\n      background: var(--neutral-pale);\n      border: 1px solid var(--neutral-medium);\n    }\n\n    &.outline::before {\n      background: transparent;\n      border: 2px solid var(--color);\n    }\n    &.outline.disabled::before {\n      border: 2px solid var(--neutral-medium);\n    }\n\n    &.transparent::before {\n      background: var(--color-dark);\n      border: none;\n    }\n    &.transparent.disabled::before {\n      background: var(--neutral-medium);\n      border: none;\n    }\n\n  }\n}\n","import { Component, Host, h, Prop, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-badge-dot',\n  styleUrl: 'cura-badge-dot.scss',\n  shadow: true,\n})\nexport class CuraBadgeDot {\n\n  theme = window.CuraAPI.theme;\n\n  /**\n   * Cor fundamental do design system sem profundidade.\n   * Ex.: primary (padrão)\n   */\n  @Prop() color: string = 'primary';\n  /**\n   * Define o estado do badge como desabilitado ou habilitado.\n   */\n  @Prop({reflect: true}) disabled: boolean = false;\n  /**\n   * Define o estilo visual entre solid (default), outline ou transparent.\n   */\n  @Prop({reflect: true}) type: 'solid' | 'outline' | 'transparent' | string = 'solid';\n\n  @State() styles = {};\n\n\n  connectedCallback() {\n    this.styles['--base-spacing'] = this.theme.spacing.getSpacing();\n    this.styles['--neutral-medium'] = this.theme.colors.getColor('neutral-dark');;\n    this.styles['--neutral-pale'] = this.theme.colors.getColor('neutral-pale');;\n    this.setColors();\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color': this.theme.colors.getColor(`${this.color}`),\n      '--color-dark': this.theme.colors.getColor(`${this.color}-dark`)\n    }\n  }\n\n  getClasses() {\n    const classes = {\n      'container': true,\n      'disabled': this.disabled\n    };\n    classes[`${this.type}`] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class={this.getClasses()} style={this.styles}></div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"kDAAA,MAAMA,EAAkB,m1BACxB,MAAAC,EAAeD,E,MCMFE,EAAY,M,yBAEvBC,KAAAC,MAAQC,OAAOC,QAAQF,M,WAMC,U,cAImB,M,UAIiC,Q,YAE1D,E,CAGlB,iBAAAG,GACEJ,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMK,QAAQC,aACnDP,KAAKK,OAAO,oBAAsBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC7DT,KAAKK,OAAO,kBAAoBL,KAAKC,MAAMO,OAAOC,SAAS,gBAC3DT,KAAKU,W,CAGP,SAAAA,GACEV,KAAKK,OAAMM,OAAAC,OAAAD,OAAAC,OAAA,GACNZ,KAAKK,QAAM,CACd,UAAWL,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,SAC9C,eAAgBb,KAAKC,MAAMO,OAAOC,SAAS,GAAGT,KAAKa,e,CAIvD,UAAAC,GACE,MAAMC,EAAU,CACdC,UAAa,KACbC,SAAYjB,KAAKiB,UAEnBF,EAAQ,GAAGf,KAAKkB,QAAU,KAC1B,OAAOH,C,CAGT,MAAAI,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAOvB,KAAKc,aAAcU,MAAOxB,KAAKK,S","ignoreList":[]}

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

@@ -1,2 +0,0 @@
-import{r as o,c as e,h as r,H as a}from"./p-4ee8efca.js";const c=":host{display:block;box-sizing:border-box}:host .component-container{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;display:flex;align-items:center;justify-content:flex-start;min-height:calc(var(--cura-spacing-base) * 10px);padding:0 calc(var(--cura-spacing-base) * 1px);border-bottom:1px solid var(--neutral-light);border-bottom:none;cursor:default}:host .component-container cura-heading{--margin-block:0 !important;flex:1}";const t=c;const n=class{constructor(r){o(this,r);this.actionclick=e(this,"actionclick",7);this.handleClick=o=>{this.actionclick.emit();o.preventDefault();o.stopPropagation()}}render(){return r(a,{key:"899559f0e05394638cd9c6dd61897383453ed176"},r("div",{key:"0b1ed35b82f1df7feac928ab84e08149a38a79a3",class:"component-container",onClick:this.handleClick},r("cura-heading",{key:"49f423b01e6719790bf7f3bcda6f3239042c0c9f",size:"xsmall",weight:"bold",color:"error-dark"},r("slot",{key:"4fbcfb5602729f92f84a22d003d5b2e66e481b6c"}))))}};n.style=t;export{n as cura_dropdown_search_not_found};
-//# sourceMappingURL=p-b254bbe4.entry.js.map

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

@@ -1 +0,0 @@
-{"version":3,"names":["curaDropdownSearchNotFoundCss","CuraDropdownSearchNotFoundStyle0","CuraDropdownSearchNotFound","constructor","hostRef","this","handleClick","ev","actionclick","emit","preventDefault","stopPropagation","render","h","Host","key","class","onClick","size","weight","color"],"sources":["src/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.scss?tag=cura-dropdown-search-not-found&encapsulation=shadow","src/components/cura-dropdown-search/cura-dropdown-search-not-found/cura-dropdown-search-not-found.tsx"],"sourcesContent":["@import '../../../scss/mixins/spacing.scss';\n@import '../../../scss/mixins/dropdown-search-options.scss';\n\n:host {\n  @include host-component();\n\n  .component-container {\n    @include component-container();\n    border-bottom: none;\n    cursor: default;\n\n    cura-heading {\n      --margin-block: 0 !important;\n      flex: 1;\n    }\n  }\n}","import { Component, Host, h, Event, EventEmitter } from '@stencil/core';\n\n@Component({\n  tag: 'cura-dropdown-search-not-found',\n  styleUrl: 'cura-dropdown-search-not-found.scss',\n  shadow: true,\n})\nexport class CuraDropdownSearchNotFound {\n\n  @Event() actionclick: EventEmitter<any>;\n\n  handleClick = (ev: Event) => {\n    this.actionclick.emit();\n    ev.preventDefault();\n    ev.stopPropagation();\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"component-container\" onClick={ this.handleClick }>\n          <cura-heading size=\"xsmall\" weight=\"bold\" color=\"error-dark\">\n            <slot></slot>\n          </cura-heading>\n        </div>\n      </Host>\n    );\n  }\n}\n"],"mappings":"yDAAA,MAAMA,EAAgC,4cACtC,MAAAC,EAAeD,E,MCMFE,EAA0B,MALvC,WAAAC,CAAAC,G,mDASEC,KAAAC,YAAeC,IACbF,KAAKG,YAAYC,OACjBF,EAAGG,iBACHH,EAAGI,iBAAiB,C,CAGtB,MAAAC,GACE,OACEC,EAACC,EAAI,CAAAC,IAAA,4CACHF,EAAA,OAAAE,IAAA,2CAAKC,MAAM,sBAAsBC,QAAUZ,KAAKC,aAC9CO,EAAA,gBAAAE,IAAA,2CAAcG,KAAK,SAASC,OAAO,OAAOC,MAAM,cAC9CP,EAAA,QAAAE,IAAA,+C","ignoreList":[]}