@rededor/cura 0.3.6 → 0.3.7

package/dist/esm-es5/cura-button_6.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["curaButtonCss","CuraButton","prototype","handleChangeColor","this","setColors","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","textAlign","getClasses","classes","concat","type","toLowerCase","size","iconPosition","fontColor","disabled","Object","assign","color","getIcon","iconName","iconSize","h","name","iconset","render","Host","href","target","class","style","label","inverted","curaDisplayCss","CuraDisplay","setFontProperties","bold","black","setHostProperty","spotColor","prop","value","host","setProperty","getHeadingTag","tags","default","level","curaHeadingCss","CuraHeading","weight","regular","curaIconCss","CuraIcon","sizes","stroke","sizeHandler","_this","scaledStroke","colorHandler","assetsPath","localAssetsPath","version","viewBox","preserveAspectRatio","xmlns","xlinkHref","curaPageTemplateCss","CuraPageTemplate","contentwidth","id","curaParagraphCss","CuraParagraph","setsizeClass","sizeclass"],"sources":["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-display/cura-display.scss?tag=cura-display&encapsulation=shadow","src/components/text/cura-display/cura-display.tsx","src/components/text/cura-heading/cura-heading.scss?tag=cura-heading&encapsulation=shadow","src/components/text/cura-heading/cura-heading.tsx","src/components/cura-icon/cura-icon.scss?tag=cura-icon&encapsulation=shadow","src/components/cura-icon/cura-icon.tsx","src/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: inline-block;\n  vertical-align: middle;\n\n  button, a {\n    --shadown-color: 38, 38, 38;\n    --shadow-opacity: 0.16;\n\n    outline: none;\n    box-shadow: none;\n    box-sizing: border-box;\n    padding: calc(var(--base-spacing) * 3.5px) calc(var(--base-spacing) * 4px);\n    min-height: calc(var(--base-spacing) * 13px);\n    display: flex;\n    width: 100%;\n    align-items: center;\n    justify-content: center;\n    border-radius: 4px;\n    transition: background-color .05s linear, box-shadow .05s linear, border-color .05s linear;\n    font-size: var(--font-size);\n    cursor: pointer;\n\n    .button-container {\n      display: flex;\n      align-items: center;\n    }\n\n    &:hover   { box-shadow: 0 4px 8px 0 RGBA(var(--shadown-color), var(--shadow-opacity)); }\n    &:active  { box-shadow: none; }\n\n    .label { \n      flex: 1;\n      color: var(--neutral-black);\n      font-family: var(--font-family);\n      font-weight: var(--font-weight-medium);\n      font-size: 1.43em;\n      line-height: 1.1em;\n      text-align: var(--text-align, 'left');\n    }\n\n    &.icon-left cura-icon {\n      margin-right: calc(var(--base-spacing) * 3px);\n    }\n\n    &.icon-right {\n      .button-container { flex-direction: row-reverse; }\n      cura-icon {\n        margin-left: calc(var(--base-spacing) * 3px);\n      }\n    }\n\n    // Sizes\n  \n    &.medium {\n      padding: calc(var(--base-spacing) * 2.75px) calc(var(--base-spacing) * 4px);\n      min-height: calc(var(--base-spacing) * 11px);\n\n      &:hover   { box-shadow: 0 3px 6px 0 RGBA(var(--shadown-color), var(--shadow-opacity)); }\n      &:active  { box-shadow: none; }\n\n      .label    { font-size: 1.14em; letter-spacing: 2%; }\n    }\n\n    &.small {\n      padding: calc(var(--base-spacing) * 1.5px) calc(var(--base-spacing) * 3px);\n      min-height: calc(var(--base-spacing) * 8px);\n\n      &:hover   { box-shadow: 0 2px 5px 0 RGBA(var(--shadown-color), var(--shadow-opacity)); }\n      &:active  { box-shadow: none; }\n\n      &.icon-left cura-icon { margin-right: calc(var(--base-spacing) * 2.5px); }\n\n      &.icon-right cura-icon { margin-left: calc(var(--base-spacing) * 2.5px); }\n\n      .label { font-size: 1em; letter-spacing: 2%; }\n    }\n\n    // Disabled general\n\n    &.disabled {\n      cursor: not-allowed;\n      &:hover { box-shadow: none; }\n    }\n\n    // Types\n\n    &.button-solid {\n      background-color: var(--color-base);\n      /* border-width: 1px;\n      border-color: var(--color-dark);\n      border-style: solid; */\n      border: none;\n\n      &:hover {\n        background-color: var(--color-light);\n        // border-color: var(--color-base);\n      }\n\n      &:active { background-color: var(--color-dark); }\n\n      .label { \n        color: var(--neutral-black);\n        &.inverted { color: var(--neutral-white); }\n      }\n\n      &.disabled {\n        background-color: var(--neutral-light);\n        // border-color: var(--neutral-base);\n  \n        .label, .label.inverted { color: var(--neutral-dark); }\n      }\n    }\n\n    &.button-outline {\n      background-color: transparent;\n      border-width: 2px;\n      border-color: var(--color-base);\n      border-style: solid;\n\n      &:hover { border-color: var(--color-light); }\n\n      &:not(.disabled):hover {\n        .label { color: var(--color-light); }\n        cura-icon { --color: var(--color-light) !important; }\n      }\n\n      .label { \n        color: var(--color-base);\n        &.inverted { color: var(--neutral-white); }\n      }\n\n      &:not(.disabled):not(.inverted):active { \n        border-color: var(--color-dark);\n        .label { color: var(--color-dark); }\n        cura-icon { --color: var(--color-dark) !important; }\n      }\n\n      &.disabled {\n        border-color: var(--neutral-base);\n        .label, .label.inverted { color: var(--neutral-dark); }\n      }\n\n      &.inverted {\n        border-color: var(--neutral-white);\n        &:hover { \n          border-color: var(--color-lighter); \n          box-shadow: none;\n          .label { color: var(--color-lighter); }\n          cura-icon { --color: var(--color-lighter) !important; }\n        }\n        &:not(.disabled):active {\n          border-color: var(--color-light);\n          .label { color: var(--color-light); }\n          cura-icon { --color: var(--color-light) !important; }\n        }\n        &.disabled {\n          opacity: 0.6;\n          border-color: var(--neutral-white);\n          .label, .label.inverted { color: var(--neutral-white); }\n          cura-icon { --color: var(--neutral-white) !important; }\n        }\n      }\n\n    }\n\n  }\n}\n","import { Component, Host, h, Prop, Watch, State } from '@stencil/core';\n\n@Component({\n  tag: 'cura-button',\n  styleUrl: 'cura-button.scss',\n  shadow: true,\n})\nexport class CuraButton {\n\n  /**\n   * Button type: solid (default) | outline | transparent | icon.\n   */\n  @Prop({reflect: true}) type: 'solid' | 'outline' | 'transparent' | 'icon' = 'solid';\n  /**\n   * Button size: small | medium | large (default)\n   */\n  @Prop({reflect: true}) size: 'small' | 'medium' | 'large' = 'large';\n\n  /**\n   * Disabled state. Boolean.\n   */\n  @Prop({reflect: true}) disabled = false;\n  /**\n   * Loading state. Boolean.\n   */\n  @Prop({reflect: true}) isLoading = false;\n  \n  /**\n   * Name of the icon to be used from iconset.\n   */\n  @Prop({reflect: true}) iconName: string;\n  /**\n   * Custom iconset if needed.\n   */\n  @Prop({reflect: true}) iconset = 'default';\n  /**\n   * Icon position: left (default) | right.\n   */\n  @Prop({reflect: true}) iconPosition: 'left' | 'right' = 'left';\n\n  /**\n   * Property href switch button to link.\n   */\n  @Prop({reflect: true}) href: string;\n  /**\n   * Set target if link.\n   */\n  @Prop() target = \"_self\";\n\n  /**\n   * Color base from color scheme. Default: accent.\n   */\n  @Prop() color = 'accent';\n  @Watch('color')\n  handleChangeColor() {\n    this.setColors();\n  }\n  /**\n   * Set the font color to dark or light.\n   */\n  @Prop({reflect: true}) fontColor: 'dark' | 'light' = 'dark';\n  /**\n   * Set text aligment for the button label.\n   * Vales: left (default) | center | right.\n   */\n  @Prop() textAlign: 'left' | 'center' | 'right' = 'left';\n\n\n  @State() styles = {};\n\n  weights;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.styles['--base-spacing'] = window.CuraAPI.theme.spacing.getSpacing();\n    this.styles['--neutral-white'] = window.CuraAPI.theme.colors.getColor(`neutral-white`);\n    this.styles['--neutral-light'] = window.CuraAPI.theme.colors.getColor(`neutral-light`);\n    this.styles['--neutral-base'] = window.CuraAPI.theme.colors.getColor(`neutral-base`);\n    this.styles['--neutral-dark'] = window.CuraAPI.theme.colors.getColor(`neutral-dark`);\n    this.styles['--neutral-black'] = window.CuraAPI.theme.colors.getColor(`neutral-black`);\n    this.styles['--font-size'] = window.CuraAPI.theme.fonts.getSize();\n    this.styles['--font-family'] = window.CuraAPI.theme.fonts.getFamily();\n    this.styles['--font-weight-medium'] = this.weights.medium;\n    this.styles['--text-align'] = this.textAlign;\n    this.setColors();\n  }\n  \n  getClasses() {\n    const classes = {};\n    classes[`button-${this.type.toLowerCase()}`] = true;\n    classes[`${this.size.toLowerCase()}`] = true;\n    classes[`icon-${this.iconPosition.toLowerCase()}`] = true;\n    classes['inverted'] = this.fontColor === 'light';\n    classes['disabled'] = this.disabled;\n    return classes;\n  }\n\n  setColors() {\n    this.styles = {\n      ...this.styles,\n      '--color-lighter': window.CuraAPI.theme.colors.getColor(`${this.color}-lighter`),\n      '--color-light': window.CuraAPI.theme.colors.getColor(`${this.color}-light`),\n      '--color-base': window.CuraAPI.theme.colors.getColor(`${this.color}-base`),\n      '--color-dark': window.CuraAPI.theme.colors.getColor(`${this.color}-dark`)\n    };\n  }\n\n  getIcon() {\n    if (!this.iconName) return '';\n    const iconSize = this.size === 'small' ? 16 : this.size === 'medium' ? 20 : 24;\n    const color = this.disabled \n      ? 'neutral-dark' \n      : this.fontColor === 'light' \n        ? 'neutral-white' \n        : this.type === 'solid'\n          ? 'neutral-black'\n          : `${this.color}-base`;\n    return <cura-icon name={this.iconName} iconset={this.iconset} size={iconSize} color={color}></cura-icon>;\n  }\n\n  render() {\n    return (\n      <Host>\n      { this.href ? (\n        <a href={this.disabled ? '' : this.href} target={this.target} class={this.getClasses()} style={this.styles}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n        </a>\n      ) : (\n        <button class={this.getClasses()} style={this.styles} disabled={this.disabled || null}>\n          <span class=\"button-container\">\n            { this.getIcon() }\n            <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n          </span>\n        </button>\n      )}\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n  text-transform: uppercase;\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 4.285em;\n    font-weight: var(--font-weight-black);\n    color: var(--color-body);\n    line-height: 120%;\n    letter-spacing: -4%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size:6.21em;\n    }\n\n    &.small {\n      font-size: 3em;\n      font-weight: var(--font-weight-bold);\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 4.92em;\n\n      &.large {\n        font-size: 7.07em;\n      }\n\n      &.small {\n        font-size: 3.428em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 6.14em;\n      line-height: 125%;\n\n      &.large {\n        font-size: 8.857em;\n        letter-spacing: -6%;\n      }\n\n      &.small {\n        font-size: 4.285em;\n        letter-spacing: -2%;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-bold);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-bold);\n    color: var(--color-link);\n    text-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n","import { Component, Host, h, Element, Prop } from '@stencil/core';\n\n@Component({\n  tag: 'cura-display',\n  styleUrl: 'cura-display.scss',\n  shadow: true,\n})\nexport class CuraDisplay {\n\n  /**\n   * Heading level for semantics.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n  * Heading style size.\n  * Values: small | regular(default) | large.\n  */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n \n   /**\n    * Host element <cura-heading>\n    */\n   @Element() host: HTMLElement;\n \n   /**\n    * Internal Props\n    */\n   weights: any;\n   styles: any;\n\n   connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('display'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  getHeadingTag() {\n    const tags = {\n      '1': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={this.getClasses()}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={this.getClasses()}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={this.getClasses()}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={this.getClasses()}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={this.getClasses()}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  h1, h2, h3, h4, h5, h6 {\n    font-family: var(--font-family);\n    font-size: 1.71em;\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 130%;\n    letter-spacing: 0%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.bold-weight {\n      font-weight: var(--font-weight-medium);\n    }\n\n    &.large {\n      font-size: 2.07em;\n      letter-spacing: -2%;\n    }\n\n    &.small {\n      font-size: 1.214em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.bold-weight {\n        font-weight: var(--font-weight-bold);\n      }\n    }\n\n  }\n\n  @include medium-only() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2em;\n\n      &.large {\n        font-size: 2.357em;\n      }\n\n      &.small {\n        font-size: 1.357em;\n      }\n\n    }\n  }\n\n  @include large-up() {\n    h1, h2, h3, h4, h5, h6 { \n      font-size: 2.5em;\n      line-height: 135%;\n      letter-spacing: -2%;\n\n      &.large {\n        font-size: 2.92em;\n      }\n\n      &.small {\n        font-size: 1.71em;\n        line-height: 160%;\n        letter-spacing: 0%;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-bold);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-bold);\n    color: var(--color-link);\n    text-decoration: none;\n    text-underline-offset: 10%;\n    cursor: pointer;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n","import { Component, Host, h, Prop, Element } from '@stencil/core';\n\n@Component({\n  tag: 'cura-heading',\n  styleUrl: 'cura-heading.scss',\n  shadow: true,\n})\nexport class CuraHeading {\n\n  /**\n   * Heading level for semantics.\n   * Values: 1(default)-6.\n   */\n  @Prop({reflect: true}) level = 1;\n  /**\n   * Heading style size.\n   * Values: small | regular(default) | large.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n   * Heading font weight.\n   * Values: regular(default) | bold.\n   */\n  @Prop({reflect: true}) weight = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n\n  /**\n   * Host element <cura-heading>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.size.toLowerCase()] =  true;\n    classes[`${this.weight.toLowerCase()}-weight`] = true;\n    return classes;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('heading'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold,\n      '--font-weight-black': this.weights.black\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '0.5em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  getHeadingTag() {\n    const tags = {\n      '1': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>,\n      '2': <h2 style={this.styles} class={this.getClasses()}><slot></slot></h2>,\n      '3': <h3 style={this.styles} class={this.getClasses()}><slot></slot></h3>,\n      '4': <h4 style={this.styles} class={this.getClasses()}><slot></slot></h4>,\n      '5': <h5 style={this.styles} class={this.getClasses()}><slot></slot></h5>,\n      '6': <h6 style={this.styles} class={this.getClasses()}><slot></slot></h6>,\n      'default': <h1 style={this.styles} class={this.getClasses()}><slot></slot></h1>\n    };\n    return tags[`${this.level}`] || tags['default'];\n  }\n\n  render() {\n    return (\n      <Host>\n        { this.getHeadingTag() }\n      </Host>\n    );\n  }\n\n}\n",":host {\n  width: var(--size);\n  height: var(--size);\n  svg {\n    display: inline-block;\n    stroke: var(--color);\n    width: var(--size);\n    height: var(--size);\n    stroke-width: var(--stroke);\n    fill: none;\n  }\n}\n","import { Component, Host, h, Prop, Element, Watch } from '@stencil/core';\n\n@Component({\n  tag: 'cura-icon',\n  styleUrl: 'cura-icon.scss',\n  shadow: true\n})\nexport class CuraIcon {\n\n  @Prop({reflect: true}) name = '';\n  @Prop() color = 'neutral-base';\n  @Prop() size: string | number;\n  @Prop({reflect: true}) iconset = 'default';\n  @Prop() disabled = false;\n\n  @Element() host: HTMLElement;\n\n  sizes = {\n    \"128\": {size: 128, stroke: 5.25},\n    \"72\": {size: 72, stroke: 3.5},\n    \"64\": {size: 64, stroke: 3.25},\n    \"48\": {size: 48, stroke: 2.75},\n    \"40\": {size: 40, stroke: 2.5},\n    \"32\": {size: 32, stroke: 2.25},\n    \"24\": {size: 24, stroke: 2},\n    \"20\": {size: 20, stroke: 1.75},\n    \"16\": {size: 16, stroke: 1.5},\n    \"default\": {size: 24, stroke: 2}\n  };\n\n  @Watch('size')\n  sizeHandler(size: string | number) {\n    const scaledStroke = (iconSize: string | number) => {\n      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;\n    }\n    this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);\n    this.setHostProperty('--stroke', this.sizes[`${size}`] ? scaledStroke(size) : scaledStroke(\"default\"));\n  }\n\n  @Watch('color')\n  @Watch('disabled')\n  colorHandler() {\n    this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color));\n  }\n\n  assetsPath: string;\n\n  connectedCallback() {\n    this.assetsPath = window.CuraAPI.localAssetsPath;\n    this.sizeHandler(this.size);\n    this.colorHandler();\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <svg\n          version=\"1.1\"\n          viewBox=\"0 0 24 24\"\n          preserveAspectRatio=\"xMidYMid meet\"\n          xmlns=\"http://www.w3.org/2000/svg\">\n          <use\n            xlinkHref={`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`}>\n          </use>\n        </svg>\n      </Host>\n    );\n  }\n\n}\n","@import '../../scss/mixins/responsive.scss';\n\n@mixin template-spacing($spacing-scale: 0px, $large-device: false) {\n  $spacing-px: calc(var(--spacing) * $spacing-scale);\n  padding: 0px;\n  @if $large-device {\n    #content-container {\n      #sidebar-left ::slotted(div[slot=\"sidebar-left\"]) {\n        margin-right: $spacing-px;\n      }\n      #sidebar-right ::slotted(div[slot=\"sidebar-right\"]) {\n        margin-left: $spacing-px;\n      }\n    }\n  }\n}\n\n:host {\n  display: block;\n\n  .grid-template {\n    display: grid;\n    grid-template-rows: auto;\n    grid-template-columns: auto;\n    grid-template-areas:\n      'sub-header'\n      'header'\n      'pre-content'\n      'content-container'\n      'post-body'\n      'footer'\n      'sub-footer';\n\n    #sub-header {\n      grid-area: sub-header;\n    }\n\n    #header {\n      grid-area: header;\n    }\n\n    #pre-content {\n      grid-area: pre-content;\n    }\n\n    #content-container {\n      grid-area: content-container;\n    }\n\n    #post-body {\n      grid-area: post-body;\n    }\n\n    #footer {\n      grid-area: footer;\n    }\n\n    #sub-footer {\n      grid-area: sub-footer;\n    }\n\n    @include mobile-only() {\n      $spacing-scale: 4px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include medium-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale);\n    }\n\n    @include large-only() {\n      $spacing-scale: 5px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n      }\n    }\n\n    @include xlarge-only() {\n      $spacing-scale: 7px;\n      @include template-spacing($spacing-scale, true);\n      #content-container {\n        display: flex;\n        #content {\n          flex-grow: 1;\n        }\n        #sidebar-left, #sidebar-right {\n          max-width: 20%;\n        }\n        &.centered {\n          max-width: $breakpoint-xlarge;\n          justify-self: center;\n        }\n      }\n    }\n  }\n}\n","import { Component, Element, Host, Prop, h } from '@stencil/core';\n\n@Component({\n  tag: 'cura-page-template',\n  styleUrl: 'cura-page-template.scss',\n  shadow: true,\n})\nexport class CuraPageTemplate {\n\n  @Prop({reflect: true}) contentwidth: 'default' | 'centered' = 'default';\n\n  @Element() host: HTMLElement;\n\n  styles: any;\n\n  connectedCallback() {\n    this.styles = {\n      '--spacing': window.CuraAPI.theme.spacing.getSpacing(),\n    }\n  }\n\n  getClasses() {\n    const classes = {};\n    classes[this.contentwidth.toLowerCase()] = true;\n    return classes;\n  }\n\n  render() {\n    return (\n      <Host>\n        <div style={this.styles} class=\"grid-template\">\n          <div id=\"sub-header\">\n            <slot name='sub-header'></slot>\n          </div>\n          <div id=\"header\">\n            <slot name='header'></slot>\n          </div>\n          <div id=\"pre-content\">\n            <slot name='pre-content'></slot>\n          </div>\n          <div id=\"content-container\" class={this.getClasses()}>\n            <div id=\"sidebar-left\">\n              <slot name='sidebar-left'></slot>\n            </div>\n            <div id=\"content\">\n              <slot name=\"content\"></slot>\n              <slot></slot>\n            </div>\n            <div id=\"sidebar-right\">\n              <slot name='sidebar-right'></slot>\n            </div>\n          </div>\n          <div id=\"post-body\">\n            <slot name='post-body'></slot>\n          </div>\n          <div id=\"footer\">\n            <slot name='footer'></slot>\n          </div>\n          <div id=\"sub-footer\">\n            <slot name='sub-footer'></slot>\n          </div>\n        </div>\n      </Host>\n    );\n  }\n\n}\n","@import '../../../scss/mixins/responsive.scss';\n\n:host {\n  display: block;\n  font-size: var(--font-size);\n\n  p {\n    font-family: var(--font-family);\n    font-size: var(--font-size);\n    font-weight: var(--font-weight-regular);\n    color: var(--color-body);\n    line-height: 140%;\n    letter-spacing: 2%;\n    margin-block-start: var(--block-margin);\n    margin-block-end: var(--block-margin);\n\n    &.large {\n      font-size: 1.21em;\n      line-height: 150%;\n      letter-spacing: 0%;\n    }\n\n    &.small {\n      font-size: 0.85em;\n      line-height: 135%;\n      letter-spacing: 4%;\n    }\n\n    &.caption {\n      font-size: 0.71em;\n      line-height: 135%;\n      letter-spacing: 6%;\n    }\n  }\n\n  @include medium-only() {\n    p { \n      font-size: 1.14em;\n      line-height: 145%;\n\n      &.large {\n        font-size: 1.35em;\n        line-height: 150%;\n      }\n\n      &.small {\n        font-size: 1em;\n        line-height: 135%;\n      }\n\n      &.caption {\n        font-size: 0.85em;\n        line-height: 135%;\n        letter-spacing: 6%;\n      }\n    }\n  }\n\n  @include large-up() {\n    p { \n      font-size: 1.42em;\n      line-height: 150%;\n      letter-spacing: 0%;\n\n      &.large {\n        font-size: 1.71em;\n        line-height: 160%;\n      }\n\n      &.small {\n        font-size: 1.21em;\n        line-height: 145%;\n        letter-spacing: 0%;\n      }\n\n      &.caption {\n        font-size: 1em;\n        line-height: 145%;\n        letter-spacing: 2%;\n      }\n    }\n  }\n\n  ::slotted(b), ::slotted(strong) {\n    font-weight: var(--font-weight-bold);\n  }\n\n  ::slotted(a) {\n    font-weight: var(--font-weight-medium);\n    color: var(--color-link);\n    text-underline-offset: 10%;\n  }\n\n  ::slotted(abbr) {\n    color: var(--color-link);\n    text-decoration: underline dashed 1px var(--color-link);\n    text-underline-offset: 10%;\n    cursor: default;\n  }\n\n}\n\n","import { Component, Host, Prop, h, Element } from '@stencil/core';\n\n@Component({\n  tag: 'cura-paragraph',\n  styleUrl: 'cura-paragraph.scss',\n  shadow: true,\n})\nexport class CuraParagraph {\n\n  /**\n   * Set size of body text.\n   * Values: regular (default) | large | small | caption.\n   */\n  @Prop({reflect: true}) size = 'regular';\n  /**\n  * Apply light color to text in dark background.\n  * Values: boolean.\n  */\n  @Prop({reflect: true}) inverted = false;\n  /**\n  * Apply base system color to elements like <a> and <abbr>.\n  * Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.\n  */\n  @Prop({reflect: true}) spotColor = 'primary';\n  \n  /**\n   * Host element <cura-paragraph>\n   */\n  @Element() host: HTMLElement;\n\n  /**\n   * Internal Props\n   */\n  weights: any;\n  styles: any;\n\n  connectedCallback() {\n    this.weights = window.CuraAPI.theme.fonts.getWeights();\n    this.setFontProperties();\n    this.setColors();\n  }\n\n  setsizeClass() {\n    const sizeclass = {};\n    sizeclass[this.size.toLowerCase()] = true;\n    return sizeclass;\n  }\n\n  setFontProperties() {\n    this.styles = {\n      '--font-family': window.CuraAPI.theme.fonts.getFamily('body'),\n      '--font-size': window.CuraAPI.theme.fonts.getSize(),\n      '--font-weight-regular': this.weights.regular,\n      '--font-weight-medium': this.weights.medium,\n      '--font-weight-bold': this.weights.bold\n    }\n    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());\n    this.setHostProperty('--block-margin', '1.25em');\n  }\n\n  setColors() {\n    const fontColor = this.inverted \n      ? window.CuraAPI.theme.colors.getColor('neutral-100') \n      : window.CuraAPI.theme.fonts.getColor();\n    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');\n    this.styles['--color-link'] = this.inverted \n      ? window.CuraAPI.theme.colors.getColor(`${this.spotColor}-100`)\n      : window.CuraAPI.theme.colors.getColor(`${this.spotColor}-700`);\n  }\n\n  setHostProperty(prop: string, value: string) {\n    this.host.style.setProperty(prop, value);\n  }\n\n  render() {\n    return (\n      <Host>\n        <p style={this.styles} class={this.setsizeClass()}>\n          <slot></slot>\n        </p>\n      </Host>\n    );\n  }\n\n}\n"],"mappings":"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"}