@rededor/cura 1.0.0-alpha.0 → 1.0.0-alpha.2

package/dist/cura/p-5e5f37c7.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["curaAccordionCss","CuraAccordionStyle0","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","key","style","name","curaAccordionItemCss","CuraAccordionItemStyle0","CuraAccordionItem","getIconColor","inverted","getClasses","classes","accordionItemClick","slot","class","onClick","e","label","size","curaButtonCss","CuraButtonStyle0","CuraButton","medium","textAlign","background","handleMouseEnter","disabled","hovered","handleMouseLeave","toLowerCase","_b","iconPosition","iconOnly","isLoading","getIcon","iconName","iconset","getSymbolColor","fontColor","handleClick","preventDefault","href","internals","form","submit","reset","onMouseEnter","onMouseLeave","lineHeight","curaHeadingCss","CuraHeadingStyle0","CuraHeading","setFontProperties","weight","fontSizeBase","bold","black","hostCSSProperties","marginBlock","spotColor","getHeadingTag","tags","default","level","curaIconCss","CuraIconStyle0","CuraIcon","sizeHandler","microIcons","includes","console","warn","scaledStroke","iconSizes","stroke","setHostProperty","colorHandler","assetsPath","localAssetsPath","prop","value","setProperty","version","viewBox","preserveAspectRatio","xmlns","xlinkHref","curaLabelCss","CuraLabelStyle0","CuraLabel","sizeclass","curaLoaderCircleCss","CuraLoaderCircleStyle0","CuraLoaderCircle","sizes","xlarge","large","small","getPxSize","getStyles","fill","cx","cy","r","d","id","x1","y1","x2","y2","gradientUnits","offset","curaPageTemplateCss","CuraPageTemplateStyle0","CuraPageTemplate","contentwidth","curaParagraphCss","CuraParagraphStyle0","CuraParagraph","setsizeClass"],"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/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/components/forms/cura-label/cura-label.scss?tag=cura-label&encapsulation=shadow","src/components/forms/cura-label/cura-label.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,\n  a {\n    @include button-element() {\n      background-color: var(--color-base-neutral-purewhite);\n      box-sizing: border-box;\n      border: 2px solid transparent;\n\n      &:not(.disabled) {\n        &:not(.isLoading) {\n          border: 2px solid var(--color-base-color-light);\n        }\n\n        &:hover {\n          border-color: var(--color-dark-color-base);\n          background: var(--color-base-color-light);\n          box-shadow: 0px 4px 8px 0px rgba(38, 38, 38, 0.16);\n        }\n      }\n\n      &:not(.isLoading):not(.disabled):active {\n        background-color: var(--color-dark-color-light);\n        border-color: var(--color-dark-color-light);\n      }\n    }\n\n    @include button-shadow-behavior();\n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label();\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n      background-color: var(--neutral-pale-neutral-black);\n    }\n\n    // FAB / Icon-only\n    @include button-icon-only-behavior();\n\n    // Loading State\n    @include button-loading();\n  }\n}\n","import { Component, Host, h, Prop, Watch, State, AttachInternals } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button',\n  styleUrl: 'cura-button.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class CuraButton {\n\n  @AttachInternals() internals: ElementInternals;\n\n  /**\n   * Button type: button (default) | submit | reset\n   */\n  @Prop({ reflect: true }) type: 'button' | 'reset' | 'submit' = 'button';\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: 'true' | 'false' = '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\n  /**\n  * Set the background color to dark or light.\n  */\n  @Prop({ reflect: true }) background: 'dark' | 'light' = 'light';\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  @State() styles = {};\n\n  @State() hovered = false\n\n  weights;\n\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\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  @Watch('background')\n  @Watch('color')\n  setColors() {\n    const colors = [\n      { name: '--color-base-neutral-purewhite', theme: `${this.background === 'light' ? `${this.color}-base` : 'neutral-pale'}` },\n      { name: '--color-base-color-light', theme: `${this.background === 'light' ? `${this.color}-base` : `${this.color}-lighter`}` },\n      { name: '--color-dark-color-light', theme: `${this.background === 'light' ? `${this.color}-dark` : `${this.color}-light`}` },\n      { name: '--color-dark-color-base', theme: `${this.background === 'light' ? `${this.color}-dark` : `${this.color}-base`}` },\n      { name: '--neutral-pale-neutral-black', theme: `${this.background === 'light' ? 'neutral-pale' : 'neutral-black'}` },\n    ]\n\n    colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.theme));\n    this.styles = { ...this.styles };\n  }\n\n  handleMouseEnter() {\n    if (this.disabled) return;\n    this.hovered = true;\n  }\n\n  handleMouseLeave() {\n    this.hovered = false;\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['disabled'] = this.disabled;\n    classes['isLoading'] = this.isLoading;\n\n    return classes;\n  }\n\n  getIcon() {\n    if (!this.iconName || this.isLoading) return '';\n    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={this.getSymbolColor()}></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) {\n      e.preventDefault();\n      return;\n    }\n    if (!this.href) {\n      if (this.type === 'submit' && this.internals.form) this.internals.form.submit();\n      if (this.type === 'reset' && this.internals.form) this.internals.form.reset();\n    }\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            onMouseEnter={() => this.handleMouseEnter()}\n            onMouseLeave={() => this.handleMouseLeave()}>\n            <span class=\"button-container\">\n              {this.getIcon()}\n              <cura-label class=\"label\" lineHeight='0%' color={this.getSymbolColor()}><slot></slot></cura-label>\n            </span>\n            <cura-loader-circle size={this.size} color=\"neutral-black\"></cura-loader-circle>\n          </a>\n        ) : (\n          <button class={this.getClasses()}\n            style={this.styles}\n            disabled={this.disabled === 'true' ? true : null}\n            onClick={(e) => this.handleClick(e)}\n            onMouseEnter={() => this.handleMouseEnter()}\n            onMouseLeave={() => this.handleMouseLeave()}\n            type={this.type}>\n            <span class=\"button-container\">\n              {this.getIcon()}\n              <cura-label class=\"label\" lineHeight='0%' color={this.getSymbolColor()}><slot></slot></cura-label>\n            </span>\n            <cura-loader-circle size={this.size} color=\"neutral-black\"></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-base);\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 1.714em;\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    margin-block: var(--margin-block);\n    letter-spacing: 0px;\n\n    &.bold-weight {\n      font-weight: var(--font-weight-medium);\n    }\n\n    &.large {\n      font-size: 2.071em;\n      letter-spacing: -0.58px;\n    }\n\n    &.small {\n      font-size: 1.214em;\n      line-height: calc(var(--line-height) + 20%);\n\n      &.bold-weight, ::slotted(b), ::slotted(strong) {\n        font-weight: var(--font-weight-bold);\n      }\n    }\n\n    &.xsmall {\n      font-size: 0.714em;\n      font-weight: var(--font-weight-medium);\n      letter-spacing: 0.6px;\n\n      &.bold-weight, ::slotted(b), ::slotted(strong) {\n        font-weight: var(--font-weight-bold);\n      }\n    }\n\n  }\n\n  @include medium-large() {\n    h1, h2, h3, h4, h5, h6 {\n      font-size: 2em;\n\n      &.large {\n        font-size: 2.357em;\n        letter-spacing: -0.66px;\n      }\n\n      &.small {\n        font-size: 1.357em;\n      }\n\n      &.xsmall {\n        font-size: 0.857em;\n        line-height: calc(var(--line-height) + 3%);\n        letter-spacing: 0.72px;\n      }\n\n    }\n  }\n\n  @include xlarge-only() {\n    h1, h2, h3, h4, h5, h6 {\n      font-size: 2.5em;\n      line-height: calc(var(--line-height) + 5%);\n      letter-spacing: -0.82px;\n\n      &.large {\n        font-size: 2.929em;\n      }\n\n      &.small {\n        font-size: 1.714em;\n        line-height: calc(var(--line-height) + 30%);\n        letter-spacing: 0%;\n      }\n\n      &.xsmall {\n        font-size: 1em;\n        line-height: calc(var(--line-height) + 12.857%);\n        letter-spacing: 0.28px;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-medium);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-bold);\n    color: var(--color-link);\n    text-underline-offset: 10%;\n    cursor: pointer;\n  }\n\n  ::slotted(u) {\n    text-underline-offset: 10%;\n  }\n\n  ::slotted(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  ::slotted(i), ::slotted(em) {\n    font-weight: var(--font-weight-medium);\n  }\n\n}\n","import { Component, Host, h, Prop, Element, Watch, State } 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. Will render the related HTML tag <h1>, <h2>, ...\n   * Values: 1(default) to 6.\n   */\n  @Prop({reflect: true}) level: 1 | 2 | 3 | 4 | 5 | 6  = 1;\n\n  /**\n   * Heading style size.\n   * Values: regular (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.\n   */\n  @Prop({reflect: true}) size: 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall' = 'medium';\n\n  /**\n   * Heading font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\n   * Values: regular (default) | bold.\n   */\n  @Prop({reflect: true}) weight: 'regular' | 'bold' = 'regular';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop() color: string;\n  @Watch('color')\n  @Watch('spotColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '1.25em';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '130%';\n\n  /**\n   * Host element <cura-heading>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\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.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('heading'),\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  }\n\n  hostCSSProperties() {\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight\n    };\n  }\n\n  setColors() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    this.styles = {\n      ...this.styles,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n      '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  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 style={this.hostCSSProperties()}>\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';\nimport { microIcons, iconSizes } from './cura-icon.definitions';\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  @Watch('size')\n  sizeHandler(size: string | number) {\n    if (size === 'micro' && !microIcons.includes(this.name) ) {\n      size = 16;\n      console.warn(`Icon ${this.name} doesn't support micro size. Minimum size of 16 was applied instead.`);\n    }\n    const scaledStroke = (iconSize: string | number) => {\n      return `${iconSizes[iconSize].stroke * (iconSizes.default.size / iconSizes[iconSize].size)}px`;\n    }\n    this.setHostProperty('--size', iconSizes[`${size}`] ? `${iconSizes[size].size}px` : `${iconSizes.default.size}px`);\n    this.setHostProperty('--stroke', iconSizes[`${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 || 'neutral'));\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","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size-base);\n\n\n  p {\n    font-family: var(--font-family);\n    font-size: 1.143em;\n    font-weight: var(--font-weight-medium);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    margin-block: var(--margin-block);\n    letter-spacing: 0.32px;\n\n    &.bold-weight, ::slotted(b), ::slotted(strong), ::slotted(u) {\n      font-weight: var(--font-weight-bold);\n    }\n\n    &.large {\n      font-size: 1.357em;\n      line-height: calc(var(--line-height) - 4%);\n      letter-spacing: 0px;\n    }\n\n    &.small {\n      font-size: 1em;\n      line-height: calc(var(--line-height) - 4%);\n      letter-spacing: 0.56px;\n    }\n\n    &.xsmall {\n      font-size: 0.857em;\n      line-height: calc(var(--line-height) - 17%);\n      letter-spacing: 0.72px;\n    }\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-bold);\n    color: var(--color-link);\n    text-underline-offset: 10%;\n  }\n\n  ::slotted(u) {\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-label',\n  styleUrl: 'cura-label.scss',\n  shadow: true,\n})\nexport class CuraLabel {\n\n  /**\n   * Set size of body text.\n   * Values: medium (default) | large | small | xsmall.\n   */\n  @Prop({reflect: true}) size: 'medium' | 'large' | 'small' | 'xsmall' = 'medium';\n\n  /**\n   * Label font weight. It is possible to use regular HTML tags like <b> or <strong> as well.\n   * Values: regular (default) | bold.\n   */\n  @Prop({reflect: true}) weight: 'regular' | 'bold' = 'regular';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop() color: string;\n  @Watch('color')\n  @Watch('spotColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '0';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '125%';\n\n  /**\n   * Host element <cura-label>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const sizeclass = {};\n    sizeclass[this.size.toLowerCase()] = true;\n    sizeclass[`${this.weight.toLowerCase()}-weight`] = true;\n    return sizeclass;\n  }\n\n  setFontProperties() {\n    this.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': this.theme.fonts.getFamily('body'),\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    };\n  }\n\n  setColors() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    this.styles = {\n      ...this.styles,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n      '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  hostCSSProperties() {\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()}>\n        <p style={this.styles} class={this.getClasses()}>\n          <slot></slot>\n        </p>\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-min;\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-base);\n\n  p {\n    font-family: var(--font-family);\n    font-size: var(--font-size-base);\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: var(--line-height);\n    margin-block: var(--margin-block);\n    letter-spacing: 0.28px;\n\n    &.large {\n      font-size: 1.214em;\n      line-height: calc(var(--line-height) + 10%);\n      letter-spacing: 0px;\n    }\n\n    &.small {\n      font-size: 0.85em;\n      line-height: calc(var(--line-height) - 5%);\n      letter-spacing: 0.48px;\n    }\n\n    &.caption, &.xsmall {\n      font-size: 0.714em;\n      line-height: calc(var(--line-height) - 5%);\n      letter-spacing: 0.6px;\n    }\n  }\n\n  @include medium-large() {\n    p {\n      font-size: 1.143em;\n      line-height: calc(var(--line-height) + 5%);\n      letter-spacing: 0.32px;\n\n      &.large {\n        font-size: 1.357em;\n        line-height: calc(var(--line-height) + 10%);\n        letter-spacing: 0px;\n      }\n\n      &.small {\n        font-size: 1em;\n        line-height: calc(var(--line-height) - 5%);\n        letter-spacing: 0.56px;\n      }\n\n      &.caption, &.xsmall {\n        font-size: 0.85em;\n        line-height: calc(var(--line-height) - 5%);\n        letter-spacing: 0.72px;\n      }\n    }\n  }\n\n  @include xlarge-only() {\n    p {\n      font-size: 1.429em;\n      line-height: calc(var(--line-height) + 10%);\n      letter-spacing: 0px;\n\n      &.large {\n        font-size: 1.714em;\n        line-height: calc(var(--line-height) + 20%);\n      }\n\n      &.small {\n        font-size: 1.21em;\n        line-height: calc(var(--line-height) + 5%);\n        letter-spacing: 0px;\n      }\n\n      &.caption, &.xsmall {\n        font-size: 1em;\n        line-height: calc(var(--line-height) + 5%);\n        letter-spacing: 0.28px;\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(u) {\n    font-weight: var(--font-weight-medium);\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 (deprecated), medium (default) | large | small | caption (deprecated) | xsmall.\n   */\n  @Prop({reflect: true}) size: 'regular' | 'medium' | 'large' | 'small' | 'caption' | 'xsmall' = 'medium';\n\n  /**\n  * Apply design system color to interactive elements like <a> and <abbr> inside the text.\n  * Values: Color from design system scheme. Default to 'accent-dark'.\n  */\n  @Prop({reflect: true}) spotColor = 'accent-dark';\n\n  /**\n   * Text color.\n   * Values: Color from design system scheme. Default to the font color from the theme.\n   */\n  @Prop() color: string;\n  @Watch('color')\n  @Watch('spotColor')\n  handleChangeColor() {\n    this.setColors();\n  }\n\n  /**\n   * CSS margin-block property values.\n   * Default to 1.25em\n   */\n  @Prop({reflect: true}) marginBlock = '1.25em';\n\n  /**\n   * CSS line-height property values.\n   * Default to 140%\n   */\n  @Prop({reflect: true}) lineHeight = '140%';\n\n  /**\n   * Host element <cura-paragraph>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  fontSizeBase: string;\n  @State() styles = {};\n  theme = window.CuraAPI.theme;\n\n  connectedCallback() {\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.weights = this.theme.fonts.getWeights();\n    this.fontSizeBase = this.theme.fonts.getSize();\n    this.styles = {\n      '--font-family': this.theme.fonts.getFamily('body'),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    };\n  }\n\n  setColors() {\n    const fontColor = this.color\n      ? this.theme.colors.getColor(this.color)\n      : this.theme.fonts.getColor();\n    this.styles = {\n      ...this.styles,\n      '--color-body': fontColor || this.theme.colors.getColor('neutral-darker'),\n      '--color-link': this.theme.colors.getColor(`${this.spotColor}`)\n    };\n  }\n\n  hostCSSProperties() {\n    return {\n      '--margin-block': this.marginBlock,\n      '--font-size-base': this.fontSizeBase,\n      '--line-height': this.lineHeight\n    };\n  }\n\n  render() {\n    return (\n      <Host style={this.hostCSSProperties()}>\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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","ignoreList":[]}

package/dist/cura/{p-a5456007.entry.js → p-5fcfbf32.entry.js}

@@ -1,2 +1,2 @@
-import{r,c as e,h as a,H as s,g as t}from"./p-586bbe43.js";import{f as o}from"./p-f9b8f665.js";const i='@charset "UTF-8";:host{display:block;width:fit-content;box-sizing:border-box;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .info{display:flex;flex-direction:column}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:"";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}';const c=i;const d=class{constructor(a){r(this,a);this.onchange=e(this,"onchange",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.sizes={large:{size:20},medium:{size:14},small:{size:10}};this.isDarkbackground=()=>this.background==="dark";this.handleClick=()=>{if(this.disabled)return;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked})};this.checked=false;this.status="default";this.disabled=false;this.required=false;this.label="";this.ontabindex=undefined;this.position="left";this.value="";this.name="";this.background="light";this.size="medium";this.color="accent";this.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size-after":`${this.sizes[this.size].size}px`,"--size":`${o[this.size].size}px`,"--gap":`${o[this.size].gap}px`})}setColors(){const r=[{name:"--info-base",background:"info-base"},{name:"--color-light",background:`${this.color}-light`},{name:"--color-base",background:`${this.color}-base`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--neutral-purewhite",background:"neutral-purewhite"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--error-lighter",background:"error-lighter"},{name:"--error-base",background:"error-base"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--primary-base-neutral-white",background:this.isDarkbackground()?"primary-base":"neutral-white"},{name:"--primary-darker-neutral-white",background:this.isDarkbackground()?"primary-darker":"neutral-white"},{name:"--primary-darker-neutral-base",background:this.isDarkbackground()?"primary-darker":"neutral-base"},{name:"--primary-base-neutral-base",background:this.isDarkbackground()?"primary-base":"neutral-base"},{name:"--primary-base-neutral-dark",background:this.isDarkbackground()?"primary-base":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--success-base-dark",background:this.isDarkbackground()?"success-base":"success-dark"},{name:"--error-base-dark",background:this.isDarkbackground()?"error-base":"error-dark"}];r.forEach((r=>{this.styles[r.name]=window.CuraAPI.theme.colors.getColor(r.background)}));this.styles=Object.assign({},this.styles)}formAssociatedCallback(r){r.ariaLabel=this.label}formStateRestoreCallback(r){this.value=r.value;this.checked=r.checked;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(r){this.disabled=r}connectedCallback(){this.sizeHandler();this.setColors()}getClasses(){const r={};r["container"]=true;r["checked"]=this.checked;r["disabled"]=this.disabled;r["position"]=this.position==="right";r[this.status]=true;return r}assignColor(r){if(this.disabled)return this.isDarkbackground()?"primary-darker":"neutral-medium";const e={success:{label:this.isDarkbackground()?"success-lighter":"success-darker",message:this.isDarkbackground()?"success-base":"success-dark"},error:{label:this.isDarkbackground()?"error-lighter":"neutral-darker",message:this.isDarkbackground()?"error-base":"error-dark"},default:{label:this.isDarkbackground()?"neutral-white":"neutral-black",message:this.isDarkbackground()?"primary-lighter":"neutral-dark"}};return e[this.status][r]}render(){return a(s,{key:"8f28f0ad3ec32f97cd39f5c574f7c779b326c3c0"},a("div",{key:"d94d37293c9165c13e082bbc7f78e7b35606147d",class:this.getClasses(),style:this.styles},a("div",{key:"fd743a9a24a22e59d0f9066d65dbe3c5b21c57b7",class:"info"},a("div",{key:"080b345ff308b6cb0fbf1913aa6a1c872e3c325c",class:"label-wrapper"},a("cura-label",{key:"9c0f0d376470b12273a359c65a91954cfa96b1a9",class:"label",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"117eaafe86a8c2f6b190a7cefaaf2d882d658940",lineHeight:"0%",marginBlock:"0",color:"error-base"},"* ")),a("cura-label",{key:"162ba073fc2722b4f1c2a3e8cfa42ae1940b4c99",color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"453713a040379257a9be7c9cd327ffbd8ad3affb"}))),a("input",{key:"19ad607763975886902d6e88fd44bf3e1da75c8a",type:"radio",class:`radio ${this.size.toLocaleLowerCase()}`,name:this.name,value:this.value,required:this.required,tabIndex:this.ontabindex,disabled:this.disabled,checked:this.checked,onClick:this.handleClick})))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"]}}};d.style=c;export{d as cura_radio};
-//# sourceMappingURL=p-a5456007.entry.js.map
+import{r,c as e,h as a,H as s,g as t}from"./p-312791fb.js";import{f as o}from"./p-f9b8f665.js";const i='@charset "UTF-8";:host{display:block;width:fit-content;box-sizing:border-box;}:host .container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}:host .position.container{flex-direction:row}:host .position .label-wrapper{justify-content:end}:host .position .message{text-align:right}:host .position .label{order:1}:host .info{display:flex;flex-direction:column}:host .label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}:host .control{width:fit-content;cursor:pointer;position:relative}:host .radio{margin:0;appearance:none;-webkit-appearance:none;-moz-appearance:none;border-radius:50%;border:2px solid var(--primary-base-neutral-medium);background:var(--neutral-purewhite);box-sizing:border-box;transition:border-color 0.3s;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;width:var(--size);height:var(--size);flex:0 0 var(--size)}:host .radio::after{content:"";background:var(--color-base-light);border-radius:50%;opacity:0;transition:opacity 0.3s;width:var(--size-after);height:var(--size-after)}:host .radio:focus{border-color:var(--info-base) !important}:host .success .radio{border-color:var(--success-base);background:var(--success-lighter)}:host .success .radio:hover{border-color:var(--success-base) !important}:host .success.checked .radio{border-color:var(--success-base)}:host .success.checked .radio::after{background:var(--success-base)}:host .success.checked .radio:hover{background:var(--success-lighter) !important;border-color:var(--success-base) !important}:host .success.checked .radio:hover::after{background:var(--success-base) !important}:host .error .radio{border-color:var(--error-base);background:var(--error-lighter)}:host .error .radio:hover{border-color:var(--error-base) !important}:host .error.checked .radio{border-color:var(--error-base)}:host .error.checked .radio::after{background:var(--error-base)}:host .error.checked .radio:hover{background:var(--error-lighter) !important;border-color:var(--error-base) !important}:host .error.checked .radio:hover::after{background:var(--error-base) !important}:host .checked .radio::after{opacity:1;background:var(--color-base)}:host .checked .radio{border-color:var(--color-dark)}:host .checked .radio:hover{border-color:var(--color-light) !important}:host .checked .radio:hover::after{background:var(--color-light)}:host .disabled .radio{background:var(--primary-base-neutral-white);border-color:var(--primary-darker-neutral-base);cursor:not-allowed}:host .disabled .radio::after{background:var(--neutral-lighter)}:host .disabled.checked .radio{border-color:var(--primary-base-neutral-base) !important;background:var(--primary-darker-neutral-white) !important}:host .disabled.checked .radio::after{background:var(--primary-base-neutral-base) !important}:host :not(.disabled):not(.checked) .radio:hover{border-color:var(--primary-base-neutral-dark)}';const c=i;const d=class{constructor(a){r(this,a);this.onchange=e(this,"onchange",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.sizes={large:{size:20},medium:{size:14},small:{size:10}};this.isDarkbackground=()=>this.background==="dark";this.handleClick=()=>{if(this.disabled)return;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked})};this.checked=false;this.status="default";this.disabled=false;this.required=false;this.label="";this.ontabindex=undefined;this.position="left";this.value="";this.name="";this.background="light";this.size="medium";this.color="accent";this.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size-after":`${this.sizes[this.size].size}px`,"--size":`${o[this.size].size}px`,"--gap":`${o[this.size].gap}px`})}setColors(){const r=[{name:"--info-base",background:"info-base"},{name:"--color-light",background:`${this.color}-light`},{name:"--color-base",background:`${this.color}-base`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--neutral-purewhite",background:"neutral-purewhite"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--error-lighter",background:"error-lighter"},{name:"--error-base",background:"error-base"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--primary-base-neutral-white",background:this.isDarkbackground()?"primary-base":"neutral-white"},{name:"--primary-darker-neutral-white",background:this.isDarkbackground()?"primary-darker":"neutral-white"},{name:"--primary-darker-neutral-base",background:this.isDarkbackground()?"primary-darker":"neutral-base"},{name:"--primary-base-neutral-base",background:this.isDarkbackground()?"primary-base":"neutral-base"},{name:"--primary-base-neutral-dark",background:this.isDarkbackground()?"primary-base":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkbackground()?"primary-base":"neutral-medium"},{name:"--success-base-dark",background:this.isDarkbackground()?"success-base":"success-dark"},{name:"--error-base-dark",background:this.isDarkbackground()?"error-base":"error-dark"}];r.forEach((r=>{this.styles[r.name]=window.CuraAPI.theme.colors.getColor(r.background)}));this.styles=Object.assign({},this.styles)}formAssociatedCallback(r){r.ariaLabel=this.label}formStateRestoreCallback(r){this.value=r.value;this.checked=r.checked;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(r){this.disabled=r}connectedCallback(){this.sizeHandler();this.setColors()}getClasses(){const r={};r["container"]=true;r["checked"]=this.checked;r["disabled"]=this.disabled;r["position"]=this.position==="right";r[this.status]=true;return r}assignColor(r){if(this.disabled)return this.isDarkbackground()?"primary-darker":"neutral-medium";const e={success:{label:this.isDarkbackground()?"success-lighter":"success-darker",message:this.isDarkbackground()?"success-base":"success-dark"},error:{label:this.isDarkbackground()?"error-lighter":"neutral-darker",message:this.isDarkbackground()?"error-base":"error-dark"},default:{label:this.isDarkbackground()?"neutral-white":"neutral-black",message:this.isDarkbackground()?"primary-lighter":"neutral-dark"}};return e[this.status][r]}render(){return a(s,{key:"cd50b6a8c2b43e7ddfc44c2a2d634118e8c8180c"},a("div",{key:"0ab58b0b1e0561cfbe5801167873d3f1f6b8b48d",class:this.getClasses(),style:this.styles},a("div",{key:"24399f088f99dd08696b8421140c64765b7ae82f",class:"info"},a("div",{key:"5fa201595808fd9aede224943fd37cfe8972b51e",class:"label-wrapper"},a("cura-label",{key:"58f5d8d6f176a1519458c30fbbf0f11bc11b72c1",class:"label",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"ce96f49de0925ca3739640acadd25bb8d9fbbd26",lineHeight:"0%",marginBlock:"0",color:"error-base"},"* ")),a("cura-label",{key:"b2188df747035a27bae0ad5206ac48ef31320268",color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"215226214804fe80e0b049224a590411ddd1f01e"}))),a("input",{key:"d3fc5b35a27e44f9d8e5f5ab9f9c348ef7bc8bb9",type:"radio",class:`radio ${this.size.toLocaleLowerCase()}`,name:this.name,value:this.value,required:this.required,tabIndex:this.ontabindex,disabled:this.disabled,checked:this.checked,onClick:this.handleClick})))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"]}}};d.style=c;export{d as cura_radio};
+//# sourceMappingURL=p-5fcfbf32.entry.js.map

package/dist/cura/{p-7c41f034.entry.js → p-6373c7cd.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as t,h as s,H as a,g as c}from"./p-586bbe43.js";const i=":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:12px;gap:12px;flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .icon-left{margin-right:5px}:host .icon-right{margin-left:auto;cursor:pointer}:host .text{margin-top:3px}:host .actions{margin-top:5px}";const r=i;const o=class{constructor(s){e(this,s);this.close=t(this,"close",7);this.handleClose=()=>{this.close.emit();this.host.remove()};this.type="info";this.floating=false;this.label=undefined;this.closeable=true;this.icon=undefined;this.styles={}}setColors(){const e=[{name:"--color-lighter",theme:`${this.type}-lighter`},{name:"--neutral-black",theme:"neutral-black"},{name:"--color-light",theme:`${this.type}-light`},{name:"--color-base",theme:`${this.type}-base`}];e.forEach((e=>{this.styles[e.name]=window.CuraAPI.theme.colors.getColor(e.theme)}));this.styles=Object.assign({},this.styles)}connectedCallback(){this.setColors()}getClasses(){const e={};e["conteiner"]=true;e["floating"]=this.floating;return e}getNameIcon(){const e={info:"infoCircle",success:"checkCircle",warning:"alertCircle",error:"alertTriangle"};return this.icon?this.icon:e[this.type]}render(){return s(a,{key:"874149c03df4a705e618cfdbfe98294cd1e3ef13"},s("div",{key:"ded92424295ffe7f082dc0152689f0bf6d862466",class:this.getClasses(),style:this.styles},s("cura-icon",{key:"cac5d460fa77bb519d0cbdc2a651e52e024f2b80",name:this.getNameIcon(),class:"icon-left",size:16,color:`${this.type}-dark`}),s("div",{key:"9b7770169053ca34d9a96ef44f6c110d36ee1f87",class:"content"},s("cura-label",{key:"b131071ad2e29b165ce767e2c3ef68bb5464a57c",class:"title",size:"small",color:"neutral-darker",weight:"bold"},this.label),s("cura-paragraph",{key:"aa027c5e80769cf3a1446a9f629493eae2bd7263",class:"text",color:`${this.type}-darker`,size:"xsmall",marginBlock:"0",lineHeight:"133.33%"},s("slot",{key:"3ca047a4f9a25c8f060bcd5e14adf0a1c66c7a25"})),s("div",{key:"0c2e0f5e6b88b780236aecedbc9b68413600e6be",class:"actions"},s("slot",{key:"3866c4c4629f22fa76c034c5ba0bf9ef8f8bdf8b",name:"actions"}))),this.closeable?s("cura-icon",{name:"close",size:16,color:"error-dark",class:"icon-right",onClick:this.handleClose}):""))}get host(){return c(this)}static get watchers(){return{type:["setColors"]}}};o.style=r;export{o as cura_alert};
-//# sourceMappingURL=p-7c41f034.entry.js.map
+import{r as e,c as t,h as s,H as a,g as c}from"./p-312791fb.js";const i=":host{display:block;box-sizing:border-box}:host .conteiner{display:flex;box-sizing:border-box;padding:12px;gap:12px;flex-shrink:0;border:1px solid var(--color-base);border-radius:4px;background-color:var(--color-lighter)}:host .conteiner.floating{box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}:host .icon-left{margin-right:5px}:host .icon-right{margin-left:auto;cursor:pointer}:host .text{margin-top:3px}:host .actions{margin-top:5px}";const r=i;const o=class{constructor(s){e(this,s);this.close=t(this,"close",7);this.handleClose=()=>{this.close.emit();this.host.remove()};this.type="info";this.floating=false;this.label=undefined;this.closeable=true;this.icon=undefined;this.styles={}}setColors(){const e=[{name:"--color-lighter",theme:`${this.type}-lighter`},{name:"--neutral-black",theme:"neutral-black"},{name:"--color-light",theme:`${this.type}-light`},{name:"--color-base",theme:`${this.type}-base`}];e.forEach((e=>{this.styles[e.name]=window.CuraAPI.theme.colors.getColor(e.theme)}));this.styles=Object.assign({},this.styles)}connectedCallback(){this.setColors()}getClasses(){const e={};e["conteiner"]=true;e["floating"]=this.floating;return e}getNameIcon(){const e={info:"infoCircle",success:"checkCircle",warning:"alertCircle",error:"alertTriangle"};return this.icon?this.icon:e[this.type]}render(){return s(a,{key:"874149c03df4a705e618cfdbfe98294cd1e3ef13"},s("div",{key:"ded92424295ffe7f082dc0152689f0bf6d862466",class:this.getClasses(),style:this.styles},s("cura-icon",{key:"cac5d460fa77bb519d0cbdc2a651e52e024f2b80",name:this.getNameIcon(),class:"icon-left",size:16,color:`${this.type}-dark`}),s("div",{key:"9b7770169053ca34d9a96ef44f6c110d36ee1f87",class:"content"},s("cura-label",{key:"b131071ad2e29b165ce767e2c3ef68bb5464a57c",class:"title",size:"small",color:"neutral-darker",weight:"bold"},this.label),s("cura-paragraph",{key:"aa027c5e80769cf3a1446a9f629493eae2bd7263",class:"text",color:`${this.type}-darker`,size:"xsmall",marginBlock:"0",lineHeight:"133.33%"},s("slot",{key:"3ca047a4f9a25c8f060bcd5e14adf0a1c66c7a25"})),s("div",{key:"0c2e0f5e6b88b780236aecedbc9b68413600e6be",class:"actions"},s("slot",{key:"3866c4c4629f22fa76c034c5ba0bf9ef8f8bdf8b",name:"actions"}))),this.closeable?s("cura-icon",{name:"close",size:16,color:"error-dark",class:"icon-right",onClick:this.handleClose}):""))}get host(){return c(this)}static get watchers(){return{type:["setColors"]}}};o.style=r;export{o as cura_alert};
+//# sourceMappingURL=p-6373c7cd.entry.js.map

package/dist/cura/{p-22292bfa.entry.js → p-67e34464.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as s,H as o,g as h}from"./p-586bbe43.js";const e=":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";const i=e;const l=class{constructor(s){t(this,s);this.theme=window.CuraAPI.theme;this.level=1;this.spotColor="accent-dark";this.color=undefined;this.marginBlock="1.25em";this.lineHeight="120%";this.styles={}}handleChangeColor(){this.setColors()}connectedCallback(){this.setFontProperties();this.setColors()}setFontProperties(){this.weights=this.theme.fonts.getWeights();this.fontSizeBase=this.theme.fonts.getSize();this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold}}hostCSSProperties(){return{"--margin-block":this.marginBlock,"--font-size-base":this.fontSizeBase,"--line-height":this.lineHeight}}setColors(){const t=this.color?this.theme.colors.getColor(this.color):this.theme.fonts.getColor();this.styles=Object.assign(Object.assign({},this.styles),{"--color-body":t||this.theme.colors.getColor("neutral-darker"),"--color-link":this.theme.colors.getColor(`${this.spotColor}`)})}getHeadingTag(){const t={1:s("h1",{style:this.styles},s("slot",null)),2:s("h2",{style:this.styles},s("slot",null)),3:s("h3",{style:this.styles},s("slot",null)),4:s("h4",{style:this.styles},s("slot",null)),5:s("h5",{style:this.styles},s("slot",null)),6:s("h6",{style:this.styles},s("slot",null)),default:s("h1",{style:this.styles},s("slot",null))};return t[`${this.level}`]||t["default"]}render(){return s(o,{key:"d81f995e2da8e19498b2839319033cc5d93db1ea",style:this.hostCSSProperties()},this.getHeadingTag())}get host(){return h(this)}static get watchers(){return{color:["handleChangeColor"],spotColor:["handleChangeColor"]}}};l.style=i;export{l as cura_display};
-//# sourceMappingURL=p-22292bfa.entry.js.map
+import{r as t,h as s,H as o,g as h}from"./p-312791fb.js";const e=":host{display:block;font-size:var(--font-size-base)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:3em;font-weight:var(--font-weight-bold);color:var(--color-body);line-height:var(--line-height);margin-block:var(--margin-block);letter-spacing:0px}@media (min-width: 769px) and (max-width: 1920px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:3.429em}}@media (min-width: 1921px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.286em;line-height:calc(var(--line-height) + 5%)}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-underline-offset:10%;cursor:pointer}:host ::slotted(u){text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";const i=e;const l=class{constructor(s){t(this,s);this.theme=window.CuraAPI.theme;this.level=1;this.spotColor="accent-dark";this.color=undefined;this.marginBlock="1.25em";this.lineHeight="120%";this.styles={}}handleChangeColor(){this.setColors()}connectedCallback(){this.setFontProperties();this.setColors()}setFontProperties(){this.weights=this.theme.fonts.getWeights();this.fontSizeBase=this.theme.fonts.getSize();this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold}}hostCSSProperties(){return{"--margin-block":this.marginBlock,"--font-size-base":this.fontSizeBase,"--line-height":this.lineHeight}}setColors(){const t=this.color?this.theme.colors.getColor(this.color):this.theme.fonts.getColor();this.styles=Object.assign(Object.assign({},this.styles),{"--color-body":t||this.theme.colors.getColor("neutral-darker"),"--color-link":this.theme.colors.getColor(`${this.spotColor}`)})}getHeadingTag(){const t={1:s("h1",{style:this.styles},s("slot",null)),2:s("h2",{style:this.styles},s("slot",null)),3:s("h3",{style:this.styles},s("slot",null)),4:s("h4",{style:this.styles},s("slot",null)),5:s("h5",{style:this.styles},s("slot",null)),6:s("h6",{style:this.styles},s("slot",null)),default:s("h1",{style:this.styles},s("slot",null))};return t[`${this.level}`]||t["default"]}render(){return s(o,{key:"89df8c001192a7526e6976d9b43099562d65809d",style:this.hostCSSProperties()},this.getHeadingTag())}get host(){return h(this)}static get watchers(){return{color:["handleChangeColor"],spotColor:["handleChangeColor"]}}};l.style=i;export{l as cura_display};
+//# sourceMappingURL=p-67e34464.entry.js.map

package/dist/cura/{p-ee7388a5.entry.js → p-8433fec9.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,c as r,h as a,H as s,g as t}from"./p-586bbe43.js";import{f as c}from"./p-f9b8f665.js";const i='@charset "UTF-8";:host{display:block;width:fit-content;box-sizing:border-box}.container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:4px;background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:flex;opacity:0;transition:opacity 0.3s}.checkbox:focus{border-color:var(--info-base) !important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base) !important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base) !important}.checked .checkbox,.indeterminate .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover,.indeterminate .checkbox:hover{border-color:var(--color-light) !important;background:var(--color-lighter)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base) !important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base) !important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}';const o=i;const n=class{constructor(a){e(this,a);this.onchange=r(this,"onchange",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.isDarkBackground=()=>this.background==="dark";this.isDarkIconColor=()=>this.iconColor==="dark";this.handleClick=()=>{if(this.disabled)return;this.indeterminate=false;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked,indeterminate:this.indeterminate})};this.checked=false;this.indeterminate=false;this.status="default";this.disabled=false;this.required=false;this.label=undefined;this.ontabindex=0;this.position="left";this.value=undefined;this.name=undefined;this.size="medium";this.background="light";this.iconColor="dark";this.color="accent";this.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size":`${c[this.size].size}px`,"--gap":`${c[this.size].gap}px`})}setColors(){const e=[{name:"--color-base",background:`${this.color}-base`},{name:"--color-lighter",background:`${this.color}-lighter`},{name:"--color-light",background:`${this.color}-light`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--info-base",background:"info-base"},{name:"--error-base",background:"error-base"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--success-dark",background:"success-dark"},{name:"--error-lighter",background:"error-lighter"},{name:"--neutral-black",background:"neutral-black"},{name:"--primary-base-neutral-white",background:this.isDarkBackground()?"primary-base":"neutral-white"},{name:"--neutral-base-neutral-medium",background:this.isDarkBackground()?"neutral-base":"neutral-medium"},{name:"--neutral-black-neutral-purewhite",background:this.isDarkBackground()?"neutral-black":"neutral-purewhite"},{name:"--neutral-black-neutral-white",background:this.isDarkBackground()?"neutral-black":"neutral-white"},{name:"--neutral-darker-neutral-base",background:this.isDarkBackground()?"neutral-darker":"neutral-base"},{name:"--neutral-base-neutral-base",background:this.isDarkBackground()?"primary-base":"neutral-base"},{name:"--neutral-purewhite-neutral-dark",background:this.isDarkBackground()?"neutral-purewhite":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkBackground()?"primary-base":"neutral-medium"},{name:"--success-base-lighter",background:this.isDarkBackground()?"success-base":"success-lighter"},{name:"--success-dark-base",background:this.isDarkBackground()?"success-dark":"success-base"},{name:"--error-base-lighter",background:this.isDarkBackground()?"error-base":"error-lighter"},{name:"--error-dark-base",background:this.isDarkBackground()?"error-dark":"error-base"}];e.forEach((e=>{this.styles[e.name]=window.CuraAPI.theme.colors.getColor(e.background)}));this.styles=Object.assign({},this.styles)}connectedCallback(){this.sizeHandler();this.setColors()}formAssociatedCallback(e){e.ariaLabel=this.label}formStateRestoreCallback(e){this.value=e.value;this.checked=e.checked;this.indeterminate=e.indeterminate;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.indeterminate=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(e){this.disabled=e}getClasses(){const e={};e["container"]=true;e["checked"]=this.checked;e["disabled"]=this.disabled;e[this.background]=true;e["indeterminate"]=this.indeterminate;e["position"]=this.position==="right";e[this.status]=true;return e}assignColor(e){if(this.disabled)return this.isDarkBackground()?"neutral-dark":"neutral-dark";const r={success:{icon:"success-dark",label:this.isDarkBackground()?"success-lighter":"success-darker",message:this.isDarkBackground()?"success-base":"success-dark"},error:{icon:"error-dark",label:this.isDarkBackground()?"error-lighter":"neutral-darker",message:this.isDarkBackground()?"error-base":"error-dark"},default:{icon:this.isDarkIconColor()?"neutral-black":"neutral-purewhite",label:this.isDarkBackground()?"neutral-white":"neutral-black",message:this.isDarkBackground()?"primary-lighter":"neutral-dark"}};return r[this.status][e]}getIcon(){const e=this.indeterminate?"minus":"check";const r=this.assignColor("icon");const s=this.size==="large"?20:"micro";return a("cura-icon",{class:"icon",name:e,size:s,color:r})}render(){return a(s,{key:"9f96ab8f12502dc777ee00d02d8306ecd3ce9776"},a("div",{key:"4a782c31e4d97df0c7cc1d60a3c83125d01d31f6",class:this.getClasses(),style:this.styles,onClick:this.handleClick},a("div",{key:"c2de03821506646ffbe84cd7106ab91c1cdeba55",class:"info"},a("div",{key:"9a8985036acf8770541b69e35ff449572a6afb0e",class:"label-wrapper"},a("cura-label",{key:"a128e382aa3f25c849fbe488f3820aa9b3cdb775",class:"label",weight:"bold",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"84e4817990f7499f047af339ce1ed9efc0ed060c",lineHeight:"0%",marginBlock:"0",color:"error-base"},"* ")),a("cura-label",{key:"33527a9347eb8971d869b7e5ec492c3a7057b123",color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"cda5d0d9eca328fd20663f941a41325eb1ad0e29"}))),a("div",{key:"588b04e6c9c74daf8406d0cca1e50bd39d1703c9",class:"checkbox",tabIndex:this.ontabindex},a("input",{key:"209fee01eb3051602e5a9633de4fdea59d986a53",type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,required:this.required,checked:this.checked,indeterminate:this.indeterminate}),this.getIcon())))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"],iconColor:["assignColor"]}}};n.style=o;export{n as cura_checkbox};
-//# sourceMappingURL=p-ee7388a5.entry.js.map
+import{r as e,c as r,h as a,H as s,g as t}from"./p-312791fb.js";import{f as c}from"./p-f9b8f665.js";const i='@charset "UTF-8";:host{display:block;width:fit-content;box-sizing:border-box}.container{display:flex;align-items:center;flex-direction:row-reverse;gap:var(--gap)}.position.container{flex-direction:row}.position .label-wrapper{justify-content:end}.position .message{text-align:right}.position .label{order:1}.info{display:flex;flex-direction:column}.label-wrapper{display:flex;justify-content:start;align-items:center;gap:5px}.control{width:fit-content;cursor:pointer;position:relative}.checkbox{appearance:none;border:2px solid var(--neutral-base-neutral-medium);border-radius:4px;background:var(--neutral-black-neutral-purewhite);flex:1 0;display:flex;align-items:center;justify-content:center;position:relative;cursor:pointer;box-sizing:border-box;width:var(--size);height:var(--size);flex:0 0 var(--size)}.icon{position:absolute;display:flex;opacity:0;transition:opacity 0.3s}.checkbox:focus{border-color:var(--info-base) !important}.disabled .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base);cursor:not-allowed}.disabled .checkbox:hover{border-color:var(--neutral-darker-neutral-base) !important}.disabled.checked .checkbox,.disabled.indeterminate .checkbox{background:var(--neutral-black-neutral-white);border-color:var(--neutral-darker-neutral-base)}.disabled.checked .checkbox:hover,.disabled.indeterminate .checkbox:hover{border-color:var(--neutral-base-neutral-white);background:var(--primary-base-neutral-white)}.disabled .checkbox:focus{border-color:var(--neutral-darker-neutral-base) !important}.checked .checkbox,.indeterminate .checkbox{border-color:var(--color-dark);background:var(--color-base)}.checked .checkbox:hover,.indeterminate .checkbox:hover{border-color:var(--color-light) !important;background:var(--color-lighter)}.checked .icon,.indeterminate .icon{opacity:1}:not(.disabled):not(.checked):not(.indeterminate) .checkbox:hover{border-color:var(--neutral-purewhite-neutral-dark)}.success.dark .checkbox{background:var(--neutral-black)}.success .checkbox{border-color:var(--success-base);background:var(--success-lighter)}.success .checkbox:hover{border-color:var(--success-base) !important}.success.checked .checkbox{border-color:var(--success-dark-base);background:var(--success-base-lighter)}.success.checked .checkbox:hover{border-color:var(--success-dark-base)}.error.dark .checkbox{background:var(--neutral-black)}.error .checkbox{border-color:var(--error-base);background:var(--error-lighter)}.error .checkbox:hover{border-color:var(--error-base) !important}.error.checked .checkbox{border-color:var(--error-dark-base);background:var(--error-base-lighter)}.error.checked .checkbox:hover{border-color:var(--error-dark-base)}input{appearance:none;-webkit-appearance:none;-moz-appearance:none}';const o=i;const n=class{constructor(a){e(this,a);this.onchange=r(this,"onchange",7);if(a.$hostElement$["s-ei"]){this.internals=a.$hostElement$["s-ei"]}else{this.internals=a.$hostElement$.attachInternals();a.$hostElement$["s-ei"]=this.internals}this.isDarkBackground=()=>this.background==="dark";this.isDarkIconColor=()=>this.iconColor==="dark";this.handleClick=()=>{if(this.disabled)return;this.indeterminate=false;this.checked=!this.checked;this.internals.setFormValue(this.value);this.onchange.emit({value:this.value,checked:this.checked,indeterminate:this.indeterminate})};this.checked=false;this.indeterminate=false;this.status="default";this.disabled=false;this.required=false;this.label=undefined;this.ontabindex=0;this.position="left";this.value=undefined;this.name=undefined;this.size="medium";this.background="light";this.iconColor="dark";this.color="accent";this.styles={}}sizeHandler(){this.styles=Object.assign(Object.assign({},this.styles),{"--size":`${c[this.size].size}px`,"--gap":`${c[this.size].gap}px`})}setColors(){const e=[{name:"--color-base",background:`${this.color}-base`},{name:"--color-lighter",background:`${this.color}-lighter`},{name:"--color-light",background:`${this.color}-light`},{name:"--color-dark",background:`${this.color}-dark`},{name:"--info-base",background:"info-base"},{name:"--error-base",background:"error-base"},{name:"--success-lighter",background:"success-lighter"},{name:"--success-base",background:"success-base"},{name:"--success-dark",background:"success-dark"},{name:"--error-lighter",background:"error-lighter"},{name:"--neutral-black",background:"neutral-black"},{name:"--primary-base-neutral-white",background:this.isDarkBackground()?"primary-base":"neutral-white"},{name:"--neutral-base-neutral-medium",background:this.isDarkBackground()?"neutral-base":"neutral-medium"},{name:"--neutral-black-neutral-purewhite",background:this.isDarkBackground()?"neutral-black":"neutral-purewhite"},{name:"--neutral-black-neutral-white",background:this.isDarkBackground()?"neutral-black":"neutral-white"},{name:"--neutral-darker-neutral-base",background:this.isDarkBackground()?"neutral-darker":"neutral-base"},{name:"--neutral-base-neutral-base",background:this.isDarkBackground()?"primary-base":"neutral-base"},{name:"--neutral-purewhite-neutral-dark",background:this.isDarkBackground()?"neutral-purewhite":"neutral-dark"},{name:"--primary-base-neutral-medium",background:this.isDarkBackground()?"primary-base":"neutral-medium"},{name:"--success-base-lighter",background:this.isDarkBackground()?"success-base":"success-lighter"},{name:"--success-dark-base",background:this.isDarkBackground()?"success-dark":"success-base"},{name:"--error-base-lighter",background:this.isDarkBackground()?"error-base":"error-lighter"},{name:"--error-dark-base",background:this.isDarkBackground()?"error-dark":"error-base"}];e.forEach((e=>{this.styles[e.name]=window.CuraAPI.theme.colors.getColor(e.background)}));this.styles=Object.assign({},this.styles)}connectedCallback(){this.sizeHandler();this.setColors()}formAssociatedCallback(e){e.ariaLabel=this.label}formStateRestoreCallback(e){this.value=e.value;this.checked=e.checked;this.indeterminate=e.indeterminate;this.internals.setFormValue(this.value)}formResetCallback(){this.value="";this.checked=false;this.indeterminate=false;this.internals.setValidity({});this.internals.setFormValue(this.value)}formDisabledCallback(e){this.disabled=e}getClasses(){const e={};e["container"]=true;e["checked"]=this.checked;e["disabled"]=this.disabled;e[this.background]=true;e["indeterminate"]=this.indeterminate;e["position"]=this.position==="right";e[this.status]=true;return e}assignColor(e){if(this.disabled)return this.isDarkBackground()?"neutral-dark":"neutral-dark";const r={success:{icon:"success-dark",label:this.isDarkBackground()?"success-lighter":"success-darker",message:this.isDarkBackground()?"success-base":"success-dark"},error:{icon:"error-dark",label:this.isDarkBackground()?"error-lighter":"neutral-darker",message:this.isDarkBackground()?"error-base":"error-dark"},default:{icon:this.isDarkIconColor()?"neutral-black":"neutral-purewhite",label:this.isDarkBackground()?"neutral-white":"neutral-black",message:this.isDarkBackground()?"primary-lighter":"neutral-dark"}};return r[this.status][e]}getIcon(){const e=this.indeterminate?"minus":"check";const r=this.assignColor("icon");const s=this.size==="large"?20:"micro";return a("cura-icon",{class:"icon",name:e,size:s,color:r})}render(){return a(s,{key:"b74eebdbcaed952fa2157c3cbb3a84ce92bb9e6c"},a("div",{key:"e18e4e5aa12a3e298db65399ebf002aa991100f2",class:this.getClasses(),style:this.styles,onClick:this.handleClick},a("div",{key:"fdbcf3ec4b12bf9c6d80cded5ce9d17c4f5e2a39",class:"info"},a("div",{key:"cbe76b43956bed00ab638b953a44d941ffb748d5",class:"label-wrapper"},a("cura-label",{key:"259c5e5e63a6d36ed15845899eaf8c76b2b50273",class:"label",weight:"bold",size:this.size==="large"?"medium":"xsmall",color:this.assignColor("label")},this.label),this.required&&a("cura-paragraph",{key:"42d8b2777d4790bd8f83a7ddc939c6ab584b5cf0",lineHeight:"0%",marginBlock:"0",color:"error-base"},"* ")),a("cura-label",{key:"bcafaacf64c8967f78a3e9b7ecfe6d1412517ea3",color:this.assignColor("message"),size:"xsmall",class:"message"},a("slot",{key:"c9cc9e74cc9048ead8375a158253491e1aae4dfe"}))),a("div",{key:"e63ba7ef796c9d46cf4729facf1be985b8174028",class:"checkbox",tabIndex:this.ontabindex},a("input",{key:"2e7e2e302e577f26d8022fe4a0108f0e6727450f",type:"checkbox",name:this.name,value:this.value,disabled:this.disabled,required:this.required,checked:this.checked,indeterminate:this.indeterminate}),this.getIcon())))}static get formAssociated(){return true}get host(){return t(this)}static get watchers(){return{size:["sizeHandler"],color:["setColors"],background:["setColors","assignColor"],iconColor:["assignColor"]}}};n.style=o;export{n as cura_checkbox};
+//# sourceMappingURL=p-8433fec9.entry.js.map

package/dist/cura/{p-2d70b515.entry.js → p-86b6e638.entry.js}

@@ -1,2 +1,2 @@
-import{r as t,h as i,H as a}from"./p-586bbe43.js";const o=':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border:2px solid var(--color-dark-neutral-purewhite);box-sizing:border-box}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 6.12px) calc(var(--base-spacing) * 9.96px);min-height:calc(var(--base-spacing) * 13px);min-width:calc(var(--base-spacing) * 33.7px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3.44px) calc(var(--base-spacing) * 9.96px);min-height:calc(var(--base-spacing) * 11px);min-width:calc(var(--base-spacing) * 29.95px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 3.24px) calc(var(--base-spacing) * 7.44px);min-height:calc(var(--base-spacing) * 8px);min-width:calc(var(--base-spacing) * 21.67px)}:host button:not(.isLoading).large,:host a:not(.isLoading).large{padding:calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 13px);min-width:calc(var(--base-spacing) * 13px)}:host button:not(.isLoading).medium,:host a:not(.isLoading).medium{padding:calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px);min-width:calc(var(--base-spacing) * 11px)}:host button:not(.isLoading).small,:host a:not(.isLoading).small{padding:calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 8px);min-width:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button cura-label,:host a cura-label{flex:1;font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:1.43em;line-height:1.2em;text-align:var(--text-align, "left")}:host button.medium cura-label,:host a.medium cura-label{font-size:1.14em}:host button.small cura-label,:host a.small cura-label{font-size:1em}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host a.medium.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.7px)}:host button.medium.icon-right cura-icon,:host a.medium.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.7px)}:host button.small.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.5px)}:host button.small.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.5px)}:host button.disabled,:host a.disabled{cursor:not-allowed;border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3.5px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 2.75px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 1.5px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0.3}:host button.isLoading.icon-only .button-container,:host a.isLoading.icon-only .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}:host button.isLoading cura-label,:host a.isLoading cura-label{display:none}';const s=o;const n=class{constructor(i){t(this,i);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.type="button";this.size="large";this.disabled=false;this.isLoading=false;this.iconName=undefined;this.iconset="default";this.iconPosition="left";this.iconOnly=false;this.href=undefined;this.target="_self";this.color="primary";this.background="light";this.fontColor="dark";this.textAlign="left";this.styles={};this.hovered=false}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor(`neutral-white`);this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor(`neutral-base`);this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor(`neutral-dark`);this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium;this.styles["--text-align"]=this.textAlign;this.setColors()}getClasses(){var t;const i={};i[`${(t=this.size)===null||t===void 0?void 0:t.toLowerCase()}`]=true;i[`icon-${this.iconPosition.toLowerCase()}`]=true;i[`icon-only`]=this.iconOnly;i["disabled"]=this.disabled;i["isLoading"]=this.isLoading;return i}setColors(){const t=[{name:"--color-dark-neutral-purewhite",thema:`${this.background==="light"?`${this.color}-dark`:"neutral-purewhite"}`},{name:"--color-lighter-color-darker",thema:`${this.background==="light"?`${this.color}-lighter`:`${this.color}-darker`}`},{name:"--color-light-color-darker",thema:`${this.background==="light"?`${this.color}-light`:`${this.color}-lighter`}`},{name:"--neutral-dark",thema:"neutral-dark"}];t.forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.thema)));this.styles=Object.assign({},this.styles)}getIcon(){if(!this.iconName||this.isLoading)return"";const t=this.size==="small"?16:this.size==="medium"?20:24;return i("cura-icon",{name:this.iconName,iconset:this.iconset,size:t,color:this.getSymbolColor()})}handleMouseEnter(){if(this.disabled)return;this.hovered=true}handleMouseLeave(){this.hovered=false}getSymbolColor(){if(this.disabled)return"neutral-dark";return this.fontColor==="light"?"neutral-purewhite":`${this.color}-darker`}handleClick(t){if(this.disabled||this.isLoading){t.preventDefault();return}if(!this.href){if(this.type==="submit"&&this.internals.form)this.internals.form.submit();if(this.type==="reset"&&this.internals.form)this.internals.form.reset()}}render(){return i(a,{key:"44556818a51f64ae694995a50b582e41f4386467"},this.href?i("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},i("span",{class:"button-container"},this.getIcon(),i("cura-label",{lineHeight:"0%",color:this.getSymbolColor()},i("slot",null))),i("cura-loader-circle",{size:this.size,color:this.background==="light"?`${this.color}-dark`:"neutral-purewhite"})):i("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled||null,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave(),tabIndex:0,type:this.type},i("span",{class:"button-container"},this.getIcon(),i("cura-label",{lineHeight:"0%",color:this.getSymbolColor()},i("slot",null))),i("cura-loader-circle",{size:this.size,color:this.background==="light"?`${this.color}-dark`:"neutral-purewhite"})))}static get formAssociated(){return true}static get watchers(){return{background:["setColors"],color:["setColors","getSymbolColor"],fontColor:["getSymbolColor"]}}};n.style=s;export{n as cura_button_outline};
-//# sourceMappingURL=p-2d70b515.entry.js.map
+import{r as t,h as i,H as a}from"./p-312791fb.js";const o=':host{--border-radius:4px;display:inline-block;vertical-align:middle;position:relative}:host button,:host a{outline:none;box-shadow:none;box-sizing:border-box;display:flex;width:100%;align-items:center;justify-content:center;text-decoration:none !important;font-size:var(--font-size);cursor:pointer;transition:background-color 0.07s linear, box-shadow 0.07s linear, border-color 0.07s linear;border-radius:var(--border-radius);position:relative;background-color:transparent;border:2px solid var(--color-dark-neutral-purewhite);box-sizing:border-box}:host button:focus,:host a:focus{outline:2px solid #6EA8FF}:host button:not(.disabled):not(.isLoading):hover,:host a:not(.disabled):not(.isLoading):hover{background-color:var(--color-lighter-color-darker)}:host button:not(.disabled):not(.inverted):not(.isLoading):active,:host a:not(.disabled):not(.inverted):not(.isLoading):active{background-color:var(--color-light-color-darker)}:host button.large,:host a.large{padding:calc(var(--base-spacing) * 6.12px) calc(var(--base-spacing) * 9.96px);min-height:calc(var(--base-spacing) * 13px);min-width:calc(var(--base-spacing) * 33.7px)}:host button.medium,:host a.medium{padding:calc(var(--base-spacing) * 3.44px) calc(var(--base-spacing) * 9.96px);min-height:calc(var(--base-spacing) * 11px);min-width:calc(var(--base-spacing) * 29.95px)}:host button.small,:host a.small{padding:calc(var(--base-spacing) * 3.24px) calc(var(--base-spacing) * 7.44px);min-height:calc(var(--base-spacing) * 8px);min-width:calc(var(--base-spacing) * 21.67px)}:host button:not(.isLoading).large,:host a:not(.isLoading).large{padding:calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 13px);min-width:calc(var(--base-spacing) * 13px)}:host button:not(.isLoading).medium,:host a:not(.isLoading).medium{padding:calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);min-height:calc(var(--base-spacing) * 11px);min-width:calc(var(--base-spacing) * 11px)}:host button:not(.isLoading).small,:host a:not(.isLoading).small{padding:calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);min-height:calc(var(--base-spacing) * 8px);min-width:calc(var(--base-spacing) * 8px)}:host button .button-container,:host a .button-container{display:flex;align-items:center;opacity:1;transition:opacity 0.2s linear;position:relative}:host button.icon-right .button-container,:host a.icon-right .button-container{flex-direction:row-reverse}:host button cura-label,:host a cura-label{flex:1;font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:1.43em;line-height:1.2em;text-align:var(--text-align, "left")}:host button.medium cura-label,:host a.medium cura-label{font-size:1.14em}:host button.small cura-label,:host a.small cura-label{font-size:1em}:host button.icon-left cura-icon,:host a.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 3px)}:host button.icon-right cura-icon,:host a.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 3px)}:host button.medium.icon-left cura-icon,:host a.medium.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.7px)}:host button.medium.icon-right cura-icon,:host a.medium.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.7px)}:host button.small.icon-left cura-icon,:host a.small.icon-left cura-icon{margin-right:calc(var(--base-spacing) * 2.5px)}:host button.small.icon-right cura-icon,:host a.small.icon-right cura-icon{margin-left:calc(var(--base-spacing) * 2.5px)}:host button.disabled,:host a.disabled{cursor:not-allowed;border-color:var(--neutral-dark)}:host button.icon-only,:host a.icon-only{padding:calc(var(--base-spacing) * 3.5px)}:host button.icon-only cura-label,:host a.icon-only cura-label{display:none}:host button.icon-only cura-icon,:host a.icon-only cura-icon{margin-left:0 !important;margin-right:0 !important}:host button.icon-only.medium,:host a.icon-only.medium{padding:calc(var(--base-spacing) * 2.75px)}:host button.icon-only.small,:host a.icon-only.small{padding:calc(var(--base-spacing) * 1.5px)}:host button cura-loader-circle,:host a cura-loader-circle{position:absolute;display:none}:host button.isLoading,:host a.isLoading{cursor:wait}:host button.isLoading .button-container,:host a.isLoading .button-container{opacity:0.3}:host button.isLoading.icon-only .button-container,:host a.isLoading.icon-only .button-container{opacity:0}:host button.isLoading cura-loader-circle,:host a.isLoading cura-loader-circle{display:block}:host button.isLoading cura-label,:host a.isLoading cura-label{display:none}';const s=o;const n=class{constructor(i){t(this,i);if(i.$hostElement$["s-ei"]){this.internals=i.$hostElement$["s-ei"]}else{this.internals=i.$hostElement$.attachInternals();i.$hostElement$["s-ei"]=this.internals}this.type="button";this.size="large";this.disabled="false";this.isLoading=false;this.iconName=undefined;this.iconset="default";this.iconPosition="left";this.iconOnly=false;this.href=undefined;this.target="_self";this.color="primary";this.background="light";this.fontColor="dark";this.textAlign="left";this.styles={};this.hovered=false}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.styles["--base-spacing"]=window.CuraAPI.theme.spacing.getSpacing();this.styles["--neutral-white"]=window.CuraAPI.theme.colors.getColor(`neutral-white`);this.styles["--neutral-base"]=window.CuraAPI.theme.colors.getColor(`neutral-base`);this.styles["--neutral-dark"]=window.CuraAPI.theme.colors.getColor(`neutral-dark`);this.styles["--font-size"]=window.CuraAPI.theme.fonts.getSize();this.styles["--font-family"]=window.CuraAPI.theme.fonts.getFamily();this.styles["--font-weight-medium"]=this.weights.medium;this.styles["--text-align"]=this.textAlign;this.setColors()}getClasses(){var t;const i={};i[`${(t=this.size)===null||t===void 0?void 0:t.toLowerCase()}`]=true;i[`icon-${this.iconPosition.toLowerCase()}`]=true;i[`icon-only`]=this.iconOnly;i["disabled"]=this.disabled;i["isLoading"]=this.isLoading;return i}setColors(){const t=[{name:"--color-dark-neutral-purewhite",thema:`${this.background==="light"?`${this.color}-dark`:"neutral-purewhite"}`},{name:"--color-lighter-color-darker",thema:`${this.background==="light"?`${this.color}-lighter`:`${this.color}-darker`}`},{name:"--color-light-color-darker",thema:`${this.background==="light"?`${this.color}-light`:`${this.color}-lighter`}`},{name:"--neutral-dark",thema:"neutral-dark"}];t.forEach((t=>this.styles[t.name]=window.CuraAPI.theme.colors.getColor(t.thema)));this.styles=Object.assign({},this.styles)}getIcon(){if(!this.iconName||this.isLoading)return"";const t=this.size==="small"?16:this.size==="medium"?20:24;return i("cura-icon",{name:this.iconName,iconset:this.iconset,size:t,color:this.getSymbolColor()})}handleMouseEnter(){if(this.disabled)return;this.hovered=true}handleMouseLeave(){this.hovered=false}getSymbolColor(){if(this.disabled)return"neutral-dark";return this.fontColor==="light"?"neutral-purewhite":`${this.color}-darker`}handleClick(t){if(this.disabled||this.isLoading){t.preventDefault();return}if(!this.href){if(this.type==="submit"&&this.internals.form)this.internals.form.submit();if(this.type==="reset"&&this.internals.form)this.internals.form.reset()}}render(){return i(a,{key:"04c310620c46c1da780fe03a98699f8238b0c77b"},this.href?i("a",{href:this.disabled?"":this.href,target:this.target,class:this.getClasses(),style:this.styles,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave()},i("span",{class:"button-container"},this.getIcon(),i("cura-label",{lineHeight:"0%",color:this.getSymbolColor()},i("slot",null))),i("cura-loader-circle",{size:this.size,color:this.background==="light"?`${this.color}-dark`:"neutral-purewhite"})):i("button",{class:this.getClasses(),style:this.styles,disabled:this.disabled==="true"?true:null,onClick:t=>this.handleClick(t),onMouseEnter:()=>this.handleMouseEnter(),onMouseLeave:()=>this.handleMouseLeave(),tabIndex:0,type:this.type},i("span",{class:"button-container"},this.getIcon(),i("cura-label",{lineHeight:"0%",color:this.getSymbolColor()},i("slot",null))),i("cura-loader-circle",{size:this.size,color:this.background==="light"?`${this.color}-dark`:"neutral-purewhite"})))}static get formAssociated(){return true}static get watchers(){return{background:["setColors"],color:["setColors","getSymbolColor"],fontColor:["getSymbolColor"]}}};n.style=s;export{n as cura_button_outline};
+//# sourceMappingURL=p-86b6e638.entry.js.map

package/dist/cura/p-86b6e638.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["curaButtonOutlineCss","CuraButtonOutlineStyle0","CuraButtonOutline","connectedCallback","this","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","textAlign","setColors","getClasses","classes","_a","size","toLowerCase","iconPosition","iconOnly","disabled","isLoading","name","thema","background","color","forEach","Object","assign","getIcon","iconName","iconSize","h","iconset","getSymbolColor","handleMouseEnter","hovered","handleMouseLeave","fontColor","handleClick","e","preventDefault","href","type","internals","form","submit","reset","render","Host","key","target","class","style","onClick","onMouseEnter","onMouseLeave","lineHeight","tabIndex"],"sources":["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"],"sourcesContent":["@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: 2px solid var(--color-dark-neutral-purewhite);\n      box-sizing: border-box;\n\n      &:not(.disabled):not(.isLoading):hover {\n       background-color: var(--color-lighter-color-darker);\n      }\n\n      &:not(.disabled):not(.inverted):not(.isLoading):active {\n       background-color: var(--color-light-color-darker);\n      }\n\n    };\n\n    @include button-sizes();\n\n    // Children Elements\n    @include button-container();\n    @include button-label();\n\n\n    @include button-icon();\n\n    // Disabled state\n    @include button-disabled() {\n     border-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}\n","import { Component, Host, h, Prop, Watch, State, AttachInternals } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button-outline',\n  styleUrl: 'cura-button-outline.scss',\n  shadow: true,\n  formAssociated: true\n})\nexport class CuraButtonOutline {\n\n  @AttachInternals() internals: ElementInternals;\n\n  /**\n   * Button type: button (default) | submit | reset\n   */\n  @Prop({ reflect: true }) type: 'button' | 'reset' | 'submit' = 'button';\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: 'true' | 'false' = '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  * Color base from color scheme. Default: accent.\n  */\n  @Prop() color = 'primary';\n  /**\n  * Set the font background to dark or light.\n  */\n  @Prop() background: 'dark' | 'light' = 'light';\n\n  /**\n  * Set the font color to dark or light.\n  */\n  @Prop() 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  @State() styles = {};\n\n  @State() hovered = false;\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\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['disabled'] = this.disabled;\n    classes['isLoading'] = this.isLoading;\n    return classes;\n  }\n\n  @Watch('background')\n  @Watch('color')\n  setColors() {\n    const colors = [\n      { name: '--color-dark-neutral-purewhite', thema: `${this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite'}` },\n      { name: '--color-lighter-color-darker', thema: `${this.background === 'light' ? `${this.color}-lighter` : `${this.color}-darker`}` },\n      { name: '--color-light-color-darker', thema: `${this.background === 'light' ? `${this.color}-light` : `${this.color}-lighter`}` },\n      { name: '--neutral-dark', thema: 'neutral-dark' },\n    ]\n\n    colors.forEach(color => this.styles[color.name] = window.CuraAPI.theme.colors.getColor(color.thema));\n    this.styles = { ...this.styles };\n  }\n\n  getIcon() {\n    if (!this.iconName || this.isLoading) return '';\n    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={this.getSymbolColor()}></cura-icon>;\n  }\n\n\n  handleMouseEnter() {\n    if (this.disabled) return;\n    this.hovered = true;\n  }\n\n  handleMouseLeave() {\n    this.hovered = false;\n  }\n  @Watch('fontColor')\n  @Watch('color')\n  getSymbolColor() {\n    if (this.disabled) return 'neutral-dark'\n    return this.fontColor === 'light' ? 'neutral-purewhite' : `${this.color}-darker`\n  }\n\n  handleClick(e: Event) {\n    if (this.disabled || this.isLoading) {\n      e.preventDefault();\n      return;\n    }\n    if (!this.href) {\n      if (this.type === 'submit' && this.internals.form) this.internals.form.submit();\n      if (this.type === 'reset' && this.internals.form) this.internals.form.reset();\n    }\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            onMouseEnter={() => this.handleMouseEnter()}\n            onMouseLeave={() => this.handleMouseLeave()}\n          >\n            <span class=\"button-container\">\n              {this.getIcon()}\n              <cura-label lineHeight='0%' color={this.getSymbolColor()}><slot></slot></cura-label>\n            </span>\n            <cura-loader-circle size={this.size} color={this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite'}></cura-loader-circle>\n          </a>\n        ) : (\n          <button class={this.getClasses()}\n            style={this.styles}\n            disabled={this.disabled === 'true' ? true : null}\n            onClick={(e) => this.handleClick(e)}\n            onMouseEnter={() => this.handleMouseEnter()}\n            onMouseLeave={() => this.handleMouseLeave()}\n            tabIndex={0}\n            type={this.type}>\n            <span class=\"button-container\">\n              {this.getIcon()}\n              <cura-label lineHeight='0%' color={this.getSymbolColor()}><slot></slot></cura-label>\n            </span>\n            <cura-loader-circle size={this.size} color={this.background === 'light' ? `${this.color}-dark` : 'neutral-purewhite'}></cura-loader-circle>\n          </button>\n        )}\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"kDAAA,MAAMA,EAAuB,q9IAC7B,MAAAC,EAAeD,E,MCOFE,EAAiB,M,mMAOmC,S,UAKD,Q,cAKR,Q,eAIjB,M,qCASF,U,kBAIuB,O,cAItB,M,gCASF,Q,WAIlB,U,gBAIuB,Q,eAKD,O,eAK4B,O,YAEhD,G,aAEC,K,CAInB,iBAAAC,GACEC,KAAKC,QAAUC,OAAOC,QAAQC,MAAMC,MAAMC,aAC1CN,KAAKO,OAAO,kBAAoBL,OAAOC,QAAQC,MAAMI,QAAQC,aAC7DT,KAAKO,OAAO,mBAAqBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,iBACtEX,KAAKO,OAAO,kBAAoBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,gBACrEX,KAAKO,OAAO,kBAAoBL,OAAOC,QAAQC,MAAMM,OAAOC,SAAS,gBACrEX,KAAKO,OAAO,eAAiBL,OAAOC,QAAQC,MAAMC,MAAMO,UACxDZ,KAAKO,OAAO,iBAAmBL,OAAOC,QAAQC,MAAMC,MAAMQ,YAC1Db,KAAKO,OAAO,wBAA0BP,KAAKC,QAAQa,OACnDd,KAAKO,OAAO,gBAAkBP,KAAKe,UACnCf,KAAKgB,W,CAIP,UAAAC,G,MACE,MAAMC,EAAU,GAChBA,EAAQ,IAAGC,EAAAnB,KAAKoB,QAAI,MAAAD,SAAA,SAAAA,EAAEE,iBAAmB,KACzCH,EAAQ,QAAQlB,KAAKsB,aAAaD,iBAAmB,KACrDH,EAAQ,aAAelB,KAAKuB,SAC5BL,EAAQ,YAAclB,KAAKwB,SAC3BN,EAAQ,aAAelB,KAAKyB,UAC5B,OAAOP,C,CAKT,SAAAF,GACE,MAAMN,EAAS,CACb,CAAEgB,KAAM,iCAAkCC,MAAO,GAAG3B,KAAK4B,aAAe,QAAU,GAAG5B,KAAK6B,aAAe,uBACzG,CAAEH,KAAM,+BAAgCC,MAAO,GAAG3B,KAAK4B,aAAe,QAAU,GAAG5B,KAAK6B,gBAAkB,GAAG7B,KAAK6B,kBAClH,CAAEH,KAAM,6BAA8BC,MAAO,GAAG3B,KAAK4B,aAAe,QAAU,GAAG5B,KAAK6B,cAAgB,GAAG7B,KAAK6B,mBAC9G,CAAEH,KAAM,iBAAkBC,MAAO,iBAGnCjB,EAAOoB,SAAQD,GAAS7B,KAAKO,OAAOsB,EAAMH,MAAQxB,OAAOC,QAAQC,MAAMM,OAAOC,SAASkB,EAAMF,SAC7F3B,KAAKO,OAAMwB,OAAAC,OAAA,GAAQhC,KAAKO,O,CAG1B,OAAA0B,GACE,IAAKjC,KAAKkC,UAAYlC,KAAKyB,UAAW,MAAO,GAC7C,MAAMU,EAAWnC,KAAKoB,OAAS,QAAU,GAAKpB,KAAKoB,OAAS,SAAW,GAAK,GAE5E,OAAOgB,EAAA,aAAWV,KAAM1B,KAAKkC,SAAUG,QAASrC,KAAKqC,QAASjB,KAAMe,EAAUN,MAAO7B,KAAKsC,kB,CAI5F,gBAAAC,GACE,GAAIvC,KAAKwB,SAAU,OACnBxB,KAAKwC,QAAU,I,CAGjB,gBAAAC,GACEzC,KAAKwC,QAAU,K,CAIjB,cAAAF,GACE,GAAItC,KAAKwB,SAAU,MAAO,eAC1B,OAAOxB,KAAK0C,YAAc,QAAU,oBAAsB,GAAG1C,KAAK6B,c,CAGpE,WAAAc,CAAYC,GACV,GAAI5C,KAAKwB,UAAYxB,KAAKyB,UAAW,CACnCmB,EAAEC,iBACF,M,CAEF,IAAK7C,KAAK8C,KAAM,CACd,GAAI9C,KAAK+C,OAAS,UAAY/C,KAAKgD,UAAUC,KAAMjD,KAAKgD,UAAUC,KAAKC,SACvE,GAAIlD,KAAK+C,OAAS,SAAW/C,KAAKgD,UAAUC,KAAMjD,KAAKgD,UAAUC,KAAKE,O,EAI1E,MAAAC,GACE,OACEhB,EAACiB,EAAI,CAAAC,IAAA,4CACFtD,KAAK8C,KACJV,EAAA,KAAGU,KAAM9C,KAAKwB,SAAW,GAAKxB,KAAK8C,KACjCS,OAAQvD,KAAKuD,OACbC,MAAOxD,KAAKiB,aACZwC,MAAOzD,KAAKO,OACZmD,QAAUd,GAAM5C,KAAK2C,YAAYC,GACjCe,aAAc,IAAM3D,KAAKuC,mBACzBqB,aAAc,IAAM5D,KAAKyC,oBAEzBL,EAAA,QAAMoB,MAAM,oBACTxD,KAAKiC,UACNG,EAAA,cAAYyB,WAAW,KAAKhC,MAAO7B,KAAKsC,kBAAkBF,EAAA,eAE5DA,EAAA,sBAAoBhB,KAAMpB,KAAKoB,KAAMS,MAAO7B,KAAK4B,aAAe,QAAU,GAAG5B,KAAK6B,aAAe,uBAGnGO,EAAA,UAAQoB,MAAOxD,KAAKiB,aAClBwC,MAAOzD,KAAKO,OACZiB,SAAUxB,KAAKwB,WAAa,OAAS,KAAO,KAC5CkC,QAAUd,GAAM5C,KAAK2C,YAAYC,GACjCe,aAAc,IAAM3D,KAAKuC,mBACzBqB,aAAc,IAAM5D,KAAKyC,mBACzBqB,SAAU,EACVf,KAAM/C,KAAK+C,MACXX,EAAA,QAAMoB,MAAM,oBACTxD,KAAKiC,UACNG,EAAA,cAAYyB,WAAW,KAAKhC,MAAO7B,KAAKsC,kBAAkBF,EAAA,eAE5DA,EAAA,sBAAoBhB,KAAMpB,KAAKoB,KAAMS,MAAO7B,KAAK4B,aAAe,QAAU,GAAG5B,KAAK6B,aAAe,uB","ignoreList":[]}

package/dist/cura/{p-45a0a5e8.entry.js → p-9a4094e3.entry.js}

@@ -1,2 +1,2 @@
-import{r as e,h as i,H as a}from"./p-586bbe43.js";import{i as c,m as r}from"./p-a7221f0c.js";const l=["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","contacts","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","scheduleCancel","scheduleCheck","scheduleHistorico","search","secure","share","siren","sound","soundOff","subItem","swap","target","team","telegram","twitter","unLink","unSecure","unity","unlike","up","upload","verticalList","viewFalse","viewTrue","weight","whatsapp","wifi","wifiOff","youtube","zoomIn","zoomOut"];const n=':host{display:block;padding:24px;font-family:"Roboto", Arial, Helvetica, sans-serif}.iconDetail{display:block}.iconSizes{display:flex;align-items:center}.iconSizes .size{display:flex;flex-direction:column;text-align:center;align-items:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px;margin:8px 0}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#2d2d2d;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:flex;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;transition:opacity 0.2s linear;width:105px;display:flex;flex-direction:column;text-align:center;align-items:center;margin-bottom:16px;box-sizing:border-box;}.icons .icon cura-label{margin-top:8px}.icons .icon cura-paragraph{margin-top:4px}';const s=n;const o=class{constructor(i){e(this,i);this.sizes=Object.keys(c).filter((e=>e!=="default"));this.colors=["primary","secondary","accent","info","warning","error","success","neutral"];this.setSelected=e=>{this.selected=e};this.selected=l[0]}connectedCallback(){this.sizes.unshift(this.sizes.pop())}render(){return i(a,{key:"57820e2608c03f54b58656602ca329c7166e142e"},i("div",{key:"47fb932e5b2c0876f58fde68b88e30193e14b590",class:"iconDetail"},i("cura-heading",{key:"b4ad008b60026ac7ceccee16c68276e9bef114cb",size:"small","margin-block":"0 24px"},"Icon: ",i("b",{key:"6634d3ae9cf33df1942563e44e72f470199725e5"},this.selected)),i("div",{key:"8c565d1b3714dc5b1aad971e408cab340a4aca46",class:"iconSizes"},this.sizes.map((e=>e==="micro"&&!r.includes(this.selected)?"":i("div",{class:"size"},i("cura-icon",{name:this.selected,size:e}),i("span",null,e))))),i("div",{key:"d979d1169689f583900d85d592c29bb2869ff62a",class:"iconSizes invert"},this.sizes.map((e=>e==="micro"&&!r.includes(this.selected)?"":i("div",{class:"size"},i("cura-icon",{name:this.selected,size:e,color:"neutral-white"}),i("span",null,e)))))),i("div",{key:"0ed5c55f057bcdea8de3bdaa1d2f45a516763d95",class:"icons"},l.map((e=>i("div",{class:{icon:true,selected:e===this.selected},onClick:()=>this.setSelected(e)},i("cura-icon",{name:e,size:"32",color:e===this.selected?"accent-dark":"neutral-dark"}),i("cura-label",{size:"xsmall",weight:e===this.selected?"bold":"regular",color:e===this.selected?"accent-dark":"neutral-dark"},e),!r.includes(e)?"":i("cura-paragraph",{color:"success-dark",size:"xsmall","margin-block":"0px","line-height":"100%"},"MICRO"))))))}};o.style=s;export{o as cura_icons_view};
-//# sourceMappingURL=p-45a0a5e8.entry.js.map
+import{r as e,h as i,H as a}from"./p-312791fb.js";import{i as c,m as r}from"./p-a7221f0c.js";const l=["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","contacts","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","scheduleCancel","scheduleCheck","scheduleHistorico","search","secure","share","siren","sound","soundOff","subItem","swap","target","team","telegram","twitter","unLink","unSecure","unity","unlike","up","upload","verticalList","viewFalse","viewTrue","weight","whatsapp","wifi","wifiOff","youtube","zoomIn","zoomOut"];const n=':host{display:block;padding:24px;font-family:"Roboto", Arial, Helvetica, sans-serif}.iconDetail{display:block}.iconSizes{display:flex;align-items:center}.iconSizes .size{display:flex;flex-direction:column;text-align:center;align-items:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px;margin:8px 0}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#2d2d2d;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:flex;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;transition:opacity 0.2s linear;width:105px;display:flex;flex-direction:column;text-align:center;align-items:center;margin-bottom:16px;box-sizing:border-box;}.icons .icon cura-label{margin-top:8px}.icons .icon cura-paragraph{margin-top:4px}';const s=n;const o=class{constructor(i){e(this,i);this.sizes=Object.keys(c).filter((e=>e!=="default"));this.colors=["primary","secondary","accent","info","warning","error","success","neutral"];this.setSelected=e=>{this.selected=e};this.selected=l[0]}connectedCallback(){this.sizes.unshift(this.sizes.pop())}render(){return i(a,{key:"57820e2608c03f54b58656602ca329c7166e142e"},i("div",{key:"47fb932e5b2c0876f58fde68b88e30193e14b590",class:"iconDetail"},i("cura-heading",{key:"b4ad008b60026ac7ceccee16c68276e9bef114cb",size:"small","margin-block":"0 24px"},"Icon: ",i("b",{key:"6634d3ae9cf33df1942563e44e72f470199725e5"},this.selected)),i("div",{key:"8c565d1b3714dc5b1aad971e408cab340a4aca46",class:"iconSizes"},this.sizes.map((e=>e==="micro"&&!r.includes(this.selected)?"":i("div",{class:"size"},i("cura-icon",{name:this.selected,size:e}),i("span",null,e))))),i("div",{key:"d979d1169689f583900d85d592c29bb2869ff62a",class:"iconSizes invert"},this.sizes.map((e=>e==="micro"&&!r.includes(this.selected)?"":i("div",{class:"size"},i("cura-icon",{name:this.selected,size:e,color:"neutral-white"}),i("span",null,e)))))),i("div",{key:"0ed5c55f057bcdea8de3bdaa1d2f45a516763d95",class:"icons"},l.map((e=>i("div",{class:{icon:true,selected:e===this.selected},onClick:()=>this.setSelected(e)},i("cura-icon",{name:e,size:"32",color:e===this.selected?"accent-dark":"neutral-dark"}),i("cura-label",{size:"xsmall",weight:e===this.selected?"bold":"regular",color:e===this.selected?"accent-dark":"neutral-dark"},e),!r.includes(e)?"":i("cura-paragraph",{color:"success-dark",size:"xsmall","margin-block":"0px","line-height":"100%"},"MICRO"))))))}};o.style=s;export{o as cura_icons_view};
+//# sourceMappingURL=p-9a4094e3.entry.js.map

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

@@ -0,0 +1,2 @@
+import{r,c as e,h as t,H as i,g as a}from"./p-312791fb.js";const n=":host{display:block;position:relative;font-family:var(--font-family)}.wrapper{width:100%;user-select:none;text-align:left !important}.wrapper cura-label{margin-bottom:8px}.wrapper .helper-text{margin-top:8px;color:var(--neutral-dark)}.wrapper .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper .cura-input-field .feedback-icon{padding-left:12px}.wrapper .cura-input-field .up-down-icon{order:3;padding-right:12px;cursor:pointer;pointer-events:all}.wrapper .cura-input-field input{padding:0px 12px 0px 8px}.wrapper .cura-input-field.open{border-radius:4px 4px 0 0 !important}.wrapper.transparent{background-color:transparent;padding:0px;max-height:80px}.wrapper.transparent .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:transparent !important;border:none !important;border-radius:0;height:27px}.wrapper.transparent .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.transparent .cura-input-field .feedback-icon{padding-left:12px}.wrapper.transparent .cura-input-field input{color:var(--neutral-black) !important;font-size:16px;font-weight:var(--font-weight-bold) !important;padding:0}.wrapper.transparent .cura-input-field input::placeholder{color:var(--neutral-black)}.wrapper.transparent .cura-input-field .feedback-icon{order:3;margin:0 20px 0 0}.wrapper.transparent:focus-within .cura-input-field{border:none !important;background-color:transparent !important}.wrapper.transparent:focus-within .cura-input-field input{border:none !important;outline:none}.wrapper.transparent .helper-text{margin-top:0px}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field{border-color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input{color:var(--neutral-dark)}.wrapper:hover:not(.disabled):not(.isLoading):not(.success):not(.error):not(.isFocused):not(.readOnly):not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper:focus-within .cura-input-field{border:2px solid var(--info-base) !important;background-color:var(--neutral-purewhite);outline:none}.wrapper:focus-within .cura-input-field input{color:var(--neutral-black) !important}.wrapper.success .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.success .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success .cura-input-field .feedback-icon{padding-left:12px}.wrapper.success .cura-input-field input{color:var(--success-darker) !important}.wrapper.success .cura-input-field input::placeholder{color:var(--success-darker) !important}.wrapper.success:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--success-dark) !important;background-color:var(--success-lighter) !important}.wrapper.success:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.success:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.success:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.error .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error .cura-input-field .feedback-icon{padding-left:12px}.wrapper.error .cura-input-field input{color:var(--error-darker) !important}.wrapper.error .cura-input-field input::placeholder{color:var(--error-darker) !important}.wrapper.error:not(.transparent) .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;border:2px solid var(--error-dark) !important;background-color:var(--error-lighter) !important}.wrapper.error:not(.transparent) .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.error:not(.transparent) .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.error:not(.transparent) .cura-input-field .feedback-icon{padding-left:12px}.wrapper.disabled .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box;background-color:var(--neutral-white);border:2px solid var(--neutral-base)}.wrapper.disabled .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.disabled .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.disabled .cura-input-field .feedback-icon{padding-left:12px}.wrapper.disabled .cura-input-field input{color:var(--neutral-medium)}.wrapper.disabled .cura-input-field input::placeholder{color:var(--neutral-medium)}.wrapper.small .cura-input-field{width:100%;height:32px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.small .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:12px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.small .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.small .cura-input-field .feedback-icon{padding-left:12px}.wrapper.small .cura-input-field input{line-height:13px;letter-spacing:0.72px}.wrapper.small .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.small.label .menu{top:53px}.wrapper.small .menu{top:33px}.wrapper.medium .cura-input-field{width:100%;height:40px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.medium .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:14px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.medium .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.medium .cura-input-field .feedback-icon{padding-left:12px}.wrapper.medium .cura-input-field input{line-height:16px;letter-spacing:0.56px}.wrapper.medium .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-regular)}.wrapper.medium.label .menu{top:61px}.wrapper.medium .menu{top:40px}.wrapper.large .cura-input-field{width:100%;height:44px;display:flex;flex-direction:row;align-items:center;background-color:var(--neutral-purewhite);border:2px solid var(--neutral-medium);border-radius:4px;color:var(--primary-base);letter-spacing:0.32px;line-height:20px;overflow:hidden;box-sizing:border-box}.wrapper.large .cura-input-field input{flex:1;width:100%;height:100%;background:transparent;border:none;outline:none;color:var(--neutral-dark);font-family:var(--font-family);font-weight:var(--font-weight-medium);font-size:16px;box-sizing:border-box;padding:0px 12px 0px 8px}.wrapper.large .cura-input-field input::placeholder{color:var(--neutral-dark)}.wrapper.large .cura-input-field .feedback-icon{padding-left:12px}.wrapper.large .helper-text{margin-top:8px;color:var(--neutral-dark);font-weight:var(--font-weight-bold)}.wrapper.large.label .menu{top:69px}.wrapper.large .menu{top:47px}.required{color:red}.menu{position:absolute;left:0;right:-1px;background:#fff;border:2px solid var(--neutral-light);border-radius:4px;z-index:1000;max-height:285px;overflow:hidden;border-top:transparent;align-items:center;scrollbar-color:var(--neutral-medium) var(--neutral-black-20);overflow-y:scroll;box-shadow:0px 4px 8px 0px rgba(38, 38, 38, 0.16)}.menu.open{border-radius:0 !important}";const o=n;const l=class{constructor(t){r(this,t);this.selected=e(this,"selected",7);if(t.$hostElement$["s-ei"]){this.internals=t.$hostElement$["s-ei"]}else{this.internals=t.$hostElement$.attachInternals();t.$hostElement$["s-ei"]=this.internals}this.styles={};this.theme=window.CuraAPI.theme;this.handleMutations=r=>{r.forEach((r=>{if(r.type==="attributes"){if(r.attributeName==="selected")this.updateSelectedOption();if(r.attributeName==="value")this.filterOptions()}}))};this.onOptiselected=r=>{const e=r.target;this.clearSelectedAttributes();e.setAttribute("selected","true")};this.handleKeyDown=r=>{var e;if(!this.isOpen)return;const{key:t}=r;if(t==="ArrowDown"){r.preventDefault();this.updateActiveIndex(1)}if(t==="ArrowUp"){r.preventDefault();this.updateActiveIndex(-1)}if(t==="Enter"){(e=this.options[this.activeIndex])===null||e===void 0?void 0:e.click()}};this.handleInputChange=r=>{this.value=r.target.value;this.isOpen=!!this.value.length;this.internals.setFormValue(this.value)};this.handleClick=r=>{if(this.disabled)return r.preventDefault();const e=r.target;if(e.tagName==="CURA-SELECT-OPTION")return this.onOptiselected(r);this.isOpen=!this.isOpen};this.label="";this.placeholder="";this.value="";this.mode="default";this.size="medium";this.status="default";this.disabled=false;this.required=false;this.isHovered=false;this.isFocused=false;this.isOpen=false;this.options=undefined;this.activeIndex=-1}formAssociatedCallback(r){r.ariaLabel=this.label}formStateRestoreCallback(r){this.value=r.value;this.updateSelectedOption()}formResetCallback(){this.value="";this.clearSelectedAttributes();this.internals.setFormValue(this.value);this.internals.setValidity({})}formDisabledCallback(r){this.disabled=r}componentWillLoad(){this.initializeOptions()}componentDidLoad(){this.setupMutationObserver()}connectedCallback(){this.applyStyles()}disconnectedCallback(){var r;(r=this.mutationObserver)===null||r===void 0?void 0:r.disconnect()}initializeOptions(){this.options=this.host.querySelectorAll("cura-select-option");this.options.forEach((r=>{r.setAttribute("size",this.size);r.setAttribute("selected","false")}))}applyStyles(){const{fonts:r,colors:e}=this.theme;const t=r.getWeights();this.styles=Object.assign(Object.assign({},this.styles),{"--font-weight-medium":t.medium,"--font-weight-bold":t.bold,"--font-weight-regular":t.regular,"--font-color":r.getColor(),"--font-family":r.getFamily(),"--font-size":r.getSize()});const i=["primary-base","neutral-purewhite","neutral-white","neutral-black","neutral-medium","neutral-light","neutral-base","neutral-dark","success-dark","success-darker","success-lighter","error-lighter","error-dark","error-darker","error-base","info-base"];i.forEach((r=>{this.styles[`--${r}`]=e.getColor(r)}))}setupMutationObserver(){this.mutationObserver=new MutationObserver(this.handleMutations);this.mutationObserver.observe(this.host,{attributes:true,subtree:true,attributeFilter:["selected","value"]})}updateSelectedOption(){const r=this.host.querySelector("cura-select-option[selected]");if(r){const e=r.textContent;if(this.value!==e){this.value=e;this.isOpen=false;this.internals.setFormValue(this.value);this.selected.emit({value:this.value,selected:true})}}}clearSelectedAttributes(){this.options.forEach((r=>r.removeAttribute("selected")))}filterOptions(){const r=this.value.toLowerCase();this.options.forEach((e=>{var t;const i=((t=e.textContent)===null||t===void 0?void 0:t.toLowerCase())||"";const a=this.isOpen?i.includes(r):true;e.style.display=a?"block":"none"}))}updateActiveIndex(r){if(this.options.length===0)return;this.activeIndex=(this.activeIndex+r+this.options.length)%this.options.length;this.updateOptionHighlights()}updateOptionHighlights(){this.options.forEach(((r,e)=>r.active=e===this.activeIndex))}getClasses(){return{wrapper:true,label:!!this.label,disabled:this.disabled,transparent:this.mode==="transparent",[this.size.toLowerCase()]:true,[this.status.toLowerCase()]:true}}getColor(r){if(this.disabled)return"neutral-medium";const e=this.status==="default";const t=this.isFocused||this.isHovered;if(r==="label"){if(!e||t)return"neutral-black";return"neutral-dark"}if(t&&e)return"neutral-black";if(this.status==="success")return"success-dark";if(this.status==="error")return"error-dark";return"neutral-dark"}renderIcon(){if(this.status==="default")return null;const r={success:"checkCircle",error:"alertCircle"}[this.status];return t("cura-icon",{class:"feedback-icon",name:r,iconset:"default",size:this.size==="large"?20:16,color:this.getColor("icon"),style:this.styles})}render(){return t(i,{key:"35fd5d99705c940578485552a50bcec54efe036e",style:this.styles},t("div",{key:"1903a7b03e32215678670a2d7d8b49643cc2086b",class:this.getClasses(),tabIndex:0,ref:r=>this.selectRef=r,onMouseEnter:()=>this.isHovered=true,onMouseLeave:()=>this.isHovered=false,onKeyDown:this.handleKeyDown,onClick:this.handleClick},this.label&&t("cura-label",{key:"99aeba22f4b6204d936b6a9dcf6affa29e9411a8",class:"label",weight:"bold",size:this.size==="large"?"small":"xsmall",color:this.getColor("label")},this.label," ",this.required&&t("span",{key:"7e335f6fdb0ee6d9e987fba8ec245006f02761b5",class:"required"},"* ")),t("div",{key:"c9ba61c15951f6689724025778fe8a933ab5b9bd",class:{"cura-input-field":true,open:this.isOpen}},this.renderIcon(),t("input",{key:"0c1369e661fc6e34c8bf75f5ef4b977e749dc0b5",tabIndex:0,type:"text",autocomplete:"off",onFocus:()=>this.isFocused=true,onBlur:()=>this.isFocused=false,"aria-required":String(this.required),"aria-disabled":String(this.disabled),"aria-invalid":String(this.status==="error"),onInput:this.handleInputChange,style:this.styles,placeholder:this.placeholder,disabled:this.disabled,required:this.required,value:this.value}),t("cura-icon",{key:"95b5105660bcfc0c1562955449a1fc737048e8c2",name:this.isOpen?"up":"down",class:"up-down-icon",color:this.disabled?"neutral-dark":"primary-base",size:16,iconset:"default"})),t("cura-label",{key:"b5565e686989fe0c1e62f6c01fef52b2829bf4f5",class:"helper-text",size:"xsmall",color:this.getColor("text"),weight:this.mode==="transparent"?"bold":"regular"},t("slot",{key:"4a265609d8742b7e736920d54525cb2405785ea6"})),this.isOpen&&t("div",{key:"8f0609c7c2e709506ea4bdeeebdb1aae8abde1df",class:{menu:true,open:this.isOpen}},t("slot",{key:"b6f84b885909ea1a9213cb3d590a02d736320228",name:"option"}))))}static get formAssociated(){return true}get host(){return a(this)}};l.style=o;const p=":host{display:block}.item{display:flex;padding:12px 8px;cursor:pointer;justify-content:space-between;align-items:center;box-sizing:border-box;background:var(--neutral-purewhite)}.item.selected{background-color:var(--primary-lighter-50);border-bottom:1px solid var(--primary-light)}.item:hover:not(.selected){background:var(--neutral-white);box-shadow:0 2px 0 0 var(--neutral-light)}.item.active{background:var(--neutral-white) !important}.item.selected.active{background-color:var(--primary-lighter-50) !important;box-shadow:none}";const s=p;const d=class{constructor(e){r(this,e);this.theme=window.CuraAPI.theme;this.value=undefined;this.selected=false;this.active=false;this.size="small";this.styles={}}connectedCallback(){const r=[{name:"--primary-lighter-50",theme:"primary-lighter",opacity:.5},{name:"--primary-light",theme:"primary-light"},{name:"--neutral-light",theme:"neutral-light"},{name:"--neutral-purewhite",theme:"neutral-purewhite"}];r.forEach((r=>this.styles=Object.assign(Object.assign({},this.styles),{[r.name]:this.theme.colors.getColor(r.theme,r===null||r===void 0?void 0:r.opacity)})))}getSize(r){const e={large:r==="label"?"medium":20,medium:r==="label"?"small":16,small:r==="label"?"xsmall":"micro"};return e[this.size]||e["medium"]}getClasses(){return{item:true,selected:this.selected,active:this.active}}render(){return t(i,{key:"231c03411af0a5639358ff232e4a81287a8571f0",slot:"option"},t("div",{key:"b5baa8f7c4a4e863b96ffda1454a8c339d4b2656",class:this.getClasses(),style:this.styles},t("cura-label",{key:"36d3381260263303242c443004f7e201c2683d4e",color:`${this.selected?"primary-base":"neutral-black"}`,size:this.getSize("label"),"margin-block":"0"},t("slot",{key:"cc72fed8c51592c8fd076d091272879c7572a181"})),this.selected&&t("cura-icon",{key:"e118108f84d49b3d6574a143f09b2c43d43d11a8",name:"check",size:this.getSize("icon"),color:"primary-base"})))}get host(){return a(this)}static get watchers(){return{size:["getSize"]}}};d.style=s;export{l as cura_select,d as cura_select_option};
+//# sourceMappingURL=p-a5e53dd4.entry.js.map