@rededor/cura 0.1.0 → 0.1.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/cjs/cura-icon_2.cjs.entry.js +7 -7
- package/dist/cjs/cura.cjs.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/collection/collection-manifest.json +1 -1
- package/dist/collection/components/cura-icon/cura-icon.js +1 -1
- package/dist/collection/components/{dscore-icons-view/dscore-icons-view.css → cura-icons-view/cura-icons-view.css} +0 -0
- package/dist/collection/components/{dscore-icons-view/dscore-icons-view.js → cura-icons-view/cura-icons-view.js} +4 -4
- package/dist/components/cura-icon.js +2 -2
- package/dist/components/cura-icon2.js +3 -4
- package/dist/components/{dscore-icons-view.d.ts → cura-icons-view.d.ts} +4 -4
- package/dist/components/{dscore-icons-view.js → cura-icons-view.js} +9 -10
- package/dist/components/dummy-component.js +0 -1
- package/dist/components/index.d.ts +2 -2
- package/dist/components/index.js +1 -1
- package/dist/cura/cura.esm.js +1 -1
- package/dist/cura/p-dd552650.system.js +1 -1
- package/dist/cura/{p-632702eb.entry.js → p-ee9a7bb0.entry.js} +1 -1
- package/dist/cura/{p-2525165f.system.entry.js → p-f525ebb6.system.entry.js} +1 -1
- package/dist/esm/cura-icon_2.entry.js +6 -6
- package/dist/esm/cura.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm-es5/cura-icon_2.entry.js +1 -1
- package/dist/esm-es5/cura.js +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/types/components/cura-icon/cura-icon.d.ts +1 -1
- package/dist/types/components/{dscore-icons-view/dscore-icons-view.d.ts → cura-icons-view/cura-icons-view.d.ts} +1 -1
- package/dist/types/components.d.ts +9 -9
- package/package.json +2 -2
|
@@ -6,7 +6,7 @@ const index = require('./index-2f9830d5.js');
|
|
|
6
6
|
|
|
7
7
|
const curaIconCss = ":host{--stroke-color:#B7B7B7;--stroke-width:2px;--width:24px;--height:24px}:host svg.icon-128{--width:128px;--height:128px;--stroke-width:0.984375px}:host svg.icon-72{--width:72px;--height:72px;--stroke-width:1.1666666667px}:host svg.icon-64{--width:64px;--height:64px;--stroke-width:1.21875px}:host svg.icon-48{--width:48px;--height:48px;--stroke-width:1.375px}:host svg.icon-40{--width:40px;--height:40px;--stroke-width:1.5px}:host svg.icon-32{--width:32px;--height:32px;--stroke-width:1.6875px}:host svg.icon-24{--width:24px;--height:24px;--stroke-width:2px}:host svg.icon-20{--width:20px;--height:20px;--stroke-width:2.1px}:host svg.icon-16{--width:16px;--height:16px;--stroke-width:2.25px}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--width);height:var(--height);stroke-width:var(--stroke-width);fill:none}";
|
|
8
8
|
|
|
9
|
-
const
|
|
9
|
+
const CuraIcon = class {
|
|
10
10
|
constructor(hostRef) {
|
|
11
11
|
index.registerInstance(this, hostRef);
|
|
12
12
|
this.name = '';
|
|
@@ -27,13 +27,13 @@ const DscoreIcon = class {
|
|
|
27
27
|
return (index.h(index.Host, null, index.h("svg", { version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", class: this.getClasses() }, index.h("use", { xlinkHref: `${index.getAssetPath(`../assets/icons/iconset-${this.iconset}.svg`)}#${this.name}` }))));
|
|
28
28
|
}
|
|
29
29
|
};
|
|
30
|
-
|
|
30
|
+
CuraIcon.style = curaIconCss;
|
|
31
31
|
|
|
32
32
|
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"];
|
|
33
33
|
|
|
34
|
-
const
|
|
34
|
+
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}";
|
|
35
35
|
|
|
36
|
-
const
|
|
36
|
+
const CuraIconsView = class {
|
|
37
37
|
constructor(hostRef) {
|
|
38
38
|
index.registerInstance(this, hostRef);
|
|
39
39
|
this.sizes = [16, 20, 24, 32, 40, 48, 64, 72, 128];
|
|
@@ -46,7 +46,7 @@ const DscoreIconsView = class {
|
|
|
46
46
|
return (index.h(index.Host, null, index.h("div", { class: "iconDetail" }, index.h("h4", null, this.selected), index.h("div", { class: "iconSizes" }, this.sizes.map(size => index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, size: size }), index.h("span", null, size)))), index.h("div", { class: "iconSizes invert" }, this.sizes.map(size => index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, size: size, color: "white" }), index.h("span", null, size)))), index.h("div", { class: "iconSizes" }, index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, color: "primary" }), index.h("span", null, "Primary")), index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, color: "secondary" }), index.h("span", null, "Secondary")), index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, color: "accent" }), index.h("span", null, "Accent")), index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, color: "info" }), index.h("span", null, "Info")), index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, color: "warning" }), index.h("span", null, "Warning")), index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, color: "error" }), index.h("span", null, "Error")), index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, color: "success" }), index.h("span", null, "Success")), index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, color: "neutral" }), index.h("span", null, "Neutral")), index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, color: "primary", disabled: true }), index.h("span", null, "Disabled")))), index.h("div", { class: "icons" }, iconsetdefaulticons.map(icon => index.h("div", { class: "icon", onClick: () => this.setSelected(icon) }, index.h("cura-icon", { name: icon }), index.h("span", null, icon))))));
|
|
47
47
|
}
|
|
48
48
|
};
|
|
49
|
-
|
|
49
|
+
CuraIconsView.style = curaIconsViewCss;
|
|
50
50
|
|
|
51
|
-
exports.cura_icon =
|
|
52
|
-
exports.
|
|
51
|
+
exports.cura_icon = CuraIcon;
|
|
52
|
+
exports.cura_icons_view = CuraIconsView;
|
package/dist/cjs/cura.cjs.js
CHANGED
|
@@ -17,5 +17,5 @@ const patchBrowser = () => {
|
|
|
17
17
|
|
|
18
18
|
patchBrowser().then(options => {
|
|
19
19
|
appGlobals.globalScripts();
|
|
20
|
-
return index.bootstrapLazy([["dummy-component.cjs",[[1,"dummy-component"]]],["cura-icon_2.cjs",[[1,"
|
|
20
|
+
return index.bootstrapLazy([["dummy-component.cjs",[[1,"dummy-component"]]],["cura-icon_2.cjs",[[1,"cura-icons-view",{"selected":[32]}],[1,"cura-icon",{"name":[513],"color":[513],"size":[520],"iconset":[513],"disabled":[516]}]]]], options);
|
|
21
21
|
});
|
package/dist/cjs/loader.cjs.js
CHANGED
|
@@ -16,7 +16,7 @@ const defineCustomElements = (win, options) => {
|
|
|
16
16
|
if (typeof window === 'undefined') return Promise.resolve();
|
|
17
17
|
return patchEsm().then(() => {
|
|
18
18
|
appGlobals.globalScripts();
|
|
19
|
-
return index.bootstrapLazy([["dummy-component.cjs",[[1,"dummy-component"]]],["cura-icon_2.cjs",[[1,"
|
|
19
|
+
return index.bootstrapLazy([["dummy-component.cjs",[[1,"dummy-component"]]],["cura-icon_2.cjs",[[1,"cura-icons-view",{"selected":[32]}],[1,"cura-icon",{"name":[513],"color":[513],"size":[520],"iconset":[513],"disabled":[516]}]]]], options);
|
|
20
20
|
});
|
|
21
21
|
};
|
|
22
22
|
|
|
File without changes
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Host, h } from '@stencil/core';
|
|
2
2
|
import iconsetdefaulticons from '../../assets/icons/iconset-default-list';
|
|
3
|
-
export class
|
|
3
|
+
export class CuraIconsView {
|
|
4
4
|
constructor() {
|
|
5
5
|
this.sizes = [16, 20, 24, 32, 40, 48, 64, 72, 128];
|
|
6
6
|
this.selected = '360';
|
|
@@ -11,16 +11,16 @@ export class DscoreIconsView {
|
|
|
11
11
|
render() {
|
|
12
12
|
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: "white" }), h("span", null, size)))), h("div", { class: "iconSizes" }, h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "primary" }), h("span", null, "Primary")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "secondary" }), h("span", null, "Secondary")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "accent" }), h("span", null, "Accent")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "info" }), h("span", null, "Info")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "warning" }), h("span", null, "Warning")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "error" }), h("span", null, "Error")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "success" }), h("span", null, "Success")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "neutral" }), h("span", null, "Neutral")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "primary", 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))))));
|
|
13
13
|
}
|
|
14
|
-
static get is() { return "
|
|
14
|
+
static get is() { return "cura-icons-view"; }
|
|
15
15
|
static get encapsulation() { return "shadow"; }
|
|
16
16
|
static get originalStyleUrls() {
|
|
17
17
|
return {
|
|
18
|
-
"$": ["
|
|
18
|
+
"$": ["cura-icons-view.scss"]
|
|
19
19
|
};
|
|
20
20
|
}
|
|
21
21
|
static get styleUrls() {
|
|
22
22
|
return {
|
|
23
|
-
"$": ["
|
|
23
|
+
"$": ["cura-icons-view.css"]
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
26
|
static get states() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { C as CuraIcon$1, d as defineCustomElement$1 } from './cura-icon2.js';
|
|
2
2
|
|
|
3
|
-
const CuraIcon =
|
|
3
|
+
const CuraIcon = CuraIcon$1;
|
|
4
4
|
const defineCustomElement = defineCustomElement$1;
|
|
5
5
|
|
|
6
6
|
export { CuraIcon, defineCustomElement };
|
|
@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, h, Host, getAssetPath } from '@stencil
|
|
|
2
2
|
|
|
3
3
|
const curaIconCss = ":host{--stroke-color:#B7B7B7;--stroke-width:2px;--width:24px;--height:24px}:host svg.icon-128{--width:128px;--height:128px;--stroke-width:0.984375px}:host svg.icon-72{--width:72px;--height:72px;--stroke-width:1.1666666667px}:host svg.icon-64{--width:64px;--height:64px;--stroke-width:1.21875px}:host svg.icon-48{--width:48px;--height:48px;--stroke-width:1.375px}:host svg.icon-40{--width:40px;--height:40px;--stroke-width:1.5px}:host svg.icon-32{--width:32px;--height:32px;--stroke-width:1.6875px}:host svg.icon-24{--width:24px;--height:24px;--stroke-width:2px}:host svg.icon-20{--width:20px;--height:20px;--stroke-width:2.1px}:host svg.icon-16{--width:16px;--height:16px;--stroke-width:2.25px}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--width);height:var(--height);stroke-width:var(--stroke-width);fill:none}";
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const CuraIcon = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
7
7
|
super();
|
|
8
8
|
this.__registerHost();
|
|
@@ -40,11 +40,10 @@ function defineCustomElement() {
|
|
|
40
40
|
components.forEach(tagName => { switch (tagName) {
|
|
41
41
|
case "cura-icon":
|
|
42
42
|
if (!customElements.get(tagName)) {
|
|
43
|
-
customElements.define(tagName,
|
|
43
|
+
customElements.define(tagName, CuraIcon);
|
|
44
44
|
}
|
|
45
45
|
break;
|
|
46
46
|
} });
|
|
47
47
|
}
|
|
48
|
-
defineCustomElement();
|
|
49
48
|
|
|
50
|
-
export {
|
|
49
|
+
export { CuraIcon as C, defineCustomElement as d };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { Components, JSX } from "../types/components";
|
|
2
2
|
|
|
3
|
-
interface
|
|
4
|
-
export const
|
|
5
|
-
prototype:
|
|
6
|
-
new ():
|
|
3
|
+
interface CuraIconsView extends Components.CuraIconsView, HTMLElement {}
|
|
4
|
+
export const CuraIconsView: {
|
|
5
|
+
prototype: CuraIconsView;
|
|
6
|
+
new (): CuraIconsView;
|
|
7
7
|
};
|
|
8
8
|
/**
|
|
9
9
|
* Used to define this component and all nested components recursively.
|
|
@@ -3,9 +3,9 @@ import { d as defineCustomElement$2 } from './cura-icon2.js';
|
|
|
3
3
|
|
|
4
4
|
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"];
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
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}";
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const CuraIconsView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
|
|
9
9
|
constructor() {
|
|
10
10
|
super();
|
|
11
11
|
this.__registerHost();
|
|
@@ -19,19 +19,19 @@ const DscoreIconsView$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
|
|
|
19
19
|
render() {
|
|
20
20
|
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: "white" }), h("span", null, size)))), h("div", { class: "iconSizes" }, h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "primary" }), h("span", null, "Primary")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "secondary" }), h("span", null, "Secondary")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "accent" }), h("span", null, "Accent")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "info" }), h("span", null, "Info")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "warning" }), h("span", null, "Warning")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "error" }), h("span", null, "Error")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "success" }), h("span", null, "Success")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "neutral" }), h("span", null, "Neutral")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "primary", 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))))));
|
|
21
21
|
}
|
|
22
|
-
static get style() { return
|
|
23
|
-
}, [1, "
|
|
22
|
+
static get style() { return curaIconsViewCss; }
|
|
23
|
+
}, [1, "cura-icons-view", {
|
|
24
24
|
"selected": [32]
|
|
25
25
|
}]);
|
|
26
26
|
function defineCustomElement$1() {
|
|
27
27
|
if (typeof customElements === "undefined") {
|
|
28
28
|
return;
|
|
29
29
|
}
|
|
30
|
-
const components = ["
|
|
30
|
+
const components = ["cura-icons-view", "cura-icon"];
|
|
31
31
|
components.forEach(tagName => { switch (tagName) {
|
|
32
|
-
case "
|
|
32
|
+
case "cura-icons-view":
|
|
33
33
|
if (!customElements.get(tagName)) {
|
|
34
|
-
customElements.define(tagName,
|
|
34
|
+
customElements.define(tagName, CuraIconsView$1);
|
|
35
35
|
}
|
|
36
36
|
break;
|
|
37
37
|
case "cura-icon":
|
|
@@ -41,9 +41,8 @@ function defineCustomElement$1() {
|
|
|
41
41
|
break;
|
|
42
42
|
} });
|
|
43
43
|
}
|
|
44
|
-
defineCustomElement$1();
|
|
45
44
|
|
|
46
|
-
const
|
|
45
|
+
const CuraIconsView = CuraIconsView$1;
|
|
47
46
|
const defineCustomElement = defineCustomElement$1;
|
|
48
47
|
|
|
49
|
-
export {
|
|
48
|
+
export { CuraIconsView, defineCustomElement };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
/* cura custom elements */
|
|
2
|
-
export {
|
|
3
|
-
export {
|
|
2
|
+
export { CuraIcon as CuraIcon } from '../types/components/cura-icon/cura-icon';
|
|
3
|
+
export { CuraIconsView as CuraIconsView } from '../types/components/cura-icons-view/cura-icons-view';
|
|
4
4
|
export { DummyComponent as DummyComponent } from '../types/components/dummy-component/dummy-component';
|
|
5
5
|
|
|
6
6
|
/**
|
package/dist/components/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { setAssetPath } from '@stencil/core/internal/client';
|
|
2
2
|
export { setAssetPath, setPlatformOptions } from '@stencil/core/internal/client';
|
|
3
3
|
export { CuraIcon, defineCustomElement as defineCustomElementCuraIcon } from './cura-icon.js';
|
|
4
|
-
export {
|
|
4
|
+
export { CuraIconsView, defineCustomElement as defineCustomElementCuraIconsView } from './cura-icons-view.js';
|
|
5
5
|
export { DummyComponent, defineCustomElement as defineCustomElementDummyComponent } from './dummy-component.js';
|
|
6
6
|
|
|
7
7
|
/**
|
package/dist/cura/cura.esm.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as e,b as o}from"./p-55523400.js";import{g as s}from"./p-fb6827d8.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>(s(),o([["p-e66c2bf6",[[1,"dummy-component"]]],["p-
|
|
1
|
+
import{p as e,b as o}from"./p-55523400.js";import{g as s}from"./p-fb6827d8.js";(()=>{const o=import.meta.url,s={};return""!==o&&(s.resourcesUrl=new URL(".",o).href),e(s)})().then((e=>(s(),o([["p-e66c2bf6",[[1,"dummy-component"]]],["p-ee9a7bb0",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-icon",{name:[513],color:[513],size:[520],iconset:[513],disabled:[516]}]]]],e))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-5d11ae38.system.js","./p-363e0aa1.system.js"],(function(e,t){"use strict";var s,
|
|
1
|
+
System.register(["./p-5d11ae38.system.js","./p-363e0aa1.system.js"],(function(e,t){"use strict";var n,s,r;return{setters:[function(e){n=e.p;s=e.b},function(e){r=e.g}],execute:function(){var e=function(){var e=t.meta.url;var s={};if(e!==""){s.resourcesUrl=new URL(".",e).href}return n(s)};e().then((function(e){r();return s([["p-62567192.system",[[1,"dummy-component"]]],["p-f525ebb6.system",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-icon",{name:[513],color:[513],size:[520],iconset:[513],disabled:[516]}]]]],e)}))}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as i,h as s,g as o,H as e}from"./p-55523400.js";const r=class{constructor(s){i(this,s),this.name="",this.color="neutral",this.iconset="default",this.disabled=!1}getClasses(){const i={};return i[`icon-${this.color}`]=!0,this.size&&(i[`icon-${this.size}`]=!0),this.disabled&&(i["icon-disabled"]=!0),i}render(){return s(e,null,s("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",class:this.getClasses()},s("use",{xlinkHref:`${o(`../assets/icons/iconset-${this.iconset}.svg`)}#${this.name}`})))}};r.style=":host{--stroke-color:#B7B7B7;--stroke-width:2px;--width:24px;--height:24px}:host svg.icon-128{--width:128px;--height:128px;--stroke-width:0.984375px}:host svg.icon-72{--width:72px;--height:72px;--stroke-width:1.1666666667px}:host svg.icon-64{--width:64px;--height:64px;--stroke-width:1.21875px}:host svg.icon-48{--width:48px;--height:48px;--stroke-width:1.375px}:host svg.icon-40{--width:40px;--height:40px;--stroke-width:1.5px}:host svg.icon-32{--width:32px;--height:32px;--stroke-width:1.6875px}:host svg.icon-24{--width:24px;--height:24px;--stroke-width:2px}:host svg.icon-20{--width:20px;--height:20px;--stroke-width:2.1px}:host svg.icon-16{--width:16px;--height:16px;--stroke-width:2.25px}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--width);height:var(--height);stroke-width:var(--stroke-width);fill:none}";const t=["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"],a=class{constructor(s){i(this,s),this.sizes=[16,20,24,32,40,48,64,72,128],this.selected="360",this.setSelected=i=>{this.selected=i}}render(){return s(e,null,s("div",{class:"iconDetail"},s("h4",null,this.selected),s("div",{class:"iconSizes"},this.sizes.map((i=>s("div",{class:"size"},s("cura-icon",{name:this.selected,size:i}),s("span",null,i))))),s("div",{class:"iconSizes invert"},this.sizes.map((i=>s("div",{class:"size"},s("cura-icon",{name:this.selected,size:i,color:"white"}),s("span",null,i))))),s("div",{class:"iconSizes"},s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"primary"}),s("span",null,"Primary")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"secondary"}),s("span",null,"Secondary")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"accent"}),s("span",null,"Accent")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"info"}),s("span",null,"Info")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"warning"}),s("span",null,"Warning")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"error"}),s("span",null,"Error")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"success"}),s("span",null,"Success")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"neutral"}),s("span",null,"Neutral")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"primary",disabled:!0}),s("span",null,"Disabled")))),s("div",{class:"icons"},t.map((i=>s("div",{class:"icon",onClick:()=>this.setSelected(i)},s("cura-icon",{name:i}),s("span",null,i))))))}};a.style=":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}";export{r as cura_icon,a as
|
|
1
|
+
import{r as i,h as s,g as o,H as e}from"./p-55523400.js";const r=class{constructor(s){i(this,s),this.name="",this.color="neutral",this.iconset="default",this.disabled=!1}getClasses(){const i={};return i[`icon-${this.color}`]=!0,this.size&&(i[`icon-${this.size}`]=!0),this.disabled&&(i["icon-disabled"]=!0),i}render(){return s(e,null,s("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",class:this.getClasses()},s("use",{xlinkHref:`${o(`../assets/icons/iconset-${this.iconset}.svg`)}#${this.name}`})))}};r.style=":host{--stroke-color:#B7B7B7;--stroke-width:2px;--width:24px;--height:24px}:host svg.icon-128{--width:128px;--height:128px;--stroke-width:0.984375px}:host svg.icon-72{--width:72px;--height:72px;--stroke-width:1.1666666667px}:host svg.icon-64{--width:64px;--height:64px;--stroke-width:1.21875px}:host svg.icon-48{--width:48px;--height:48px;--stroke-width:1.375px}:host svg.icon-40{--width:40px;--height:40px;--stroke-width:1.5px}:host svg.icon-32{--width:32px;--height:32px;--stroke-width:1.6875px}:host svg.icon-24{--width:24px;--height:24px;--stroke-width:2px}:host svg.icon-20{--width:20px;--height:20px;--stroke-width:2.1px}:host svg.icon-16{--width:16px;--height:16px;--stroke-width:2.25px}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--width);height:var(--height);stroke-width:var(--stroke-width);fill:none}";const t=["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"],a=class{constructor(s){i(this,s),this.sizes=[16,20,24,32,40,48,64,72,128],this.selected="360",this.setSelected=i=>{this.selected=i}}render(){return s(e,null,s("div",{class:"iconDetail"},s("h4",null,this.selected),s("div",{class:"iconSizes"},this.sizes.map((i=>s("div",{class:"size"},s("cura-icon",{name:this.selected,size:i}),s("span",null,i))))),s("div",{class:"iconSizes invert"},this.sizes.map((i=>s("div",{class:"size"},s("cura-icon",{name:this.selected,size:i,color:"white"}),s("span",null,i))))),s("div",{class:"iconSizes"},s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"primary"}),s("span",null,"Primary")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"secondary"}),s("span",null,"Secondary")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"accent"}),s("span",null,"Accent")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"info"}),s("span",null,"Info")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"warning"}),s("span",null,"Warning")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"error"}),s("span",null,"Error")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"success"}),s("span",null,"Success")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"neutral"}),s("span",null,"Neutral")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"primary",disabled:!0}),s("span",null,"Disabled")))),s("div",{class:"icons"},t.map((i=>s("div",{class:"icon",onClick:()=>this.setSelected(i)},s("cura-icon",{name:i}),s("span",null,i))))))}};a.style=":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}";export{r as cura_icon,a as cura_icons_view}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-5d11ae38.system.js"],(function(e){"use strict";var i,s,o,t;return{setters:[function(e){i=e.r;s=e.h;o=e.g;t=e.H}],execute:function(){var r=":host{--stroke-color:#B7B7B7;--stroke-width:2px;--width:24px;--height:24px}:host svg.icon-128{--width:128px;--height:128px;--stroke-width:0.984375px}:host svg.icon-72{--width:72px;--height:72px;--stroke-width:1.1666666667px}:host svg.icon-64{--width:64px;--height:64px;--stroke-width:1.21875px}:host svg.icon-48{--width:48px;--height:48px;--stroke-width:1.375px}:host svg.icon-40{--width:40px;--height:40px;--stroke-width:1.5px}:host svg.icon-32{--width:32px;--height:32px;--stroke-width:1.6875px}:host svg.icon-24{--width:24px;--height:24px;--stroke-width:2px}:host svg.icon-20{--width:20px;--height:20px;--stroke-width:2.1px}:host svg.icon-16{--width:16px;--height:16px;--stroke-width:2.25px}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--width);height:var(--height);stroke-width:var(--stroke-width);fill:none}";var n=e("cura_icon",function(){function e(e){i(this,e);this.name="";this.color="neutral";this.iconset="default";this.disabled=false}e.prototype.getClasses=function(){var e={};e["icon-".concat(this.color)]=true;if(this.size)e["icon-".concat(this.size)]=true;if(this.disabled)e["icon-disabled"]=true;return e};e.prototype.render=function(){return s(t,null,s("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",class:this.getClasses()},s("use",{xlinkHref:"".concat(o("../assets/icons/iconset-".concat(this.iconset,".svg")),"#").concat(this.name)})))};return e}());n.style=r;var c=["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 a=":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 l=e("
|
|
1
|
+
System.register(["./p-5d11ae38.system.js"],(function(e){"use strict";var i,s,o,t;return{setters:[function(e){i=e.r;s=e.h;o=e.g;t=e.H}],execute:function(){var r=":host{--stroke-color:#B7B7B7;--stroke-width:2px;--width:24px;--height:24px}:host svg.icon-128{--width:128px;--height:128px;--stroke-width:0.984375px}:host svg.icon-72{--width:72px;--height:72px;--stroke-width:1.1666666667px}:host svg.icon-64{--width:64px;--height:64px;--stroke-width:1.21875px}:host svg.icon-48{--width:48px;--height:48px;--stroke-width:1.375px}:host svg.icon-40{--width:40px;--height:40px;--stroke-width:1.5px}:host svg.icon-32{--width:32px;--height:32px;--stroke-width:1.6875px}:host svg.icon-24{--width:24px;--height:24px;--stroke-width:2px}:host svg.icon-20{--width:20px;--height:20px;--stroke-width:2.1px}:host svg.icon-16{--width:16px;--height:16px;--stroke-width:2.25px}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--width);height:var(--height);stroke-width:var(--stroke-width);fill:none}";var n=e("cura_icon",function(){function e(e){i(this,e);this.name="";this.color="neutral";this.iconset="default";this.disabled=false}e.prototype.getClasses=function(){var e={};e["icon-".concat(this.color)]=true;if(this.size)e["icon-".concat(this.size)]=true;if(this.disabled)e["icon-disabled"]=true;return e};e.prototype.render=function(){return s(t,null,s("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg",class:this.getClasses()},s("use",{xlinkHref:"".concat(o("../assets/icons/iconset-".concat(this.iconset,".svg")),"#").concat(this.name)})))};return e}());n.style=r;var c=["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 a=":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 l=e("cura_icons_view",function(){function e(e){var s=this;i(this,e);this.sizes=[16,20,24,32,40,48,64,72,128];this.selected="360";this.setSelected=function(e){s.selected=e}}e.prototype.render=function(){var e=this;return s(t,null,s("div",{class:"iconDetail"},s("h4",null,this.selected),s("div",{class:"iconSizes"},this.sizes.map((function(i){return s("div",{class:"size"},s("cura-icon",{name:e.selected,size:i}),s("span",null,i))}))),s("div",{class:"iconSizes invert"},this.sizes.map((function(i){return s("div",{class:"size"},s("cura-icon",{name:e.selected,size:i,color:"white"}),s("span",null,i))}))),s("div",{class:"iconSizes"},s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"primary"}),s("span",null,"Primary")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"secondary"}),s("span",null,"Secondary")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"accent"}),s("span",null,"Accent")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"info"}),s("span",null,"Info")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"warning"}),s("span",null,"Warning")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"error"}),s("span",null,"Error")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"success"}),s("span",null,"Success")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"neutral"}),s("span",null,"Neutral")),s("div",{class:"size"},s("cura-icon",{name:this.selected,color:"primary",disabled:true}),s("span",null,"Disabled")))),s("div",{class:"icons"},c.map((function(i){return s("div",{class:"icon",onClick:function(){return e.setSelected(i)}},s("cura-icon",{name:i}),s("span",null,i))}))))};return e}());l.style=a}}}));
|
|
@@ -2,7 +2,7 @@ import { r as registerInstance, h, g as getAssetPath, H as Host } from './index-
|
|
|
2
2
|
|
|
3
3
|
const curaIconCss = ":host{--stroke-color:#B7B7B7;--stroke-width:2px;--width:24px;--height:24px}:host svg.icon-128{--width:128px;--height:128px;--stroke-width:0.984375px}:host svg.icon-72{--width:72px;--height:72px;--stroke-width:1.1666666667px}:host svg.icon-64{--width:64px;--height:64px;--stroke-width:1.21875px}:host svg.icon-48{--width:48px;--height:48px;--stroke-width:1.375px}:host svg.icon-40{--width:40px;--height:40px;--stroke-width:1.5px}:host svg.icon-32{--width:32px;--height:32px;--stroke-width:1.6875px}:host svg.icon-24{--width:24px;--height:24px;--stroke-width:2px}:host svg.icon-20{--width:20px;--height:20px;--stroke-width:2.1px}:host svg.icon-16{--width:16px;--height:16px;--stroke-width:2.25px}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--width);height:var(--height);stroke-width:var(--stroke-width);fill:none}";
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const CuraIcon = class {
|
|
6
6
|
constructor(hostRef) {
|
|
7
7
|
registerInstance(this, hostRef);
|
|
8
8
|
this.name = '';
|
|
@@ -23,13 +23,13 @@ const DscoreIcon = class {
|
|
|
23
23
|
return (h(Host, null, h("svg", { version: "1.1", viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid meet", xmlns: "http://www.w3.org/2000/svg", class: this.getClasses() }, h("use", { xlinkHref: `${getAssetPath(`../assets/icons/iconset-${this.iconset}.svg`)}#${this.name}` }))));
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
|
-
|
|
26
|
+
CuraIcon.style = curaIconCss;
|
|
27
27
|
|
|
28
28
|
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"];
|
|
29
29
|
|
|
30
|
-
const
|
|
30
|
+
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}";
|
|
31
31
|
|
|
32
|
-
const
|
|
32
|
+
const CuraIconsView = class {
|
|
33
33
|
constructor(hostRef) {
|
|
34
34
|
registerInstance(this, hostRef);
|
|
35
35
|
this.sizes = [16, 20, 24, 32, 40, 48, 64, 72, 128];
|
|
@@ -42,6 +42,6 @@ const DscoreIconsView = class {
|
|
|
42
42
|
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: "white" }), h("span", null, size)))), h("div", { class: "iconSizes" }, h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "primary" }), h("span", null, "Primary")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "secondary" }), h("span", null, "Secondary")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "accent" }), h("span", null, "Accent")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "info" }), h("span", null, "Info")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "warning" }), h("span", null, "Warning")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "error" }), h("span", null, "Error")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "success" }), h("span", null, "Success")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "neutral" }), h("span", null, "Neutral")), h("div", { class: "size" }, h("cura-icon", { name: this.selected, color: "primary", 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))))));
|
|
43
43
|
}
|
|
44
44
|
};
|
|
45
|
-
|
|
45
|
+
CuraIconsView.style = curaIconsViewCss;
|
|
46
46
|
|
|
47
|
-
export {
|
|
47
|
+
export { CuraIcon as cura_icon, CuraIconsView as cura_icons_view };
|
package/dist/esm/cura.js
CHANGED
|
@@ -15,5 +15,5 @@ const patchBrowser = () => {
|
|
|
15
15
|
|
|
16
16
|
patchBrowser().then(options => {
|
|
17
17
|
globalScripts();
|
|
18
|
-
return bootstrapLazy([["dummy-component",[[1,"dummy-component"]]],["cura-icon_2",[[1,"
|
|
18
|
+
return bootstrapLazy([["dummy-component",[[1,"dummy-component"]]],["cura-icon_2",[[1,"cura-icons-view",{"selected":[32]}],[1,"cura-icon",{"name":[513],"color":[513],"size":[520],"iconset":[513],"disabled":[516]}]]]], options);
|
|
19
19
|
});
|
package/dist/esm/loader.js
CHANGED
|
@@ -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([["dummy-component",[[1,"dummy-component"]]],["cura-icon_2",[[1,"
|
|
15
|
+
return bootstrapLazy([["dummy-component",[[1,"dummy-component"]]],["cura-icon_2",[[1,"cura-icons-view",{"selected":[32]}],[1,"cura-icon",{"name":[513],"color":[513],"size":[520],"iconset":[513],"disabled":[516]}]]]], options);
|
|
16
16
|
});
|
|
17
17
|
};
|
|
18
18
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,g as getAssetPath,H as Host}from"./index-9d6a33bc.js";var curaIconCss=":host{--stroke-color:#B7B7B7;--stroke-width:2px;--width:24px;--height:24px}:host svg.icon-128{--width:128px;--height:128px;--stroke-width:0.984375px}:host svg.icon-72{--width:72px;--height:72px;--stroke-width:1.1666666667px}:host svg.icon-64{--width:64px;--height:64px;--stroke-width:1.21875px}:host svg.icon-48{--width:48px;--height:48px;--stroke-width:1.375px}:host svg.icon-40{--width:40px;--height:40px;--stroke-width:1.5px}:host svg.icon-32{--width:32px;--height:32px;--stroke-width:1.6875px}:host svg.icon-24{--width:24px;--height:24px;--stroke-width:2px}:host svg.icon-20{--width:20px;--height:20px;--stroke-width:2.1px}:host svg.icon-16{--width:16px;--height:16px;--stroke-width:2.25px}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--width);height:var(--height);stroke-width:var(--stroke-width);fill:none}";var
|
|
1
|
+
import{r as registerInstance,h,g as getAssetPath,H as Host}from"./index-9d6a33bc.js";var curaIconCss=":host{--stroke-color:#B7B7B7;--stroke-width:2px;--width:24px;--height:24px}:host svg.icon-128{--width:128px;--height:128px;--stroke-width:0.984375px}:host svg.icon-72{--width:72px;--height:72px;--stroke-width:1.1666666667px}:host svg.icon-64{--width:64px;--height:64px;--stroke-width:1.21875px}:host svg.icon-48{--width:48px;--height:48px;--stroke-width:1.375px}:host svg.icon-40{--width:40px;--height:40px;--stroke-width:1.5px}:host svg.icon-32{--width:32px;--height:32px;--stroke-width:1.6875px}:host svg.icon-24{--width:24px;--height:24px;--stroke-width:2px}:host svg.icon-20{--width:20px;--height:20px;--stroke-width:2.1px}:host svg.icon-16{--width:16px;--height:16px;--stroke-width:2.25px}:host svg.icon-neutral{--stroke-color:#B7B7B7}:host svg.icon-primary{--stroke-color:var(--cura-color-primary-base, #004186)}:host svg.icon-secondary{--stroke-color:var(--cura-color-secondary-base, #AA8E0B)}:host svg.icon-accent{--stroke-color:var(--cura-color-accent-base, #DF8D2C)}:host svg.icon-success{--stroke-color:#5FD290}:host svg.icon-info{--stroke-color:#6EA8FF}:host svg.icon-error{--stroke-color:#EB5757}:host svg.icon-warning{--stroke-color:#FFCF3C}:host svg.icon-white{--stroke-color:#F6F6F6}:host svg.icon-black{--stroke-color:#262626}:host svg.icon-disabled{--stroke-color:#D4D4D4}:host svg{display:inline-block;stroke:var(--stroke-color);width:var(--width);height:var(--height);stroke-width:var(--stroke-width);fill:none}";var CuraIcon=function(){function e(e){registerInstance(this,e);this.name="";this.color="neutral";this.iconset="default";this.disabled=false}e.prototype.getClasses=function(){var e={};e["icon-".concat(this.color)]=true;if(this.size)e["icon-".concat(this.size)]=true;if(this.disabled)e["icon-disabled"]=true;return e};e.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",class:this.getClasses()},h("use",{xlinkHref:"".concat(getAssetPath("../assets/icons/iconset-".concat(this.iconset,".svg")),"#").concat(this.name)})))};return e}();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","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=":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 e(e){var i=this;registerInstance(this,e);this.sizes=[16,20,24,32,40,48,64,72,128];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:"white"}),h("span",null,i))}))),h("div",{class:"iconSizes"},h("div",{class:"size"},h("cura-icon",{name:this.selected,color:"primary"}),h("span",null,"Primary")),h("div",{class:"size"},h("cura-icon",{name:this.selected,color:"secondary"}),h("span",null,"Secondary")),h("div",{class:"size"},h("cura-icon",{name:this.selected,color:"accent"}),h("span",null,"Accent")),h("div",{class:"size"},h("cura-icon",{name:this.selected,color:"info"}),h("span",null,"Info")),h("div",{class:"size"},h("cura-icon",{name:this.selected,color:"warning"}),h("span",null,"Warning")),h("div",{class:"size"},h("cura-icon",{name:this.selected,color:"error"}),h("span",null,"Error")),h("div",{class:"size"},h("cura-icon",{name:this.selected,color:"success"}),h("span",null,"Success")),h("div",{class:"size"},h("cura-icon",{name:this.selected,color:"neutral"}),h("span",null,"Neutral")),h("div",{class:"size"},h("cura-icon",{name:this.selected,color:"primary",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{CuraIcon as cura_icon,CuraIconsView as cura_icons_view};
|
package/dist/esm-es5/cura.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as promiseResolve,b as bootstrapLazy}from"./index-9d6a33bc.js";import{g as globalScripts}from"./app-globals-d6124a10.js";var patchBrowser=function(){var o=import.meta.url;var r={};if(o!==""){r.resourcesUrl=new URL(".",o).href}return promiseResolve(r)};patchBrowser().then((function(o){globalScripts();return bootstrapLazy([["dummy-component",[[1,"dummy-component"]]],["cura-icon_2",[[1,"
|
|
1
|
+
import{p as promiseResolve,b as bootstrapLazy}from"./index-9d6a33bc.js";import{g as globalScripts}from"./app-globals-d6124a10.js";var patchBrowser=function(){var o=import.meta.url;var r={};if(o!==""){r.resourcesUrl=new URL(".",o).href}return promiseResolve(r)};patchBrowser().then((function(o){globalScripts();return bootstrapLazy([["dummy-component",[[1,"dummy-component"]]],["cura-icon_2",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-icon",{name:[513],color:[513],size:[520],iconset:[513],disabled:[516]}]]]],o)}));
|
package/dist/esm-es5/loader.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as promiseResolve,b as bootstrapLazy}from"./index-9d6a33bc.js";import{g as globalScripts}from"./app-globals-d6124a10.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([["dummy-component",[[1,"dummy-component"]]],["cura-icon_2",[[1,"
|
|
1
|
+
import{p as promiseResolve,b as bootstrapLazy}from"./index-9d6a33bc.js";import{g as globalScripts}from"./app-globals-d6124a10.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([["dummy-component",[[1,"dummy-component"]]],["cura-icon_2",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-icon",{name:[513],color:[513],size:[520],iconset:[513],disabled:[516]}]]]],o)}))};export{defineCustomElements};
|
|
@@ -13,7 +13,7 @@ export namespace Components {
|
|
|
13
13
|
"name": string;
|
|
14
14
|
"size": string | number;
|
|
15
15
|
}
|
|
16
|
-
interface
|
|
16
|
+
interface CuraIconsView {
|
|
17
17
|
}
|
|
18
18
|
interface DummyComponent {
|
|
19
19
|
}
|
|
@@ -25,11 +25,11 @@ declare global {
|
|
|
25
25
|
prototype: HTMLCuraIconElement;
|
|
26
26
|
new (): HTMLCuraIconElement;
|
|
27
27
|
};
|
|
28
|
-
interface
|
|
28
|
+
interface HTMLCuraIconsViewElement extends Components.CuraIconsView, HTMLStencilElement {
|
|
29
29
|
}
|
|
30
|
-
var
|
|
31
|
-
prototype:
|
|
32
|
-
new ():
|
|
30
|
+
var HTMLCuraIconsViewElement: {
|
|
31
|
+
prototype: HTMLCuraIconsViewElement;
|
|
32
|
+
new (): HTMLCuraIconsViewElement;
|
|
33
33
|
};
|
|
34
34
|
interface HTMLDummyComponentElement extends Components.DummyComponent, HTMLStencilElement {
|
|
35
35
|
}
|
|
@@ -39,7 +39,7 @@ declare global {
|
|
|
39
39
|
};
|
|
40
40
|
interface HTMLElementTagNameMap {
|
|
41
41
|
"cura-icon": HTMLCuraIconElement;
|
|
42
|
-
"
|
|
42
|
+
"cura-icons-view": HTMLCuraIconsViewElement;
|
|
43
43
|
"dummy-component": HTMLDummyComponentElement;
|
|
44
44
|
}
|
|
45
45
|
}
|
|
@@ -51,13 +51,13 @@ declare namespace LocalJSX {
|
|
|
51
51
|
"name"?: string;
|
|
52
52
|
"size"?: string | number;
|
|
53
53
|
}
|
|
54
|
-
interface
|
|
54
|
+
interface CuraIconsView {
|
|
55
55
|
}
|
|
56
56
|
interface DummyComponent {
|
|
57
57
|
}
|
|
58
58
|
interface IntrinsicElements {
|
|
59
59
|
"cura-icon": CuraIcon;
|
|
60
|
-
"
|
|
60
|
+
"cura-icons-view": CuraIconsView;
|
|
61
61
|
"dummy-component": DummyComponent;
|
|
62
62
|
}
|
|
63
63
|
}
|
|
@@ -66,7 +66,7 @@ declare module "@stencil/core" {
|
|
|
66
66
|
export namespace JSX {
|
|
67
67
|
interface IntrinsicElements {
|
|
68
68
|
"cura-icon": LocalJSX.CuraIcon & JSXBase.HTMLAttributes<HTMLCuraIconElement>;
|
|
69
|
-
"
|
|
69
|
+
"cura-icons-view": LocalJSX.CuraIconsView & JSXBase.HTMLAttributes<HTMLCuraIconsViewElement>;
|
|
70
70
|
"dummy-component": LocalJSX.DummyComponent & JSXBase.HTMLAttributes<HTMLDummyComponentElement>;
|
|
71
71
|
}
|
|
72
72
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@rededor/cura",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.2",
|
|
4
4
|
"description": "Cura Design System",
|
|
5
5
|
"author": "Rede D`Or São Luiz",
|
|
6
6
|
"license": "MIT",
|
|
@@ -37,5 +37,5 @@
|
|
|
37
37
|
"jest-cli": "^27.4.5",
|
|
38
38
|
"puppeteer": "^10.0.0"
|
|
39
39
|
},
|
|
40
|
-
"gitHead": "
|
|
40
|
+
"gitHead": "ea6b73a23953534d50146b926ce3c6b59ec474a1"
|
|
41
41
|
}
|