@rededor/cura 0.3.3 → 0.3.4-alpha.1
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/cjs/cura-display_4.cjs.entry.js +9 -9
- package/dist/cjs/cura-icon.cjs.entry.js +3 -3
- package/dist/cjs/cura-icons-view.cjs.entry.js +1 -1
- package/dist/cjs/cura.cjs.js +2 -2
- package/dist/cjs/{index-8686299e.js → index-76f95c4b.js} +377 -40
- package/dist/cjs/loader.cjs.js +2 -2
- package/dist/collection/components/cura-icon/cura-icon.css +2 -2
- package/dist/collection/components/cura-icon/cura-icon.js +1 -2
- package/dist/collection/components/cura-icons-view/cura-icons-view.js +0 -1
- package/dist/collection/components/cura-page-template/cura-page-template.css +24 -24
- package/dist/collection/components/cura-page-template/cura-page-template.js +1 -2
- package/dist/collection/components/text/cura-display/cura-display.css +14 -13
- package/dist/collection/components/text/cura-display/cura-display.js +1 -2
- package/dist/collection/components/text/cura-heading/cura-heading.css +15 -15
- package/dist/collection/components/text/cura-heading/cura-heading.js +1 -2
- package/dist/collection/components/text/cura-paragraph/cura-paragraph.css +17 -16
- package/dist/collection/components/text/cura-paragraph/cura-paragraph.js +1 -2
- package/dist/components/cura-display.js +3 -4
- package/dist/components/cura-heading.js +3 -4
- package/dist/components/cura-icon2.js +3 -4
- package/dist/components/cura-icons-view.js +1 -2
- package/dist/components/cura-page-template.js +3 -4
- package/dist/components/cura-paragraph.js +3 -4
- package/dist/cura/cura.esm.js +1 -1
- package/dist/cura/cura.js +1 -1
- package/dist/cura/p-0b79032f.system.js +2 -0
- package/dist/cura/p-11002b56.system.js +1 -0
- package/dist/cura/{p-5b5cf2e4.system.entry.js → p-54c09404.system.entry.js} +1 -1
- package/dist/cura/p-57c5329e.js +2 -0
- package/dist/cura/p-5a6643e1.entry.js +1 -0
- package/dist/cura/p-a2ad5637.system.entry.js +1 -0
- package/dist/cura/p-bd91ecb9.system.entry.js +1 -0
- package/dist/cura/{p-22290742.entry.js → p-d69916ee.entry.js} +1 -1
- package/dist/cura/{p-fbcea891.entry.js → p-f8a5b97d.entry.js} +1 -1
- package/dist/esm/cura-display_4.entry.js +9 -9
- package/dist/esm/cura-icon.entry.js +3 -3
- package/dist/esm/cura-icons-view.entry.js +1 -1
- package/dist/esm/cura.js +2 -2
- package/dist/esm/{index-c3d31886.js → index-7e8c969d.js} +377 -40
- package/dist/esm/loader.js +2 -2
- package/dist/esm-es5/cura-display_4.entry.js +1 -1
- package/dist/esm-es5/cura-icon.entry.js +1 -1
- package/dist/esm-es5/cura-icons-view.entry.js +1 -1
- package/dist/esm-es5/cura.js +1 -1
- package/dist/esm-es5/index-7e8c969d.js +2 -0
- package/dist/esm-es5/loader.js +1 -1
- package/package.json +2 -2
- package/dist/cura/p-092f3490.system.entry.js +0 -1
- package/dist/cura/p-12023453.entry.js +0 -1
- package/dist/cura/p-8b416bc6.system.js +0 -1
- package/dist/cura/p-a50716bc.js +0 -2
- package/dist/cura/p-e447016d.system.js +0 -2
- package/dist/cura/p-e8fadcfa.system.entry.js +0 -1
- package/dist/esm-es5/index-c3d31886.js +0 -2
- package/dist/loader/index.d.ts +0 -12
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-76f95c4b.js');
|
|
6
6
|
|
|
7
|
-
const curaDisplayCss = "
|
|
7
|
+
const curaDisplayCss = ".cura-display{display:block;font-size:var(--font-size);text-transform:uppercase}.cura-display h1,.cura-display h2,.cura-display h3,.cura-display h4,.cura-display h5,.cura-display 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)}.cura-display h1.large,.cura-display h2.large,.cura-display h3.large,.cura-display h4.large,.cura-display h5.large,.cura-display h6.large{font-size:6.21em}.cura-display h1.small,.cura-display h2.small,.cura-display h3.small,.cura-display h4.small,.cura-display h5.small,.cura-display h6.small{font-size:3em;font-weight:var(--font-weight-bold)}@media (min-width: 768px) and (max-width: 1365px){.cura-display h1,.cura-display h2,.cura-display h3,.cura-display h4,.cura-display h5,.cura-display h6{font-size:4.92em}.cura-display h1.large,.cura-display h2.large,.cura-display h3.large,.cura-display h4.large,.cura-display h5.large,.cura-display h6.large{font-size:7.07em}.cura-display h1.small,.cura-display h2.small,.cura-display h3.small,.cura-display h4.small,.cura-display h5.small,.cura-display h6.small{font-size:3.428em}}@media (min-width: 1366px){.cura-display h1,.cura-display h2,.cura-display h3,.cura-display h4,.cura-display h5,.cura-display h6{font-size:6.14em;line-height:125%}.cura-display h1.large,.cura-display h2.large,.cura-display h3.large,.cura-display h4.large,.cura-display h5.large,.cura-display h6.large{font-size:8.857em;letter-spacing:-6%}.cura-display h1.small,.cura-display h2.small,.cura-display h3.small,.cura-display h4.small,.cura-display h5.small,.cura-display h6.small{font-size:4.285em;letter-spacing:-2%}}.cura-display b,.cura-display strong{font-weight:var(--font-weight-bold)}.cura-display a{font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}.cura-display 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}";
|
|
8
8
|
|
|
9
9
|
const CuraDisplay = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -75,13 +75,13 @@ const CuraDisplay = class {
|
|
|
75
75
|
return tags[`${this.level}`] || tags['default'];
|
|
76
76
|
}
|
|
77
77
|
render() {
|
|
78
|
-
return (index.h(index.Host,
|
|
78
|
+
return (index.h(index.Host, { class: "cura-display" }, this.getHeadingTag()));
|
|
79
79
|
}
|
|
80
80
|
get host() { return index.getElement(this); }
|
|
81
81
|
};
|
|
82
82
|
CuraDisplay.style = curaDisplayCss;
|
|
83
83
|
|
|
84
|
-
const curaHeadingCss = "
|
|
84
|
+
const curaHeadingCss = ".cura-heading{display:block;font-size:var(--font-size)}.cura-heading h1,.cura-heading h2,.cura-heading h3,.cura-heading h4,.cura-heading h5,.cura-heading 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)}.cura-heading h1.bold-weight,.cura-heading h2.bold-weight,.cura-heading h3.bold-weight,.cura-heading h4.bold-weight,.cura-heading h5.bold-weight,.cura-heading h6.bold-weight{font-weight:var(--font-weight-medium)}.cura-heading h1.large,.cura-heading h2.large,.cura-heading h3.large,.cura-heading h4.large,.cura-heading h5.large,.cura-heading h6.large{font-size:2.07em;letter-spacing:-2%}.cura-heading h1.small,.cura-heading h2.small,.cura-heading h3.small,.cura-heading h4.small,.cura-heading h5.small,.cura-heading h6.small{font-size:1.214em;line-height:150%;letter-spacing:0%}.cura-heading h1.small.bold-weight,.cura-heading h2.small.bold-weight,.cura-heading h3.small.bold-weight,.cura-heading h4.small.bold-weight,.cura-heading h5.small.bold-weight,.cura-heading h6.small.bold-weight{font-weight:var(--font-weight-bold)}@media (min-width: 768px) and (max-width: 1365px){.cura-heading h1,.cura-heading h2,.cura-heading h3,.cura-heading h4,.cura-heading h5,.cura-heading h6{font-size:2em}.cura-heading h1.large,.cura-heading h2.large,.cura-heading h3.large,.cura-heading h4.large,.cura-heading h5.large,.cura-heading h6.large{font-size:2.357em}.cura-heading h1.small,.cura-heading h2.small,.cura-heading h3.small,.cura-heading h4.small,.cura-heading h5.small,.cura-heading h6.small{font-size:1.357em}}@media (min-width: 1366px){.cura-heading h1,.cura-heading h2,.cura-heading h3,.cura-heading h4,.cura-heading h5,.cura-heading h6{font-size:2.5em;line-height:135%;letter-spacing:-2%}.cura-heading h1.large,.cura-heading h2.large,.cura-heading h3.large,.cura-heading h4.large,.cura-heading h5.large,.cura-heading h6.large{font-size:2.92em}.cura-heading h1.small,.cura-heading h2.small,.cura-heading h3.small,.cura-heading h4.small,.cura-heading h5.small,.cura-heading h6.small{font-size:1.71em;line-height:160%;letter-spacing:0%}}.cura-heading b,.cura-heading strong{font-weight:var(--font-weight-bold)}.cura-heading a{font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}.cura-heading 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}";
|
|
85
85
|
|
|
86
86
|
const CuraHeading = class {
|
|
87
87
|
constructor(hostRef) {
|
|
@@ -160,13 +160,13 @@ const CuraHeading = class {
|
|
|
160
160
|
return tags[`${this.level}`] || tags['default'];
|
|
161
161
|
}
|
|
162
162
|
render() {
|
|
163
|
-
return (index.h(index.Host,
|
|
163
|
+
return (index.h(index.Host, { class: "cura-heading" }, this.getHeadingTag()));
|
|
164
164
|
}
|
|
165
165
|
get host() { return index.getElement(this); }
|
|
166
166
|
};
|
|
167
167
|
CuraHeading.style = curaHeadingCss;
|
|
168
168
|
|
|
169
|
-
const curaPageTemplateCss = "
|
|
169
|
+
const curaPageTemplateCss = ".cura-template{display:block}.cura-template .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\"}.cura-template .grid-template #sub-header{grid-area:sub-header}.cura-template .grid-template #header{grid-area:header}.cura-template .grid-template #pre-content{grid-area:pre-content}.cura-template .grid-template #content-container{grid-area:content-container}.cura-template .grid-template #post-body{grid-area:post-body}.cura-template .grid-template #footer{grid-area:footer}.cura-template .grid-template #sub-footer{grid-area:sub-footer}@media (max-width: 360px){.cura-template .grid-template{padding:0px}}@media (min-width: 768px) and (max-width: 1365px){.cura-template .grid-template{padding:0px}}@media (min-width: 1366px) and (max-width: 1919px){.cura-template .grid-template{padding:0px}.cura-template .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 5px)}.cura-template .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 5px)}.cura-template .grid-template #content-container{display:-ms-flexbox;display:flex}.cura-template .grid-template #content-container #content{-ms-flex-positive:1;flex-grow:1}.cura-template .grid-template #content-container #sidebar-left,.cura-template .grid-template #content-container #sidebar-right{max-width:20%}}@media (min-width: 1920px){.cura-template .grid-template{padding:0px}.cura-template .grid-template #content-container #sidebar-left ::slotted(div[slot=sidebar-left]){margin-right:calc(var(--spacing) * 7px)}.cura-template .grid-template #content-container #sidebar-right ::slotted(div[slot=sidebar-right]){margin-left:calc(var(--spacing) * 7px)}.cura-template .grid-template #content-container{display:-ms-flexbox;display:flex}.cura-template .grid-template #content-container #content{-ms-flex-positive:1;flex-grow:1}.cura-template .grid-template #content-container #sidebar-left,.cura-template .grid-template #content-container #sidebar-right{max-width:20%}.cura-template .grid-template #content-container.centered{max-width:1920px;justify-self:center}}";
|
|
170
170
|
|
|
171
171
|
const CuraPageTemplate = class {
|
|
172
172
|
constructor(hostRef) {
|
|
@@ -184,13 +184,13 @@ const CuraPageTemplate = class {
|
|
|
184
184
|
return classes;
|
|
185
185
|
}
|
|
186
186
|
render() {
|
|
187
|
-
return (index.h(index.Host,
|
|
187
|
+
return (index.h(index.Host, { class: "cura-template" }, index.h("div", { style: this.styles, class: "grid-template" }, index.h("div", { id: "sub-header" }, index.h("slot", { name: 'sub-header' })), index.h("div", { id: "header" }, index.h("slot", { name: 'header' })), index.h("div", { id: "pre-content" }, index.h("slot", { name: 'pre-content' })), index.h("div", { id: "content-container", class: this.getClasses() }, index.h("div", { id: "sidebar-left" }, index.h("slot", { name: 'sidebar-left' })), index.h("div", { id: "content" }, index.h("slot", { name: "content" }), index.h("slot", null)), index.h("div", { id: "sidebar-right" }, index.h("slot", { name: 'sidebar-right' }))), index.h("div", { id: "post-body" }, index.h("slot", { name: 'post-body' })), index.h("div", { id: "footer" }, index.h("slot", { name: 'footer' })), index.h("div", { id: "sub-footer" }, index.h("slot", { name: 'sub-footer' })))));
|
|
188
188
|
}
|
|
189
189
|
get host() { return index.getElement(this); }
|
|
190
190
|
};
|
|
191
191
|
CuraPageTemplate.style = curaPageTemplateCss;
|
|
192
192
|
|
|
193
|
-
const curaParagraphCss = "
|
|
193
|
+
const curaParagraphCss = ".cura-paragraph{display:block;font-size:var(--font-size)}.cura-paragraph 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)}.cura-paragraph p.large{font-size:1.21em;line-height:150%;letter-spacing:0%}.cura-paragraph p.small{font-size:0.85em;line-height:135%;letter-spacing:4%}.cura-paragraph p.caption{font-size:0.71em;line-height:135%;letter-spacing:6%}@media (min-width: 768px) and (max-width: 1365px){.cura-paragraph p{font-size:1.14em;line-height:145%}.cura-paragraph p.large{font-size:1.35em;line-height:150%}.cura-paragraph p.small{font-size:1em;line-height:135%}.cura-paragraph p.caption{font-size:0.85em;line-height:135%;letter-spacing:6%}}@media (min-width: 1366px){.cura-paragraph p{font-size:1.42em;line-height:150%;letter-spacing:0%}.cura-paragraph p.large{font-size:1.71em;line-height:160%}.cura-paragraph p.small{font-size:1.21em;line-height:145%;letter-spacing:0%}.cura-paragraph p.caption{font-size:1em;line-height:145%;letter-spacing:2%}}.cura-paragraph b,.cura-paragraph strong{font-weight:var(--font-weight-bold)}.cura-paragraph a{font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}.cura-paragraph 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}";
|
|
194
194
|
|
|
195
195
|
const CuraParagraph = class {
|
|
196
196
|
constructor(hostRef) {
|
|
@@ -245,7 +245,7 @@ const CuraParagraph = class {
|
|
|
245
245
|
this.host.style.setProperty(prop, value);
|
|
246
246
|
}
|
|
247
247
|
render() {
|
|
248
|
-
return (index.h(index.Host,
|
|
248
|
+
return (index.h(index.Host, { class: "cura-paragraph" }, index.h("p", { style: this.styles, class: this.setsizeClass() }, index.h("slot", null))));
|
|
249
249
|
}
|
|
250
250
|
get host() { return index.getElement(this); }
|
|
251
251
|
};
|
|
@@ -2,9 +2,9 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-76f95c4b.js');
|
|
6
6
|
|
|
7
|
-
const curaIconCss = "
|
|
7
|
+
const curaIconCss = ".cura-icon{width:var(--size);height:var(--size)}.cura-icon svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
|
|
8
8
|
|
|
9
9
|
const CuraIcon = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -45,7 +45,7 @@ const CuraIcon = class {
|
|
|
45
45
|
this.host.style.setProperty(prop, value);
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
|
-
return (index.h(index.Host,
|
|
48
|
+
return (index.h(index.Host, { class: 'cura-icon' }, index.h("svg", { version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg" }, index.h("use", { xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
|
|
49
49
|
}
|
|
50
50
|
get host() { return index.getElement(this); }
|
|
51
51
|
static get watchers() { return {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
const index = require('./index-
|
|
5
|
+
const index = require('./index-76f95c4b.js');
|
|
6
6
|
|
|
7
7
|
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"];
|
|
8
8
|
|
package/dist/cjs/cura.cjs.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
const index = require('./index-
|
|
3
|
+
const index = require('./index-76f95c4b.js');
|
|
4
4
|
const appGlobals = require('./app-globals-0f70160b.js');
|
|
5
5
|
|
|
6
6
|
/*
|
|
@@ -17,5 +17,5 @@ const patchBrowser = () => {
|
|
|
17
17
|
|
|
18
18
|
patchBrowser().then(options => {
|
|
19
19
|
appGlobals.globalScripts();
|
|
20
|
-
return index.bootstrapLazy([["cura-icon.cjs",[[
|
|
20
|
+
return index.bootstrapLazy([["cura-icon.cjs",[[0,"cura-icon",{"name":[513],"color":[1],"size":[8],"iconset":[513],"disabled":[4]}]]],["cura-icons-view.cjs",[[0,"cura-icons-view",{"selected":[32]}]]],["cura-display_4.cjs",[[4,"cura-display",{"level":[514],"size":[513],"inverted":[516],"spotColor":[513,"spot-color"]}],[4,"cura-heading",{"level":[514],"size":[513],"weight":[513],"inverted":[516],"spotColor":[513,"spot-color"]}],[4,"cura-page-template",{"contentwidth":[513]}],[4,"cura-paragraph",{"size":[513],"inverted":[516],"spotColor":[513,"spot-color"]}]]]], options);
|
|
21
21
|
});
|