npm - @rededor/cura - Versions diffs - 0.4.4 → 0.4.6 - Mend

@rededor/cura 0.4.4 → 0.4.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 (95) hide show

package/dist/cura/{p-d76958f4.system.entry.js.map → p-e45582d9.system.entry.js.map} RENAMED Viewed

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

package/dist/esm/{app-globals-66a65edd.js → app-globals-5009a324.js} RENAMED Viewed

@@ -159,14 +159,14 @@ const Static = {
       '100': '#DFF6E9',
       '300': '#94E1B5',
       '500': '#5FD290',
-      '700': '#3F8C60',
+      '700': '#31734D',
       '900': '#132A1D',
     },
     info: {
       '100': '#CFE2FF',
       '300': '#95BFFF',
       '500': '#6EA8FF',
-      '700': '#517BBB',
+      '700': '#426499',
       '900': '#253855',
     },
     error: {
@@ -180,7 +180,7 @@ const Static = {
       '100': '#FCFAC4',
       '300': '#F8F489',
       '500': '#F5EF4E',
-      '700': '#A39F34',
+      '700': '#6C6A20',
       '900': '#313010',
     },
     neutral: {
@@ -474,4 +474,4 @@ const globalScripts = appGlobalScript;
 export { globalScripts as g };
-//# sourceMappingURL=app-globals-66a65edd.js.map
+//# sourceMappingURL=app-globals-5009a324.js.map

package/dist/esm/{app-globals-66a65edd.js.map → app-globals-5009a324.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"file":"app-globals-66a65edd.js","mappings":"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","names":[],"sources":["./src/api/theme-presets/theme-default.ts","./src/api/theme-presets/theme-maternity.ts","./src/api/theme-presets/theme-oncology.ts","./src/api/theme-presets/theme-presets.ts","./src/api/theme-presets/static.ts","./src/api/modules/cura-theme-colors-module.ts","./src/api/modules/cura-theme-spacing-module.ts","./src/api/modules/cura-theme-fonts-module.ts","./src/api/modules/cura-theme-breakpoints-module.ts","./src/api/modules/cura-theme-module.ts","./src/api/cura-api.ts","./src/rededor-cura-start.ts","@stencil/core/internal/app-globals"],"sourcesContent":["/*\n Cura Default Theme\n /\nexport const ThemeDefault = {\n / Colors /\n color: {\n primary: {\n '100': '#71C5E8',\n '300': '#449CD5',\n '500': '#005EB8',\n '700': '#004890',\n '900': '#002855'\n },\n secondary: {\n '100': '#F5ECE3',\n '300': '#DDC0A2',\n '500': '#CCA074',\n '700': '#886B4D',\n '900': '#292017'\n },\n accent: {\n '100': '#FFC27B',\n '300': '#FFA84A',\n '500': '#FF8200',\n '700': '#D7720A',\n '900': '#9B5A1A'\n }\n },\n / Spacing /\n spacing: {\n base: 4,\n },\n / Fonts /\n font: {\n size: '14px',\n color: '#4A4A4A',\n body: \"'Roboto', Arial, Helvetica, sans-serif\",\n heading: \"'Roboto', Arial, Helvetica, sans-serif\",\n display: \"'Roboto', Arial, Helvetica, sans-serif\",\n weights: {\n thin: 100,\n light: 300,\n regular: 400,\n medium: 500,\n bold: 700,\n black: 900\n },\n }\n};\n","/\n Maternity Theme\n /\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeMaternity = {\n / Get default theme /\n ...ThemeDefault,\n \n / Custom /\n / Colors /\n color: {\n primary: {\n '100': '#F8E3E2',\n '300': '#FFB3AB',\n '500': '#DA716F',\n '700': '#914B4A',\n '900': '#492625'\n },\n secondary: {\n '100': '#FDFBF9',\n '300': '#F7F4EE',\n '500': '#F5ECE3',\n '700': '#CCC5BD',\n '900': '#A39D97'\n },\n accent: {\n '100': '#ECEFF9',\n '300': '#8599CB',\n '500': '#0B1497',\n '700': '#070D65',\n '900': '#040732'\n }\n },\n font: {\n size: '14px',\n color: '#4A4A4A',\n body: \"'Gotham', Arial, Helvetica, sans-serif\",\n heading: \"'Gotham', Arial, Helvetica, sans-serif\",\n display: \"'Gotham', Arial, Helvetica, sans-serif\",\n weights: {\n thin: 325,\n light: 325,\n regular: 325, \n medium: 350,\n bold: 400,\n black: 425\n },\n }\n};\n","/\n Oncology Theme\n /\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeOncology = {\n / Get default theme /\n ...ThemeDefault,\n\n / Custom /\n / Colors /\n color: {\n primary: {\n '100': '#AABEE1',\n '300': '#557EC4',\n '500': '#003DA6',\n '700': '#00296F',\n '900': '#000C21'\n },\n secondary: {\n '100': '#CDD7E3',\n '300': '#9BAFC7',\n '500': '#6886AB',\n '700': '#365E8F',\n '900': '#043673',\n },\n accent: {\n '100': '#99CFFF',\n '300': '#47A9FF',\n '500': '#0083F5',\n '700': '#006DCC',\n '900': '#0058A4',\n },\n aux: {\n '100': '#DAF2EF',\n '300': '#84D4CA',\n '500': '#47BFB0',\n '700': '#2F7F75',\n '900': '#0E2623',\n },\n },\n font: {\n size: '14px',\n color: '#4A4A4A',\n body: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n heading: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n display: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n weights: {\n thin: 100,\n light: 300,\n regular: 400,\n medium: 500,\n bold: 700,\n black: 900\n },\n }\n};\n","import { ThemeDefault } from './theme-default';\nimport { ThemeMaternity } from './theme-maternity';\nimport { ThemeOncology } from './theme-oncology';\n\nexport const ThemePresets = {\n 'default': ThemeDefault,\n 'maternidade': ThemeMaternity,\n 'oncologia': ThemeOncology,\n};\n","/\n Static\n /\nexport const Static = {\n / Colors /\n color: {\n success: {\n '100': '#DFF6E9',\n '300': '#94E1B5',\n '500': '#5FD290',\n '700': '#3F8C60',\n '900': '#132A1D',\n },\n info: {\n '100': '#CFE2FF',\n '300': '#95BFFF',\n '500': '#6EA8FF',\n '700': '#517BBB',\n '900': '#253855',\n },\n error: {\n '100': '#FBDDDD',\n '300': '#F28F8F',\n '500': '#EB5757',\n '700': '#9D3A3A',\n '900': '#2F1111',\n },\n warning: {\n '100': '#FCFAC4',\n '300': '#F8F489',\n '500': '#F5EF4E',\n '700': '#A39F34',\n '900': '#313010',\n },\n neutral: {\n '0': '#FFFFFF',\n '100': '#F6F6F6',\n '200': '#E9E9E9',\n '300': '#E2E2E2',\n '400': '#D4D4D4',\n '500': '#B7B7B7',\n '600': '#929292',\n '700': '#6E6E6E',\n '800': '#4A4A4A',\n '900': '#262626',\n },\n },\n breakpoints: {\n xsmall: {\n min: 0,\n max: 480\n },\n small: {\n min: 481,\n max: 768\n },\n medium: {\n min: 769,\n max: 992\n },\n large: {\n min: 993,\n max: 1919\n },\n xlarge: {\n min: 1920,\n max: 4096\n }\n }\n};\n","import { Static } from \"../theme-presets/static\";\n\nexport default class CuraThemeColorsModule {\n \n NeutralDepthAlias = {\n 'purewhite': '0',\n 'white': '100',\n 'pale': '200',\n 'lighter': '300',\n 'light': '400',\n 'base': '500',\n 'medium': '600',\n 'dark': '700',\n 'darker': '800',\n 'black': '900',\n };\n\n ColorDepthAlias = {\n 'lighter': '100',\n 'light': '300',\n 'base': '500',\n 'dark': '700',\n 'darker': '900'\n }\n\n constructor() {}\n\n /\n Get theme color.\n * @param colorWithDepth string Ex.: primary-light\n * @returns css color property. Color definition or related css var from the theme.\n /\n getColor(colorWithDepth: string = \"primary-base\"): string {\n const { color, depth } = this.splitColorDepth(colorWithDepth);\n const staticColor = this.getStatic(color, depth);\n if (staticColor) return staticColor;\n return this.getDynamic(color, depth);\n }\n\n /\n Internal: Look for static color by name and depth.\n * @param color Color name.\n * @param depth Depth number or alias.\n * @returns Static color definition.\n /\n getStatic(color: string, depth: string) {\n const colorObj = Static.color[color];\n if (!colorObj) return null;\n return color === 'neutral'\n ? Static.color[color]?.[this.NeutralDepthAlias[depth]] \|\| Static.color[color]?.[depth]\n : Static.color[color]?.[this.ColorDepthAlias[depth]] \|\| Static.color[color]?.[depth];\n }\n\n /\n Internal: Look for theme dynamic colors.\n * @param color Color name.\n * @param depth Depth number or alias.\n * @returns Related CSS variable defined by the theme.\n /\n getDynamic(color: string, depth: string) {\n const themeVar = this.ColorDepthAlias[depth]\n ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`\n : `--cura-color-${color}-${depth}`;\n return getComputedStyle(document.body).getPropertyValue(themeVar)\n ? `var(${themeVar})`\n : `var(--cura-color-primary-500)`;\n }\n\n /\n Internal: Split color strings\n * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark or primary-700.\n * @returns Object { color: string, depth: string }.\n /\n private splitColorDepth(colorWithDepth: string): { color: string, depth: string } {\n const [ color, depth ] = colorWithDepth.toLowerCase().split(/-(.)/);\n return { color: color ?? \"primary\", depth: depth ?? \"base\" };\n }\n\n}\n","export default class CuraThemeSpacingModule {\n\n private curaSpacing = '--cura-spacing-base';\n\n constructor() {}\n\n /** Returns the base spacing var defined in the theme /\n getSpacing(): string {\n if (getComputedStyle(document.body).getPropertyValue(this.curaSpacing)) {\n return `var(${this.curaSpacing})`;\n }\n return '4';\n }\n}\n","import { ThemeDefault } from \"../theme-presets/theme-default\";\n\nexport default class CuraThemeFontsModule {\n\n constructor() {}\n\n /\n Get the CSS variable related to the font family defined by the theme.\n * @param type 'body' \| 'heading' \| 'display'\n * @returns Related css variable as a string.\n /\n getFamily(type: string = \"body\"): string {\n const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;\n return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)\n ? `var(${curaFontFamilyCSSVar})`\n : 'var(--cura-font-body)';\n }\n\n /\n Get the CSS variables related to font weights defined by the theme.\n * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.\n /\n getWeights(): any {\n const weights = {};\n Object.keys(ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);\n return weights;\n }\n\n /\n Get the CSS variable related to the font size base defined by the theme.\n * @returns Related CSS variable as a string.\n /\n getSize = () => `var(--cura-font-size)`;\n\n /\n Get CSS variable related to the font color defined by the theme.\n * @returns Related CSS variable as a string.\n /\n getColor = () => `var(--cura-font-color)`;\n\n}\n","import { Static } from '../theme-presets/static';\n\nexport default class CuraThemeBreakpointsModule {\n\n constructor() {}\n\n /* Returns the base spacing var defined in the theme /\n get(size: 'xsmall' \| 'small' \| 'medium' \| 'large' \| 'xlarge' = null, position: 'min' \| 'max' = null): any {\n if (size) {\n const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];\n if (breakpoint) return breakpoint;\n }\n return Static.breakpoints;\n }\n}\n","import { ThemePresets } from \"../theme-presets/theme-presets\";\nimport { CuraCustomTheme } from \"../cura-api.type\";\nimport CuraThemeColorsModule from \"./cura-theme-colors-module\";\nimport CuraThemeSpacingModule from \"./cura-theme-spacing-module\";\nimport CuraThemeFontsModule from \"./cura-theme-fonts-module\";\nimport CuraThemeBreakpointsModule from \"./cura-theme-breakpoints-module\";\n\nexport default class CuraThemeModule {\n\n body: HTMLBodyElement;\n prefix = '--cura';\n colors = new CuraThemeColorsModule();\n spacing = new CuraThemeSpacingModule();\n fonts = new CuraThemeFontsModule();\n breakpoints = new CuraThemeBreakpointsModule();\n\n constructor() {\n this.body = window.document.documentElement.querySelector('body');\n }\n\n /\n Load a theme.\n * @param theme Theme tag.\n /\n load(theme = 'default') {\n const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;\n this.buildCssVars(this.prefix, preset);\n }\n\n /\n Define a custom theme\n * @param customTheme Custom theme object definition\n /\n setCustom(customTheme: CuraCustomTheme) {\n const customTag = customTheme.name;\n if (customTag in ThemePresets) {\n console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);\n this.load('default');\n } else {\n const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets\n ? ThemePresets[customTheme.fromPreset]\n : ThemePresets.default;\n const newTheme = {...JSON.parse(JSON.stringify(preset))};\n this.mergeObject(customTheme.definitions, newTheme);\n ThemePresets[customTag] = newTheme;\n this.load(customTag);\n }\n }\n\n / Private /\n\n /* Set css var based on object structure /\n setCssVar = (prop, path) => {\n const varName = this.groupPath(path, prop[0]);\n this.body.style.setProperty(varName, prop[1]);\n }\n\n groupPath = (a, b) => `${a}-${b}`;\n\n isObject = (val) => {\n return val && typeof val === 'object' && !Array.isArray(val);\n }\n\n /* Deep merge objects /\n mergeObject = (from, to) => {\n const entries = Object.entries(from);\n for (let e of entries) {\n if (this.isObject(e[1])) {\n this.mergeObject(e[1], to[e[0]]);\n } else {\n to[e[0]] = e[1];\n }\n }\n }\n\n /* Set css vars from preset object */\n buildCssVars = (path, obj) => {\n const entries = Object.entries(obj);\n for (let e of entries) {\n if (this.isObject(e[1])) {\n this.buildCssVars(this.groupPath(path, e[0]), e[1]);\n } else {\n this.setCssVar(e, path);\n }\n }\n }\n}\n","import { CuraConfig, APIThemeFunctions, CuraCustomTheme } from './cura-api.type';\nimport CuraThemeModule from './modules/cura-theme-module';\n\nexport default class CuraAPI {\n\n theme: APIThemeFunctions;\n localAssetsPath: string;\n\n constructor (config?: CuraConfig) {\n this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;\n const themeModule = new CuraThemeModule();\n this.theme = {\n load: function(themeTag: string) { themeModule.load(themeTag); },\n setCustom: function(customThemeDefinitions: CuraCustomTheme) { themeModule.setCustom(customThemeDefinitions); },\n colors: {\n getColor: function(colorWithDepth?: string) { return themeModule.colors.getColor(colorWithDepth) },\n },\n fonts: {\n getFamily: function(type?: string) { return themeModule.fonts.getFamily(type) },\n getWeights: function() { return themeModule.fonts.getWeights() },\n getSize: function() { return themeModule.fonts.getSize() },\n getColor: function() { return themeModule.fonts.getColor() }\n },\n spacing: {\n getSpacing: function() { return themeModule.spacing.getSpacing(); },\n },\n breakpoints: {\n get: function(size?: 'xsmall' \| 'small' \| 'medium' \| 'large' \| 'xlarge', position?: 'min' \| 'max') { return themeModule.breakpoints.get(size, position); }\n }\n };\n if (config && config.customTheme) {\n this.theme.setCustom(config.customTheme);\n } else {\n const theme = config && config.theme ? config.theme : 'default';\n this.theme.load(theme);\n }\n }\n\n}\n","import CuraAPI from './api/cura-api';\nimport { CuraConfig } from './api/cura-api.type';\n// import { setAssetPath } from '@stencil/core';\n\n// setAssetPath(import.meta.url);\ndeclare global {\n interface Window {\n CuraAPI?: CuraAPI,\n CuraInit?: CuraConfig\n }\n}\n\nexport default function() {\n const config = window.CuraInit;\n window.CuraAPI = config ? new CuraAPI(config) : new CuraAPI();\n const api = window.CuraAPI;\n window.dispatchEvent(new CustomEvent(\"CuraAPIReady\", { detail: {api} }));\n if (config && typeof config.onReady === 'function') config.onReady(api);\n}\n","import appGlobalScript from '/Users/fellipesoares/Code/cura/packages/component-lib/src/rededor-cura-start.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}
1	+ {"file":"app-globals-5009a324.js","mappings":"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","names":[],"sources":["./src/api/theme-presets/theme-default.ts","./src/api/theme-presets/theme-maternity.ts","./src/api/theme-presets/theme-oncology.ts","./src/api/theme-presets/theme-presets.ts","./src/api/theme-presets/static.ts","./src/api/modules/cura-theme-colors-module.ts","./src/api/modules/cura-theme-spacing-module.ts","./src/api/modules/cura-theme-fonts-module.ts","./src/api/modules/cura-theme-breakpoints-module.ts","./src/api/modules/cura-theme-module.ts","./src/api/cura-api.ts","./src/rededor-cura-start.ts","@stencil/core/internal/app-globals"],"sourcesContent":["/*\n Cura Default Theme\n /\nexport const ThemeDefault = {\n / Colors /\n color: {\n primary: {\n '100': '#71C5E8',\n '300': '#449CD5',\n '500': '#005EB8',\n '700': '#004890',\n '900': '#002855'\n },\n secondary: {\n '100': '#F5ECE3',\n '300': '#DDC0A2',\n '500': '#CCA074',\n '700': '#886B4D',\n '900': '#292017'\n },\n accent: {\n '100': '#FFC27B',\n '300': '#FFA84A',\n '500': '#FF8200',\n '700': '#D7720A',\n '900': '#9B5A1A'\n }\n },\n / Spacing /\n spacing: {\n base: 4,\n },\n / Fonts /\n font: {\n size: '14px',\n color: '#4A4A4A',\n body: \"'Roboto', Arial, Helvetica, sans-serif\",\n heading: \"'Roboto', Arial, Helvetica, sans-serif\",\n display: \"'Roboto', Arial, Helvetica, sans-serif\",\n weights: {\n thin: 100,\n light: 300,\n regular: 400,\n medium: 500,\n bold: 700,\n black: 900\n },\n }\n};\n","/\n Maternity Theme\n /\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeMaternity = {\n / Get default theme /\n ...ThemeDefault,\n \n / Custom /\n / Colors /\n color: {\n primary: {\n '100': '#F8E3E2',\n '300': '#FFB3AB',\n '500': '#DA716F',\n '700': '#914B4A',\n '900': '#492625'\n },\n secondary: {\n '100': '#FDFBF9',\n '300': '#F7F4EE',\n '500': '#F5ECE3',\n '700': '#CCC5BD',\n '900': '#A39D97'\n },\n accent: {\n '100': '#ECEFF9',\n '300': '#8599CB',\n '500': '#0B1497',\n '700': '#070D65',\n '900': '#040732'\n }\n },\n font: {\n size: '14px',\n color: '#4A4A4A',\n body: \"'Gotham', Arial, Helvetica, sans-serif\",\n heading: \"'Gotham', Arial, Helvetica, sans-serif\",\n display: \"'Gotham', Arial, Helvetica, sans-serif\",\n weights: {\n thin: 325,\n light: 325,\n regular: 325, \n medium: 350,\n bold: 400,\n black: 425\n },\n }\n};\n","/\n Oncology Theme\n /\nimport { ThemeDefault } from \"./theme-default\";\n\nexport const ThemeOncology = {\n / Get default theme /\n ...ThemeDefault,\n\n / Custom /\n / Colors /\n color: {\n primary: {\n '100': '#AABEE1',\n '300': '#557EC4',\n '500': '#003DA6',\n '700': '#00296F',\n '900': '#000C21'\n },\n secondary: {\n '100': '#CDD7E3',\n '300': '#9BAFC7',\n '500': '#6886AB',\n '700': '#365E8F',\n '900': '#043673',\n },\n accent: {\n '100': '#99CFFF',\n '300': '#47A9FF',\n '500': '#0083F5',\n '700': '#006DCC',\n '900': '#0058A4',\n },\n aux: {\n '100': '#DAF2EF',\n '300': '#84D4CA',\n '500': '#47BFB0',\n '700': '#2F7F75',\n '900': '#0E2623',\n },\n },\n font: {\n size: '14px',\n color: '#4A4A4A',\n body: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n heading: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n display: \"'Hanken Grotesk', Arial, Helvetica, sans-serif\",\n weights: {\n thin: 100,\n light: 300,\n regular: 400,\n medium: 500,\n bold: 700,\n black: 900\n },\n }\n};\n","import { ThemeDefault } from './theme-default';\nimport { ThemeMaternity } from './theme-maternity';\nimport { ThemeOncology } from './theme-oncology';\n\nexport const ThemePresets = {\n 'default': ThemeDefault,\n 'maternidade': ThemeMaternity,\n 'oncologia': ThemeOncology,\n};\n","/\n Static\n /\nexport const Static = {\n / Colors /\n color: {\n success: {\n '100': '#DFF6E9',\n '300': '#94E1B5',\n '500': '#5FD290',\n '700': '#31734D',\n '900': '#132A1D',\n },\n info: {\n '100': '#CFE2FF',\n '300': '#95BFFF',\n '500': '#6EA8FF',\n '700': '#426499',\n '900': '#253855',\n },\n error: {\n '100': '#FBDDDD',\n '300': '#F28F8F',\n '500': '#EB5757',\n '700': '#9D3A3A',\n '900': '#2F1111',\n },\n warning: {\n '100': '#FCFAC4',\n '300': '#F8F489',\n '500': '#F5EF4E',\n '700': '#6C6A20',\n '900': '#313010',\n },\n neutral: {\n '0': '#FFFFFF',\n '100': '#F6F6F6',\n '200': '#E9E9E9',\n '300': '#E2E2E2',\n '400': '#D4D4D4',\n '500': '#B7B7B7',\n '600': '#929292',\n '700': '#6E6E6E',\n '800': '#4A4A4A',\n '900': '#262626',\n },\n },\n breakpoints: {\n xsmall: {\n min: 0,\n max: 480\n },\n small: {\n min: 481,\n max: 768\n },\n medium: {\n min: 769,\n max: 992\n },\n large: {\n min: 993,\n max: 1919\n },\n xlarge: {\n min: 1920,\n max: 4096\n }\n }\n};\n","import { Static } from \"../theme-presets/static\";\n\nexport default class CuraThemeColorsModule {\n \n NeutralDepthAlias = {\n 'purewhite': '0',\n 'white': '100',\n 'pale': '200',\n 'lighter': '300',\n 'light': '400',\n 'base': '500',\n 'medium': '600',\n 'dark': '700',\n 'darker': '800',\n 'black': '900',\n };\n\n ColorDepthAlias = {\n 'lighter': '100',\n 'light': '300',\n 'base': '500',\n 'dark': '700',\n 'darker': '900'\n }\n\n constructor() {}\n\n /\n Get theme color.\n * @param colorWithDepth string Ex.: primary-light\n * @returns css color property. Color definition or related css var from the theme.\n /\n getColor(colorWithDepth: string = \"primary-base\"): string {\n const { color, depth } = this.splitColorDepth(colorWithDepth);\n const staticColor = this.getStatic(color, depth);\n if (staticColor) return staticColor;\n return this.getDynamic(color, depth);\n }\n\n /\n Internal: Look for static color by name and depth.\n * @param color Color name.\n * @param depth Depth number or alias.\n * @returns Static color definition.\n /\n getStatic(color: string, depth: string) {\n const colorObj = Static.color[color];\n if (!colorObj) return null;\n return color === 'neutral'\n ? Static.color[color]?.[this.NeutralDepthAlias[depth]] \|\| Static.color[color]?.[depth]\n : Static.color[color]?.[this.ColorDepthAlias[depth]] \|\| Static.color[color]?.[depth];\n }\n\n /\n Internal: Look for theme dynamic colors.\n * @param color Color name.\n * @param depth Depth number or alias.\n * @returns Related CSS variable defined by the theme.\n /\n getDynamic(color: string, depth: string) {\n const themeVar = this.ColorDepthAlias[depth]\n ? `--cura-color-${color}-${this.ColorDepthAlias[depth]}`\n : `--cura-color-${color}-${depth}`;\n return getComputedStyle(document.body).getPropertyValue(themeVar)\n ? `var(${themeVar})`\n : `var(--cura-color-primary-500)`;\n }\n\n /\n Internal: Split color strings\n * @param colorWithDepth Color string [color]-[depth]. Ex.: primary-dark or primary-700.\n * @returns Object { color: string, depth: string }.\n /\n private splitColorDepth(colorWithDepth: string): { color: string, depth: string } {\n const [ color, depth ] = colorWithDepth.toLowerCase().split(/-(.)/);\n return { color: color ?? \"primary\", depth: depth ?? \"base\" };\n }\n\n}\n","export default class CuraThemeSpacingModule {\n\n private curaSpacing = '--cura-spacing-base';\n\n constructor() {}\n\n /** Returns the base spacing var defined in the theme /\n getSpacing(): string {\n if (getComputedStyle(document.body).getPropertyValue(this.curaSpacing)) {\n return `var(${this.curaSpacing})`;\n }\n return '4';\n }\n}\n","import { ThemeDefault } from \"../theme-presets/theme-default\";\n\nexport default class CuraThemeFontsModule {\n\n constructor() {}\n\n /\n Get the CSS variable related to the font family defined by the theme.\n * @param type 'body' \| 'heading' \| 'display'\n * @returns Related css variable as a string.\n /\n getFamily(type: string = \"body\"): string {\n const curaFontFamilyCSSVar = `--cura-font-${type.toLowerCase()}`;\n return getComputedStyle(document.body).getPropertyValue(curaFontFamilyCSSVar)\n ? `var(${curaFontFamilyCSSVar})`\n : 'var(--cura-font-body)';\n }\n\n /\n Get the CSS variables related to font weights defined by the theme.\n * @returns Object with CSS vars weights definitions for thin, light, regular, medium, bold and black fonts.\n /\n getWeights(): any {\n const weights = {};\n Object.keys(ThemeDefault.font.weights).forEach((key) => weights[key] = `var(--cura-font-weights-${key})`);\n return weights;\n }\n\n /\n Get the CSS variable related to the font size base defined by the theme.\n * @returns Related CSS variable as a string.\n /\n getSize = () => `var(--cura-font-size)`;\n\n /\n Get CSS variable related to the font color defined by the theme.\n * @returns Related CSS variable as a string.\n /\n getColor = () => `var(--cura-font-color)`;\n\n}\n","import { Static } from '../theme-presets/static';\n\nexport default class CuraThemeBreakpointsModule {\n\n constructor() {}\n\n /* Returns the base spacing var defined in the theme /\n get(size: 'xsmall' \| 'small' \| 'medium' \| 'large' \| 'xlarge' = null, position: 'min' \| 'max' = null): any {\n if (size) {\n const breakpoint = position ? Static.breakpoints[size][position] : Static.breakpoints[size];\n if (breakpoint) return breakpoint;\n }\n return Static.breakpoints;\n }\n}\n","import { ThemePresets } from \"../theme-presets/theme-presets\";\nimport { CuraCustomTheme } from \"../cura-api.type\";\nimport CuraThemeColorsModule from \"./cura-theme-colors-module\";\nimport CuraThemeSpacingModule from \"./cura-theme-spacing-module\";\nimport CuraThemeFontsModule from \"./cura-theme-fonts-module\";\nimport CuraThemeBreakpointsModule from \"./cura-theme-breakpoints-module\";\n\nexport default class CuraThemeModule {\n\n body: HTMLBodyElement;\n prefix = '--cura';\n colors = new CuraThemeColorsModule();\n spacing = new CuraThemeSpacingModule();\n fonts = new CuraThemeFontsModule();\n breakpoints = new CuraThemeBreakpointsModule();\n\n constructor() {\n this.body = window.document.documentElement.querySelector('body');\n }\n\n /\n Load a theme.\n * @param theme Theme tag.\n /\n load(theme = 'default') {\n const preset = ThemePresets[theme] ? ThemePresets[theme] : ThemePresets.default;\n this.buildCssVars(this.prefix, preset);\n }\n\n /\n Define a custom theme\n * @param customTheme Custom theme object definition\n /\n setCustom(customTheme: CuraCustomTheme) {\n const customTag = customTheme.name;\n if (customTag in ThemePresets) {\n console.log('Error building custom theme. Theme %s already exists. Loading default theme.', customTag);\n this.load('default');\n } else {\n const preset = customTheme.fromPreset && customTheme.fromPreset in ThemePresets\n ? ThemePresets[customTheme.fromPreset]\n : ThemePresets.default;\n const newTheme = {...JSON.parse(JSON.stringify(preset))};\n this.mergeObject(customTheme.definitions, newTheme);\n ThemePresets[customTag] = newTheme;\n this.load(customTag);\n }\n }\n\n / Private /\n\n /* Set css var based on object structure /\n setCssVar = (prop, path) => {\n const varName = this.groupPath(path, prop[0]);\n this.body.style.setProperty(varName, prop[1]);\n }\n\n groupPath = (a, b) => `${a}-${b}`;\n\n isObject = (val) => {\n return val && typeof val === 'object' && !Array.isArray(val);\n }\n\n /* Deep merge objects /\n mergeObject = (from, to) => {\n const entries = Object.entries(from);\n for (let e of entries) {\n if (this.isObject(e[1])) {\n this.mergeObject(e[1], to[e[0]]);\n } else {\n to[e[0]] = e[1];\n }\n }\n }\n\n /* Set css vars from preset object */\n buildCssVars = (path, obj) => {\n const entries = Object.entries(obj);\n for (let e of entries) {\n if (this.isObject(e[1])) {\n this.buildCssVars(this.groupPath(path, e[0]), e[1]);\n } else {\n this.setCssVar(e, path);\n }\n }\n }\n}\n","import { CuraConfig, APIThemeFunctions, CuraCustomTheme } from './cura-api.type';\nimport CuraThemeModule from './modules/cura-theme-module';\n\nexport default class CuraAPI {\n\n theme: APIThemeFunctions;\n localAssetsPath: string;\n\n constructor (config?: CuraConfig) {\n this.localAssetsPath = config && config.localAssetsPath ? config.localAssetsPath : `/assets`;\n const themeModule = new CuraThemeModule();\n this.theme = {\n load: function(themeTag: string) { themeModule.load(themeTag); },\n setCustom: function(customThemeDefinitions: CuraCustomTheme) { themeModule.setCustom(customThemeDefinitions); },\n colors: {\n getColor: function(colorWithDepth?: string) { return themeModule.colors.getColor(colorWithDepth) },\n },\n fonts: {\n getFamily: function(type?: string) { return themeModule.fonts.getFamily(type) },\n getWeights: function() { return themeModule.fonts.getWeights() },\n getSize: function() { return themeModule.fonts.getSize() },\n getColor: function() { return themeModule.fonts.getColor() }\n },\n spacing: {\n getSpacing: function() { return themeModule.spacing.getSpacing(); },\n },\n breakpoints: {\n get: function(size?: 'xsmall' \| 'small' \| 'medium' \| 'large' \| 'xlarge', position?: 'min' \| 'max') { return themeModule.breakpoints.get(size, position); }\n }\n };\n if (config && config.customTheme) {\n this.theme.setCustom(config.customTheme);\n } else {\n const theme = config && config.theme ? config.theme : 'default';\n this.theme.load(theme);\n }\n }\n\n}\n","import CuraAPI from './api/cura-api';\nimport { CuraConfig } from './api/cura-api.type';\n// import { setAssetPath } from '@stencil/core';\n\n// setAssetPath(import.meta.url);\ndeclare global {\n interface Window {\n CuraAPI?: CuraAPI,\n CuraInit?: CuraConfig\n }\n}\n\nexport default function() {\n const config = window.CuraInit;\n window.CuraAPI = config ? new CuraAPI(config) : new CuraAPI();\n const api = window.CuraAPI;\n window.dispatchEvent(new CustomEvent(\"CuraAPIReady\", { detail: {api} }));\n if (config && typeof config.onReady === 'function') config.onReady(api);\n}\n","import appGlobalScript from '/Users/fellipesoares/Code/cura/packages/component-lib/src/rededor-cura-start.ts';\nexport const globalScripts = appGlobalScript;\n"],"version":3}