@rededor/cura 0.4.9 → 0.5.0

package/dist/cura/{p-95d99b0d.entry.js.map → p-c54ce246.entry.js.map}

@@ -1 +1 @@
-{"version":3,"names":["curaAccordionCss","CuraAccordion","this","mutationObserverCallback","mutations","_","mutation","type","attributeName","_a","target","behavior","host","querySelectorAll","forEach","item","opened","addedNodes","Array","from","node","setChildProperties","mutationObserver","MutationObserver","handleChangeColor","setColors","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","regular","componentDidLoad","options","childList","subtree","attributes","observe","disconnectedCallback","disconnect","colorMode","iconColor","color","iconActiveColor","activeColor","iconSize","openIcon","closeIcon","Object","assign","render","h","Host","style","name","curaAccordionItemCss","CuraAccordionItem","getIconColor","inverted","getClasses","classes","accordionItemClick","slot","class","onClick","e","label","size","curaButtonCss","CuraButton","medium","textAlign","toLowerCase","iconPosition","iconOnly","fontColor","disabled","isLoading","getIcon","iconName","getSymbolColor","iconset","handleClick","preventDefault","href","curaButtonOutlineCss","CuraButtonOutline","curaButtonTransparentCss","CuraButtonTransparent","curaDisplayCss","CuraDisplay","setFontProperties","bold","black","setHostProperty","spotColor","prop","value","setProperty","getHeadingTag","tags","default","level","curaHeadingCss","CuraHeading","weight","curaIconCss","CuraIcon","sizes","stroke","sizeHandler","scaledStroke","colorHandler","assetsPath","localAssetsPath","version","viewBox","preserveAspectRatio","xmlns","xlinkHref","iconsetdefaulticons","curaIconsViewCss","CuraIconsView","setSelected","icon","selected","map","curaLoaderCircleCss","CuraLoaderCircle","xlarge","large","small","getPxSize","getStyles","fill","cx","cy","r","d","id","x1","y1","x2","y2","gradientUnits","offset","curaPageTemplateCss","CuraPageTemplate","contentwidth","curaParagraphCss","CuraParagraph","setsizeClass","sizeclass"],"sources":["./src/components/accordion/cura-accordion/cura-accordion.scss?tag=cura-accordion&encapsulation=shadow","./src/components/accordion/cura-accordion/cura-accordion.tsx","./src/components/accordion/cura-accordion-item/cura-accordion-item.scss?tag=cura-accordion-item&encapsulation=shadow","./src/components/accordion/cura-accordion-item/cura-accordion-item.tsx","./src/components/buttons/cura-button/cura-button.scss?tag=cura-button&encapsulation=shadow","./src/components/buttons/cura-button/cura-button.tsx","./src/components/buttons/cura-button-outline/cura-button-outline.scss?tag=cura-button-outline&encapsulation=shadow","./src/components/buttons/cura-button-outline/cura-button-outline.tsx","./src/components/buttons/cura-button-transparent/cura-button-transparent.scss?tag=cura-button-transparent&encapsulation=shadow","./src/components/buttons/cura-button-transparent/cura-button-transparent.tsx","./src/components/text/cura-display/cura-display.scss?tag=cura-display&encapsulation=shadow","./src/components/text/cura-display/cura-display.tsx","./src/components/text/cura-heading/cura-heading.scss?tag=cura-heading&encapsulation=shadow","./src/components/text/cura-heading/cura-heading.tsx","./src/components/cura-icon/cura-icon.scss?tag=cura-icon&encapsulation=shadow","./src/components/cura-icon/cura-icon.tsx","./src/assets/icons/iconset-default-list.ts","./src/components/cura-icons-view/cura-icons-view.scss?tag=cura-icons-view&encapsulation=shadow","./src/components/cura-icons-view/cura-icons-view.tsx","./src/components/loaders/cura-loader-circle/cura-loader-circle.scss?tag=cura-loader-circle&encapsulation=shadow","./src/components/loaders/cura-loader-circle/cura-loader-circle.tsx","./src/components/cura-page-template/cura-page-template.scss?tag=cura-page-template&encapsulation=shadow","./src/components/cura-page-template/cura-page-template.tsx","./src/components/text/cura-paragraph/cura-paragraph.scss?tag=cura-paragraph&encapsulation=shadow","./src/components/text/cura-paragraph/cura-paragraph.tsx"],"sourcesContent":[":host {\n  display: block;\n  color: var(--font-color);\n  font-size: var(--font-size);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n  font-weight: var(--font-weight-regular);\n\n  &::after {\n    content: \"\";\n    display: block;\n    border-bottom: solid 1px var(--neutral-base);\n    width: 100%;\n  }\n}\n\n","import { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-accordion',\n  styleUrl: 'cura-accordion.scss',\n  shadow: true,\n})\nexport class CuraAccordion {\n\n  @Element() host: HTMLElement;\n\n  /**\n   * Color scheme base color\n   */\n  @Prop({reflect: true}) color = 'primary';\n  @Prop({reflect: true}) activeColor = 'accent';\n  @Watch('color')\n  @Watch('activeColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * Set the color mode to dark or light\n   */\n  @Prop({reflect: true}) colorMode: 'dark' | 'light' = 'dark';\n\n  /**\n   * Accordion items icons\n   */\n  @Prop({reflect: true}) iconSize = 32;\n  @Prop({reflect: true}) openIcon = 'down';\n  @Prop({reflect: true}) closeIcon = 'up';\n\n  /**\n   * Color scheme base color\n   * (By default, the icon will use the same color of 'color' and 'activeColor')\n   */\n  @Prop({reflect: true}) iconColor = '';\n  @Prop({reflect: true}) iconActiveColor = '';\n\n  /**\n   * Accordion behavior when item is clicked\n   * (The default will close all items except the current one)\n   */\n  @Prop({reflect: true}) behavior: 'default' | 'keep-open' = 'default';\n\n  mutationObserverCallback = (mutations: MutationRecord[], _: MutationObserver) => {\n    for (const mutation of mutations) {\n      if (mutation.type === 'attributes' && mutation.attributeName === 'opened' && mutation.target?.['opened']) {\n        if (this.behavior !== 'default') continue;\n        this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n          if (item != mutation.target) {\n            item.opened = false;\n          }\n        });\n      }\n      if (mutation.type === 'childList') {\n        const addedNodes = Array.from(mutation.addedNodes || []);\n        for(let node of addedNodes) {\n          this.setChildProperties(node as HTMLCuraAccordionItemElement);\n        }\n      }\n    }\n  }\n  mutationObserver: MutationObserver = new MutationObserver(this.mutationObserverCallback);\n\n  @State() styles = {};\n\n  connectedCallback() {\n    const weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-lighter'] = window.CuraAPI.theme.colors.getColor(`neutral-lighter`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-regular'] = weights.regular;\n    this.setColors();\n  }\n\n  componentDidLoad() {\n    this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n      this.setChildProperties(item);\n    });\n    const options: MutationObserverInit = {childList: true, subtree: true, attributes: true}\n    this.mutationObserver.observe(this.host, options)\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver.disconnect();\n  }\n\n  setChildProperties(item: HTMLCuraAccordionItemElement) {\n    // Theme\n    item.colorMode = this.colorMode;\n    item.iconColor = this.iconColor || this.color;\n    item.iconActiveColor = this.iconActiveColor || this.activeColor;\n    // Icon\n    item.iconSize = this.iconSize;\n    item.openIcon = this.openIcon;\n    item.closeIcon = this.closeIcon;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n      '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n      '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`),\n      '--color-active-lighter': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-lighter`),\n      '--color-active-light': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-light`),\n      '--color-active-base': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-base`),\n      '--color-active-dark': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-dark`),\n\n      '--icon-color-lighter': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-lighter`),\n      '--icon-color-light': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-light`),\n      '--icon-color-base': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-base`),\n      '--icon-color-dark': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-dark`),\n      '--icon-color-active-lighter': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-lighter`),\n      '--icon-color-active-light': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-light`),\n      '--icon-color-active-base': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-base`),\n      '--icon-color-active-dark': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-dark`),\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.styles}>\n        <slot name='accordion-item'></slot>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n\n  .accordion-item {\n    width: 100%;\n\n    .label {\n      display: flex;\n      flex-direction: column;\n      &::before {\n        content: \"\";\n        display: block;\n        border-top: solid 1px var(--neutral-base);\n        width: 100%;\n      }\n      .label-container {\n        display: flex;\n        flex-grow: 1;\n        justify-content: space-between;\n        align-items: center;\n        gap: calc(var(--base-spacing) * 2px);\n        min-height: 40px;\n        word-break: break-word;\n        cursor: pointer;\n        font-size: 1.14em;\n        font-weight: var(--font-weight-regular);\n        color: var(--color-base);\n        padding: 0px;\n\n        cura-icon {\n          margin-right: 4px;\n        }\n\n        &:hover {\n          color: var(--color-light);\n          cura-icon {\n            --color: var(--icon-color-light) !important;\n          }\n        }\n        &:active {\n          color: var(--color-dark);\n          cura-icon {\n            --color: var(--icon-color-dark) !important;\n          }\n        }\n      }\n    }\n\n    .content {\n      font-size: 1em;\n      overflow: hidden;\n      max-height: 0;\n      transition: max-height .25s ease;\n      .content-wrapper {\n        padding: calc(var(--base-spacing) * 2px) 0px;\n        border-top: solid 1px var(--neutral-base);\n      }\n    }\n\n    &.active {\n      .label .label-container {\n        color: var(--color-active-base);\n        &:hover {\n          color: var(--color-active-light);\n          cura-icon {\n            --color: var(--icon-color-active-light) !important;\n          }\n        }\n        &:active {\n          color: var(--color-active-dark);\n          cura-icon {\n            --color: var(--icon-color-active-dark) !important;\n          }\n        }\n      }\n\n      .content {\n        max-height: 200vh;\n        overflow-y: auto;\n        transition: max-height .5s ease .14s;\n      }\n    }\n\n    &.inverted {\n      .label .label-container {\n        color: var(--neutral-lighter);\n        &:hover {\n          color: var(--color-lighter);\n          cura-icon {\n            --color: var(--icon-color-lighter) !important;\n          }\n        }\n        &:active {\n          color: var(--color-light);\n          cura-icon {\n            --color: var(--icon-color-light) !important;\n          }\n        }\n      }\n    }\n\n    &.active.inverted {\n      .label .label-container {\n        color: var(--neutral-purewhite);\n        &:hover {\n          color: var(--color-active-lighter);\n          cura-icon {\n            --color: var(--icon-color-active-lighter) !important;\n          }\n        }\n        &:active {\n          color: var(--color-active-light);\n          cura-icon {\n            --color: var(--icon-color-active-light) !important;\n          }\n        }\n      }\n    }\n  }\n\n  @include medium-only() {\n    .accordion-item {\n      .label .label-container {\n        font-size: 1.29em;\n      }\n\n      .content {\n        font-size: 1.14em;\n      }\n    }\n  }\n\n  @include large-up() {\n    .accordion-item {\n      .label .label-container {\n        font-size: 1.29em;\n      }\n\n      .content {\n        font-size: 1.14em;\n      }\n    }\n  }\n}\n","import { Component, Host,  Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-accordion-item',\n  styleUrl: 'cura-accordion-item.scss',\n  shadow: true,\n})\nexport class CuraAccordionItem {\n\n  /**\n   * Text label for accordion item\n   */\n  @Prop({reflect: true}) label: string = '';\n\n  /** ***Properties below are inherited from the cura-accordion*** */\n  /**\n   * Accordion items icons\n   */\n  @Prop({reflect: true}) iconSize = 32;\n  @Prop({reflect: true}) openIcon = 'down';\n  @Prop({reflect: true}) closeIcon = 'up';\n\n  /**\n   * Color scheme base color\n   * (By default, the icon will use the same color of 'color' and 'activeColor')\n   */\n  @Prop({reflect: true}) iconColor = '';\n  @Prop({reflect: true}) iconActiveColor = '';\n\n  /**\n   * Set the color mode to dark or light\n   */\n  @Prop() colorMode: 'dark' | 'light' = 'dark';\n\n  @Prop({ reflect: true, mutable: true }) opened: boolean = false;\n\n  @State() styles = {};\n\n  getIconColor() {\n    const inverted = this.colorMode === 'light';\n    const iconColor = inverted ? 'neutral-lighter' : `${this.iconColor}-base`;\n    const iconActiveColor = inverted ? 'neutral-purewhite' : `${this.iconActiveColor}-base`;\n    return this.opened ? iconActiveColor : iconColor;\n  }\n\n  getClasses() {\n    const classes = {};\n    classes['accordion-item'] = true;\n    classes['active'] = this.opened;\n    classes['inverted'] = this.colorMode === 'light';\n    return classes;\n  }\n\n  accordionItemClick(_: Event) {\n    this.opened = !this.opened;\n  }\n\n  render() {\n    return (\n      <Host slot=\"accordion-item\">\n        <div class={this.getClasses()} style={this.styles}>\n          <div class=\"label\" onClick={e => this.accordionItemClick(e)}>\n            <div class=\"label-container\">\n              <span>{this.label}</span>\n              <cura-icon name={this.opened ? this.closeIcon : this.openIcon} size={this.iconSize} color={this.getIconColor()}></cura-icon>\n            </div>\n          </div>\n          <div class='content'>\n            <div class=\"content-wrapper\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n","@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n  @include button-host();\n\n  button, a {\n    @include button-element() {\n      background-color: var(--color-base);\n      border: none;\n      &:not(.isLoading):not(.disabled):hover { background-color: var(--color-light); }\n      &:not(.isLoading):not(.disabled):active { background-color: var(--color-dark); }\n    };\n    @include button-shadow-behavior();\n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label() {\n      color: var(--neutral-black);\n      &.inverted { color: var(--neutral-white); }\n    }\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n      background-color: var(--neutral-light);  \n      .label, .label.inverted { color: var(--neutral-dark); }\n    };\n\n    // FAB / Icon-only\n    @include button-icon-only-behavior();\n\n    // Loading State\n    @include button-loading();\n\n  }\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button',\n  styleUrl: 'cura-button.scss',\n  shadow: true,\n})\nexport class CuraButton {\n\n  /**\n   * Button size: small | medium | large (default)\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Disabled state. Boolean.\n   */\n  @Prop({reflect: true}) disabled = false;\n  /**\n   * Loading state. Boolean.\n   */\n  @Prop({reflect: true}) isLoading = false;\n  \n  /**\n   * Name of the icon to be used from iconset.\n   */\n  @Prop({reflect: true}) iconName: string;\n  /**\n   * Custom iconset if needed.\n   */\n  @Prop({reflect: true}) iconset = 'default';\n  /**\n   * Icon position: left (default) | right.\n   */\n  @Prop({reflect: true}) iconPosition: 'left' | 'right' = 'left';\n  /**\n   * Set button to FAB/icon only.\n   */\n  @Prop({reflect: true}) iconOnly: false;\n\n  /**\n   * Property href switch button to link.\n   */\n  @Prop({reflect: true}) href: string;\n  /**\n   * Set target if link.\n   */\n  @Prop({reflect: true}) target = \"_self\";\n\n  /**\n   * Color base from color scheme. Default: accent.\n   */\n  @Prop() color = 'accent';\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n  /**\n   * Set the font color to dark or light.\n   */\n  @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n  /**\n   * Set text aligment for the button label.\n   * Vales: left (default) | center | right.\n   */\n  @Prop({reflect: true}) textAlign: 'left' | 'center' | 'right' = 'left';\n\n\n  @State() styles = {};\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--text-align'] = this.textAlign;\n    this.setColors();\n  }\n  \n  getClasses() {\n    const classes = {};\n    classes[`${this.size.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes[`icon-only`] = this.iconOnly;\n    classes['inverted'] = this.fontColor === 'light';\n    classes['disabled'] = this.disabled;\n    classes['isLoading'] = this.isLoading;\n    return classes;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n      '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n    };\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n    const color = this.getSymbolColor();\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n  }\n\n  getSymbolColor() {\n    return this.disabled \n      ? 'neutral-dark' \n      : this.fontColor === 'light' \n        ? 'neutral-white' \n        : 'neutral-black';\n  }\n\n  handleClick(e: Event) {\n    if (this.disabled || this.isLoading) e.preventDefault();\n  }\n\n  render() {\n    return (\n      <Host>\n      { this.href ? (\n        <a href={this.disabled ? '' : this.href} \n          target={this.target}\n          class={this.getClasses()}\n          style={this.styles}\n          onClick={(e) => this.handleClick(e)}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n          <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n        </a>\n      ) : (\n        <button class={this.getClasses()}\n          style={this.styles} \n          disabled={this.disabled || null}\n          onClick={(e) => this.handleClick(e)}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n          <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n        </button>\n      )}\n      </Host>\n    );\n  }\n\n}\n","@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n  @include button-host();\n\n  button, a {\n    @include button-element() {\n      background-color: transparent;\n      border: none;\n      box-shadow: inset 0px 0px 0px 2px var(--color-base);\n\n      &:not(.disabled):not(.isLoading):hover {\n        box-shadow: inset 0px 0px 0px 2px var(--color-light);\n        .label { color: var(--color-light); }\n        cura-icon { --color: var(--color-light) !important; }\n      }\n\n      &:not(.disabled):not(.inverted):not(.isLoading):active { \n        box-shadow: inset 0px 0px 0px 2px var(--color-dark);\n        .label { color: var(--color-dark); }\n        cura-icon { --color: var(--color-dark) !important; }\n      }\n    };\n\n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label() {\n      color: var(--color-base);\n      &.inverted { color: var(--neutral-white); }\n    }\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n      box-shadow: inset 0px 0px 0px 2px var(--neutral-base);\n      .label, .label.inverted { color: var(--neutral-dark); }\n      &.inverted {\n        opacity: 0.6;\n        box-shadow: inset 0px 0px 0px 2px var(--neutral-white);\n        .label, .label.inverted { color: var(--neutral-white); }\n        cura-icon { --color: var(--neutral-white) !important; }\n        cura-loader-circle { --color: var(--neutral-white) !important; }\n      }\n    };\n\n    // FAB / Icon-only\n    @include button-icon-only-behavior();\n\n    // Light version, inverted.\n    &.inverted {\n      box-shadow: inset 0px 0px 0px 2px var(--neutral-white);\n      &:not(.disabled):not(.isLoading):hover { \n        box-shadow: inset 0px 0px 0px 2px var(--color-lighter);\n        .label { color: var(--color-lighter); }\n        cura-icon { --color: var(--color-lighter) !important; }\n      }\n      &:not(.disabled):not(.isLoading):active {\n        box-shadow: inset 0px 0px 0px 2px var(--color-light);\n        .label { color: var(--color-light); }\n        cura-icon { --color: var(--color-light) !important; }\n      }\n    }\n\n    // Loading State\n    @include button-loading();\n\n  }\n\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button-outline',\n  styleUrl: 'cura-button-outline.scss',\n  shadow: true,\n})\nexport class CuraButtonOutline {\n\n  /**\n  * Button size: small | medium | large (default)\n  */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' = 'large';\n\n  /**\n  * Disabled state. Boolean.\n  */\n  @Prop({reflect: true}) disabled = false;\n  /**\n  * Loading state. Boolean.\n  */\n  @Prop({reflect: true}) isLoading = false;\n  \n  /**\n  * Name of the icon to be used from iconset.\n  */\n  @Prop({reflect: true}) iconName: string;\n  /**\n  * Custom iconset if needed.\n  */\n  @Prop({reflect: true}) iconset = 'default';\n  /**\n  * Icon position: left (default) | right.\n  */\n  @Prop({reflect: true}) iconPosition: 'left' | 'right' = 'left';\n  /**\n  * Set button to FAB/icon only.\n  */\n  @Prop({reflect: true}) iconOnly: false;\n\n  /**\n  * Property href switch button to link.\n  */\n  @Prop({reflect: true}) href: string;\n  /**\n  * Set target if link.\n  */\n  @Prop({reflect: true}) target = \"_self\";\n\n  /**\n  * Color base from color scheme. Default: accent.\n  */\n  @Prop() color = 'accent';\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n  /**\n  * Set the font color to dark or light.\n  */\n  @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n  /**\n  * Set text aligment for the button label.\n  * Vales: left (default) | center | right.\n  */\n  @Prop({reflect: true}) textAlign: 'left' | 'center' | 'right' = 'left';\n\n\n  @State() styles = {};\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--text-align'] = this.textAlign;\n    this.setColors();\n  }\n  \n  getClasses() {\n    const classes = {};\n    classes[`${this.size.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes[`icon-only`] = this.iconOnly;\n    classes['inverted'] = this.fontColor === 'light';\n    classes['disabled'] = this.disabled;\n    classes['isLoading'] = this.isLoading;\n    return classes;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n      '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n      '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n    };\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n    const color = this.getSymbolColor();\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n  }\n\n  getSymbolColor() {\n    return this.disabled \n      ? 'neutral-dark' \n      : this.fontColor === 'light' \n        ? 'neutral-white' \n        : `${this.color}-base`;\n  }\n\n  handleClick(e: Event) {\n    if (this.disabled || this.isLoading) e.preventDefault();\n  }\n\n  render() {\n    return (\n      <Host>\n       { this.href ? (\n        <a href={this.disabled ? '' : this.href} \n          target={this.target}\n          class={this.getClasses()}\n          style={this.styles}\n          onClick={(e) => this.handleClick(e)}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n          <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n        </a>\n      ) : (\n        <button class={this.getClasses()}\n          style={this.styles} \n          disabled={this.disabled || null}\n          onClick={(e) => this.handleClick(e)}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n          <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n        </button>\n      )}\n      </Host>\n    );\n  }\n\n}\n","@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n  @include button-host();\n\n  button, a {\n    @include button-element() {\n      background-color: transparent;\n      border-width: 0px;\n      border-color: transparent;\n\n      &:not(.disabled):not(.isLoading):hover {\n        .label { color: var(--color-light); }\n        cura-icon { --color: var(--color-light) !important; }\n      }\n\n      &:not(.disabled):not(.inverted):not(.isLoading):active { \n        .label { color: var(--color-dark); }\n        cura-icon { --color: var(--color-dark) !important; }\n      }\n    }\n    \n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label() {\n      color: var(--color-base);\n      &.inverted { color: var(--neutral-white); }\n    }\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n      border-color: var(--neutral-base);\n      .label, .label.inverted { color: var(--neutral-dark); }\n      &.inverted {\n        opacity: 0.6;\n        .label, .label.inverted { color: var(--neutral-white); }\n        cura-icon { --color: var(--neutral-white) !important; }\n        cura-loader-circle { --color: var(--neutral-white) !important; }\n      }\n    }\n\n    // FAB / Icon-only\n    @include button-icon-only-behavior();\n\n    &.inverted {\n      &:not(.isLoading):not(.disabled):hover { \n        .label { color: var(--color-lighter); }\n        cura-icon { --color: var(--color-lighter) !important; }\n      }\n      &:not(.isLoading):not(.disabled):active {\n        .label { color: var(--color-light); }\n        cura-icon { --color: var(--color-light) !important; }\n      }\n    }\n\n    // Loading State\n    @include button-loading();\n\n  }\n}\n","import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button-transparent',\n  styleUrl: 'cura-button-transparent.scss',\n  shadow: true,\n})\nexport class CuraButtonTransparent {\n\n   /**\n    * Button size: small | medium | large (default)\n    */\n   @Prop({reflect: true}) size: 'small' | 'medium' | 'large' = 'large';\n \n   /**\n    * Disabled state. Boolean.\n    */\n   @Prop({reflect: true}) disabled = false;\n   /**\n    * Loading state. Boolean.\n    */\n   @Prop({reflect: true}) isLoading = false;\n   \n   /**\n    * Name of the icon to be used from iconset.\n    */\n   @Prop({reflect: true}) iconName: string;\n   /**\n    * Custom iconset if needed.\n    */\n   @Prop({reflect: true}) iconset = 'default';\n   /**\n    * Icon position: left (default) | right.\n    */\n   @Prop({reflect: true}) iconPosition: 'left' | 'right' = 'left';\n   /**\n    * Set button to FAB/icon only.\n    */\n   @Prop({reflect: true}) iconOnly: false;\n \n   /**\n    * Property href switch button to link.\n    */\n   @Prop({reflect: true}) href: string;\n   /**\n    * Set target if link.\n    */\n   @Prop({reflect: true}) target = \"_self\";\n \n   /**\n    * Color base from color scheme. Default: accent.\n    */\n   @Prop() color = 'accent';\n   @Watch('color')\n   handleChangeColor() {\n     this.setColors();\n   }\n   /**\n    * Set the font color to dark or light.\n    */\n   @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n   /**\n    * Set text aligment for the button label.\n    * Vales: left (default) | center | right.\n    */\n   @Prop({reflect: true}) textAlign: 'left' | 'center' | 'right' = 'left';\n \n \n   @State() styles = {};\n \n   weights;\n \n   connectedCallback() {\n     this.weights = window.CuraAPI.theme.fonts.getWeights();\n     this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n     this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n     this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n     this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n     this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n     this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n     this.styles['--font-weight-medium'] = this.weights.medium;\n     this.styles['--text-align'] = this.textAlign;\n     this.setColors();\n   }\n   \n   getClasses() {\n     const classes = {};\n     classes[`${this.size.toLowerCase()}`] = true;\n     classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n     classes[`icon-only`] = this.iconOnly;\n     classes['inverted'] = this.fontColor === 'light';\n     classes['disabled'] = this.disabled;\n     classes['isLoading'] = this.isLoading;\n     return classes;\n   }\n \n   setColors() {\n     this.styles = {\n       ...this.styles,\n       '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n       '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n       '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n       '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n     };\n   }\n \n   getIcon() {\n     if (!this.iconName) return '';\n     const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n     const color = this.getSymbolColor();\n     return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n   }\n \n   getSymbolColor() {\n     return this.disabled \n       ? 'neutral-dark' \n       : this.fontColor === 'light' \n         ? 'neutral-white' \n         : `${this.color}-base`;\n   }\n \n   handleClick(e: Event) {\n     if (this.disabled || this.isLoading) e.preventDefault();\n   }\n \n   render() {\n     return (\n       <Host>\n       { this.href ? (\n         <a href={this.disabled ? '' : this.href} \n           target={this.target}\n           class={this.getClasses()}\n           style={this.styles}\n           onClick={(e) => this.handleClick(e)}>\n           <span class=\"button-container\">\n             { this.getIcon() }\n             <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n           </span>\n           <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n         </a>\n       ) : (\n         <button class={this.getClasses()}\n           style={this.styles} \n           disabled={this.disabled || null}\n           onClick={(e) => this.handleClick(e)}>\n           <span class=\"button-container\">\n             { this.getIcon() }\n             <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n           </span>\n           <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n         </button>\n       )}\n       </Host>\n     );\n   }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n  text-transform: uppercase;\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 4.285em;\n    font-weight: var(--font-weight-black);\n    color: var(--color-body);\n    line-height: 120%;\n    letter-spacing: -4%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size:6.21em;\n    }\n\n    &.small {\n      font-size: 3em;\n      font-weight: var(--font-weight-bold);\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 4.92em;\n\n      &.large {\n        font-size: 7.07em;\n      }\n\n      &.small {\n        font-size: 3.428em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 6.14em;\n      line-height: 125%;\n\n      &.large {\n        font-size: 8.857em;\n        letter-spacing: -6%;\n      }\n\n      &.small {\n        font-size: 4.285em;\n        letter-spacing: -2%;\n      }\n    }\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-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\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","import { Component, Host, h, Element, Prop } 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.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n  * Heading style size.\n  * Values: small | regular(default) | large.\n  */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n \n   /**\n    * Host element <cura-heading>\n    */\n   @Element() host: HTMLElement;\n \n   /**\n    * Internal Props\n    */\n   weights: any;\n   styles: any;\n\n   connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    return classes;\n  }\n\n  setFontProperties() {\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-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-white') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-lighter`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-dark`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  getHeadingTag() {\n    const tags = {\n      '1': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={this.getClasses()}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={this.getClasses()}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={this.getClasses()}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={this.getClasses()}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={this.getClasses()}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 1.71em;\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 130%;\n    letter-spacing: 0%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.bold-weight {\n      font-weight: var(--font-weight-medium);\n    }\n\n    &.large {\n      font-size: 2.07em;\n      letter-spacing: -2%;\n    }\n\n    &.small {\n      font-size: 1.214em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.bold-weight {\n        font-weight: var(--font-weight-bold);\n      }\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2em;\n\n      &.large {\n        font-size: 2.357em;\n      }\n\n      &.small {\n        font-size: 1.357em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2.5em;\n      line-height: 135%;\n      letter-spacing: -2%;\n\n      &.large {\n        font-size: 2.92em;\n      }\n\n      &.small {\n        font-size: 1.71em;\n        line-height: 160%;\n        letter-spacing: 0%;\n      }\n    }\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-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\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","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'cura-heading',\n  styleUrl: 'cura-heading.scss',\n  shadow: true,\n})\nexport class CuraHeading {\n\n  /**\n   * Heading level for semantics.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n   * Heading style size.\n   * Values: small | regular(default) | large.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n   * Heading font weight.\n   * Values: regular(default) | bold.\n   */\n  @Prop({reflect: true}) weight = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n\n  /**\n   * Host element <cura-heading>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    classes[`${this.weight.toLowerCase()}-weight`] = true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('heading'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-white') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-lighter`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-dark`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  getHeadingTag() {\n    const tags = {\n      '1': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={this.getClasses()}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={this.getClasses()}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={this.getClasses()}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={this.getClasses()}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={this.getClasses()}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n",":host {\n  width: var(--size);\n  height: var(--size);\n  svg {\n    display: inline-block;\n    stroke: var(--color);\n    width: var(--size);\n    height: var(--size);\n    stroke-width: var(--stroke);\n    fill: none;\n  }\n}\n","import { Component, Host, h, Prop, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-icon',\n  styleUrl: 'cura-icon.scss',\n  shadow: true\n})\nexport class CuraIcon {\n\n  @Prop({reflect: true}) name = '';\n  @Prop() color = 'neutral-base';\n  @Prop() size: string | number;\n  @Prop({reflect: true}) iconset = 'default';\n  @Prop() disabled = false;\n\n  @Element() host: HTMLElement;\n\n  sizes = {\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    \"default\": {size: 24, stroke: 2}\n  };\n\n  @Watch('size')\n  sizeHandler(size: string | number) {\n    const scaledStroke = (iconSize: string | number) => {\n      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;\n    }\n    this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);\n    this.setHostProperty('--stroke', this.sizes[`${size}`] ? scaledStroke(size) : scaledStroke(\"default\"));\n  }\n\n  @Watch('color')\n  @Watch('disabled')\n  colorHandler() {\n    this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color));\n  }\n\n  assetsPath: string;\n\n  connectedCallback() {\n    this.assetsPath = window.CuraAPI.localAssetsPath;\n    this.sizeHandler(this.size);\n    this.colorHandler();\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <svg\n          version=\"1.1\"\n          viewBox=\"0 0 24 24\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <use\n            xlinkHref={`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`}>\n          </use>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n","export default [\"360\",\"accessibility\",\"addUser\",\"airdrop\",\"alertCircle\",\"alertTriangle\",\"arrowDown\",\"arrowDownCircle\",\"arrowLeft\",\"arrowLeftCircle\",\"arrowRight\",\"arrowRightCircle\",\"arrowUp\",\"arrowUpCircle\",\"attach\",\"avatarF\",\"avatarM\",\"biometry\",\"bloodGroup\",\"calendar\",\"cam\",\"camOff\",\"central\",\"chatCircle\",\"check\",\"checkBadge\",\"checkCircle\",\"checkDouble\",\"clock\",\"close\",\"closeCircle\",\"collapse\",\"config\",\"delete\",\"desktop\",\"doc\",\"down\",\"download\",\"duplicate\",\"edit\",\"exam\",\"examDoc\",\"expand\",\"facebook\",\"fileBmp\",\"fileJpg\",\"filePdf\",\"filePng\",\"fileUpload\",\"fileXls\",\"filter\",\"fullscreen\",\"gallery\",\"geotag\",\"geotagUnity\",\"geotagUnityGroup\",\"google\",\"graph\",\"healthPlan\",\"heart\",\"height\",\"height2\",\"home\",\"horizontalList\",\"imageUp\",\"infoCircle\",\"instagram\",\"key\",\"lamp\",\"language\",\"language2\",\"languageEN\",\"languagePT\",\"lattes\",\"left\",\"like\",\"link\",\"linkExternal\",\"linkedin\",\"list\",\"login\",\"logout\",\"mail\",\"maintenance\",\"medDoc\",\"medEspec\",\"medImg\",\"medUser\",\"medical\",\"menuHamburguer\",\"menuKebab\",\"menuMeatballs\",\"mic\",\"micOff\",\"minus\",\"minusCircle\",\"minusSquare\",\"mobile\",\"news\",\"notification\",\"npsDeslike\",\"npsHate\",\"npsLike\",\"npsLove\",\"npsNeutral\",\"order\",\"partner\",\"phone\",\"play\",\"plus\",\"plusCircle\",\"plusSquare\",\"print\",\"profile\",\"profileCircle\",\"questionCircle\",\"questionSquare\",\"range\",\"reload\",\"ribbon\",\"right\",\"schedule\",\"scheduleCheck\",\"scheduleHistorico\",\"search\",\"secure\",\"share\",\"siren\",\"sound\",\"soundOff\",\"subItem\",\"target\",\"team\",\"telegram\",\"twitter\",\"unLink\",\"unSecure\",\"unity\",\"unlike\",\"up\",\"upload\",\"verticalList\",\"viewFalse\",\"viewTrue\",\"weight\",\"whatsapp\",\"wifi\",\"wifiOff\",\"youtube\",\"zoomIn\",\"zoomOut\"];",":host {\n  display: block;\n  padding: 24px;\n  font-family: 'Roboto', Arial, Helvetica, sans-serif;\n}\n\n.iconDetail {\n  display: block;\n}\n\n.iconSizes {\n  display: flex;\n  align-items: center;\n\n\n  .size {\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    margin-right: 9px;\n    padding: 8px;\n\n    &:last-child { margin-right: 0; }\n    span {\n      font-size: 10px;\n    }\n  }\n\n  &.invert {\n    margin-top: 12px;\n\n    .size {\n      background-color: #262626;\n      color: #F6F6F6;\n      border-radius: 3px;\n    }\n  }\n}\n\n.icons {\n  margin-top: 28px;\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n\n  .icon {\n    position: relative;\n    padding: 4px;\n    cursor: pointer;\n    opacity: .6;\n    transition: opacity .2s linear;\n    span {\n      font-size: 12px;\n      padding: 6px;\n      box-sizing: border-box;\n      background: #000;\n      color: #FFF;\n      border-radius: 2px;\n      position: absolute;\n      top: -2px;\n      left: 50%;\n      transform: translateX(-50%) translateY(-100%);\n      display: none;\n    }\n\n    &:hover {\n      opacity: 1;\n\n      span { display: block; }\n    }\n  }\n}\n\n","import { Component, Host, h, State } from '@stencil/core';\nimport iconsetdefaulticons from '../../assets/icons/iconset-default-list';\n\n@Component({\n  tag: 'cura-icons-view',\n  styleUrl: 'cura-icons-view.scss',\n  shadow: true,\n})\nexport class CuraIconsView {\n\n  sizes = [16, 20, 24, 32, 40, 48, 64, 72, 128];\n  colors = ['primary', 'secondary', 'accent', 'info', 'warning', 'error', 'success', 'neutral'];\n  @State() selected = '360';\n\n  setSelected = (icon) => {\n    this.selected = icon;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"iconDetail\">\n          <h4>{ this.selected }</h4>\n          <div class=\"iconSizes\">\n            { this.sizes.map( size =>\n\n              <div class=\"size\">\n                <cura-icon name={this.selected} size={size}></cura-icon>\n                <span>{ size }</span>\n              </div>\n            )}\n          </div>\n          <div class=\"iconSizes invert\">\n            { this.sizes.map( size =>\n\n              <div class=\"size\">\n                <cura-icon name={this.selected} size={size} color=\"neutral-white\"></cura-icon>\n                <span>{ size }</span>\n              </div>\n            )}\n          </div>\n          <div class=\"iconSizes\">\n            { this.colors.map( color =>\n              <div class=\"size\">\n                <cura-icon name={this.selected} color={color}></cura-icon>\n                <span>{ color }</span>\n              </div>\n            )}\n            <div class=\"size\">\n              <cura-icon name={this.selected} disabled></cura-icon>\n              <span>Disabled</span>\n            </div>\n          </div>\n        </div>\n        <div class=\"icons\">\n          { iconsetdefaulticons.map(icon =>\n            <div class=\"icon\" onClick={() => this.setSelected(icon)}>\n              <cura-icon name={icon}></cura-icon>\n              <span>{icon}</span>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/animations.scss';\n\n:host {\n  display: inline-block;\n  width: var(--size);\n  height: var(--size);\n  \n  svg {\n    width: var(--size);\n    height: var(--size);\n    animation: rotate .7s linear infinite;\n  }\n\n  circle, path {\n    stroke-miterlimit: 10;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  path { stroke: var(--color); }\n\n  stop { stop-color: var(--color); }\n  linearGradient stop:first-child {\n    stop-opacity: 0.14;\n  }\n}\n\n@include rotate();\n\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-loader-circle',\n  styleUrl: 'cura-loader-circle.scss',\n  shadow: true,\n})\nexport class CuraLoaderCircle {\n\n  /**\n   * Loader size. Values: small, medium or large.\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' | 'xlarge' = 'medium';\n  /**\n   * One from color scheme. Default: neutral-white.\n   */\n  @Prop({reflect: true}) color = 'neutral-white';\n\n  sizes = {\n    xlarge: 32,\n    large: 24,\n    medium: 20,\n    small: 16,\n    default: 16,\n  };\n\n  getPxSize = () => this.sizes[this.size] || this.sizes['default'];\n\n  getStyles() {\n    return {\n      '--size': `${this.getPxSize()}px`,\n      '--color': window.CuraAPI.theme.colors.getColor(this.color)\n    }\n  }\n\n  render() {\n    return (\n      <Host style={this.getStyles()}>\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g>\n            <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\"/>\n            <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\"/>\n          </g>\n          <defs>\n            <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n              <stop/>\n              <stop offset=\"1\"/>\n            </linearGradient>\n          </defs>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n","@import '../../scss/mixins/responsive.scss';\n\n@mixin template-spacing($spacing-scale: 0px, $large-device: false) {\n  $spacing-px: calc(var(--spacing) * $spacing-scale);\n  padding: 0px;\n  @if $large-device {\n    #content-container {\n      #sidebar-left ::slotted(div[slot=\"sidebar-left\"]) {\n        margin-right: $spacing-px;\n      }\n      #sidebar-right ::slotted(div[slot=\"sidebar-right\"]) {\n        margin-left: $spacing-px;\n      }\n    }\n  }\n}\n\n:host {\n  display: block;\n\n  .grid-template {\n    display: grid;\n    grid-template-rows: auto;\n    grid-template-columns: auto;\n    grid-template-areas:\n      'sub-header'\n      'header'\n      'pre-content'\n      'content-container'\n      'post-body'\n      'footer'\n      'sub-footer';\n\n    #sub-header {\n      grid-area: sub-header;\n    }\n\n    #header {\n      grid-area: header;\n    }\n\n    #pre-content {\n      grid-area: pre-content;\n    }\n\n    #content-container {\n      grid-area: content-container;\n    }\n\n    #post-body {\n      grid-area: post-body;\n    }\n\n    #footer {\n      grid-area: footer;\n    }\n\n    #sub-footer {\n      grid-area: sub-footer;\n    }\n\n    @include mobile-only() {\n      $spacing-scale: 4px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include medium-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include large-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n      }\n    }\n\n    @include xlarge-only() {\n      $spacing-scale: 7px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n        &.centered {\n          max-width: $breakpoint-xlarge;\n          justify-self: center;\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-page-template',\n  styleUrl: 'cura-page-template.scss',\n  shadow: true,\n})\nexport class CuraPageTemplate {\n\n  @Prop({reflect: true}) contentwidth: 'default' | 'centered' = 'default';\n\n  @Element() host: HTMLElement;\n\n  styles: any;\n\n  connectedCallback() {\n    this.styles = {\n      '--spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    }\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.contentwidth.toLowerCase()] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div style={this.styles} class=\"grid-template\">\n          <div id=\"sub-header\">\n            <slot name='sub-header'></slot>\n          </div>\n          <div id=\"header\">\n            <slot name='header'></slot>\n          </div>\n          <div id=\"pre-content\">\n            <slot name='pre-content'></slot>\n          </div>\n          <div id=\"content-container\" class={this.getClasses()}>\n            <div id=\"sidebar-left\">\n              <slot name='sidebar-left'></slot>\n            </div>\n            <div id=\"content\">\n              <slot name=\"content\"></slot>\n              <slot></slot>\n            </div>\n            <div id=\"sidebar-right\">\n              <slot name='sidebar-right'></slot>\n            </div>\n          </div>\n          <div id=\"post-body\">\n            <slot name='post-body'></slot>\n          </div>\n          <div id=\"footer\">\n            <slot name='footer'></slot>\n          </div>\n          <div id=\"sub-footer\">\n            <slot name='sub-footer'></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  p {\n    font-family: var(--font-family);\n    font-size: var(--font-size);\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    /* letter-spacing: 0.02em; */\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size: 1.21em;\n      line-height: calc(var(--line-height) + 10%);\n      /* line-height: 150%; */\n      /* letter-spacing: normal; */\n    }\n\n    &.small {\n      font-size: 0.85em;\n      line-height: calc(var(--line-height) - 5%);\n      /* line-height: 135%; */\n      /* letter-spacing: 0.04em; */\n    }\n\n    &.caption {\n      font-size: 0.71em;\n      line-height: calc(var(--line-height) - 5%);\n      /* line-height: 135%; */\n      /* letter-spacing: 0.06em; */\n    }\n  }\n\n  @include medium-only() {\n    p {\n      font-size: 1.14em;\n      line-height: calc(var(--line-height) + 5%);\n      /* line-height: 145%; */\n\n      &.large {\n        font-size: 1.35em;\n        line-height: calc(var(--line-height) + 10%);\n        /* line-height: 150%; */\n      }\n\n      &.small {\n        font-size: 1em;\n        line-height: calc(var(--line-height) - 5%);\n        /* line-height: 135%; */\n      }\n\n      &.caption {\n        font-size: 0.85em;\n        line-height: calc(var(--line-height) - 5%);\n        /* line-height: 135%; */\n        /* letter-spacing: 0.06em; */\n      }\n    }\n  }\n\n  @include large-up() {\n    p {\n      font-size: 1.42em;\n      line-height: calc(var(--line-height) + 10%);\n      /* line-height: 150%; */\n      /* letter-spacing: normal; */\n\n      &.large {\n        font-size: 1.71em;\n        line-height: calc(var(--line-height) + 20%);\n        /* line-height: 160%; */\n      }\n\n      &.small {\n        font-size: 1.21em;\n        line-height: calc(var(--line-height) + 5%);\n        /* line-height: 145%; */\n        /* letter-spacing: normal; */\n      }\n\n      &.caption {\n        font-size: 1em;\n        line-height: calc(var(--line-height) + 5%);\n        /* line-height: 145%; */\n        /* letter-spacing: 0.02em; */\n      }\n    }\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-medium);\n    color: var(--color-link);\n    text-underline-offset: 10%;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n\n","import { Component, Host, Prop, h, Element, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-paragraph',\n  styleUrl: 'cura-paragraph.scss',\n  shadow: true,\n})\nexport class CuraParagraph {\n\n  /**\n   * Set size of body text.\n   * Values: regular (default) | large | small | caption.\n   */\n  @Prop({reflect: true}) size: 'regular' | 'large' | 'small' | 'caption' = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n  /**\n   * Color base from color scheme. Default: theme font color.\n   */\n  @Prop() color;\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * Host element <cura-paragraph>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  @State() styles = {};\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  setsizeClass() {\n    const sizeclass = {};\n    sizeclass[this.size.toLowerCase()] = true;\n    return sizeclass;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('body'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '1.25em');\n    this.setHostProperty('--line-height', '140%');\n  }\n\n  setColors() {\n    const fontColor = this.color ? window.CuraAPI.theme.colors.getColor(this.color) :\n      this.inverted\n      ? window.CuraAPI.theme.colors.getColor('neutral-white')\n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles = {\n      ...this.styles,\n      '--color-body': fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker'),\n      '--color-link': this.inverted\n        ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-lighter`)\n        : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-dark`)\n    };\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <p style={this.styles} class={this.setsizeClass()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}
+{"version":3,"names":["curaAccordionCss","CuraAccordion","this","mutationObserverCallback","mutations","_","mutation","type","attributeName","_a","target","behavior","host","querySelectorAll","forEach","item","opened","addedNodes","Array","from","node","setChildProperties","mutationObserver","MutationObserver","handleChangeColor","setColors","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","regular","componentDidLoad","options","childList","subtree","attributes","observe","disconnectedCallback","disconnect","colorMode","iconColor","color","iconActiveColor","activeColor","iconSize","openIcon","closeIcon","Object","assign","render","h","Host","style","name","curaAccordionItemCss","CuraAccordionItem","getIconColor","inverted","getClasses","classes","accordionItemClick","slot","class","onClick","e","label","size","curaButtonCss","CuraButton","medium","textAlign","toLowerCase","iconPosition","iconOnly","fontColor","disabled","isLoading","getIcon","iconName","getSymbolColor","iconset","handleClick","preventDefault","href","curaButtonOutlineCss","CuraButtonOutline","curaButtonTransparentCss","CuraButtonTransparent","curaDisplayCss","CuraDisplay","setFontProperties","bold","black","setHostProperty","spotColor","prop","value","setProperty","getHeadingTag","tags","default","level","curaHeadingCss","CuraHeading","weight","curaIconCss","CuraIcon","sizes","stroke","sizeHandler","scaledStroke","colorHandler","assetsPath","localAssetsPath","version","viewBox","preserveAspectRatio","xmlns","xlinkHref","iconsetdefaulticons","curaIconsViewCss","CuraIconsView","setSelected","icon","selected","map","curaLoaderCircleCss","CuraLoaderCircle","xlarge","large","small","getPxSize","getStyles","fill","cx","cy","r","d","id","x1","y1","x2","y2","gradientUnits","offset","curaPageTemplateCss","CuraPageTemplate","contentwidth","curaParagraphCss","CuraParagraph","setsizeClass","sizeclass"],"sources":["./src/components/accordion/cura-accordion/cura-accordion.scss?tag=cura-accordion&encapsulation=shadow","./src/components/accordion/cura-accordion/cura-accordion.tsx","./src/components/accordion/cura-accordion-item/cura-accordion-item.scss?tag=cura-accordion-item&encapsulation=shadow","./src/components/accordion/cura-accordion-item/cura-accordion-item.tsx","./src/components/buttons/cura-button/cura-button.scss?tag=cura-button&encapsulation=shadow","./src/components/buttons/cura-button/cura-button.tsx","./src/components/buttons/cura-button-outline/cura-button-outline.scss?tag=cura-button-outline&encapsulation=shadow","./src/components/buttons/cura-button-outline/cura-button-outline.tsx","./src/components/buttons/cura-button-transparent/cura-button-transparent.scss?tag=cura-button-transparent&encapsulation=shadow","./src/components/buttons/cura-button-transparent/cura-button-transparent.tsx","./src/components/text/cura-display/cura-display.scss?tag=cura-display&encapsulation=shadow","./src/components/text/cura-display/cura-display.tsx","./src/components/text/cura-heading/cura-heading.scss?tag=cura-heading&encapsulation=shadow","./src/components/text/cura-heading/cura-heading.tsx","./src/components/cura-icon/cura-icon.scss?tag=cura-icon&encapsulation=shadow","./src/components/cura-icon/cura-icon.tsx","./src/assets/icons/iconset-default-list.ts","./src/components/cura-icons-view/cura-icons-view.scss?tag=cura-icons-view&encapsulation=shadow","./src/components/cura-icons-view/cura-icons-view.tsx","./src/components/loaders/cura-loader-circle/cura-loader-circle.scss?tag=cura-loader-circle&encapsulation=shadow","./src/components/loaders/cura-loader-circle/cura-loader-circle.tsx","./src/components/cura-page-template/cura-page-template.scss?tag=cura-page-template&encapsulation=shadow","./src/components/cura-page-template/cura-page-template.tsx","./src/components/text/cura-paragraph/cura-paragraph.scss?tag=cura-paragraph&encapsulation=shadow","./src/components/text/cura-paragraph/cura-paragraph.tsx"],"sourcesContent":[":host {\n  display: block;\n  color: var(--font-color);\n  font-size: var(--font-size);\n  font-size: var(--font-size);\n  font-family: var(--font-family);\n  font-weight: var(--font-weight-regular);\n\n  &::after {\n    content: \"\";\n    display: block;\n    border-bottom: solid 1px var(--neutral-base);\n    width: 100%;\n  }\n}\n\n","import { Component, Element, Host, Prop, State, Watch, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-accordion',\n  styleUrl: 'cura-accordion.scss',\n  shadow: true,\n})\nexport class CuraAccordion {\n\n  @Element() host: HTMLElement;\n\n  /**\n   * Color scheme base color\n   */\n  @Prop({reflect: true}) color = 'primary';\n  @Prop({reflect: true}) activeColor = 'accent';\n  @Watch('color')\n  @Watch('activeColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * Set the color mode to dark or light\n   */\n  @Prop({reflect: true}) colorMode: 'dark' | 'light' = 'dark';\n\n  /**\n   * Accordion items icons\n   */\n  @Prop({reflect: true}) iconSize = 32;\n  @Prop({reflect: true}) openIcon = 'down';\n  @Prop({reflect: true}) closeIcon = 'up';\n\n  /**\n   * Color scheme base color\n   * (By default, the icon will use the same color of 'color' and 'activeColor')\n   */\n  @Prop({reflect: true}) iconColor = '';\n  @Prop({reflect: true}) iconActiveColor = '';\n\n  /**\n   * Accordion behavior when item is clicked\n   * (The default will close all items except the current one)\n   */\n  @Prop({reflect: true}) behavior: 'default' | 'keep-open' = 'default';\n\n  mutationObserverCallback = (mutations: MutationRecord[], _: MutationObserver) => {\n    for (const mutation of mutations) {\n      if (mutation.type === 'attributes' && mutation.attributeName === 'opened' && mutation.target?.['opened']) {\n        if (this.behavior !== 'default') continue;\n        this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n          if (item != mutation.target) {\n            item.opened = false;\n          }\n        });\n      }\n      if (mutation.type === 'childList') {\n        const addedNodes = Array.from(mutation.addedNodes || []);\n        for(let node of addedNodes) {\n          this.setChildProperties(node as HTMLCuraAccordionItemElement);\n        }\n      }\n    }\n  }\n  mutationObserver: MutationObserver = new MutationObserver(this.mutationObserverCallback);\n\n  @State() styles = {};\n\n  connectedCallback() {\n    const weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-purewhite'] = window.CuraAPI.theme.colors.getColor(`neutral-purewhite`);\n    this.styles['--neutral-lighter'] = window.CuraAPI.theme.colors.getColor(`neutral-lighter`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-color'] = window.CuraAPI.theme.fonts.getColor();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-regular'] = weights.regular;\n    this.setColors();\n  }\n\n  componentDidLoad() {\n    this.host.querySelectorAll('cura-accordion-item').forEach(item => {\n      this.setChildProperties(item);\n    });\n    const options: MutationObserverInit = {childList: true, subtree: true, attributes: true}\n    this.mutationObserver.observe(this.host, options)\n  }\n\n  disconnectedCallback() {\n    this.mutationObserver.disconnect();\n  }\n\n  setChildProperties(item: HTMLCuraAccordionItemElement) {\n    // Theme\n    item.colorMode = this.colorMode;\n    item.iconColor = this.iconColor || this.color;\n    item.iconActiveColor = this.iconActiveColor || this.activeColor;\n    // Icon\n    item.iconSize = this.iconSize;\n    item.openIcon = this.openIcon;\n    item.closeIcon = this.closeIcon;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n      '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n      '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`),\n      '--color-active-lighter': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-lighter`),\n      '--color-active-light': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-light`),\n      '--color-active-base': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-base`),\n      '--color-active-dark': window.CuraAPI.theme.colors.getColor(`${this.activeColor}-dark`),\n\n      '--icon-color-lighter': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-lighter`),\n      '--icon-color-light': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-light`),\n      '--icon-color-base': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-base`),\n      '--icon-color-dark': window.CuraAPI.theme.colors.getColor(`${this.iconColor || this.color}-dark`),\n      '--icon-color-active-lighter': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-lighter`),\n      '--icon-color-active-light': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-light`),\n      '--icon-color-active-base': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-base`),\n      '--icon-color-active-dark': window.CuraAPI.theme.colors.getColor(`${this.iconActiveColor || this.activeColor}-dark`),\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.styles}>\n        <slot name='accordion-item'></slot>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n\n  .accordion-item {\n    width: 100%;\n\n    .label {\n      display: flex;\n      flex-direction: column;\n      &::before {\n        content: \"\";\n        display: block;\n        border-top: solid 1px var(--neutral-base);\n        width: 100%;\n      }\n      .label-container {\n        display: flex;\n        flex-grow: 1;\n        justify-content: space-between;\n        align-items: center;\n        gap: calc(var(--base-spacing) * 2px);\n        min-height: 40px;\n        word-break: break-word;\n        cursor: pointer;\n        font-size: 1.14em;\n        font-weight: var(--font-weight-regular);\n        color: var(--color-base);\n        padding: 0px;\n\n        cura-icon {\n          margin-right: 4px;\n        }\n\n        &:hover {\n          color: var(--color-light);\n          cura-icon {\n            --color: var(--icon-color-light) !important;\n          }\n        }\n        &:active {\n          color: var(--color-dark);\n          cura-icon {\n            --color: var(--icon-color-dark) !important;\n          }\n        }\n      }\n    }\n\n    .content {\n      font-size: 1em;\n      overflow: hidden;\n      max-height: 0;\n      transition: max-height .25s ease;\n      .content-wrapper {\n        padding: calc(var(--base-spacing) * 2px) 0px;\n        border-top: solid 1px var(--neutral-base);\n      }\n    }\n\n    &.active {\n      .label .label-container {\n        color: var(--color-active-base);\n        &:hover {\n          color: var(--color-active-light);\n          cura-icon {\n            --color: var(--icon-color-active-light) !important;\n          }\n        }\n        &:active {\n          color: var(--color-active-dark);\n          cura-icon {\n            --color: var(--icon-color-active-dark) !important;\n          }\n        }\n      }\n\n      .content {\n        max-height: 200vh;\n        overflow-y: auto;\n        transition: max-height .5s ease .14s;\n      }\n    }\n\n    &.inverted {\n      .label .label-container {\n        color: var(--neutral-lighter);\n        &:hover {\n          color: var(--color-lighter);\n          cura-icon {\n            --color: var(--icon-color-lighter) !important;\n          }\n        }\n        &:active {\n          color: var(--color-light);\n          cura-icon {\n            --color: var(--icon-color-light) !important;\n          }\n        }\n      }\n    }\n\n    &.active.inverted {\n      .label .label-container {\n        color: var(--neutral-purewhite);\n        &:hover {\n          color: var(--color-active-lighter);\n          cura-icon {\n            --color: var(--icon-color-active-lighter) !important;\n          }\n        }\n        &:active {\n          color: var(--color-active-light);\n          cura-icon {\n            --color: var(--icon-color-active-light) !important;\n          }\n        }\n      }\n    }\n  }\n\n  @include medium-only() {\n    .accordion-item {\n      .label .label-container {\n        font-size: 1.29em;\n      }\n\n      .content {\n        font-size: 1.14em;\n      }\n    }\n  }\n\n  @include large-up() {\n    .accordion-item {\n      .label .label-container {\n        font-size: 1.29em;\n      }\n\n      .content {\n        font-size: 1.14em;\n      }\n    }\n  }\n}\n","import { Component, Host,  Prop, State, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-accordion-item',\n  styleUrl: 'cura-accordion-item.scss',\n  shadow: true,\n})\nexport class CuraAccordionItem {\n\n  /**\n   * Text label for accordion item\n   */\n  @Prop({reflect: true}) label: string = '';\n\n  /** ***Properties below are inherited from the cura-accordion*** */\n  /**\n   * Accordion items icons\n   */\n  @Prop({reflect: true}) iconSize = 32;\n  @Prop({reflect: true}) openIcon = 'down';\n  @Prop({reflect: true}) closeIcon = 'up';\n\n  /**\n   * Color scheme base color\n   * (By default, the icon will use the same color of 'color' and 'activeColor')\n   */\n  @Prop({reflect: true}) iconColor = '';\n  @Prop({reflect: true}) iconActiveColor = '';\n\n  /**\n   * Set the color mode to dark or light\n   */\n  @Prop() colorMode: 'dark' | 'light' = 'dark';\n\n  @Prop({ reflect: true, mutable: true }) opened: boolean = false;\n\n  @State() styles = {};\n\n  getIconColor() {\n    const inverted = this.colorMode === 'light';\n    const iconColor = inverted ? 'neutral-lighter' : `${this.iconColor}-base`;\n    const iconActiveColor = inverted ? 'neutral-purewhite' : `${this.iconActiveColor}-base`;\n    return this.opened ? iconActiveColor : iconColor;\n  }\n\n  getClasses() {\n    const classes = {};\n    classes['accordion-item'] = true;\n    classes['active'] = this.opened;\n    classes['inverted'] = this.colorMode === 'light';\n    return classes;\n  }\n\n  accordionItemClick(_: Event) {\n    this.opened = !this.opened;\n  }\n\n  render() {\n    return (\n      <Host slot=\"accordion-item\">\n        <div class={this.getClasses()} style={this.styles}>\n          <div class=\"label\" onClick={e => this.accordionItemClick(e)}>\n            <div class=\"label-container\">\n              <span>{this.label}</span>\n              <cura-icon name={this.opened ? this.closeIcon : this.openIcon} size={this.iconSize} color={this.getIconColor()}></cura-icon>\n            </div>\n          </div>\n          <div class='content'>\n            <div class=\"content-wrapper\">\n              <slot></slot>\n            </div>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n","@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n  @include button-host();\n\n  button, a {\n    @include button-element() {\n      background-color: var(--color-base);\n      border: none;\n      &:not(.isLoading):not(.disabled):hover { background-color: var(--color-light); }\n      &:not(.isLoading):not(.disabled):active { background-color: var(--color-dark); }\n    };\n    @include button-shadow-behavior();\n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label() {\n      color: var(--neutral-black);\n      &.inverted { color: var(--neutral-white); }\n    }\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n      background-color: var(--neutral-light);  \n      .label, .label.inverted { color: var(--neutral-dark); }\n    };\n\n    // FAB / Icon-only\n    @include button-icon-only-behavior();\n\n    // Loading State\n    @include button-loading();\n\n  }\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button',\n  styleUrl: 'cura-button.scss',\n  shadow: true,\n})\nexport class CuraButton {\n\n  /**\n   * Button size: small | medium | large (default)\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' = 'medium';\n\n  /**\n   * Disabled state. Boolean.\n   */\n  @Prop({reflect: true}) disabled = false;\n  /**\n   * Loading state. Boolean.\n   */\n  @Prop({reflect: true}) isLoading = false;\n  \n  /**\n   * Name of the icon to be used from iconset.\n   */\n  @Prop({reflect: true}) iconName: string;\n  /**\n   * Custom iconset if needed.\n   */\n  @Prop({reflect: true}) iconset = 'default';\n  /**\n   * Icon position: left (default) | right.\n   */\n  @Prop({reflect: true}) iconPosition: 'left' | 'right' = 'left';\n  /**\n   * Set button to FAB/icon only.\n   */\n  @Prop({reflect: true}) iconOnly: false;\n\n  /**\n   * Property href switch button to link.\n   */\n  @Prop({reflect: true}) href: string;\n  /**\n   * Set target if link.\n   */\n  @Prop({reflect: true}) target = \"_self\";\n\n  /**\n   * Color base from color scheme. Default: accent.\n   */\n  @Prop() color = 'accent';\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n  /**\n   * Set the font color to dark or light.\n   */\n  @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n  /**\n   * Set text aligment for the button label.\n   * Vales: left (default) | center | right.\n   */\n  @Prop({reflect: true}) textAlign: 'left' | 'center' | 'right' = 'left';\n\n\n  @State() styles = {};\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--text-align'] = this.textAlign;\n    this.setColors();\n  }\n  \n  getClasses() {\n    const classes = {};\n    classes[`${this.size.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes[`icon-only`] = this.iconOnly;\n    classes['inverted'] = this.fontColor === 'light';\n    classes['disabled'] = this.disabled;\n    classes['isLoading'] = this.isLoading;\n    return classes;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n      '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n    };\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n    const color = this.getSymbolColor();\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n  }\n\n  getSymbolColor() {\n    return this.disabled \n      ? 'neutral-dark' \n      : this.fontColor === 'light' \n        ? 'neutral-white' \n        : 'neutral-black';\n  }\n\n  handleClick(e: Event) {\n    if (this.disabled || this.isLoading) e.preventDefault();\n  }\n\n  render() {\n    return (\n      <Host>\n      { this.href ? (\n        <a href={this.disabled ? '' : this.href} \n          target={this.target}\n          class={this.getClasses()}\n          style={this.styles}\n          onClick={(e) => this.handleClick(e)}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n          <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n        </a>\n      ) : (\n        <button class={this.getClasses()}\n          style={this.styles} \n          disabled={this.disabled || null}\n          onClick={(e) => this.handleClick(e)}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n          <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n        </button>\n      )}\n      </Host>\n    );\n  }\n\n}\n","@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n  @include button-host();\n\n  button, a {\n    @include button-element() {\n      background-color: transparent;\n      border: none;\n      box-shadow: inset 0px 0px 0px 2px var(--color-base);\n\n      &:not(.disabled):not(.isLoading):hover {\n        box-shadow: inset 0px 0px 0px 2px var(--color-light);\n        .label { color: var(--color-light); }\n        cura-icon { --color: var(--color-light) !important; }\n      }\n\n      &:not(.disabled):not(.inverted):not(.isLoading):active { \n        box-shadow: inset 0px 0px 0px 2px var(--color-dark);\n        .label { color: var(--color-dark); }\n        cura-icon { --color: var(--color-dark) !important; }\n      }\n    };\n\n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label() {\n      color: var(--color-base);\n      &.inverted { color: var(--neutral-white); }\n    }\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n      box-shadow: inset 0px 0px 0px 2px var(--neutral-base);\n      .label, .label.inverted { color: var(--neutral-dark); }\n      &.inverted {\n        opacity: 0.6;\n        box-shadow: inset 0px 0px 0px 2px var(--neutral-white);\n        .label, .label.inverted { color: var(--neutral-white); }\n        cura-icon { --color: var(--neutral-white) !important; }\n        cura-loader-circle { --color: var(--neutral-white) !important; }\n      }\n    };\n\n    // FAB / Icon-only\n    @include button-icon-only-behavior();\n\n    // Light version, inverted.\n    &.inverted {\n      box-shadow: inset 0px 0px 0px 2px var(--neutral-white);\n      &:not(.disabled):not(.isLoading):hover { \n        box-shadow: inset 0px 0px 0px 2px var(--color-lighter);\n        .label { color: var(--color-lighter); }\n        cura-icon { --color: var(--color-lighter) !important; }\n      }\n      &:not(.disabled):not(.isLoading):active {\n        box-shadow: inset 0px 0px 0px 2px var(--color-light);\n        .label { color: var(--color-light); }\n        cura-icon { --color: var(--color-light) !important; }\n      }\n    }\n\n    // Loading State\n    @include button-loading();\n\n  }\n\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button-outline',\n  styleUrl: 'cura-button-outline.scss',\n  shadow: true,\n})\nexport class CuraButtonOutline {\n\n  /**\n  * Button size: small | medium | large (default)\n  */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' = 'large';\n\n  /**\n  * Disabled state. Boolean.\n  */\n  @Prop({reflect: true}) disabled = false;\n  /**\n  * Loading state. Boolean.\n  */\n  @Prop({reflect: true}) isLoading = false;\n  \n  /**\n  * Name of the icon to be used from iconset.\n  */\n  @Prop({reflect: true}) iconName: string;\n  /**\n  * Custom iconset if needed.\n  */\n  @Prop({reflect: true}) iconset = 'default';\n  /**\n  * Icon position: left (default) | right.\n  */\n  @Prop({reflect: true}) iconPosition: 'left' | 'right' = 'left';\n  /**\n  * Set button to FAB/icon only.\n  */\n  @Prop({reflect: true}) iconOnly: false;\n\n  /**\n  * Property href switch button to link.\n  */\n  @Prop({reflect: true}) href: string;\n  /**\n  * Set target if link.\n  */\n  @Prop({reflect: true}) target = \"_self\";\n\n  /**\n  * Color base from color scheme. Default: accent.\n  */\n  @Prop() color = 'accent';\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n  /**\n  * Set the font color to dark or light.\n  */\n  @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n  /**\n  * Set text aligment for the button label.\n  * Vales: left (default) | center | right.\n  */\n  @Prop({reflect: true}) textAlign: 'left' | 'center' | 'right' = 'left';\n\n\n  @State() styles = {};\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--text-align'] = this.textAlign;\n    this.setColors();\n  }\n  \n  getClasses() {\n    const classes = {};\n    classes[`${this.size.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes[`icon-only`] = this.iconOnly;\n    classes['inverted'] = this.fontColor === 'light';\n    classes['disabled'] = this.disabled;\n    classes['isLoading'] = this.isLoading;\n    return classes;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n      '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n      '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n    };\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n    const color = this.getSymbolColor();\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n  }\n\n  getSymbolColor() {\n    return this.disabled \n      ? 'neutral-dark' \n      : this.fontColor === 'light' \n        ? 'neutral-white' \n        : `${this.color}-base`;\n  }\n\n  handleClick(e: Event) {\n    if (this.disabled || this.isLoading) e.preventDefault();\n  }\n\n  render() {\n    return (\n      <Host>\n       { this.href ? (\n        <a href={this.disabled ? '' : this.href} \n          target={this.target}\n          class={this.getClasses()}\n          style={this.styles}\n          onClick={(e) => this.handleClick(e)}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n          <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n        </a>\n      ) : (\n        <button class={this.getClasses()}\n          style={this.styles} \n          disabled={this.disabled || null}\n          onClick={(e) => this.handleClick(e)}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n          <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n        </button>\n      )}\n      </Host>\n    );\n  }\n\n}\n","@import \"../../../scss/mixins/buttons.scss\";\n\n:host {\n  @include button-host();\n\n  button, a {\n    @include button-element() {\n      background-color: transparent;\n      border-width: 0px;\n      border-color: transparent;\n\n      &:not(.disabled):not(.isLoading):hover {\n        .label { color: var(--color-light); }\n        cura-icon { --color: var(--color-light) !important; }\n      }\n\n      &:not(.disabled):not(.inverted):not(.isLoading):active { \n        .label { color: var(--color-dark); }\n        cura-icon { --color: var(--color-dark) !important; }\n      }\n    }\n    \n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label() {\n      color: var(--color-base);\n      &.inverted { color: var(--neutral-white); }\n    }\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n      border-color: var(--neutral-base);\n      .label, .label.inverted { color: var(--neutral-dark); }\n      &.inverted {\n        opacity: 0.6;\n        .label, .label.inverted { color: var(--neutral-white); }\n        cura-icon { --color: var(--neutral-white) !important; }\n        cura-loader-circle { --color: var(--neutral-white) !important; }\n      }\n    }\n\n    // FAB / Icon-only\n    @include button-icon-only-behavior();\n\n    &.inverted {\n      &:not(.isLoading):not(.disabled):hover { \n        .label { color: var(--color-lighter); }\n        cura-icon { --color: var(--color-lighter) !important; }\n      }\n      &:not(.isLoading):not(.disabled):active {\n        .label { color: var(--color-light); }\n        cura-icon { --color: var(--color-light) !important; }\n      }\n    }\n\n    // Loading State\n    @include button-loading();\n\n  }\n}\n","import { Component, Host, h, Prop, State, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button-transparent',\n  styleUrl: 'cura-button-transparent.scss',\n  shadow: true,\n})\nexport class CuraButtonTransparent {\n\n   /**\n    * Button size: small | medium | large (default)\n    */\n   @Prop({reflect: true}) size: 'small' | 'medium' | 'large' = 'large';\n \n   /**\n    * Disabled state. Boolean.\n    */\n   @Prop({reflect: true}) disabled = false;\n   /**\n    * Loading state. Boolean.\n    */\n   @Prop({reflect: true}) isLoading = false;\n   \n   /**\n    * Name of the icon to be used from iconset.\n    */\n   @Prop({reflect: true}) iconName: string;\n   /**\n    * Custom iconset if needed.\n    */\n   @Prop({reflect: true}) iconset = 'default';\n   /**\n    * Icon position: left (default) | right.\n    */\n   @Prop({reflect: true}) iconPosition: 'left' | 'right' = 'left';\n   /**\n    * Set button to FAB/icon only.\n    */\n   @Prop({reflect: true}) iconOnly: false;\n \n   /**\n    * Property href switch button to link.\n    */\n   @Prop({reflect: true}) href: string;\n   /**\n    * Set target if link.\n    */\n   @Prop({reflect: true}) target = \"_self\";\n \n   /**\n    * Color base from color scheme. Default: accent.\n    */\n   @Prop() color = 'accent';\n   @Watch('color')\n   handleChangeColor() {\n     this.setColors();\n   }\n   /**\n    * Set the font color to dark or light.\n    */\n   @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n   /**\n    * Set text aligment for the button label.\n    * Vales: left (default) | center | right.\n    */\n   @Prop({reflect: true}) textAlign: 'left' | 'center' | 'right' = 'left';\n \n \n   @State() styles = {};\n \n   weights;\n \n   connectedCallback() {\n     this.weights = window.CuraAPI.theme.fonts.getWeights();\n     this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n     this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n     this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n     this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n     this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n     this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n     this.styles['--font-weight-medium'] = this.weights.medium;\n     this.styles['--text-align'] = this.textAlign;\n     this.setColors();\n   }\n   \n   getClasses() {\n     const classes = {};\n     classes[`${this.size.toLowerCase()}`] = true;\n     classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n     classes[`icon-only`] = this.iconOnly;\n     classes['inverted'] = this.fontColor === 'light';\n     classes['disabled'] = this.disabled;\n     classes['isLoading'] = this.isLoading;\n     return classes;\n   }\n \n   setColors() {\n     this.styles = {\n       ...this.styles,\n       '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n       '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n       '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n       '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n     };\n   }\n \n   getIcon() {\n     if (!this.iconName) return '';\n     const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n     const color = this.getSymbolColor();\n     return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n   }\n \n   getSymbolColor() {\n     return this.disabled \n       ? 'neutral-dark' \n       : this.fontColor === 'light' \n         ? 'neutral-white' \n         : `${this.color}-base`;\n   }\n \n   handleClick(e: Event) {\n     if (this.disabled || this.isLoading) e.preventDefault();\n   }\n \n   render() {\n     return (\n       <Host>\n       { this.href ? (\n         <a href={this.disabled ? '' : this.href} \n           target={this.target}\n           class={this.getClasses()}\n           style={this.styles}\n           onClick={(e) => this.handleClick(e)}>\n           <span class=\"button-container\">\n             { this.getIcon() }\n             <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n           </span>\n           <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n         </a>\n       ) : (\n         <button class={this.getClasses()}\n           style={this.styles} \n           disabled={this.disabled || null}\n           onClick={(e) => this.handleClick(e)}>\n           <span class=\"button-container\">\n             { this.getIcon() }\n             <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n           </span>\n           <cura-loader-circle size={this.size} color={this.getSymbolColor()}></cura-loader-circle>\n         </button>\n       )}\n       </Host>\n     );\n   }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n  text-transform: uppercase;\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 4.285em;\n    font-weight: var(--font-weight-black);\n    color: var(--color-body);\n    line-height: 120%;\n    letter-spacing: -4%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size:6.21em;\n    }\n\n    &.small {\n      font-size: 3em;\n      font-weight: var(--font-weight-bold);\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 4.92em;\n\n      &.large {\n        font-size: 7.07em;\n      }\n\n      &.small {\n        font-size: 3.428em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 6.14em;\n      line-height: 125%;\n\n      &.large {\n        font-size: 8.857em;\n        letter-spacing: -6%;\n      }\n\n      &.small {\n        font-size: 4.285em;\n        letter-spacing: -2%;\n      }\n    }\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-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\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","import { Component, Host, h, Element, Prop } 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.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n  * Heading style size.\n  * Values: small | regular(default) | large.\n  */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n \n   /**\n    * Host element <cura-heading>\n    */\n   @Element() host: HTMLElement;\n \n   /**\n    * Internal Props\n    */\n   weights: any;\n   styles: any;\n\n   connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    return classes;\n  }\n\n  setFontProperties() {\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-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-white') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-lighter`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-dark`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  getHeadingTag() {\n    const tags = {\n      '1': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={this.getClasses()}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={this.getClasses()}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={this.getClasses()}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={this.getClasses()}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={this.getClasses()}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 1.71em;\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 130%;\n    letter-spacing: 0%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.bold-weight {\n      font-weight: var(--font-weight-medium);\n    }\n\n    &.large {\n      font-size: 2.07em;\n      letter-spacing: -2%;\n    }\n\n    &.small {\n      font-size: 1.214em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.bold-weight {\n        font-weight: var(--font-weight-bold);\n      }\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2em;\n\n      &.large {\n        font-size: 2.357em;\n      }\n\n      &.small {\n        font-size: 1.357em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2.5em;\n      line-height: 135%;\n      letter-spacing: -2%;\n\n      &.large {\n        font-size: 2.92em;\n      }\n\n      &.small {\n        font-size: 1.71em;\n        line-height: 160%;\n        letter-spacing: 0%;\n      }\n    }\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-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\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","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'cura-heading',\n  styleUrl: 'cura-heading.scss',\n  shadow: true,\n})\nexport class CuraHeading {\n\n  /**\n   * Heading level for semantics.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n   * Heading style size.\n   * Values: small | regular(default) | large.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n   * Heading font weight.\n   * Values: regular(default) | bold.\n   */\n  @Prop({reflect: true}) weight = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n\n  /**\n   * Host element <cura-heading>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    classes[`${this.weight.toLowerCase()}-weight`] = true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('heading'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-white') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-lighter`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-dark`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  getHeadingTag() {\n    const tags = {\n      '1': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={this.getClasses()}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={this.getClasses()}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={this.getClasses()}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={this.getClasses()}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={this.getClasses()}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n",":host {\n  width: var(--size);\n  height: var(--size);\n  svg {\n    display: inline-block;\n    stroke: var(--color);\n    width: var(--size);\n    height: var(--size);\n    stroke-width: var(--stroke);\n    fill: none;\n  }\n}\n","import { Component, Host, h, Prop, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-icon',\n  styleUrl: 'cura-icon.scss',\n  shadow: true\n})\nexport class CuraIcon {\n\n  @Prop({reflect: true}) name = '';\n  @Prop() color = 'neutral-base';\n  @Prop() size: string | number;\n  @Prop({reflect: true}) iconset = 'default';\n  @Prop() disabled = false;\n\n  @Element() host: HTMLElement;\n\n  sizes = {\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    \"default\": {size: 24, stroke: 2}\n  };\n\n  @Watch('size')\n  sizeHandler(size: string | number) {\n    const scaledStroke = (iconSize: string | number) => {\n      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;\n    }\n    this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);\n    this.setHostProperty('--stroke', this.sizes[`${size}`] ? scaledStroke(size) : scaledStroke(\"default\"));\n  }\n\n  @Watch('color')\n  @Watch('disabled')\n  colorHandler() {\n    this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color));\n  }\n\n  assetsPath: string;\n\n  connectedCallback() {\n    this.assetsPath = window.CuraAPI.localAssetsPath;\n    this.sizeHandler(this.size);\n    this.colorHandler();\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <svg\n          version=\"1.1\"\n          viewBox=\"0 0 24 24\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <use\n            xlinkHref={`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`}>\n          </use>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n","export default [\"360\",\"accessibility\",\"addUser\",\"airdrop\",\"alertCircle\",\"alertTriangle\",\"arrowDown\",\"arrowDownCircle\",\"arrowLeft\",\"arrowLeftCircle\",\"arrowRight\",\"arrowRightCircle\",\"arrowUp\",\"arrowUpCircle\",\"attach\",\"avatarF\",\"avatarM\",\"biometry\",\"bloodGroup\",\"calendar\",\"cam\",\"camOff\",\"central\",\"chatCircle\",\"check\",\"checkBadge\",\"checkCircle\",\"checkDouble\",\"clock\",\"close\",\"closeCircle\",\"collapse\",\"config\",\"currency\",\"delete\",\"desktop\",\"doc\",\"down\",\"download\",\"duplicate\",\"edit\",\"exam\",\"examDoc\",\"expand\",\"facebook\",\"fileBmp\",\"fileJpg\",\"filePdf\",\"filePng\",\"fileUpload\",\"fileXls\",\"filter\",\"fullscreen\",\"gallery\",\"geotag\",\"geotagUnity\",\"geotagUnityGroup\",\"google\",\"graph\",\"healthPlan\",\"heart\",\"height\",\"height2\",\"home\",\"horizontalList\",\"imageUp\",\"infoCircle\",\"instagram\",\"key\",\"lamp\",\"language\",\"language2\",\"languageEN\",\"languagePT\",\"lattes\",\"left\",\"like\",\"link\",\"linkExternal\",\"linkedin\",\"list\",\"login\",\"logout\",\"mail\",\"maintenance\",\"medDoc\",\"medEspec\",\"medImg\",\"medUser\",\"medical\",\"menuHamburguer\",\"menuKebab\",\"menuMeatballs\",\"mic\",\"micOff\",\"minus\",\"minusCircle\",\"minusSquare\",\"mobile\",\"news\",\"notification\",\"npsDeslike\",\"npsHate\",\"npsLike\",\"npsLove\",\"npsNeutral\",\"order\",\"partner\",\"phone\",\"play\",\"plus\",\"plusCircle\",\"plusSquare\",\"print\",\"profile\",\"profileCircle\",\"questionCircle\",\"questionSquare\",\"range\",\"reload\",\"ribbon\",\"right\",\"schedule\",\"scheduleCheck\",\"scheduleHistorico\",\"search\",\"secure\",\"share\",\"siren\",\"sound\",\"soundOff\",\"subItem\",\"target\",\"team\",\"telegram\",\"twitter\",\"unLink\",\"unSecure\",\"unity\",\"unlike\",\"up\",\"upload\",\"verticalList\",\"viewFalse\",\"viewTrue\",\"weight\",\"whatsapp\",\"wifi\",\"wifiOff\",\"youtube\",\"zoomIn\",\"zoomOut\"];",":host {\n  display: block;\n  padding: 24px;\n  font-family: 'Roboto', Arial, Helvetica, sans-serif;\n}\n\n.iconDetail {\n  display: block;\n}\n\n.iconSizes {\n  display: flex;\n  align-items: center;\n\n\n  .size {\n    display: flex;\n    flex-direction: column;\n    text-align: center;\n    margin-right: 9px;\n    padding: 8px;\n\n    &:last-child { margin-right: 0; }\n    span {\n      font-size: 10px;\n    }\n  }\n\n  &.invert {\n    margin-top: 12px;\n\n    .size {\n      background-color: #262626;\n      color: #F6F6F6;\n      border-radius: 3px;\n    }\n  }\n}\n\n.icons {\n  margin-top: 28px;\n  display: flex;\n  flex-wrap: wrap;\n  position: relative;\n\n  .icon {\n    position: relative;\n    padding: 4px;\n    cursor: pointer;\n    opacity: .6;\n    transition: opacity .2s linear;\n    span {\n      font-size: 12px;\n      padding: 6px;\n      box-sizing: border-box;\n      background: #000;\n      color: #FFF;\n      border-radius: 2px;\n      position: absolute;\n      top: -2px;\n      left: 50%;\n      transform: translateX(-50%) translateY(-100%);\n      display: none;\n    }\n\n    &:hover {\n      opacity: 1;\n\n      span { display: block; }\n    }\n  }\n}\n\n","import { Component, Host, h, State } from '@stencil/core';\nimport iconsetdefaulticons from '../../assets/icons/iconset-default-list';\n\n@Component({\n  tag: 'cura-icons-view',\n  styleUrl: 'cura-icons-view.scss',\n  shadow: true,\n})\nexport class CuraIconsView {\n\n  sizes = [16, 20, 24, 32, 40, 48, 64, 72, 128];\n  colors = ['primary', 'secondary', 'accent', 'info', 'warning', 'error', 'success', 'neutral'];\n  @State() selected = '360';\n\n  setSelected = (icon) => {\n    this.selected = icon;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div class=\"iconDetail\">\n          <h4>{ this.selected }</h4>\n          <div class=\"iconSizes\">\n            { this.sizes.map( size =>\n\n              <div class=\"size\">\n                <cura-icon name={this.selected} size={size}></cura-icon>\n                <span>{ size }</span>\n              </div>\n            )}\n          </div>\n          <div class=\"iconSizes invert\">\n            { this.sizes.map( size =>\n\n              <div class=\"size\">\n                <cura-icon name={this.selected} size={size} color=\"neutral-white\"></cura-icon>\n                <span>{ size }</span>\n              </div>\n            )}\n          </div>\n          <div class=\"iconSizes\">\n            { this.colors.map( color =>\n              <div class=\"size\">\n                <cura-icon name={this.selected} color={color}></cura-icon>\n                <span>{ color }</span>\n              </div>\n            )}\n            <div class=\"size\">\n              <cura-icon name={this.selected} disabled></cura-icon>\n              <span>Disabled</span>\n            </div>\n          </div>\n        </div>\n        <div class=\"icons\">\n          { iconsetdefaulticons.map(icon =>\n            <div class=\"icon\" onClick={() => this.setSelected(icon)}>\n              <cura-icon name={icon}></cura-icon>\n              <span>{icon}</span>\n            </div>\n          )}\n        </div>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/animations.scss';\n\n:host {\n  display: inline-block;\n  width: var(--size);\n  height: var(--size);\n  \n  svg {\n    width: var(--size);\n    height: var(--size);\n    animation: rotate .7s linear infinite;\n  }\n\n  circle, path {\n    stroke-miterlimit: 10;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n  }\n\n  path { stroke: var(--color); }\n\n  stop { stop-color: var(--color); }\n  linearGradient stop:first-child {\n    stop-opacity: 0.14;\n  }\n}\n\n@include rotate();\n\n","import { Component, Host, h, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-loader-circle',\n  styleUrl: 'cura-loader-circle.scss',\n  shadow: true,\n})\nexport class CuraLoaderCircle {\n\n  /**\n   * Loader size. Values: small, medium or large.\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' | 'xlarge' = 'medium';\n  /**\n   * One from color scheme. Default: neutral-white.\n   */\n  @Prop({reflect: true}) color = 'neutral-white';\n\n  sizes = {\n    xlarge: 32,\n    large: 24,\n    medium: 20,\n    small: 16,\n    default: 16,\n  };\n\n  getPxSize = () => this.sizes[this.size] || this.sizes['default'];\n\n  getStyles() {\n    return {\n      '--size': `${this.getPxSize()}px`,\n      '--color': window.CuraAPI.theme.colors.getColor(this.color)\n    }\n  }\n\n  render() {\n    return (\n      <Host style={this.getStyles()}>\n        <svg viewBox=\"0 0 16 16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n          <g>\n            <circle cx=\"8\" cy=\"8\" r=\"7\" stroke=\"url(#paint0_linear_13485_11488)\" stroke-width=\"2\"/>\n            <path d=\"M1 8C1 4.13401 4.11877 1 7.96596 1C9.53445 1 10.9819 1.52093 12.1462 2.4C12.8959 2.96601 13.5282 3.68049 14 4.5\" stroke-width=\"2\"/>\n          </g>\n          <defs>\n            <linearGradient id=\"paint0_linear_13485_11488\" x1=\"15.7\" y1=\"4.5\" x2=\"4.15\" y2=\"11.5\" gradientUnits=\"userSpaceOnUse\">\n              <stop/>\n              <stop offset=\"1\"/>\n            </linearGradient>\n          </defs>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n","@import '../../scss/mixins/responsive.scss';\n\n@mixin template-spacing($spacing-scale: 0px, $large-device: false) {\n  $spacing-px: calc(var(--spacing) * $spacing-scale);\n  padding: 0px;\n  @if $large-device {\n    #content-container {\n      #sidebar-left ::slotted(div[slot=\"sidebar-left\"]) {\n        margin-right: $spacing-px;\n      }\n      #sidebar-right ::slotted(div[slot=\"sidebar-right\"]) {\n        margin-left: $spacing-px;\n      }\n    }\n  }\n}\n\n:host {\n  display: block;\n\n  .grid-template {\n    display: grid;\n    grid-template-rows: auto;\n    grid-template-columns: auto;\n    grid-template-areas:\n      'sub-header'\n      'header'\n      'pre-content'\n      'content-container'\n      'post-body'\n      'footer'\n      'sub-footer';\n\n    #sub-header {\n      grid-area: sub-header;\n    }\n\n    #header {\n      grid-area: header;\n    }\n\n    #pre-content {\n      grid-area: pre-content;\n    }\n\n    #content-container {\n      grid-area: content-container;\n    }\n\n    #post-body {\n      grid-area: post-body;\n    }\n\n    #footer {\n      grid-area: footer;\n    }\n\n    #sub-footer {\n      grid-area: sub-footer;\n    }\n\n    @include mobile-only() {\n      $spacing-scale: 4px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include medium-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include large-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n      }\n    }\n\n    @include xlarge-only() {\n      $spacing-scale: 7px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n        &.centered {\n          max-width: $breakpoint-xlarge;\n          justify-self: center;\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-page-template',\n  styleUrl: 'cura-page-template.scss',\n  shadow: true,\n})\nexport class CuraPageTemplate {\n\n  @Prop({reflect: true}) contentwidth: 'default' | 'centered' = 'default';\n\n  @Element() host: HTMLElement;\n\n  styles: any;\n\n  connectedCallback() {\n    this.styles = {\n      '--spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    }\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.contentwidth.toLowerCase()] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div style={this.styles} class=\"grid-template\">\n          <div id=\"sub-header\">\n            <slot name='sub-header'></slot>\n          </div>\n          <div id=\"header\">\n            <slot name='header'></slot>\n          </div>\n          <div id=\"pre-content\">\n            <slot name='pre-content'></slot>\n          </div>\n          <div id=\"content-container\" class={this.getClasses()}>\n            <div id=\"sidebar-left\">\n              <slot name='sidebar-left'></slot>\n            </div>\n            <div id=\"content\">\n              <slot name=\"content\"></slot>\n              <slot></slot>\n            </div>\n            <div id=\"sidebar-right\">\n              <slot name='sidebar-right'></slot>\n            </div>\n          </div>\n          <div id=\"post-body\">\n            <slot name='post-body'></slot>\n          </div>\n          <div id=\"footer\">\n            <slot name='footer'></slot>\n          </div>\n          <div id=\"sub-footer\">\n            <slot name='sub-footer'></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  p {\n    font-family: var(--font-family);\n    font-size: var(--font-size);\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    /* letter-spacing: 0.02em; */\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size: 1.21em;\n      line-height: calc(var(--line-height) + 10%);\n      /* line-height: 150%; */\n      /* letter-spacing: normal; */\n    }\n\n    &.small {\n      font-size: 0.85em;\n      line-height: calc(var(--line-height) - 5%);\n      /* line-height: 135%; */\n      /* letter-spacing: 0.04em; */\n    }\n\n    &.caption {\n      font-size: 0.71em;\n      line-height: calc(var(--line-height) - 5%);\n      /* line-height: 135%; */\n      /* letter-spacing: 0.06em; */\n    }\n  }\n\n  @include medium-only() {\n    p {\n      font-size: 1.14em;\n      line-height: calc(var(--line-height) + 5%);\n      /* line-height: 145%; */\n\n      &.large {\n        font-size: 1.35em;\n        line-height: calc(var(--line-height) + 10%);\n        /* line-height: 150%; */\n      }\n\n      &.small {\n        font-size: 1em;\n        line-height: calc(var(--line-height) - 5%);\n        /* line-height: 135%; */\n      }\n\n      &.caption {\n        font-size: 0.85em;\n        line-height: calc(var(--line-height) - 5%);\n        /* line-height: 135%; */\n        /* letter-spacing: 0.06em; */\n      }\n    }\n  }\n\n  @include large-up() {\n    p {\n      font-size: 1.42em;\n      line-height: calc(var(--line-height) + 10%);\n      /* line-height: 150%; */\n      /* letter-spacing: normal; */\n\n      &.large {\n        font-size: 1.71em;\n        line-height: calc(var(--line-height) + 20%);\n        /* line-height: 160%; */\n      }\n\n      &.small {\n        font-size: 1.21em;\n        line-height: calc(var(--line-height) + 5%);\n        /* line-height: 145%; */\n        /* letter-spacing: normal; */\n      }\n\n      &.caption {\n        font-size: 1em;\n        line-height: calc(var(--line-height) + 5%);\n        /* line-height: 145%; */\n        /* letter-spacing: 0.02em; */\n      }\n    }\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-medium);\n    color: var(--color-link);\n    text-underline-offset: 10%;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n\n","import { Component, Host, Prop, h, Element, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-paragraph',\n  styleUrl: 'cura-paragraph.scss',\n  shadow: true,\n})\nexport class CuraParagraph {\n\n  /**\n   * Set size of body text.\n   * Values: regular (default) | large | small | caption.\n   */\n  @Prop({reflect: true}) size: 'regular' | 'large' | 'small' | 'caption' = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n  /**\n   * Color base from color scheme. Default: theme font color.\n   */\n  @Prop() color;\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * Host element <cura-paragraph>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  @State() styles = {};\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  setsizeClass() {\n    const sizeclass = {};\n    sizeclass[this.size.toLowerCase()] = true;\n    return sizeclass;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('body'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '1.25em');\n    this.setHostProperty('--line-height', '140%');\n  }\n\n  setColors() {\n    const fontColor = this.color ? window.CuraAPI.theme.colors.getColor(this.color) :\n      this.inverted\n      ? window.CuraAPI.theme.colors.getColor('neutral-white')\n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles = {\n      ...this.styles,\n      '--color-body': fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker'),\n      '--color-link': this.inverted\n        ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-lighter`)\n        : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-dark`)\n    };\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <p style={this.styles} class={this.setsizeClass()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}

package/dist/cura/p-d5c64a5f.js

@@ -0,0 +1,2 @@
+const t={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:"'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 e=Object.assign(Object.assign({},t),{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:325,light:325,regular:325,medium:350,bold:400,black:425}}});const i=Object.assign(Object.assign({},t),{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 s=Object.assign(Object.assign({},t),{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"}}});const o={default:t,maternidade:e,oncologia:i,legacyDefault:s};const r={color:{success:{100:"223,246,233",300:"148,225,181",500:"95,210,144",700:"49,115,77",900:"19,42,29"},info:{100:"207,226,255",300:"149,191,255",500:"110,168,255",700:"66,100,153",900:"37,56,85"},error:{100:"251,221,221",300:"242,143,143",500:"235,87,87",700:"157,58,58",900:"47,17,17"},warning:{100:"252,250,196",300:"248,244,137",500:"245,239,78",700:"108,106,32",900:"49,48,16"},neutral:{0:"255,255,255",100:"246,246,246",200:"233,233,233",300:"226,226,226",400:"212,212,212",500:"183,183,183",600:"146,146,146",700:"110,110,110",800:"74,74,74",900:"38,38,38"}},breakpoints:{xsmall:{min:0,max:480},small:{min:481,max:768},medium:{min:769,max:992},large:{min:993,max:1919},xlarge:{min:1920,max:4096}}};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 o=this.getStatic(i,s);if(o)return o;return this.getDynamic(i,s,e)}getStatic(t,e,i=1){var s,o,n;const a=r.color[t];if(!a)return null;const c=t==="neutral"?this.NeutralDepthAlias[e]:this.ColorDepthAlias[e];return((s=r.color[t])===null||s===void 0?void 0:s[c])?`rgba(${(o=r.color[t])===null||o===void 0?void 0:o[c]}, ${i})`:`rgba(${(n=r.color[t])===null||n===void 0?void 0:n[e]}, ${i})`}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 a{constructor(){this.curaSpacing="--cura-spacing-base"}getSpacing(){if(getComputedStyle(document.body).getPropertyValue(this.curaSpacing)){return`var(${this.curaSpacing})`}return"4"}}class c{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 e={};Object.keys(t.font.weights).forEach((t=>e[t]=`var(--cura-font-weights-${t})`));return e}}class l{constructor(){}get(t=null,e=null){if(t){const i=e?r.breakpoints[t][e]:r.breakpoints[t];if(i)return i}return r.breakpoints}}class u{constructor(){this.prefix="--cura";this.colors=new n;this.spacing=new a;this.fonts=new c;this.breakpoints=new l;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)=>{const i=Object.entries(e);for(let e of i){if(this.isObject(e[1])){this.buildCssVars(this.groupPath(t,e[0]),e[1])}else{this.setCssVar(e,t)}}};this.rootElement=window.document.documentElement}load(t="default"){const e=o[t]?o[t]:o.default;this.buildCssVars(this.prefix,e)}setCustom(t){const e=t.name;if(e in o){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 o?o[t.fromPreset]:o.default;const s=Object.assign({},JSON.parse(JSON.stringify(i)));this.mergeObject(t.definitions,s);o[e]=s;this.load(e)}}}class h{constructor(t){this.localAssetsPath=t&&t.localAssetsPath?t.localAssetsPath:`/assets`;const e=new u;this.theme={load:function(t){e.load(t)},setCustom:function(t){e.setCustom(t)},colors:{getColor:function(t,i){return e.colors.getColor(t,i)}},fonts:{getFamily:function(t){return e.fonts.getFamily(t)},getWeights:function(){return e.fonts.getWeights()},getSize:function(){return e.fonts.getSize()},getColor:function(){return e.fonts.getColor()}},spacing:{getSpacing:function(){return e.spacing.getSpacing()}},breakpoints:{get:function(t,i){return e.breakpoints.get(t,i)}}};if(t&&t.customTheme){this.theme.setCustom(t.customTheme)}else{const e=t&&t.theme?t.theme:"default";this.theme.load(e)}}}function d(){const t=window.CuraInit;window.CuraAPI=t?new h(t):new h;const e=window.CuraAPI;window.dispatchEvent(new CustomEvent("CuraAPIReady",{detail:{api:e}}));if(t&&typeof t.onReady==="function")t.onReady(e)}const g=d;export{g};
+//# sourceMappingURL=p-d5c64a5f.js.map

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

@@ -0,0 +1 @@
+{"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","ThemeLegacyDefault","ThemePresets","default","maternidade","oncologia","legacyDefault","Static","success","info","error","warning","neutral","breakpoints","xsmall","min","max","small","large","xlarge","CuraThemeColorsModule","constructor","this","NeutralDepthAlias","purewhite","white","pale","lighter","dark","darker","ColorDepthAlias","getColor","colorWithDepth","opacity","depth","splitColorDepth","staticColor","getStatic","getDynamic","colorObj","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","CuraThemeModule","prefix","colors","fonts","setCssVar","prop","path","varName","groupPath","rootElement","style","setProperty","a","b","isObject","val","Array","isArray","mergeObject","from","to","entries","e","buildCssVars","obj","window","load","theme","preset","setCustom","customTheme","customTag","name","console","log","fromPreset","newTheme","JSON","parse","stringify","definitions","CuraAPI","config","localAssetsPath","themeModule","themeTag","customThemeDefinitions","CuraInit","api","dispatchEvent","CustomEvent","detail","onReady","globalScripts","appGlobalScript"],"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-legacy-default.ts","./src/api/theme-presets/theme-presets.ts","./src/api/theme-presets/static.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","./src/api/cura-api.ts","./src/rededor-cura-start.ts","@stencil/core/internal/app-globals"],"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: \"'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","/**\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: 325,\n      light: 325,\n      regular: 325,\n      medium: 350,\n      bold: 400,\n      black: 425\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 * 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};\n","import { ThemeDefault } from './theme-default';\nimport { ThemeMaternity } from './theme-maternity';\nimport { ThemeOncology } from './theme-oncology';\nimport { ThemeLegacyDefault } from './theme-legacy-default';\n\nexport const ThemePresets = {\n  'default': ThemeDefault,\n  'maternidade': ThemeMaternity,\n  'oncologia': ThemeOncology,\n  'legacyDefault': ThemeLegacyDefault\n};\n","/**\n * Static\n */\nexport const Static = {\n  /* Colors */\n  color: {\n    success: {\n      '100': '223,246,233',\n      '300': '148,225,181',\n      '500': '95,210,144',\n      '700': '49,115,77',\n      '900': '19,42,29',\n    },\n    info: {\n      '100': '207,226,255',\n      '300': '149,191,255',\n      '500': '110,168,255',\n      '700': '66,100,153',\n      '900': '37,56,85',\n    },\n    error: {\n      '100': '251,221,221',\n      '300': '242,143,143',\n      '500': '235,87,87',\n      '700': '157,58,58',\n      '900': '47,17,17',\n    },\n    warning: {\n      '100': '252,250,196',\n      '300': '248,244,137',\n      '500': '245,239,78',\n      '700': '108,106,32',\n      '900': '49,48,16',\n    },\n    neutral: {\n      '0': '255,255,255',\n      '100': '246,246,246',\n      '200': '233,233,233',\n      '300': '226,226,226',\n      '400': '212,212,212',\n      '500': '183,183,183',\n      '600': '146,146,146',\n      '700': '110,110,110',\n      '800': '74,74,74',\n      '900': '38,38,38',\n    },\n  },\n  breakpoints: {\n    xsmall: {\n      min: 0,\n      max: 480\n    },\n    small: {\n      min: 481,\n      max: 768\n    },\n    medium: {\n      min: 769,\n      max: 992\n    },\n    large: {\n      min: 993,\n      max: 1919\n    },\n    xlarge: {\n      min: 1920,\n      max: 4096\n    }\n  }\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);\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) 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\n  rootElement: HTMLElement;\n  prefix = '--cura';\n  colors = new CuraThemeColorsModule();\n  spacing = new CuraThemeSpacingModule();\n  fonts = new CuraThemeFontsModule();\n  breakpoints = new CuraThemeBreakpointsModule();\n\n  constructor() {\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  /**\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\n        ? ThemePresets[customTheme.fromPreset]\n        : 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) => {\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]);\n      } else {\n        this.setCssVar(e, path);\n      }\n    }\n  }\n}\n","import { CuraConfig, APIThemeFunctions, CuraCustomTheme } from './cura-api.type';\nimport CuraThemeModule from './modules/cura-theme-module';\n\nexport default class CuraAPI {\n\n  theme: APIThemeFunctions;\n  localAssetsPath: string;\n\n  constructor (config?: CuraConfig) {\n    this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;\n    const themeModule = new CuraThemeModule();\n    this.theme = {\n      load: function(themeTag: string) { themeModule.load(themeTag); },\n      setCustom: function(customThemeDefinitions: CuraCustomTheme) { themeModule.setCustom(customThemeDefinitions); },\n      colors: {\n        getColor: function(colorWithDepth?: string, opacity?: number) { return themeModule.colors.getColor(colorWithDepth, opacity) },\n      },\n      fonts: {\n        getFamily: function(type?: string) { return themeModule.fonts.getFamily(type) },\n        getWeights: function() { return themeModule.fonts.getWeights() },\n        getSize: function() { return themeModule.fonts.getSize() },\n        getColor: function() { return themeModule.fonts.getColor() }\n      },\n      spacing: {\n        getSpacing: function() { return themeModule.spacing.getSpacing(); },\n      },\n      breakpoints: {\n        get: function(size?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge', position?: 'min' | 'max') { return themeModule.breakpoints.get(size, position); }\n      }\n   };\n    if (config && config.customTheme) {\n      this.theme.setCustom(config.customTheme);\n    } else {\n      const theme = config && config.theme ? config.theme : 'default';\n      this.theme.load(theme);\n    }\n  }\n\n}\n","import CuraAPI from './api/cura-api';\nimport { CuraConfig } from './api/cura-api.type';\n// import { setAssetPath } from '@stencil/core';\n\n// setAssetPath(import.meta.url);\ndeclare global {\n  interface Window {\n    CuraAPI?: CuraAPI,\n    CuraInit?: CuraConfig\n  }\n}\n\nexport default function() {\n  const config = window.CuraInit;\n  window.CuraAPI = config ? new CuraAPI(config) : new CuraAPI();\n  const api = window.CuraAPI;\n  window.dispatchEvent(new CustomEvent(\"CuraAPIReady\", { detail: {api} }));\n  if (config && typeof config.onReady === 'function') config.onReady(api);\n}\n","import appGlobalScript from '/Users/fellipesoares/Code/cura/packages/component-lib/src/rededor-cura-start.ts';\nexport const globalScripts = appGlobalScript;\n"],"mappings":"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"}

package/dist/cura/{p-0ac3b5f1.system.js → p-f4232daa.system.js}

@@ -1,2 +1,2 @@
-System.register(["./p-8da635b7.system.js","./p-bd027c48.system.js"],(function(o,i){"use strict";var e,n,c,t,r;return{setters:[function(i){e=i.p;n=i.w;c=i.a;t=i.b;o("setNonce",i.s)},function(o){r=o.g}],execute:function(){var o=function(){{e.$cssShim$=n.__cssshim}var o=i.meta.url;var t={};if(o!==""){t.resourcesUrl=new URL(".",o).href}return c(t)};o().then((function(o){r();return t([["p-9ae6b01a.system",[[1,"cura-button",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}],[1,"cura-button-outline",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}],[1,"cura-button-transparent",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}],[1,"cura-accordion-item",{label:[513],iconSize:[514,"icon-size"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],iconActiveColor:[513,"icon-active-color"],colorMode:[1,"color-mode"],opened:[1540],styles:[32]}],[1,"cura-icons-view",{selected:[32]}],[1,"cura-accordion",{color:[513],activeColor:[513,"active-color"],colorMode:[513,"color-mode"],iconSize:[514,"icon-size"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],iconActiveColor:[513,"icon-active-color"],behavior:[513],styles:[32]}],[1,"cura-display",{level:[514],size:[513],inverted:[516],spotColor:[513,"spot-color"]}],[1,"cura-heading",{level:[514],size:[513],weight:[513],inverted:[516],spotColor:[513,"spot-color"]}],[1,"cura-page-template",{contentwidth:[513]}],[1,"cura-paragraph",{size:[513],inverted:[516],spotColor:[513,"spot-color"],color:[8],styles:[32]}],[1,"cura-loader-circle",{size:[513],color:[513]}],[1,"cura-icon",{name:[513],color:[1],size:[8],iconset:[513],disabled:[4]}]]]],o)}))}}}));
-//# sourceMappingURL=p-0ac3b5f1.system.js.map
+System.register(["./p-8da635b7.system.js","./p-788e035b.system.js"],(function(o,i){"use strict";var e,n,c,t,r;return{setters:[function(i){e=i.p;n=i.w;c=i.a;t=i.b;o("setNonce",i.s)},function(o){r=o.g}],execute:function(){var o=function(){{e.$cssShim$=n.__cssshim}var o=i.meta.url;var t={};if(o!==""){t.resourcesUrl=new URL(".",o).href}return c(t)};o().then((function(o){r();return t([["p-4cdbc8a1.system",[[1,"cura-button",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}],[1,"cura-button-outline",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}],[1,"cura-button-transparent",{size:[513],disabled:[516],isLoading:[516,"is-loading"],iconName:[513,"icon-name"],iconset:[513],iconPosition:[513,"icon-position"],iconOnly:[516,"icon-only"],href:[513],target:[513],color:[1],fontColor:[513,"font-color"],textAlign:[513,"text-align"],styles:[32]}],[1,"cura-accordion-item",{label:[513],iconSize:[514,"icon-size"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],iconActiveColor:[513,"icon-active-color"],colorMode:[1,"color-mode"],opened:[1540],styles:[32]}],[1,"cura-icons-view",{selected:[32]}],[1,"cura-accordion",{color:[513],activeColor:[513,"active-color"],colorMode:[513,"color-mode"],iconSize:[514,"icon-size"],openIcon:[513,"open-icon"],closeIcon:[513,"close-icon"],iconColor:[513,"icon-color"],iconActiveColor:[513,"icon-active-color"],behavior:[513],styles:[32]}],[1,"cura-display",{level:[514],size:[513],inverted:[516],spotColor:[513,"spot-color"]}],[1,"cura-heading",{level:[514],size:[513],weight:[513],inverted:[516],spotColor:[513,"spot-color"]}],[1,"cura-page-template",{contentwidth:[513]}],[1,"cura-paragraph",{size:[513],inverted:[516],spotColor:[513,"spot-color"],color:[8],styles:[32]}],[1,"cura-loader-circle",{size:[513],color:[513]}],[1,"cura-icon",{name:[513],color:[1],size:[8],iconset:[513],disabled:[4]}]]]],o)}))}}}));
+//# sourceMappingURL=p-f4232daa.system.js.map