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