@rededor/cura 0.3.4 → 0.3.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/cjs/cura-button_6.cjs.entry.js +5 -3
  2. package/dist/cjs/cura-button_6.cjs.entry.js.map +1 -1
  3. package/dist/cjs/cura.cjs.js +1 -1
  4. package/dist/cjs/loader.cjs.js +1 -1
  5. package/dist/collection/components/buttons/cura-button/cura-button.css +35 -14
  6. package/dist/collection/components/buttons/cura-button/cura-button.js +23 -3
  7. package/dist/collection/components/buttons/cura-button/cura-button.js.map +1 -1
  8. package/dist/components/cura-button.js +7 -4
  9. package/dist/components/cura-button.js.map +1 -1
  10. package/dist/cura/cura.esm.js +1 -1
  11. package/dist/cura/cura.esm.js.map +1 -1
  12. package/dist/cura/p-36c8b693.system.js +1 -1
  13. package/dist/cura/p-36c8b693.system.js.map +1 -1
  14. package/dist/cura/p-4e3b7ddf.entry.js +2 -0
  15. package/dist/cura/p-4e3b7ddf.entry.js.map +1 -0
  16. package/dist/cura/p-8cd9f935.system.entry.js +2 -0
  17. package/dist/cura/p-8cd9f935.system.entry.js.map +1 -0
  18. package/dist/esm/cura-button_6.entry.js +5 -3
  19. package/dist/esm/cura-button_6.entry.js.map +1 -1
  20. package/dist/esm/cura.js +1 -1
  21. package/dist/esm/loader.js +1 -1
  22. package/dist/esm-es5/cura-button_6.entry.js +1 -1
  23. package/dist/esm-es5/cura-button_6.entry.js.map +1 -1
  24. package/dist/esm-es5/cura.js +1 -1
  25. package/dist/esm-es5/cura.js.map +1 -1
  26. package/dist/esm-es5/loader.js +1 -1
  27. package/dist/esm-es5/loader.js.map +1 -1
  28. package/dist/types/components/buttons/cura-button/cura-button.d.ts +5 -0
  29. package/dist/types/components.d.ts +8 -0
  30. package/package.json +2 -2
  31. package/dist/cura/p-e5fd4452.system.entry.js +0 -2
  32. package/dist/cura/p-e5fd4452.system.entry.js.map +0 -1
  33. package/dist/cura/p-e7785610.entry.js +0 -2
  34. package/dist/cura/p-e7785610.entry.js.map +0 -1
package/dist/cura/p-e7785610.entry.js.map DELETED
@@ -1 +0,0 @@
1
- {"version":3,"names":["curaButtonCss","CuraButton","handleChangeColor","this","setColors","connectedCallback","weights","window","CuraAPI","theme","fonts","getWeights","styles","spacing","getSpacing","colors","getColor","getSize","getFamily","medium","getClasses","classes","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","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 border-radius: 4px;\n transition: background-color .1s linear, box-shadow .1s linear, border-color .1s linear;\n font-size: var(--font-size);\n cursor: pointer;\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 }\n\n &.icon-left cura-icon {\n margin-right: calc(var(--base-spacing) * 3px);\n }\n\n &.icon-right {\n 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\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 &.inverted {\n border-color: var(--neutral-white);\n &:hover { border-color: var(--color-light); box-shadow: none; }\n &:not(.disabled):active {\n border-color: var(--neutral-white);\n .label { color: var(--neutral-white); }\n cura-icon { --color: var(--neutral-white) !important; }\n }\n }\n\n &.disabled {\n border-color: var(--neutral-base);\n .label, .label.inverted { color: var(--neutral-dark); }\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() fontColor: 'dark' | 'light' = 'dark';\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.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-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 { this.getIcon() }\n <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></span>\n </a>\n ) : (\n <button class={this.getClasses()} style={this.styles} disabled={this.disabled || null}>\n { this.getIcon() }\n <span class={{label: true, inverted: this.fontColor === 'light'}}><slot></slot></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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"}