@rededor/cura 0.3.1 → 0.3.2

package/dist/esm/cura-display_5.entry.js

@@ -1,253 +0,0 @@
-import { r as registerInstance, h, H as Host, g as getElement } from './index-c3d31886.js';
-
-const curaDisplayCss = ":host{display:block;font-size:var(--font-size);text-transform:uppercase}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:4.285em;font-weight:var(--font-weight-black);color:var(--color-body);line-height:120%;letter-spacing:-4%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:6.21em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3em;font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px) and (max-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.92em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:7.07em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.428em}}@media screen and (min-width: 1367px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:6.14em;line-height:125%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:8.857em;letter-spacing:-6%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:4.285em;letter-spacing:-2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
-
-const CuraDisplay = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Heading level for semantics.
-     * Values: 1(default)-6.
-     */
-    this.level = 1;
-    /**
-     * Heading style size.
-     * Values: small | regular(default) | large.
-     */
-    this.size = 'regular';
-  }
-  connectedCallback() {
-    this.weights = window.CuraAPI.theme.fonts.getWeights();
-    this.setFontProperties();
-    this.setColors();
-  }
-  getClasses() {
-    const classes = {};
-    classes[this.size.toLowerCase()] = true;
-    return classes;
-  }
-  setFontProperties() {
-    this.styles = {
-      '--font-family': window.CuraAPI.theme.fonts.getFamily('display'),
-      '--font-size': window.CuraAPI.theme.fonts.getSize(),
-      '--font-weight-bold': this.weights.bold,
-      '--font-weight-black': this.weights.black
-    };
-    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());
-  }
-  setColors() {
-    const fontColor = window.CuraAPI.theme.fonts.getColor();
-    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');
-    this.styles['--color-link'] = window.CuraAPI.theme.colors.getColor('primary-700');
-  }
-  setHostProperty(prop, value) {
-    this.host.style.setProperty(prop, value);
-  }
-  getHeadingTag() {
-    const tags = {
-      '1': h("h1", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      '2': h("h2", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      '3': h("h3", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      '4': h("h4", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      '5': h("h5", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      '6': h("h6", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      'default': h("h1", { style: this.styles, class: this.getClasses() }, h("slot", null))
-    };
-    return tags[`${this.level}`] || tags['default'];
-  }
-  render() {
-    return (h(Host, null, this.getHeadingTag()));
-  }
-  get host() { return getElement(this); }
-};
-CuraDisplay.style = curaDisplayCss;
-
-const curaHeadingCss = ":host{display:block;font-size:var(--font-size)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.71em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:130%;letter-spacing:0%}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.07em;letter-spacing:-2%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:150%;letter-spacing:0%}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px) and (max-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}}@media screen and (min-width: 1367px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:135%;letter-spacing:-2%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.92em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.71em;line-height:160%;letter-spacing:0%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
-
-const CuraHeading = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Heading level for semantics.
-     * Values: 1(default)-6.
-     */
-    this.level = 1;
-    /**
-     * Heading style size.
-     * Values: small | regular(default) | large.
-     */
-    this.size = 'regular';
-    /**
-     * Heading font weight.
-     * Values: regular(default) | bold.
-     */
-    this.weight = 'regular';
-  }
-  connectedCallback() {
-    this.weights = window.CuraAPI.theme.fonts.getWeights();
-    this.setFontProperties();
-    this.setColors();
-  }
-  getClasses() {
-    const classes = {};
-    classes[this.size.toLowerCase()] = true;
-    classes[`${this.weight.toLowerCase()}-weight`] = true;
-    return classes;
-  }
-  setFontProperties() {
-    this.styles = {
-      '--font-family': window.CuraAPI.theme.fonts.getFamily('heading'),
-      '--font-size': window.CuraAPI.theme.fonts.getSize(),
-      '--font-weight-regular': this.weights.regular,
-      '--font-weight-medium': this.weights.medium,
-      '--font-weight-bold': this.weights.bold,
-      '--font-weight-black': this.weights.black
-    };
-    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());
-  }
-  setColors() {
-    const fontColor = window.CuraAPI.theme.fonts.getColor();
-    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');
-    this.styles['--color-link'] = window.CuraAPI.theme.colors.getColor('primary-700');
-  }
-  setHostProperty(prop, value) {
-    this.host.style.setProperty(prop, value);
-  }
-  getHeadingTag() {
-    const tags = {
-      '1': h("h1", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      '2': h("h2", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      '3': h("h3", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      '4': h("h4", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      '5': h("h5", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      '6': h("h6", { style: this.styles, class: this.getClasses() }, h("slot", null)),
-      'default': h("h1", { style: this.styles, class: this.getClasses() }, h("slot", null))
-    };
-    return tags[`${this.level}`] || tags['default'];
-  }
-  render() {
-    return (h(Host, null, this.getHeadingTag()));
-  }
-  get host() { return getElement(this); }
-};
-CuraHeading.style = curaHeadingCss;
-
-const curaIconCss = ":host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
-
-const CuraIcon = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.name = '';
-    this.color = 'neutral-base';
-    this.iconset = 'default';
-    this.disabled = false;
-    this.sizes = {
-      "128": { size: 128, stroke: 5.25 },
-      "72": { size: 72, stroke: 3.5 },
-      "64": { size: 64, stroke: 3.25 },
-      "48": { size: 48, stroke: 2.75 },
-      "40": { size: 40, stroke: 2.5 },
-      "32": { size: 32, stroke: 2.25 },
-      "24": { size: 24, stroke: 2 },
-      "20": { size: 20, stroke: 1.75 },
-      "16": { size: 16, stroke: 1.5 },
-      "default": { size: 24, stroke: 2 }
-    };
-  }
-  sizeHandler(size) {
-    const scaledStroke = (iconSize) => {
-      return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;
-    };
-    this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);
-    this.setHostProperty('--stroke', this.sizes[`${size}`] ? scaledStroke(size) : scaledStroke("default"));
-  }
-  colorHandler() {
-    this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color));
-  }
-  connectedCallback() {
-    this.assetsPath = window.CuraAPI.localAssetsPath;
-    this.sizeHandler(this.size);
-    this.colorHandler();
-  }
-  setHostProperty(prop, value) {
-    this.host.style.setProperty(prop, value);
-  }
-  render() {
-    return (h(Host, null, h("svg", { version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, h("use", { xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
-  }
-  get host() { return getElement(this); }
-  static get watchers() { return {
-    "size": ["sizeHandler"],
-    "color": ["colorHandler"],
-    "disabled": ["colorHandler"]
-  }; }
-};
-CuraIcon.style = curaIconCss;
-
-const iconsetdefaulticons = ["360", "accessibility", "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", "deslike", "download", "duplicate", "edit", "exam", "expand", "facebook", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "google", "hate", "healthPlan", "height", "height2", "home", "horizontalList", "imageUp", "info2", "infoCircle", "instagram", "key", "language", "language2", "languageEN", "languagePT", "lattes", "like", "likeHand", "link", "linkExternal", "linkedin", "list", "login", "logout", "love", "mail", "mail2", "medical", "menuHamburguer", "menuKebab", "menuMeatballs", "mic", "micOff", "minus", "minusCircle", "minusSquare", "mobile", "neutral", "news", "notification", "order", "partner", "phone", "play", "plus", "plusCircle", "plusSquare", "print", "profile", "profile2", "pulldownG", "pulldownP", "pullupG", "pullupP", "questionCircle", "questionSquare", "range", "reload", "schedule", "search", "secure", "share", "share2", "sound", "soundOff", "subItem", "target", "team", "twitter", "unLink", "unSecure", "unlikeHand", "upload", "verticalList", "viewFalse", "viewTrue", "weight", "whatsapp", "wifi", "youtube", "zoomIn", "zoomOut"];
-
-const curaIconsViewCss = ":host{display:block;padding:24px;font-family:var(--cura-font-family-body)}.iconDetail{display:block}.iconSizes{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.iconSizes .size{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#262626;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.icons .icon span{font-size:12px;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;color:#FFF;border-radius:2px;position:absolute;top:-2px;left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);display:none}.icons .icon:hover{opacity:1}.icons .icon:hover span{display:block}";
-
-const CuraIconsView = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    this.sizes = [16, 20, 24, 32, 40, 48, 64, 72, 128];
-    this.colors = ['primary', 'secondary', 'accent', 'info', 'warning', 'error', 'success', 'neutral'];
-    this.selected = '360';
-    this.setSelected = (icon) => {
-      this.selected = icon;
-    };
-  }
-  render() {
-    return (h(Host, null, h("div", { class: "iconDetail" }, h("h4", null, this.selected), h("div", { class: "iconSizes" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size }), h("span", null, size)))), h("div", { class: "iconSizes invert" }, this.sizes.map(size => h("div", { class: "size" }, h("cura-icon", { name: this.selected, size: size, color: "neutral-white" }), h("span", null, size)))), h("div", { class: "iconSizes" }, this.colors.map(color => h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: color }), h("span", null, color))), h("div", { class: "size" }, h("cura-icon", { name: this.selected, disabled: true }), h("span", null, "Disabled")))), h("div", { class: "icons" }, iconsetdefaulticons.map(icon => h("div", { class: "icon", onClick: () => this.setSelected(icon) }, h("cura-icon", { name: icon }), h("span", null, icon))))));
-  }
-};
-CuraIconsView.style = curaIconsViewCss;
-
-const curaParagraphCss = ":host{display:block;font-size:var(--font-size)}:host p{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:140%;letter-spacing:2%}:host p.large{font-size:1.21em;line-height:150%;letter-spacing:0%}:host p.small{font-size:0.85em;line-height:135%;letter-spacing:4%}:host p.caption{font-size:0.71em;line-height:135%;letter-spacing:6%}@media screen and (min-width: 768px) and (max-width: 1366px){:host p{font-size:1.14em;line-height:145%}:host p.large{font-size:1.35em;line-height:150%}:host p.small{font-size:1em;line-height:135%}:host p.caption{font-size:0.85em;line-height:135%;letter-spacing:6%}}@media screen and (min-width: 1367px){:host p{font-size:1.42em;line-height:150%;letter-spacing:0%}:host p.large{font-size:1.71em;line-height:160%}:host p.small{font-size:1.21em;line-height:145%;letter-spacing:0%}:host p.caption{font-size:1em;line-height:145%;letter-spacing:2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
-
-const CuraParagraph = class {
-  constructor(hostRef) {
-    registerInstance(this, hostRef);
-    /**
-     * Set size of body text.
-     * Values: regular (default) | large | small | caption.
-     */
-    this.size = 'regular';
-  }
-  connectedCallback() {
-    this.weights = window.CuraAPI.theme.fonts.getWeights();
-    this.setFontProperties();
-    this.setColors();
-  }
-  setsizeClass() {
-    const sizeclass = {};
-    sizeclass[this.size.toLowerCase()] = true;
-    return sizeclass;
-  }
-  setFontProperties() {
-    this.styles = {
-      '--font-family': window.CuraAPI.theme.fonts.getFamily('body'),
-      '--font-size': window.CuraAPI.theme.fonts.getSize(),
-      '--font-weight-regular': this.weights.regular,
-      '--font-weight-medium': this.weights.medium,
-      '--font-weight-bold': this.weights.bold
-    };
-    this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());
-  }
-  setColors() {
-    const fontColor = window.CuraAPI.theme.fonts.getColor();
-    this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor(`neutral-darker`);
-    this.styles['--color-link'] = window.CuraAPI.theme.colors.getColor('primary-700');
-  }
-  setHostProperty(prop, value) {
-    this.host.style.setProperty(prop, value);
-  }
-  render() {
-    return (h(Host, null, h("p", { style: this.styles, class: this.setsizeClass() }, h("slot", null))));
-  }
-  get host() { return getElement(this); }
-};
-CuraParagraph.style = curaParagraphCss;
-
-export { CuraDisplay as cura_display, CuraHeading as cura_heading, CuraIcon as cura_icon, CuraIconsView as cura_icons_view, CuraParagraph as cura_paragraph };

package/dist/esm-es5/app-globals-d7dd3a4d.js

@@ -1 +0,0 @@
-var ThemeDefault={color:{primary:{100:"#71C5E8",300:"#449CD5",500:"#005EB8",700:"#004890",900:"#002855"},secondary:{100:"#F5ECE3",300:"#DDC0A2",500:"#CCA074",700:"#886B4D",900:"#292017"},accent:{100:"#F9E8D5",300:"#E4A04F",500:"#DF8D2C",700:"#955E1D",900:"#2D1C09"}},spacing:{base:4},font:{size:"14px",color:"#4A4A4A",body:"'Roboto', Arial, Helvetica, sans-serif",heading:"'Roboto', Arial, Helvetica, sans-serif",display:"'Roboto', Arial, Helvetica, sans-serif",weights:{thin:100,light:300,regular:400,medium:500,bold:700,black:900}}};var ThemeMaternity=Object.assign(Object.assign({},ThemeDefault),{color:{primary:{100:"#FCEFF6",300:"#FFBFE5",500:"#CD4D9A",700:"#99126C",900:"#00133B"},secondary:{100:"#EDF3FF",300:"#BDD2FF",500:"#189AB4",700:"#001C58",900:"#430E31"}}});var ThemePresets={default:ThemeDefault,maternidade:ThemeMaternity};var Static={color:{success:{lighter:"#DFF6E9",light:"#94E1B5",base:"#5FD290",dark:"#3F8C60",darker:"#132A1D",depth100:"#DFF6E9",depth300:"#94E1B5",depth500:"#5FD290",depth700:"#3F8C60",depth900:"#132A1D"},info:{lighter:"#CFE2FF",light:"#95BFFF",base:"#6EA8FF",dark:"#517BBB",darker:"#253855",depth100:"#CFE2FF",depth300:"#95BFFF",depth500:"#6EA8FF",depth700:"#517BBB",depth900:"#253855"},error:{lighter:"#FBDDDD",light:"#F28F8F",base:"#EB5757",dark:"#9D3A3A",darker:"#2F1111",depth100:"#FBDDDD",depth300:"#F28F8F",depth500:"#EB5757",depth700:"#9D3A3A",depth900:"#2F1111"},warning:{lighter:"#FCFAC4",light:"#F8F489",base:"#F5EF4E",dark:"#A39F34",darker:"#313010",depth100:"#FCFAC4",depth300:"#F8F489",depth500:"#F5EF4E",depth700:"#A39F34",depth900:"#313010"},neutral:{0:"#FFFFFF",100:"#F6F6F6",200:"#E9E9E9",300:"#E2E2E2",400:"#D4D4D4",500:"#B7B7B7",600:"#929292",700:"#6E6E6E",800:"#4A4A4A",900:"#262626"}},icons:{sizes:["128","72","64","48","40","32","24","20","16"],strokes:["5.25","3.5","3.25","2.75","2.5","2.25","2","1.75","1.5"],"default-size":"24"},breakpoints:{small:"576px",medium:"768px",large:"992px",xlarge:"1200px"}};var CuraThemeColorsModule=function(){function e(){this.NeutralDepthAlias={purewhite:"0",white:"100",pale:"200",lighter:"300",light:"400",base:"500",medium:"600",dark:"700",darker:"800",black:"900"};this.ColorDepthAlias={lighter:"100",light:"300",base:"500",dark:"700",darker:"900"}}e.prototype.getColor=function(e){if(e===void 0){e="primary-base"}var t=this.splitColorDepth(e),r=t.color,o=t.depth;var a=this.getStatic(r,o);if(a)return a;return this.getDynamic(r,o)};e.prototype.getStatic=function(e,t){var r,o;return((r=Static.color[e])===null||r===void 0?void 0:r[t])||((o=Static.color[e])===null||o===void 0?void 0:o[this.NeutralDepthAlias[t]])||null};e.prototype.getDynamic=function(e,t){var r=this.ColorDepthAlias[t]?"--cura-color-".concat(e,"-").concat(this.ColorDepthAlias[t]):"--cura-color-".concat(e,"-").concat(t);return getComputedStyle(document.body).getPropertyValue(r)?"var(".concat(r,")"):"var(--cura-color-primary-500)"};e.prototype.splitColorDepth=function(e){var t=e.toLowerCase().split(/-(.*)/),r=t[0],o=t[1];return{color:r!==null&&r!==void 0?r:"primary",depth:o!==null&&o!==void 0?o:"base"}};return e}();var CuraThemeFontsModule=function(){function e(){this.getSize=function(){return"var(--cura-font-size)"};this.getColor=function(){return"var(--cura-font-color)"}}e.prototype.getFamily=function(e){if(e===void 0){e="body"}var t="--cura-font-".concat(e.toLowerCase());return getComputedStyle(document.body).getPropertyValue(t)?"var(".concat(t,")"):"var(--cura-font-body)"};e.prototype.getWeights=function(){var e={};Object.keys(ThemeDefault.font.weights).forEach((function(t){return e[t]="var(--cura-font-weights-".concat(t,")")}));return e};return e}();var CuraThemeModule=function(){function e(){var e=this;this.prefix="--cura";this.colors=new CuraThemeColorsModule;this.fonts=new CuraThemeFontsModule;this.setCssVar=function(t,r){var o=e.groupPath(r,t[0]);e.body.style.setProperty(o,t[1])};this.groupPath=function(e,t){return"".concat(e,"-").concat(t)};this.isObject=function(e){return e&&typeof e==="object"&&!Array.isArray(e)};this.mergeObject=function(t,r){var o=Object.entries(t);for(var a=0,i=o;a<i.length;a++){var s=i[a];if(e.isObject(s[1])){e.mergeObject(s[1],r[s[0]])}else{r[s[0]]=s[1]}}};this.buildCssVars=function(t,r){var o=Object.entries(r);for(var a=0,i=o;a<i.length;a++){var s=i[a];if(e.isObject(s[1])){e.buildCssVars(e.groupPath(t,s[0]),s[1])}else{e.setCssVar(s,t)}}};this.body=window.document.documentElement.querySelector("body")}e.prototype.load=function(e){if(e===void 0){e="default"}var t=ThemePresets[e]?ThemePresets[e]:ThemePresets.default;this.buildCssVars(this.prefix,t)};e.prototype.setCustom=function(e){var t=e.name;if(t in ThemePresets){console.log("Error building custom theme. Theme %s already exists. Loading default theme.",t);this.load("default")}else{var r=e.fromPreset&&e.fromPreset in ThemePresets?ThemePresets[e.fromPreset]:ThemePresets.default;var o=Object.assign({},JSON.parse(JSON.stringify(r)));this.mergeObject(e.definitions,o);ThemePresets[t]=o;this.load(t)}};return e}();var CuraAPI=function(){function e(e){this.localAssetsPath=e&&e.localAssetsPath?e.localAssetsPath:"/assets";var t=new CuraThemeModule;this.theme={load:function(e){t.load(e)},setCustom:function(e){t.setCustom(e)},colors:{getColor:function(e){return t.colors.getColor(e)}},fonts:{getFamily:function(e){return t.fonts.getFamily(e)},getWeights:function(){return t.fonts.getWeights()},getSize:function(){return t.fonts.getSize()},getColor:function(){return t.fonts.getColor()}}};if(e&&e.customTheme){this.theme.setCustom(e.customTheme)}else{var r=e&&e.theme?e.theme:"default";this.theme.load(r)}}return e}();function appGlobalScript(){var e=window.CuraInit;window.CuraAPI=e?new CuraAPI(e):new CuraAPI;var t=window.CuraAPI;window.dispatchEvent(new CustomEvent("CuraAPIReady",{detail:{api:t}}));if(e&&typeof e.onReady==="function")e.onReady(t)}var globalScripts=appGlobalScript;export{globalScripts as g};

package/dist/esm-es5/cura-display_5.entry.js

@@ -1 +0,0 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-c3d31886.js";var curaDisplayCss=":host{display:block;font-size:var(--font-size);text-transform:uppercase}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:4.285em;font-weight:var(--font-weight-black);color:var(--color-body);line-height:120%;letter-spacing:-4%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:6.21em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3em;font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px) and (max-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.92em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:7.07em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.428em}}@media screen and (min-width: 1367px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:6.14em;line-height:125%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:8.857em;letter-spacing:-6%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:4.285em;letter-spacing:-2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";var CuraDisplay=function(){function t(t){registerInstance(this,t);this.level=1;this.size="regular"}t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()};t.prototype.getClasses=function(){var t={};t[this.size.toLowerCase()]=true;return t};t.prototype.setFontProperties=function(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize())};t.prototype.setColors=function(){var t=window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=window.CuraAPI.theme.colors.getColor("primary-700")};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.getHeadingTag=function(){var t={1:h("h1",{style:this.styles,class:this.getClasses()},h("slot",null)),2:h("h2",{style:this.styles,class:this.getClasses()},h("slot",null)),3:h("h3",{style:this.styles,class:this.getClasses()},h("slot",null)),4:h("h4",{style:this.styles,class:this.getClasses()},h("slot",null)),5:h("h5",{style:this.styles,class:this.getClasses()},h("slot",null)),6:h("h6",{style:this.styles,class:this.getClasses()},h("slot",null)),default:h("h1",{style:this.styles,class:this.getClasses()},h("slot",null))};return t["".concat(this.level)]||t["default"]};t.prototype.render=function(){return h(Host,null,this.getHeadingTag())};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CuraDisplay.style=curaDisplayCss;var curaHeadingCss=":host{display:block;font-size:var(--font-size)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.71em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:130%;letter-spacing:0%}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.07em;letter-spacing:-2%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:150%;letter-spacing:0%}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px) and (max-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}}@media screen and (min-width: 1367px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:135%;letter-spacing:-2%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.92em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.71em;line-height:160%;letter-spacing:0%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";var CuraHeading=function(){function t(t){registerInstance(this,t);this.level=1;this.size="regular";this.weight="regular"}t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()};t.prototype.getClasses=function(){var t={};t[this.size.toLowerCase()]=true;t["".concat(this.weight.toLowerCase(),"-weight")]=true;return t};t.prototype.setFontProperties=function(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("heading"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize())};t.prototype.setColors=function(){var t=window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=window.CuraAPI.theme.colors.getColor("primary-700")};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.getHeadingTag=function(){var t={1:h("h1",{style:this.styles,class:this.getClasses()},h("slot",null)),2:h("h2",{style:this.styles,class:this.getClasses()},h("slot",null)),3:h("h3",{style:this.styles,class:this.getClasses()},h("slot",null)),4:h("h4",{style:this.styles,class:this.getClasses()},h("slot",null)),5:h("h5",{style:this.styles,class:this.getClasses()},h("slot",null)),6:h("h6",{style:this.styles,class:this.getClasses()},h("slot",null)),default:h("h1",{style:this.styles,class:this.getClasses()},h("slot",null))};return t["".concat(this.level)]||t["default"]};t.prototype.render=function(){return h(Host,null,this.getHeadingTag())};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CuraHeading.style=curaHeadingCss;var curaIconCss=":host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";var CuraIcon=function(){function t(t){registerInstance(this,t);this.name="";this.color="neutral-base";this.iconset="default";this.disabled=false;this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}}}t.prototype.sizeHandler=function(t){var e=this;var s=function(t){return"".concat(e.sizes[t].stroke*(e.sizes.default.size/e.sizes[t].size),"px")};this.setHostProperty("--size",this.sizes["".concat(t)]?"".concat(this.sizes[t].size,"px"):"".concat(this.sizes.default.size,"px"));this.setHostProperty("--stroke",this.sizes["".concat(t)]?s(t):s("default"))};t.prototype.colorHandler=function(){this.setHostProperty("--color",window.CuraAPI.theme.colors.getColor(this.disabled?"neutral-light":this.color))};t.prototype.connectedCallback=function(){this.assetsPath=window.CuraAPI.localAssetsPath;this.sizeHandler(this.size);this.colorHandler()};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.render=function(){return h(Host,null,h("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg"},h("use",{xlinkHref:"".concat(this.assetsPath,"/icons/iconset-").concat(this.iconset,".svg#").concat(this.name)})))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:["sizeHandler"],color:["colorHandler"],disabled:["colorHandler"]}},enumerable:false,configurable:true});return t}();CuraIcon.style=curaIconCss;var iconsetdefaulticons=["360","accessibility","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","deslike","download","duplicate","edit","exam","expand","facebook","fileBmp","fileJpg","filePdf","filePng","fileUpload","fileXls","filter","fullscreen","gallery","geotag","google","hate","healthPlan","height","height2","home","horizontalList","imageUp","info2","infoCircle","instagram","key","language","language2","languageEN","languagePT","lattes","like","likeHand","link","linkExternal","linkedin","list","login","logout","love","mail","mail2","medical","menuHamburguer","menuKebab","menuMeatballs","mic","micOff","minus","minusCircle","minusSquare","mobile","neutral","news","notification","order","partner","phone","play","plus","plusCircle","plusSquare","print","profile","profile2","pulldownG","pulldownP","pullupG","pullupP","questionCircle","questionSquare","range","reload","schedule","search","secure","share","share2","sound","soundOff","subItem","target","team","twitter","unLink","unSecure","unlikeHand","upload","verticalList","viewFalse","viewTrue","weight","whatsapp","wifi","youtube","zoomIn","zoomOut"];var curaIconsViewCss=":host{display:block;padding:24px;font-family:var(--cura-font-family-body)}.iconDetail{display:block}.iconSizes{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.iconSizes .size{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;text-align:center;margin-right:9px;padding:8px}.iconSizes .size:last-child{margin-right:0}.iconSizes .size span{font-size:10px}.iconSizes.invert{margin-top:12px}.iconSizes.invert .size{background-color:#262626;color:#F6F6F6;border-radius:3px}.icons{margin-top:28px;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative}.icons .icon{position:relative;padding:4px;cursor:pointer;opacity:0.6;-webkit-transition:opacity 0.2s linear;transition:opacity 0.2s linear}.icons .icon span{font-size:12px;padding:6px;-webkit-box-sizing:border-box;box-sizing:border-box;background:#000;color:#FFF;border-radius:2px;position:absolute;top:-2px;left:50%;-webkit-transform:translateX(-50%) translateY(-100%);transform:translateX(-50%) translateY(-100%);display:none}.icons .icon:hover{opacity:1}.icons .icon:hover span{display:block}";var CuraIconsView=function(){function t(t){var e=this;registerInstance(this,t);this.sizes=[16,20,24,32,40,48,64,72,128];this.colors=["primary","secondary","accent","info","warning","error","success","neutral"];this.selected="360";this.setSelected=function(t){e.selected=t}}t.prototype.render=function(){var t=this;return h(Host,null,h("div",{class:"iconDetail"},h("h4",null,this.selected),h("div",{class:"iconSizes"},this.sizes.map((function(e){return h("div",{class:"size"},h("cura-icon",{name:t.selected,size:e}),h("span",null,e))}))),h("div",{class:"iconSizes invert"},this.sizes.map((function(e){return h("div",{class:"size"},h("cura-icon",{name:t.selected,size:e,color:"neutral-white"}),h("span",null,e))}))),h("div",{class:"iconSizes"},this.colors.map((function(e){return h("div",{class:"size"},h("cura-icon",{name:t.selected,color:e}),h("span",null,e))})),h("div",{class:"size"},h("cura-icon",{name:this.selected,disabled:true}),h("span",null,"Disabled")))),h("div",{class:"icons"},iconsetdefaulticons.map((function(e){return h("div",{class:"icon",onClick:function(){return t.setSelected(e)}},h("cura-icon",{name:e}),h("span",null,e))}))))};return t}();CuraIconsView.style=curaIconsViewCss;var curaParagraphCss=":host{display:block;font-size:var(--font-size)}:host p{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:140%;letter-spacing:2%}:host p.large{font-size:1.21em;line-height:150%;letter-spacing:0%}:host p.small{font-size:0.85em;line-height:135%;letter-spacing:4%}:host p.caption{font-size:0.71em;line-height:135%;letter-spacing:6%}@media screen and (min-width: 768px) and (max-width: 1366px){:host p{font-size:1.14em;line-height:145%}:host p.large{font-size:1.35em;line-height:150%}:host p.small{font-size:1em;line-height:135%}:host p.caption{font-size:0.85em;line-height:135%;letter-spacing:6%}}@media screen and (min-width: 1367px){:host p{font-size:1.42em;line-height:150%;letter-spacing:0%}:host p.large{font-size:1.71em;line-height:160%}:host p.small{font-size:1.21em;line-height:145%;letter-spacing:0%}:host p.caption{font-size:1em;line-height:145%;letter-spacing:2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";var CuraParagraph=function(){function t(t){registerInstance(this,t);this.size="regular"}t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()};t.prototype.setsizeClass=function(){var t={};t[this.size.toLowerCase()]=true;return t};t.prototype.setFontProperties=function(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("body"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize())};t.prototype.setColors=function(){var t=window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=window.CuraAPI.theme.colors.getColor("primary-700")};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.render=function(){return h(Host,null,h("p",{style:this.styles,class:this.setsizeClass()},h("slot",null)))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CuraParagraph.style=curaParagraphCss;export{CuraDisplay as cura_display,CuraHeading as cura_heading,CuraIcon as cura_icon,CuraIconsView as cura_icons_view,CuraParagraph as cura_paragraph};