@rededor/cura 0.3.0 → 0.3.2
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-5f5b9fbf.js → app-globals-0f70160b.js} +57 -15
- package/dist/cjs/cura-display_4.cjs.entry.js +257 -0
- package/dist/cjs/cura-icons-view.cjs.entry.js +2 -2
- package/dist/cjs/cura.cjs.js +2 -2
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/api/cura-api.js +4 -1
- package/dist/collection/api/modules/cura-theme-module.js +2 -0
- package/dist/collection/api/modules/cura-theme-spacing-module.js +12 -0
- package/dist/collection/api/theme-presets/static.js +0 -13
- package/dist/collection/api/theme-presets/theme-oncology.js +38 -0
- package/dist/collection/api/theme-presets/theme-presets.js +3 -1
- package/dist/collection/assets/icons/iconset-default-list.js +1 -1
- package/dist/collection/assets/icons/iconset-default.svg +1 -1
- package/dist/collection/assets-raw/icons/default/facebook.svg +3 -0
- package/dist/collection/assets-raw/icons/default/google.svg +3 -0
- package/dist/collection/assets-raw/icons/default/instagram.svg +5 -0
- package/dist/collection/assets-raw/icons/default/lattes.svg +3 -0
- package/dist/collection/assets-raw/icons/default/likeHand.svg +4 -0
- package/dist/collection/assets-raw/icons/default/linkedin.svg +5 -0
- package/dist/collection/assets-raw/icons/default/twitter.svg +3 -0
- package/dist/collection/assets-raw/icons/default/unlikeHand.svg +4 -0
- package/dist/collection/assets-raw/icons/default/whatsapp.svg +4 -0
- package/dist/collection/assets-raw/icons/default/youtube.svg +4 -0
- package/dist/collection/collection-manifest.json +1 -0
- package/dist/collection/components/cura-icons-view/cura-icons-view.css +1 -15
- package/dist/collection/components/cura-page-template/cura-page-template.css +123 -0
- package/dist/collection/components/cura-page-template/cura-page-template.js +54 -0
- package/dist/collection/components/text/cura-display/cura-display.css +25 -2
- package/dist/collection/components/text/cura-display/cura-display.js +56 -5
- package/dist/collection/components/text/cura-heading/cura-heading.css +25 -2
- package/dist/collection/components/text/cura-heading/cura-heading.js +53 -2
- package/dist/collection/components/text/cura-paragraph/cura-paragraph.css +25 -2
- package/dist/collection/components/text/cura-paragraph/cura-paragraph.js +54 -3
- package/dist/components/cura-display.js +24 -7
- package/dist/components/cura-heading.js +21 -4
- package/dist/components/cura-icons-view.js +2 -2
- package/dist/components/cura-page-template.d.ts +11 -0
- package/dist/components/cura-page-template.js +47 -0
- package/dist/components/cura-paragraph.js +22 -5
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +58 -15
- package/dist/cura/cura.esm.js +1 -1
- package/dist/cura/cura.js +1 -1
- package/dist/cura/p-32769783.system.js +1 -0
- package/dist/cura/p-5b5cf2e4.system.entry.js +1 -0
- package/dist/cura/p-84b2ad25.entry.js +1 -0
- package/dist/cura/p-8b416bc6.system.js +1 -0
- package/dist/cura/p-aca36c98.js +1 -0
- package/dist/cura/p-e3facf6a.system.entry.js +1 -0
- package/dist/cura/p-fbcea891.entry.js +1 -0
- package/dist/esm/{app-globals-d7dd3a4d.js → app-globals-cb45bff3.js} +57 -15
- package/dist/esm/cura-display_4.entry.js +250 -0
- package/dist/esm/cura-icons-view.entry.js +2 -2
- package/dist/esm/cura.js +2 -2
- package/dist/esm/loader.js +2 -2
- package/dist/esm-es5/app-globals-cb45bff3.js +1 -0
- package/dist/esm-es5/cura-display_4.entry.js +1 -0
- package/dist/esm-es5/cura-icons-view.entry.js +1 -1
- package/dist/esm-es5/cura.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/types/api/cura-api.type.d.ts +4 -1
- package/dist/types/api/modules/cura-theme-module.d.ts +2 -0
- package/dist/types/api/modules/cura-theme-spacing-module.d.ts +6 -0
- package/dist/types/api/theme-presets/static.d.ts +0 -11
- package/dist/types/api/theme-presets/theme-oncology.d.ts +50 -0
- package/dist/types/api/theme-presets/theme-presets.d.ts +50 -0
- package/dist/types/components/cura-page-template/cura-page-template.d.ts +8 -0
- package/dist/types/components/text/cura-display/cura-display.d.ts +13 -3
- package/dist/types/components/text/cura-heading/cura-heading.d.ts +10 -0
- package/dist/types/components/text/cura-paragraph/cura-paragraph.d.ts +10 -0
- package/dist/types/components.d.ts +63 -0
- package/package.json +2 -2
- package/dist/cjs/cura-display_3.cjs.entry.js +0 -187
- package/dist/cura/p-265c1706.js +0 -1
- package/dist/cura/p-3d8bbf37.system.js +0 -1
- package/dist/cura/p-5ae0d10c.system.entry.js +0 -1
- package/dist/cura/p-80dc1c9f.entry.js +0 -1
- package/dist/cura/p-9312a846.system.entry.js +0 -1
- package/dist/cura/p-a8dcaaed.system.js +0 -1
- package/dist/cura/p-d29b9e16.entry.js +0 -1
- package/dist/esm/cura-display_3.entry.js +0 -181
- package/dist/esm-es5/app-globals-d7dd3a4d.js +0 -1
- package/dist/esm-es5/cura-display_3.entry.js +0 -1
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-c3d31886.js';
|
|
2
2
|
|
|
3
|
-
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", "fileBmp", "fileJpg", "filePdf", "filePng", "fileUpload", "fileXls", "filter", "fullscreen", "gallery", "geotag", "hate", "healthPlan", "height", "height2", "home", "horizontalList", "imageUp", "info2", "infoCircle", "key", "language", "language2", "languageEN", "languagePT", "like", "link", "linkExternal", "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", "unLink", "unSecure", "upload", "verticalList", "viewFalse", "viewTrue", "weight", "wifi", "zoomIn", "zoomOut"];
|
|
3
|
+
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"];
|
|
4
4
|
|
|
5
|
-
const curaIconsViewCss = ":host{display:block;padding:24px;font-family
|
|
5
|
+
const curaIconsViewCss = ":host{display:block;padding:24px;font-family:\"Roboto\", Arial, Helvetica, sans-serif}.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}";
|
|
6
6
|
|
|
7
7
|
const CuraIconsView = class {
|
|
8
8
|
constructor(hostRef) {
|
package/dist/esm/cura.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-c3d31886.js';
|
|
2
|
-
import { g as globalScripts } from './app-globals-
|
|
2
|
+
import { g as globalScripts } from './app-globals-cb45bff3.js';
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
|
|
16
16
|
patchBrowser().then(options => {
|
|
17
17
|
globalScripts();
|
|
18
|
-
return bootstrapLazy([["cura-icon",[[1,"cura-icon",{"name":[513],"color":[1],"size":[8],"iconset":[513],"disabled":[4]}]]],["cura-icons-view",[[1,"cura-icons-view",{"selected":[32]}]]],["cura-
|
|
18
|
+
return bootstrapLazy([["cura-icon",[[1,"cura-icon",{"name":[513],"color":[1],"size":[8],"iconset":[513],"disabled":[4]}]]],["cura-icons-view",[[1,"cura-icons-view",{"selected":[32]}]]],["cura-display_4",[[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"]}]]]], options);
|
|
19
19
|
});
|
package/dist/esm/loader.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { p as promiseResolve, b as bootstrapLazy } from './index-c3d31886.js';
|
|
2
|
-
import { g as globalScripts } from './app-globals-
|
|
2
|
+
import { g as globalScripts } from './app-globals-cb45bff3.js';
|
|
3
3
|
|
|
4
4
|
/*
|
|
5
5
|
Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
|
|
@@ -12,7 +12,7 @@ const defineCustomElements = (win, options) => {
|
|
|
12
12
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
13
13
|
return patchEsm().then(() => {
|
|
14
14
|
globalScripts();
|
|
15
|
-
return bootstrapLazy([["cura-icon",[[1,"cura-icon",{"name":[513],"color":[1],"size":[8],"iconset":[513],"disabled":[4]}]]],["cura-icons-view",[[1,"cura-icons-view",{"selected":[32]}]]],["cura-
|
|
15
|
+
return bootstrapLazy([["cura-icon",[[1,"cura-icon",{"name":[513],"color":[1],"size":[8],"iconset":[513],"disabled":[4]}]]],["cura-icons-view",[[1,"cura-icons-view",{"selected":[32]}]]],["cura-display_4",[[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"]}]]]], options);
|
|
16
16
|
});
|
|
17
17
|
};
|
|
18
18
|
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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 ThemeOncology=Object.assign(Object.assign({},ThemeDefault),{color:{primary:{100:"#99CFFF",300:"#47A9FF",500:"#0083F5",700:"#006DCC",900:"#0058A4"},secondary:{100:"#CDD7E3",300:"#9BAFC7",500:"#6886AB",700:"#365E8F",900:"#043673"},aux1:{100:"#AABEE1",300:"#557EC4",500:"#003DA6",700:"#00296F",900:"#000C21"},aux2:{100:"#DAF2EF",300:"#84D4CA",500:"#47BFB0",700:"#2F7F75",900:"#0E2623"}}});var ThemePresets={default:ThemeDefault,maternidade:ThemeMaternity,oncologia:ThemeOncology};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"}}};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 CuraThemeSpacingModule=function(){function e(){this.curaSpacing="--cura-spacing-base"}e.prototype.getSpacing=function(){if(getComputedStyle(document.body).getPropertyValue(this.curaSpacing)){return"var(".concat(this.curaSpacing,")")}return"4"};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.spacing=new CuraThemeSpacingModule;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 n=i[a];if(e.isObject(n[1])){e.mergeObject(n[1],r[n[0]])}else{r[n[0]]=n[1]}}};this.buildCssVars=function(t,r){var o=Object.entries(r);for(var a=0,i=o;a<i.length;a++){var n=i[a];if(e.isObject(n[1])){e.buildCssVars(e.groupPath(t,n[0]),n[1])}else{e.setCssVar(n,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()}},spacing:{getSpacing:function(){return t.spacing.getSpacing()}}};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};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
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%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}: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 (min-width: 768px) and (max-width: 1365px){: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 (min-width: 1366px){: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";this.inverted=false;this.spotColor="primary"}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());this.setHostProperty("--block-margin","0.5em")};t.prototype.setColors=function(){var t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-100")):window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-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%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}: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 (min-width: 768px) and (max-width: 1365px){: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 (min-width: 1366px){: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";this.inverted=false;this.spotColor="primary"}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());this.setHostProperty("--block-margin","0.5em")};t.prototype.setColors=function(){var t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-100")):window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-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 curaPageTemplateCss=':host{display:block}:host .grid-template{display:grid;grid-template-rows:auto;grid-template-columns:auto;grid-template-areas:"sub-header" "header" "pre-content" "content-container" "post-body" "footer" "sub-footer"}:host .grid-template #sub-header{grid-area:sub-header}:host .grid-template #header{grid-area:header}:host .grid-template #pre-content{grid-area:pre-content}:host .grid-template #content-container{grid-area:content-container}:host .grid-template #post-body{grid-area:post-body}:host .grid-template #footer{grid-area:footer}:host .grid-template #sub-footer{grid-area:sub-footer}@media (max-width: 360px){:host .grid-template{padding:0px}:host .grid-template #pre-content,:host .grid-template #content-container,:host .grid-template #post-body,:host .grid-template #footer{margin-top:calc(var(--spacing) * 4px)}}@media (min-width: 768px) and (max-width: 1365px){:host .grid-template{padding:0px}:host .grid-template #pre-content,:host .grid-template #content-container,:host .grid-template #post-body,:host .grid-template #footer{margin-top:calc(var(--spacing) * 5px)}}@media (min-width: 1366px) and (max-width: 1919px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 5px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 5px)}:host .grid-template #pre-content,:host .grid-template #content-container,:host .grid-template #post-body,:host .grid-template #footer{margin-top:calc(var(--spacing) * 5px)}:host .grid-template #content-container{display:-ms-flexbox;display:flex}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}}@media (min-width: 1920px){:host .grid-template{padding:0px}:host .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 7px)}:host .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 7px)}:host .grid-template #pre-content,:host .grid-template #content-container,:host .grid-template #post-body,:host .grid-template #footer{margin-top:calc(var(--spacing) * 7px)}:host .grid-template #content-container{display:-ms-flexbox;display:flex}:host .grid-template #content-container #sidebar-left,:host .grid-template #content-container #sidebar-right{max-width:20%}:host .grid-template #content-container.centered{max-width:1920px;justify-self:center}}';var CuraPageTemplate=function(){function t(t){registerInstance(this,t);this.contentwidth="default"}t.prototype.connectedCallback=function(){this.styles={"--spacing":window.CuraAPI.theme.spacing.getSpacing()}};t.prototype.getClasses=function(){var t={};t[this.contentwidth.toLowerCase()]=true;return t};t.prototype.render=function(){return h(Host,null,h("div",{style:this.styles,class:"grid-template"},h("div",{id:"sub-header"},h("slot",{name:"sub-header"})),h("div",{id:"header"},h("slot",{name:"header"})),h("div",{id:"pre-content"},h("slot",{name:"pre-content"})),h("div",{id:"content-container",class:this.getClasses()},h("div",{id:"sidebar-left"},h("slot",{name:"sidebar-left"})),h("div",{id:"content"},h("slot",{name:"content"}),h("slot",null)),h("div",{id:"sidebar-right"},h("slot",{name:"sidebar-right"}))),h("div",{id:"post-body"},h("slot",{name:"post-body"})),h("div",{id:"footer"},h("slot",{name:"footer"})),h("div",{id:"sub-footer"},h("slot",{name:"sub-footer"}))))};Object.defineProperty(t.prototype,"host",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();CuraPageTemplate.style=curaPageTemplateCss;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%;-webkit-margin-before:var(--block-margin);margin-block-start:var(--block-margin);-webkit-margin-after:var(--block-margin);margin-block-end:var(--block-margin)}: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 (min-width: 768px) and (max-width: 1365px){: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 (min-width: 1366px){: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";this.inverted=false;this.spotColor="primary"}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());this.setHostProperty("--block-margin","1.25em")};t.prototype.setColors=function(){var t=this.inverted?window.CuraAPI.theme.colors.getColor("neutral-100"):window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=this.inverted?window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-100")):window.CuraAPI.theme.colors.getColor("".concat(this.spotColor,"-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,CuraPageTemplate as cura_page_template,CuraParagraph as cura_paragraph};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-c3d31886.js";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","fileBmp","fileJpg","filePdf","filePng","fileUpload","fileXls","filter","fullscreen","gallery","geotag","hate","healthPlan","height","height2","home","horizontalList","imageUp","info2","infoCircle","key","language","language2","languageEN","languagePT","like","link","linkExternal","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","unLink","unSecure","upload","verticalList","viewFalse","viewTrue","weight","wifi","zoomIn","zoomOut"];var curaIconsViewCss=
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-c3d31886.js";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:"Roboto", Arial, Helvetica, sans-serif}.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 e(e){var i=this;registerInstance(this,e);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(e){i.selected=e}}e.prototype.render=function(){var e=this;return h(Host,null,h("div",{class:"iconDetail"},h("h4",null,this.selected),h("div",{class:"iconSizes"},this.sizes.map((function(i){return h("div",{class:"size"},h("cura-icon",{name:e.selected,size:i}),h("span",null,i))}))),h("div",{class:"iconSizes invert"},this.sizes.map((function(i){return h("div",{class:"size"},h("cura-icon",{name:e.selected,size:i,color:"neutral-white"}),h("span",null,i))}))),h("div",{class:"iconSizes"},this.colors.map((function(i){return h("div",{class:"size"},h("cura-icon",{name:e.selected,color:i}),h("span",null,i))})),h("div",{class:"size"},h("cura-icon",{name:this.selected,disabled:true}),h("span",null,"Disabled")))),h("div",{class:"icons"},iconsetdefaulticons.map((function(i){return h("div",{class:"icon",onClick:function(){return e.setSelected(i)}},h("cura-icon",{name:i}),h("span",null,i))}))))};return e}();CuraIconsView.style=curaIconsViewCss;export{CuraIconsView as cura_icons_view};
|
package/dist/esm-es5/cura.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as promiseResolve,b as bootstrapLazy}from"./index-c3d31886.js";import{g as globalScripts}from"./app-globals-
|
|
1
|
+
import{p as promiseResolve,b as bootstrapLazy}from"./index-c3d31886.js";import{g as globalScripts}from"./app-globals-cb45bff3.js";var patchBrowser=function(){var r=import.meta.url;var o={};if(r!==""){o.resourcesUrl=new URL(".",r).href}return promiseResolve(o)};patchBrowser().then((function(r){globalScripts();return bootstrapLazy([["cura-icon",[[1,"cura-icon",{name:[513],color:[1],size:[8],iconset:[513],disabled:[4]}]]],["cura-icons-view",[[1,"cura-icons-view",{selected:[32]}]]],["cura-display_4",[[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"]}]]]],r)}));
|
package/dist/esm-es5/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as promiseResolve,b as bootstrapLazy}from"./index-c3d31886.js";import{g as globalScripts}from"./app-globals-
|
|
1
|
+
import{p as promiseResolve,b as bootstrapLazy}from"./index-c3d31886.js";import{g as globalScripts}from"./app-globals-cb45bff3.js";var patchEsm=function(){return promiseResolve()};var defineCustomElements=function(e,o){if(typeof window==="undefined")return Promise.resolve();return patchEsm().then((function(){globalScripts();return bootstrapLazy([["cura-icon",[[1,"cura-icon",{name:[513],color:[1],size:[8],iconset:[513],disabled:[4]}]]],["cura-icons-view",[[1,"cura-icons-view",{selected:[32]}]]],["cura-display_4",[[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"]}]]]],o)}))};export{defineCustomElements};
|
|
@@ -48,7 +48,7 @@ export interface APIThemeFunctions {
|
|
|
48
48
|
load(themeTag: string): unknown;
|
|
49
49
|
setCustom(customThemeDefinitions: CuraCustomTheme): unknown;
|
|
50
50
|
colors: {
|
|
51
|
-
getColor(
|
|
51
|
+
getColor(colorWithDepth?: string): string;
|
|
52
52
|
};
|
|
53
53
|
fonts: {
|
|
54
54
|
getFamily(type?: string): string;
|
|
@@ -56,4 +56,7 @@ export interface APIThemeFunctions {
|
|
|
56
56
|
getSize(): string;
|
|
57
57
|
getColor(): string;
|
|
58
58
|
};
|
|
59
|
+
spacing: {
|
|
60
|
+
getSpacing(): string;
|
|
61
|
+
};
|
|
59
62
|
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { CuraCustomTheme } from "../cura-api.type";
|
|
2
2
|
import CuraThemeColorsModule from "./cura-theme-colors-module";
|
|
3
|
+
import CuraThemeSpacingModule from "./cura-theme-spacing-module";
|
|
3
4
|
import CuraThemeFontsModule from "./cura-theme-fonts-module";
|
|
4
5
|
export default class CuraThemeModule {
|
|
5
6
|
body: HTMLBodyElement;
|
|
6
7
|
prefix: string;
|
|
7
8
|
colors: CuraThemeColorsModule;
|
|
9
|
+
spacing: CuraThemeSpacingModule;
|
|
8
10
|
fonts: CuraThemeFontsModule;
|
|
9
11
|
constructor();
|
|
10
12
|
/**
|
|
@@ -64,15 +64,4 @@ export declare const Static: {
|
|
|
64
64
|
'900': string;
|
|
65
65
|
};
|
|
66
66
|
};
|
|
67
|
-
icons: {
|
|
68
|
-
sizes: string[];
|
|
69
|
-
strokes: string[];
|
|
70
|
-
'default-size': string;
|
|
71
|
-
};
|
|
72
|
-
breakpoints: {
|
|
73
|
-
small: string;
|
|
74
|
-
medium: string;
|
|
75
|
-
large: string;
|
|
76
|
-
xlarge: string;
|
|
77
|
-
};
|
|
78
67
|
};
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
export declare const ThemeOncology: {
|
|
2
|
+
color: {
|
|
3
|
+
primary: {
|
|
4
|
+
'100': string;
|
|
5
|
+
'300': string;
|
|
6
|
+
'500': string;
|
|
7
|
+
'700': string;
|
|
8
|
+
'900': string;
|
|
9
|
+
};
|
|
10
|
+
secondary: {
|
|
11
|
+
'100': string;
|
|
12
|
+
'300': string;
|
|
13
|
+
'500': string;
|
|
14
|
+
'700': string;
|
|
15
|
+
'900': string;
|
|
16
|
+
};
|
|
17
|
+
aux1: {
|
|
18
|
+
'100': string;
|
|
19
|
+
'300': string;
|
|
20
|
+
'500': string;
|
|
21
|
+
'700': string;
|
|
22
|
+
'900': string;
|
|
23
|
+
};
|
|
24
|
+
aux2: {
|
|
25
|
+
'100': string;
|
|
26
|
+
'300': string;
|
|
27
|
+
'500': string;
|
|
28
|
+
'700': string;
|
|
29
|
+
'900': string;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
spacing: {
|
|
33
|
+
base: number;
|
|
34
|
+
};
|
|
35
|
+
font: {
|
|
36
|
+
size: string;
|
|
37
|
+
color: string;
|
|
38
|
+
body: string;
|
|
39
|
+
heading: string;
|
|
40
|
+
display: string;
|
|
41
|
+
weights: {
|
|
42
|
+
thin: number;
|
|
43
|
+
light: number;
|
|
44
|
+
regular: number;
|
|
45
|
+
medium: number;
|
|
46
|
+
bold: number;
|
|
47
|
+
black: number;
|
|
48
|
+
};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
@@ -78,4 +78,54 @@ export declare const ThemePresets: {
|
|
|
78
78
|
};
|
|
79
79
|
};
|
|
80
80
|
};
|
|
81
|
+
oncologia: {
|
|
82
|
+
color: {
|
|
83
|
+
primary: {
|
|
84
|
+
'100': string;
|
|
85
|
+
'300': string;
|
|
86
|
+
'500': string;
|
|
87
|
+
'700': string;
|
|
88
|
+
'900': string;
|
|
89
|
+
};
|
|
90
|
+
secondary: {
|
|
91
|
+
'100': string;
|
|
92
|
+
'300': string;
|
|
93
|
+
'500': string;
|
|
94
|
+
'700': string;
|
|
95
|
+
'900': string;
|
|
96
|
+
};
|
|
97
|
+
aux1: {
|
|
98
|
+
'100': string;
|
|
99
|
+
'300': string;
|
|
100
|
+
'500': string;
|
|
101
|
+
'700': string;
|
|
102
|
+
'900': string;
|
|
103
|
+
};
|
|
104
|
+
aux2: {
|
|
105
|
+
'100': string;
|
|
106
|
+
'300': string;
|
|
107
|
+
'500': string;
|
|
108
|
+
'700': string;
|
|
109
|
+
'900': string;
|
|
110
|
+
};
|
|
111
|
+
};
|
|
112
|
+
spacing: {
|
|
113
|
+
base: number;
|
|
114
|
+
};
|
|
115
|
+
font: {
|
|
116
|
+
size: string;
|
|
117
|
+
color: string;
|
|
118
|
+
body: string;
|
|
119
|
+
heading: string;
|
|
120
|
+
display: string;
|
|
121
|
+
weights: {
|
|
122
|
+
thin: number;
|
|
123
|
+
light: number;
|
|
124
|
+
regular: number;
|
|
125
|
+
medium: number;
|
|
126
|
+
bold: number;
|
|
127
|
+
black: number;
|
|
128
|
+
};
|
|
129
|
+
};
|
|
130
|
+
};
|
|
81
131
|
};
|
|
@@ -5,10 +5,20 @@ export declare class CuraDisplay {
|
|
|
5
5
|
*/
|
|
6
6
|
level: number;
|
|
7
7
|
/**
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
* Heading style size.
|
|
9
|
+
* Values: small | regular(default) | large.
|
|
10
|
+
*/
|
|
11
11
|
size: string;
|
|
12
|
+
/**
|
|
13
|
+
* Apply light color to text in dark background.
|
|
14
|
+
* Values: boolean.
|
|
15
|
+
*/
|
|
16
|
+
inverted: boolean;
|
|
17
|
+
/**
|
|
18
|
+
* Apply base system color to elements like <a> and <abbr>.
|
|
19
|
+
* Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
|
|
20
|
+
*/
|
|
21
|
+
spotColor: string;
|
|
12
22
|
/**
|
|
13
23
|
* Host element <cura-heading>
|
|
14
24
|
*/
|
|
@@ -14,6 +14,16 @@ export declare class CuraHeading {
|
|
|
14
14
|
* Values: regular(default) | bold.
|
|
15
15
|
*/
|
|
16
16
|
weight: string;
|
|
17
|
+
/**
|
|
18
|
+
* Apply light color to text in dark background.
|
|
19
|
+
* Values: boolean.
|
|
20
|
+
*/
|
|
21
|
+
inverted: boolean;
|
|
22
|
+
/**
|
|
23
|
+
* Apply base system color to elements like <a> and <abbr>.
|
|
24
|
+
* Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
|
|
25
|
+
*/
|
|
26
|
+
spotColor: string;
|
|
17
27
|
/**
|
|
18
28
|
* Host element <cura-heading>
|
|
19
29
|
*/
|
|
@@ -4,6 +4,16 @@ export declare class CuraParagraph {
|
|
|
4
4
|
* Values: regular (default) | large | small | caption.
|
|
5
5
|
*/
|
|
6
6
|
size: string;
|
|
7
|
+
/**
|
|
8
|
+
* Apply light color to text in dark background.
|
|
9
|
+
* Values: boolean.
|
|
10
|
+
*/
|
|
11
|
+
inverted: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Apply base system color to elements like <a> and <abbr>.
|
|
14
|
+
* Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
|
|
15
|
+
*/
|
|
16
|
+
spotColor: string;
|
|
7
17
|
/**
|
|
8
18
|
* Host element <cura-paragraph>
|
|
9
19
|
*/
|
|
@@ -7,6 +7,10 @@
|
|
|
7
7
|
import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
|
|
8
8
|
export namespace Components {
|
|
9
9
|
interface CuraDisplay {
|
|
10
|
+
/**
|
|
11
|
+
* Apply light color to text in dark background. Values: boolean.
|
|
12
|
+
*/
|
|
13
|
+
"inverted": boolean;
|
|
10
14
|
/**
|
|
11
15
|
* Heading level for semantics. Values: 1(default)-6.
|
|
12
16
|
*/
|
|
@@ -15,8 +19,16 @@ export namespace Components {
|
|
|
15
19
|
* Heading style size. Values: small | regular(default) | large.
|
|
16
20
|
*/
|
|
17
21
|
"size": string;
|
|
22
|
+
/**
|
|
23
|
+
* Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
|
|
24
|
+
*/
|
|
25
|
+
"spotColor": string;
|
|
18
26
|
}
|
|
19
27
|
interface CuraHeading {
|
|
28
|
+
/**
|
|
29
|
+
* Apply light color to text in dark background. Values: boolean.
|
|
30
|
+
*/
|
|
31
|
+
"inverted": boolean;
|
|
20
32
|
/**
|
|
21
33
|
* Heading level for semantics. Values: 1(default)-6.
|
|
22
34
|
*/
|
|
@@ -25,6 +37,10 @@ export namespace Components {
|
|
|
25
37
|
* Heading style size. Values: small | regular(default) | large.
|
|
26
38
|
*/
|
|
27
39
|
"size": string;
|
|
40
|
+
/**
|
|
41
|
+
* Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
|
|
42
|
+
*/
|
|
43
|
+
"spotColor": string;
|
|
28
44
|
/**
|
|
29
45
|
* Heading font weight. Values: regular(default) | bold.
|
|
30
46
|
*/
|
|
@@ -39,11 +55,22 @@ export namespace Components {
|
|
|
39
55
|
}
|
|
40
56
|
interface CuraIconsView {
|
|
41
57
|
}
|
|
58
|
+
interface CuraPageTemplate {
|
|
59
|
+
"contentwidth": 'default' | 'centered';
|
|
60
|
+
}
|
|
42
61
|
interface CuraParagraph {
|
|
62
|
+
/**
|
|
63
|
+
* Apply light color to text in dark background. Values: boolean.
|
|
64
|
+
*/
|
|
65
|
+
"inverted": boolean;
|
|
43
66
|
/**
|
|
44
67
|
* Set size of body text. Values: regular (default) | large | small | caption.
|
|
45
68
|
*/
|
|
46
69
|
"size": string;
|
|
70
|
+
/**
|
|
71
|
+
* Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
|
|
72
|
+
*/
|
|
73
|
+
"spotColor": string;
|
|
47
74
|
}
|
|
48
75
|
}
|
|
49
76
|
declare global {
|
|
@@ -71,6 +98,12 @@ declare global {
|
|
|
71
98
|
prototype: HTMLCuraIconsViewElement;
|
|
72
99
|
new (): HTMLCuraIconsViewElement;
|
|
73
100
|
};
|
|
101
|
+
interface HTMLCuraPageTemplateElement extends Components.CuraPageTemplate, HTMLStencilElement {
|
|
102
|
+
}
|
|
103
|
+
var HTMLCuraPageTemplateElement: {
|
|
104
|
+
prototype: HTMLCuraPageTemplateElement;
|
|
105
|
+
new (): HTMLCuraPageTemplateElement;
|
|
106
|
+
};
|
|
74
107
|
interface HTMLCuraParagraphElement extends Components.CuraParagraph, HTMLStencilElement {
|
|
75
108
|
}
|
|
76
109
|
var HTMLCuraParagraphElement: {
|
|
@@ -82,11 +115,16 @@ declare global {
|
|
|
82
115
|
"cura-heading": HTMLCuraHeadingElement;
|
|
83
116
|
"cura-icon": HTMLCuraIconElement;
|
|
84
117
|
"cura-icons-view": HTMLCuraIconsViewElement;
|
|
118
|
+
"cura-page-template": HTMLCuraPageTemplateElement;
|
|
85
119
|
"cura-paragraph": HTMLCuraParagraphElement;
|
|
86
120
|
}
|
|
87
121
|
}
|
|
88
122
|
declare namespace LocalJSX {
|
|
89
123
|
interface CuraDisplay {
|
|
124
|
+
/**
|
|
125
|
+
* Apply light color to text in dark background. Values: boolean.
|
|
126
|
+
*/
|
|
127
|
+
"inverted"?: boolean;
|
|
90
128
|
/**
|
|
91
129
|
* Heading level for semantics. Values: 1(default)-6.
|
|
92
130
|
*/
|
|
@@ -95,8 +133,16 @@ declare namespace LocalJSX {
|
|
|
95
133
|
* Heading style size. Values: small | regular(default) | large.
|
|
96
134
|
*/
|
|
97
135
|
"size"?: string;
|
|
136
|
+
/**
|
|
137
|
+
* Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
|
|
138
|
+
*/
|
|
139
|
+
"spotColor"?: string;
|
|
98
140
|
}
|
|
99
141
|
interface CuraHeading {
|
|
142
|
+
/**
|
|
143
|
+
* Apply light color to text in dark background. Values: boolean.
|
|
144
|
+
*/
|
|
145
|
+
"inverted"?: boolean;
|
|
100
146
|
/**
|
|
101
147
|
* Heading level for semantics. Values: 1(default)-6.
|
|
102
148
|
*/
|
|
@@ -105,6 +151,10 @@ declare namespace LocalJSX {
|
|
|
105
151
|
* Heading style size. Values: small | regular(default) | large.
|
|
106
152
|
*/
|
|
107
153
|
"size"?: string;
|
|
154
|
+
/**
|
|
155
|
+
* Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
|
|
156
|
+
*/
|
|
157
|
+
"spotColor"?: string;
|
|
108
158
|
/**
|
|
109
159
|
* Heading font weight. Values: regular(default) | bold.
|
|
110
160
|
*/
|
|
@@ -119,17 +169,29 @@ declare namespace LocalJSX {
|
|
|
119
169
|
}
|
|
120
170
|
interface CuraIconsView {
|
|
121
171
|
}
|
|
172
|
+
interface CuraPageTemplate {
|
|
173
|
+
"contentwidth"?: 'default' | 'centered';
|
|
174
|
+
}
|
|
122
175
|
interface CuraParagraph {
|
|
176
|
+
/**
|
|
177
|
+
* Apply light color to text in dark background. Values: boolean.
|
|
178
|
+
*/
|
|
179
|
+
"inverted"?: boolean;
|
|
123
180
|
/**
|
|
124
181
|
* Set size of body text. Values: regular (default) | large | small | caption.
|
|
125
182
|
*/
|
|
126
183
|
"size"?: string;
|
|
184
|
+
/**
|
|
185
|
+
* Apply base system color to elements like <a> and <abbr>. Values: String primary(default) | secondary | accent | neutral | success | error | warning | info.
|
|
186
|
+
*/
|
|
187
|
+
"spotColor"?: string;
|
|
127
188
|
}
|
|
128
189
|
interface IntrinsicElements {
|
|
129
190
|
"cura-display": CuraDisplay;
|
|
130
191
|
"cura-heading": CuraHeading;
|
|
131
192
|
"cura-icon": CuraIcon;
|
|
132
193
|
"cura-icons-view": CuraIconsView;
|
|
194
|
+
"cura-page-template": CuraPageTemplate;
|
|
133
195
|
"cura-paragraph": CuraParagraph;
|
|
134
196
|
}
|
|
135
197
|
}
|
|
@@ -141,6 +203,7 @@ declare module "@stencil/core" {
|
|
|
141
203
|
"cura-heading": LocalJSX.CuraHeading & JSXBase.HTMLAttributes<HTMLCuraHeadingElement>;
|
|
142
204
|
"cura-icon": LocalJSX.CuraIcon & JSXBase.HTMLAttributes<HTMLCuraIconElement>;
|
|
143
205
|
"cura-icons-view": LocalJSX.CuraIconsView & JSXBase.HTMLAttributes<HTMLCuraIconsViewElement>;
|
|
206
|
+
"cura-page-template": LocalJSX.CuraPageTemplate & JSXBase.HTMLAttributes<HTMLCuraPageTemplateElement>;
|
|
144
207
|
"cura-paragraph": LocalJSX.CuraParagraph & JSXBase.HTMLAttributes<HTMLCuraParagraphElement>;
|
|
145
208
|
}
|
|
146
209
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rededor/cura",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.2",
|
|
4
4
|
"description": "Cura Design System",
|
|
5
5
|
"author": "Rede D`Or São Luiz",
|
|
6
6
|
"license": "MIT",
|
|
@@ -38,5 +38,5 @@
|
|
|
38
38
|
"puppeteer": "^10.0.0",
|
|
39
39
|
"svgo": "^3.0.1"
|
|
40
40
|
},
|
|
41
|
-
"gitHead": "
|
|
41
|
+
"gitHead": "75485d32368d9661633819142ab6590622f2e8fb"
|
|
42
42
|
}
|