@rededor/cura 0.3.1 → 0.3.3

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.
Files changed (74) hide show
  1. package/dist/cjs/{app-globals-5f5b9fbf.js → app-globals-0f70160b.js} +57 -15
  2. package/dist/cjs/cura-display_4.cjs.entry.js +257 -0
  3. package/dist/cjs/cura-icon.cjs.entry.js +59 -0
  4. package/dist/cjs/cura-icons-view.cjs.entry.js +27 -0
  5. package/dist/cjs/cura.cjs.js +2 -2
  6. package/dist/cjs/loader.cjs.js +2 -2
  7. package/dist/collection/api/cura-api.js +4 -1
  8. package/dist/collection/api/modules/cura-theme-module.js +2 -0
  9. package/dist/collection/api/modules/cura-theme-spacing-module.js +12 -0
  10. package/dist/collection/api/theme-presets/static.js +0 -13
  11. package/dist/collection/api/theme-presets/theme-oncology.js +38 -0
  12. package/dist/collection/api/theme-presets/theme-presets.js +3 -1
  13. package/dist/collection/collection-manifest.json +1 -0
  14. package/dist/collection/components/cura-icons-view/cura-icons-view.css +1 -15
  15. package/dist/collection/components/cura-page-template/cura-page-template.css +105 -0
  16. package/dist/collection/components/cura-page-template/cura-page-template.js +54 -0
  17. package/dist/collection/components/text/cura-display/cura-display.css +25 -2
  18. package/dist/collection/components/text/cura-display/cura-display.js +56 -5
  19. package/dist/collection/components/text/cura-heading/cura-heading.css +25 -2
  20. package/dist/collection/components/text/cura-heading/cura-heading.js +53 -2
  21. package/dist/collection/components/text/cura-paragraph/cura-paragraph.css +25 -2
  22. package/dist/collection/components/text/cura-paragraph/cura-paragraph.js +54 -3
  23. package/dist/components/cura-display.js +24 -7
  24. package/dist/components/cura-heading.js +21 -4
  25. package/dist/components/cura-icons-view.js +1 -1
  26. package/dist/components/cura-page-template.d.ts +11 -0
  27. package/dist/components/cura-page-template.js +47 -0
  28. package/dist/components/cura-paragraph.js +22 -5
  29. package/dist/components/index.d.ts +1 -0
  30. package/dist/components/index.js +58 -15
  31. package/dist/cura/cura.esm.js +1 -1
  32. package/dist/cura/cura.js +1 -1
  33. package/dist/cura/p-092f3490.system.entry.js +1 -0
  34. package/dist/cura/p-12023453.entry.js +1 -0
  35. package/dist/cura/p-22290742.entry.js +1 -0
  36. package/dist/cura/p-32769783.system.js +1 -0
  37. package/dist/cura/p-5b5cf2e4.system.entry.js +1 -0
  38. package/dist/cura/p-8b416bc6.system.js +1 -0
  39. package/dist/cura/p-aca36c98.js +1 -0
  40. package/dist/cura/p-e8fadcfa.system.entry.js +1 -0
  41. package/dist/cura/p-fbcea891.entry.js +1 -0
  42. package/dist/esm/{app-globals-d7dd3a4d.js → app-globals-cb45bff3.js} +57 -15
  43. package/dist/esm/cura-display_4.entry.js +250 -0
  44. package/dist/esm/cura-icon.entry.js +55 -0
  45. package/dist/esm/cura-icons-view.entry.js +23 -0
  46. package/dist/esm/cura.js +2 -2
  47. package/dist/esm/loader.js +2 -2
  48. package/dist/esm-es5/app-globals-cb45bff3.js +1 -0
  49. package/dist/esm-es5/cura-display_4.entry.js +1 -0
  50. package/dist/esm-es5/cura-icon.entry.js +1 -0
  51. package/dist/esm-es5/cura-icons-view.entry.js +1 -0
  52. package/dist/esm-es5/cura.js +1 -1
  53. package/dist/esm-es5/loader.js +1 -1
  54. package/dist/types/api/cura-api.type.d.ts +4 -1
  55. package/dist/types/api/modules/cura-theme-module.d.ts +2 -0
  56. package/dist/types/api/modules/cura-theme-spacing-module.d.ts +6 -0
  57. package/dist/types/api/theme-presets/static.d.ts +0 -11
  58. package/dist/types/api/theme-presets/theme-oncology.d.ts +50 -0
  59. package/dist/types/api/theme-presets/theme-presets.d.ts +50 -0
  60. package/dist/types/components/cura-page-template/cura-page-template.d.ts +8 -0
  61. package/dist/types/components/text/cura-display/cura-display.d.ts +13 -3
  62. package/dist/types/components/text/cura-heading/cura-heading.d.ts +10 -0
  63. package/dist/types/components/text/cura-paragraph/cura-paragraph.d.ts +10 -0
  64. package/dist/types/components.d.ts +63 -0
  65. package/package.json +2 -2
  66. package/dist/cjs/cura-display_5.cjs.entry.js +0 -261
  67. package/dist/cura/p-265c1706.js +0 -1
  68. package/dist/cura/p-3d8bbf37.system.js +0 -1
  69. package/dist/cura/p-a8dcaaed.system.js +0 -1
  70. package/dist/cura/p-fc50b109.system.entry.js +0 -1
  71. package/dist/cura/p-fc80cb18.entry.js +0 -1
  72. package/dist/esm/cura-display_5.entry.js +0 -253
  73. package/dist/esm-es5/app-globals-d7dd3a4d.js +0 -1
  74. package/dist/esm-es5/cura-display_5.entry.js +0 -1
@@ -0,0 +1,8 @@
1
+ export declare class CuraPageTemplate {
2
+ contentwidth: 'default' | 'centered';
3
+ host: HTMLElement;
4
+ styles: any;
5
+ connectedCallback(): void;
6
+ getClasses(): {};
7
+ render(): any;
8
+ }
@@ -5,10 +5,20 @@ export declare class CuraDisplay {
5
5
  */
6
6
  level: number;
7
7
  /**
8
- * Heading style size.
9
- * Values: small | regular(default) | large.
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.1",
3
+ "version": "0.3.3",
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": "0edc0ee0a6d9d02338dbc939898ca6892a913e38"
41
+ "gitHead": "9f4ee5aeb1cbbf3c27705a5555e8a0db87f22f97"
42
42
  }
@@ -1,261 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- const index = require('./index-8686299e.js');
6
-
7
- const curaDisplayCss = ":host{display:block;font-size:var(--font-size);text-transform:uppercase}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:4.285em;font-weight:var(--font-weight-black);color:var(--color-body);line-height:120%;letter-spacing:-4%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:6.21em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3em;font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px) and (max-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.92em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:7.07em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.428em}}@media screen and (min-width: 1367px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:6.14em;line-height:125%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:8.857em;letter-spacing:-6%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:4.285em;letter-spacing:-2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
8
-
9
- const CuraDisplay = class {
10
- constructor(hostRef) {
11
- index.registerInstance(this, hostRef);
12
- /**
13
- * Heading level for semantics.
14
- * Values: 1(default)-6.
15
- */
16
- this.level = 1;
17
- /**
18
- * Heading style size.
19
- * Values: small | regular(default) | large.
20
- */
21
- this.size = 'regular';
22
- }
23
- connectedCallback() {
24
- this.weights = window.CuraAPI.theme.fonts.getWeights();
25
- this.setFontProperties();
26
- this.setColors();
27
- }
28
- getClasses() {
29
- const classes = {};
30
- classes[this.size.toLowerCase()] = true;
31
- return classes;
32
- }
33
- setFontProperties() {
34
- this.styles = {
35
- '--font-family': window.CuraAPI.theme.fonts.getFamily('display'),
36
- '--font-size': window.CuraAPI.theme.fonts.getSize(),
37
- '--font-weight-bold': this.weights.bold,
38
- '--font-weight-black': this.weights.black
39
- };
40
- this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());
41
- }
42
- setColors() {
43
- const fontColor = window.CuraAPI.theme.fonts.getColor();
44
- this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');
45
- this.styles['--color-link'] = window.CuraAPI.theme.colors.getColor('primary-700');
46
- }
47
- setHostProperty(prop, value) {
48
- this.host.style.setProperty(prop, value);
49
- }
50
- getHeadingTag() {
51
- const tags = {
52
- '1': index.h("h1", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
53
- '2': index.h("h2", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
54
- '3': index.h("h3", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
55
- '4': index.h("h4", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
56
- '5': index.h("h5", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
57
- '6': index.h("h6", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
58
- 'default': index.h("h1", { style: this.styles, class: this.getClasses() }, index.h("slot", null))
59
- };
60
- return tags[`${this.level}`] || tags['default'];
61
- }
62
- render() {
63
- return (index.h(index.Host, null, this.getHeadingTag()));
64
- }
65
- get host() { return index.getElement(this); }
66
- };
67
- CuraDisplay.style = curaDisplayCss;
68
-
69
- const curaHeadingCss = ":host{display:block;font-size:var(--font-size)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.71em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:130%;letter-spacing:0%}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.07em;letter-spacing:-2%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:150%;letter-spacing:0%}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px) and (max-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}}@media screen and (min-width: 1367px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:135%;letter-spacing:-2%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.92em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.71em;line-height:160%;letter-spacing:0%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
70
-
71
- const CuraHeading = class {
72
- constructor(hostRef) {
73
- index.registerInstance(this, hostRef);
74
- /**
75
- * Heading level for semantics.
76
- * Values: 1(default)-6.
77
- */
78
- this.level = 1;
79
- /**
80
- * Heading style size.
81
- * Values: small | regular(default) | large.
82
- */
83
- this.size = 'regular';
84
- /**
85
- * Heading font weight.
86
- * Values: regular(default) | bold.
87
- */
88
- this.weight = 'regular';
89
- }
90
- connectedCallback() {
91
- this.weights = window.CuraAPI.theme.fonts.getWeights();
92
- this.setFontProperties();
93
- this.setColors();
94
- }
95
- getClasses() {
96
- const classes = {};
97
- classes[this.size.toLowerCase()] = true;
98
- classes[`${this.weight.toLowerCase()}-weight`] = true;
99
- return classes;
100
- }
101
- setFontProperties() {
102
- this.styles = {
103
- '--font-family': window.CuraAPI.theme.fonts.getFamily('heading'),
104
- '--font-size': window.CuraAPI.theme.fonts.getSize(),
105
- '--font-weight-regular': this.weights.regular,
106
- '--font-weight-medium': this.weights.medium,
107
- '--font-weight-bold': this.weights.bold,
108
- '--font-weight-black': this.weights.black
109
- };
110
- this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());
111
- }
112
- setColors() {
113
- const fontColor = window.CuraAPI.theme.fonts.getColor();
114
- this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor('neutral-darker');
115
- this.styles['--color-link'] = window.CuraAPI.theme.colors.getColor('primary-700');
116
- }
117
- setHostProperty(prop, value) {
118
- this.host.style.setProperty(prop, value);
119
- }
120
- getHeadingTag() {
121
- const tags = {
122
- '1': index.h("h1", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
123
- '2': index.h("h2", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
124
- '3': index.h("h3", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
125
- '4': index.h("h4", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
126
- '5': index.h("h5", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
127
- '6': index.h("h6", { style: this.styles, class: this.getClasses() }, index.h("slot", null)),
128
- 'default': index.h("h1", { style: this.styles, class: this.getClasses() }, index.h("slot", null))
129
- };
130
- return tags[`${this.level}`] || tags['default'];
131
- }
132
- render() {
133
- return (index.h(index.Host, null, this.getHeadingTag()));
134
- }
135
- get host() { return index.getElement(this); }
136
- };
137
- CuraHeading.style = curaHeadingCss;
138
-
139
- const curaIconCss = ":host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";
140
-
141
- const CuraIcon = class {
142
- constructor(hostRef) {
143
- index.registerInstance(this, hostRef);
144
- this.name = '';
145
- this.color = 'neutral-base';
146
- this.iconset = 'default';
147
- this.disabled = false;
148
- this.sizes = {
149
- "128": { size: 128, stroke: 5.25 },
150
- "72": { size: 72, stroke: 3.5 },
151
- "64": { size: 64, stroke: 3.25 },
152
- "48": { size: 48, stroke: 2.75 },
153
- "40": { size: 40, stroke: 2.5 },
154
- "32": { size: 32, stroke: 2.25 },
155
- "24": { size: 24, stroke: 2 },
156
- "20": { size: 20, stroke: 1.75 },
157
- "16": { size: 16, stroke: 1.5 },
158
- "default": { size: 24, stroke: 2 }
159
- };
160
- }
161
- sizeHandler(size) {
162
- const scaledStroke = (iconSize) => {
163
- return `${this.sizes[iconSize].stroke * (this.sizes.default.size / this.sizes[iconSize].size)}px`;
164
- };
165
- this.setHostProperty('--size', this.sizes[`${size}`] ? `${this.sizes[size].size}px` : `${this.sizes.default.size}px`);
166
- this.setHostProperty('--stroke', this.sizes[`${size}`] ? scaledStroke(size) : scaledStroke("default"));
167
- }
168
- colorHandler() {
169
- this.setHostProperty('--color', window.CuraAPI.theme.colors.getColor(this.disabled ? 'neutral-light' : this.color));
170
- }
171
- connectedCallback() {
172
- this.assetsPath = window.CuraAPI.localAssetsPath;
173
- this.sizeHandler(this.size);
174
- this.colorHandler();
175
- }
176
- setHostProperty(prop, value) {
177
- this.host.style.setProperty(prop, value);
178
- }
179
- render() {
180
- 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" }, index.h("use", { xlinkHref: `${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}` }))));
181
- }
182
- get host() { return index.getElement(this); }
183
- static get watchers() { return {
184
- "size": ["sizeHandler"],
185
- "color": ["colorHandler"],
186
- "disabled": ["colorHandler"]
187
- }; }
188
- };
189
- CuraIcon.style = curaIconCss;
190
-
191
- 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"];
192
-
193
- 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}";
194
-
195
- const CuraIconsView = class {
196
- constructor(hostRef) {
197
- index.registerInstance(this, hostRef);
198
- this.sizes = [16, 20, 24, 32, 40, 48, 64, 72, 128];
199
- this.colors = ['primary', 'secondary', 'accent', 'info', 'warning', 'error', 'success', 'neutral'];
200
- this.selected = '360';
201
- this.setSelected = (icon) => {
202
- this.selected = icon;
203
- };
204
- }
205
- render() {
206
- 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: "neutral-white" }), index.h("span", null, size)))), index.h("div", { class: "iconSizes" }, this.colors.map(color => index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, color: color }), index.h("span", null, color))), index.h("div", { class: "size" }, index.h("cura-icon", { name: this.selected, 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))))));
207
- }
208
- };
209
- CuraIconsView.style = curaIconsViewCss;
210
-
211
- const curaParagraphCss = ":host{display:block;font-size:var(--font-size)}:host p{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:140%;letter-spacing:2%}:host p.large{font-size:1.21em;line-height:150%;letter-spacing:0%}:host p.small{font-size:0.85em;line-height:135%;letter-spacing:4%}:host p.caption{font-size:0.71em;line-height:135%;letter-spacing:6%}@media screen and (min-width: 768px) and (max-width: 1366px){:host p{font-size:1.14em;line-height:145%}:host p.large{font-size:1.35em;line-height:150%}:host p.small{font-size:1em;line-height:135%}:host p.caption{font-size:0.85em;line-height:135%;letter-spacing:6%}}@media screen and (min-width: 1367px){:host p{font-size:1.42em;line-height:150%;letter-spacing:0%}:host p.large{font-size:1.71em;line-height:160%}:host p.small{font-size:1.21em;line-height:145%;letter-spacing:0%}:host p.caption{font-size:1em;line-height:145%;letter-spacing:2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";
212
-
213
- const CuraParagraph = class {
214
- constructor(hostRef) {
215
- index.registerInstance(this, hostRef);
216
- /**
217
- * Set size of body text.
218
- * Values: regular (default) | large | small | caption.
219
- */
220
- this.size = 'regular';
221
- }
222
- connectedCallback() {
223
- this.weights = window.CuraAPI.theme.fonts.getWeights();
224
- this.setFontProperties();
225
- this.setColors();
226
- }
227
- setsizeClass() {
228
- const sizeclass = {};
229
- sizeclass[this.size.toLowerCase()] = true;
230
- return sizeclass;
231
- }
232
- setFontProperties() {
233
- this.styles = {
234
- '--font-family': window.CuraAPI.theme.fonts.getFamily('body'),
235
- '--font-size': window.CuraAPI.theme.fonts.getSize(),
236
- '--font-weight-regular': this.weights.regular,
237
- '--font-weight-medium': this.weights.medium,
238
- '--font-weight-bold': this.weights.bold
239
- };
240
- this.setHostProperty('--font-size', window.CuraAPI.theme.fonts.getSize());
241
- }
242
- setColors() {
243
- const fontColor = window.CuraAPI.theme.fonts.getColor();
244
- this.styles['--color-body'] = fontColor || window.CuraAPI.theme.colors.getColor(`neutral-darker`);
245
- this.styles['--color-link'] = window.CuraAPI.theme.colors.getColor('primary-700');
246
- }
247
- setHostProperty(prop, value) {
248
- this.host.style.setProperty(prop, value);
249
- }
250
- render() {
251
- return (index.h(index.Host, null, index.h("p", { style: this.styles, class: this.setsizeClass() }, index.h("slot", null))));
252
- }
253
- get host() { return index.getElement(this); }
254
- };
255
- CuraParagraph.style = curaParagraphCss;
256
-
257
- exports.cura_display = CuraDisplay;
258
- exports.cura_heading = CuraHeading;
259
- exports.cura_icon = CuraIcon;
260
- exports.cura_icons_view = CuraIconsView;
261
- exports.cura_paragraph = CuraParagraph;
@@ -1 +0,0 @@
1
- const t={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}}},e=Object.assign(Object.assign({},t),{color:{primary:{100:"#FCEFF6",300:"#FFBFE5",500:"#CD4D9A",700:"#99126C",900:"#00133B"},secondary:{100:"#EDF3FF",300:"#BDD2FF",500:"#189AB4",700:"#001C58",900:"#430E31"}}}),r={default:t,maternidade:e},o={color:{success:{lighter:"#DFF6E9",light:"#94E1B5",base:"#5FD290",dark:"#3F8C60",darker:"#132A1D",depth100:"#DFF6E9",depth300:"#94E1B5",depth500:"#5FD290",depth700:"#3F8C60",depth900:"#132A1D"},info:{lighter:"#CFE2FF",light:"#95BFFF",base:"#6EA8FF",dark:"#517BBB",darker:"#253855",depth100:"#CFE2FF",depth300:"#95BFFF",depth500:"#6EA8FF",depth700:"#517BBB",depth900:"#253855"},error:{lighter:"#FBDDDD",light:"#F28F8F",base:"#EB5757",dark:"#9D3A3A",darker:"#2F1111",depth100:"#FBDDDD",depth300:"#F28F8F",depth500:"#EB5757",depth700:"#9D3A3A",depth900:"#2F1111"},warning:{lighter:"#FCFAC4",light:"#F8F489",base:"#F5EF4E",dark:"#A39F34",darker:"#313010",depth100:"#FCFAC4",depth300:"#F8F489",depth500:"#F5EF4E",depth700:"#A39F34",depth900:"#313010"},neutral:{0:"#FFFFFF",100:"#F6F6F6",200:"#E9E9E9",300:"#E2E2E2",400:"#D4D4D4",500:"#B7B7B7",600:"#929292",700:"#6E6E6E",800:"#4A4A4A",900:"#262626"}},icons:{sizes:["128","72","64","48","40","32","24","20","16"],strokes:["5.25","3.5","3.25","2.75","2.5","2.25","2","1.75","1.5"],"default-size":"24"},breakpoints:{small:"576px",medium:"768px",large:"992px",xlarge:"1200px"}};class s{constructor(){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"}}getColor(t="primary-base"){const{color:e,depth:r}=this.splitColorDepth(t);return this.getStatic(e,r)||this.getDynamic(e,r)}getStatic(t,e){var r,s;return(null===(r=o.color[t])||void 0===r?void 0:r[e])||(null===(s=o.color[t])||void 0===s?void 0:s[this.NeutralDepthAlias[e]])||null}getDynamic(t,e){const r=this.ColorDepthAlias[e]?`--cura-color-${t}-${this.ColorDepthAlias[e]}`:`--cura-color-${t}-${e}`;return getComputedStyle(document.body).getPropertyValue(r)?`var(${r})`:"var(--cura-color-primary-500)"}splitColorDepth(t){const[e,r]=t.toLowerCase().split(/-(.*)/);return{color:null!=e?e:"primary",depth:null!=r?r:"base"}}}class i{constructor(){this.getSize=()=>"var(--cura-font-size)",this.getColor=()=>"var(--cura-font-color)"}getFamily(t="body"){const e="--cura-font-"+t.toLowerCase();return getComputedStyle(document.body).getPropertyValue(e)?`var(${e})`:"var(--cura-font-body)"}getWeights(){const e={};return Object.keys(t.font.weights).forEach((t=>e[t]=`var(--cura-font-weights-${t})`)),e}}class a{constructor(){this.prefix="--cura",this.colors=new s,this.fonts=new i,this.setCssVar=(t,e)=>{const r=this.groupPath(e,t[0]);this.body.style.setProperty(r,t[1])},this.groupPath=(t,e)=>`${t}-${e}`,this.isObject=t=>t&&"object"==typeof t&&!Array.isArray(t),this.mergeObject=(t,e)=>{const r=Object.entries(t);for(let t of r)this.isObject(t[1])?this.mergeObject(t[1],e[t[0]]):e[t[0]]=t[1]},this.buildCssVars=(t,e)=>{const r=Object.entries(e);for(let e of r)this.isObject(e[1])?this.buildCssVars(this.groupPath(t,e[0]),e[1]):this.setCssVar(e,t)},this.body=window.document.documentElement.querySelector("body")}load(t="default"){this.buildCssVars(this.prefix,r[t]?r[t]:r.default)}setCustom(t){const e=t.name;if(e in r)console.log("Error building custom theme. Theme %s already exists. Loading default theme.",e),this.load("default");else{const o=Object.assign({},JSON.parse(JSON.stringify(t.fromPreset&&t.fromPreset in r?r[t.fromPreset]:r.default)));this.mergeObject(t.definitions,o),r[e]=o,this.load(e)}}}class n{constructor(t){this.localAssetsPath=t&&t.localAssetsPath?t.localAssetsPath:"/assets";const e=new a;this.theme={load:function(t){e.load(t)},setCustom:function(t){e.setCustom(t)},colors:{getColor:function(t){return e.colors.getColor(t)}},fonts:{getFamily:function(t){return e.fonts.getFamily(t)},getWeights:function(){return e.fonts.getWeights()},getSize:function(){return e.fonts.getSize()},getColor:function(){return e.fonts.getColor()}}},t&&t.customTheme?this.theme.setCustom(t.customTheme):this.theme.load(t&&t.theme?t.theme:"default")}}const h=function(){const t=window.CuraInit;window.CuraAPI=t?new n(t):new n;const e=window.CuraAPI;window.dispatchEvent(new CustomEvent("CuraAPIReady",{detail:{api:e}})),t&&"function"==typeof t.onReady&&t.onReady(e)};export{h as g}
@@ -1 +0,0 @@
1
- System.register([],(function(t){"use strict";return{execute:function(){var e={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 r=Object.assign(Object.assign({},e),{color:{primary:{100:"#FCEFF6",300:"#FFBFE5",500:"#CD4D9A",700:"#99126C",900:"#00133B"},secondary:{100:"#EDF3FF",300:"#BDD2FF",500:"#189AB4",700:"#001C58",900:"#430E31"}}});var o={default:e,maternidade:r};var i={color:{success:{lighter:"#DFF6E9",light:"#94E1B5",base:"#5FD290",dark:"#3F8C60",darker:"#132A1D",depth100:"#DFF6E9",depth300:"#94E1B5",depth500:"#5FD290",depth700:"#3F8C60",depth900:"#132A1D"},info:{lighter:"#CFE2FF",light:"#95BFFF",base:"#6EA8FF",dark:"#517BBB",darker:"#253855",depth100:"#CFE2FF",depth300:"#95BFFF",depth500:"#6EA8FF",depth700:"#517BBB",depth900:"#253855"},error:{lighter:"#FBDDDD",light:"#F28F8F",base:"#EB5757",dark:"#9D3A3A",darker:"#2F1111",depth100:"#FBDDDD",depth300:"#F28F8F",depth500:"#EB5757",depth700:"#9D3A3A",depth900:"#2F1111"},warning:{lighter:"#FCFAC4",light:"#F8F489",base:"#F5EF4E",dark:"#A39F34",darker:"#313010",depth100:"#FCFAC4",depth300:"#F8F489",depth500:"#F5EF4E",depth700:"#A39F34",depth900:"#313010"},neutral:{0:"#FFFFFF",100:"#F6F6F6",200:"#E9E9E9",300:"#E2E2E2",400:"#D4D4D4",500:"#B7B7B7",600:"#929292",700:"#6E6E6E",800:"#4A4A4A",900:"#262626"}},icons:{sizes:["128","72","64","48","40","32","24","20","16"],strokes:["5.25","3.5","3.25","2.75","2.5","2.25","2","1.75","1.5"],"default-size":"24"},breakpoints:{small:"576px",medium:"768px",large:"992px",xlarge:"1200px"}};var a=function(){function t(){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"}}t.prototype.getColor=function(t){if(t===void 0){t="primary-base"}var e=this.splitColorDepth(t),r=e.color,o=e.depth;var i=this.getStatic(r,o);if(i)return i;return this.getDynamic(r,o)};t.prototype.getStatic=function(t,e){var r,o;return((r=i.color[t])===null||r===void 0?void 0:r[e])||((o=i.color[t])===null||o===void 0?void 0:o[this.NeutralDepthAlias[e]])||null};t.prototype.getDynamic=function(t,e){var r=this.ColorDepthAlias[e]?"--cura-color-".concat(t,"-").concat(this.ColorDepthAlias[e]):"--cura-color-".concat(t,"-").concat(e);return getComputedStyle(document.body).getPropertyValue(r)?"var(".concat(r,")"):"var(--cura-color-primary-500)"};t.prototype.splitColorDepth=function(t){var e=t.toLowerCase().split(/-(.*)/),r=e[0],o=e[1];return{color:r!==null&&r!==void 0?r:"primary",depth:o!==null&&o!==void 0?o:"base"}};return t}();var n=function(){function t(){this.getSize=function(){return"var(--cura-font-size)"};this.getColor=function(){return"var(--cura-font-color)"}}t.prototype.getFamily=function(t){if(t===void 0){t="body"}var e="--cura-font-".concat(t.toLowerCase());return getComputedStyle(document.body).getPropertyValue(e)?"var(".concat(e,")"):"var(--cura-font-body)"};t.prototype.getWeights=function(){var t={};Object.keys(e.font.weights).forEach((function(e){return t[e]="var(--cura-font-weights-".concat(e,")")}));return t};return t}();var s=function(){function t(){var t=this;this.prefix="--cura";this.colors=new a;this.fonts=new n;this.setCssVar=function(e,r){var o=t.groupPath(r,e[0]);t.body.style.setProperty(o,e[1])};this.groupPath=function(t,e){return"".concat(t,"-").concat(e)};this.isObject=function(t){return t&&typeof t==="object"&&!Array.isArray(t)};this.mergeObject=function(e,r){var o=Object.entries(e);for(var i=0,a=o;i<a.length;i++){var n=a[i];if(t.isObject(n[1])){t.mergeObject(n[1],r[n[0]])}else{r[n[0]]=n[1]}}};this.buildCssVars=function(e,r){var o=Object.entries(r);for(var i=0,a=o;i<a.length;i++){var n=a[i];if(t.isObject(n[1])){t.buildCssVars(t.groupPath(e,n[0]),n[1])}else{t.setCssVar(n,e)}}};this.body=window.document.documentElement.querySelector("body")}t.prototype.load=function(t){if(t===void 0){t="default"}var e=o[t]?o[t]:o.default;this.buildCssVars(this.prefix,e)};t.prototype.setCustom=function(t){var e=t.name;if(e in o){console.log("Error building custom theme. Theme %s already exists. Loading default theme.",e);this.load("default")}else{var r=t.fromPreset&&t.fromPreset in o?o[t.fromPreset]:o.default;var i=Object.assign({},JSON.parse(JSON.stringify(r)));this.mergeObject(t.definitions,i);o[e]=i;this.load(e)}};return t}();var c=function(){function t(t){this.localAssetsPath=t&&t.localAssetsPath?t.localAssetsPath:"/assets";var e=new s;this.theme={load:function(t){e.load(t)},setCustom:function(t){e.setCustom(t)},colors:{getColor:function(t){return e.colors.getColor(t)}},fonts:{getFamily:function(t){return e.fonts.getFamily(t)},getWeights:function(){return e.fonts.getWeights()},getSize:function(){return e.fonts.getSize()},getColor:function(){return e.fonts.getColor()}}};if(t&&t.customTheme){this.theme.setCustom(t.customTheme)}else{var r=t&&t.theme?t.theme:"default";this.theme.load(r)}}return t}();function l(){var t=window.CuraInit;window.CuraAPI=t?new c(t):new c;var e=window.CuraAPI;window.dispatchEvent(new CustomEvent("CuraAPIReady",{detail:{api:e}}));if(t&&typeof t.onReady==="function")t.onReady(e)}var u=t("g",l)}}}));
@@ -1 +0,0 @@
1
- System.register(["./p-e447016d.system.js","./p-3d8bbf37.system.js"],(function(e,r){"use strict";var s,t,n;return{setters:[function(e){s=e.p;t=e.b},function(e){n=e.g}],execute:function(){var e=function(){var e=r.meta.url;var t={};if(e!==""){t.resourcesUrl=new URL(".",e).href}return s(t)};e().then((function(e){n();return t([["p-fc50b109.system",[[1,"cura-icons-view",{selected:[32]}],[1,"cura-display",{level:[514],size:[513]}],[1,"cura-heading",{level:[514],size:[513],weight:[513]}],[1,"cura-paragraph",{size:[513]}],[1,"cura-icon",{name:[513],color:[1],size:[8],iconset:[513],disabled:[4]}]]]],e)}))}}}));
@@ -1 +0,0 @@
1
- System.register(["./p-e447016d.system.js"],(function(t){"use strict";var e,s,o,i;return{setters:[function(t){e=t.r;s=t.h;o=t.H;i=t.g}],execute:function(){var l=":host{display:block;font-size:var(--font-size);text-transform:uppercase}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:4.285em;font-weight:var(--font-weight-black);color:var(--color-body);line-height:120%;letter-spacing:-4%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:6.21em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3em;font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px) and (max-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.92em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:7.07em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.428em}}@media screen and (min-width: 1367px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:6.14em;line-height:125%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:8.857em;letter-spacing:-6%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:4.285em;letter-spacing:-2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";var r=t("cura_display",function(){function t(t){e(this,t);this.level=1;this.size="regular"}t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()};t.prototype.getClasses=function(){var t={};t[this.size.toLowerCase()]=true;return t};t.prototype.setFontProperties=function(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize())};t.prototype.setColors=function(){var t=window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=window.CuraAPI.theme.colors.getColor("primary-700")};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.getHeadingTag=function(){var t={1:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null)),2:s("h2",{style:this.styles,class:this.getClasses()},s("slot",null)),3:s("h3",{style:this.styles,class:this.getClasses()},s("slot",null)),4:s("h4",{style:this.styles,class:this.getClasses()},s("slot",null)),5:s("h5",{style:this.styles,class:this.getClasses()},s("slot",null)),6:s("h6",{style:this.styles,class:this.getClasses()},s("slot",null)),default:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null))};return t["".concat(this.level)]||t["default"]};t.prototype.render=function(){return s(o,null,this.getHeadingTag())};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());r.style=l;var n=":host{display:block;font-size:var(--font-size)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.71em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:130%;letter-spacing:0%}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.07em;letter-spacing:-2%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:150%;letter-spacing:0%}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px) and (max-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}}@media screen and (min-width: 1367px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:135%;letter-spacing:-2%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.92em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.71em;line-height:160%;letter-spacing:0%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";var h=t("cura_heading",function(){function t(t){e(this,t);this.level=1;this.size="regular";this.weight="regular"}t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()};t.prototype.getClasses=function(){var t={};t[this.size.toLowerCase()]=true;t["".concat(this.weight.toLowerCase(),"-weight")]=true;return t};t.prototype.setFontProperties=function(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("heading"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize())};t.prototype.setColors=function(){var t=window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=window.CuraAPI.theme.colors.getColor("primary-700")};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.getHeadingTag=function(){var t={1:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null)),2:s("h2",{style:this.styles,class:this.getClasses()},s("slot",null)),3:s("h3",{style:this.styles,class:this.getClasses()},s("slot",null)),4:s("h4",{style:this.styles,class:this.getClasses()},s("slot",null)),5:s("h5",{style:this.styles,class:this.getClasses()},s("slot",null)),6:s("h6",{style:this.styles,class:this.getClasses()},s("slot",null)),default:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null))};return t["".concat(this.level)]||t["default"]};t.prototype.render=function(){return s(o,null,this.getHeadingTag())};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());h.style=n;var a=":host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";var c=t("cura_icon",function(){function t(t){e(this,t);this.name="";this.color="neutral-base";this.iconset="default";this.disabled=false;this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}}}t.prototype.sizeHandler=function(t){var e=this;var s=function(t){return"".concat(e.sizes[t].stroke*(e.sizes.default.size/e.sizes[t].size),"px")};this.setHostProperty("--size",this.sizes["".concat(t)]?"".concat(this.sizes[t].size,"px"):"".concat(this.sizes.default.size,"px"));this.setHostProperty("--stroke",this.sizes["".concat(t)]?s(t):s("default"))};t.prototype.colorHandler=function(){this.setHostProperty("--color",window.CuraAPI.theme.colors.getColor(this.disabled?"neutral-light":this.color))};t.prototype.connectedCallback=function(){this.assetsPath=window.CuraAPI.localAssetsPath;this.sizeHandler(this.size);this.colorHandler()};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.render=function(){return s(o,null,s("svg",{version:"1.1",viewBox:"0 0 24 24",preserveAspectRatio:"xMidYMid meet",xmlns:"http://www.w3.org/2000/svg"},s("use",{xlinkHref:"".concat(this.assetsPath,"/icons/iconset-").concat(this.iconset,".svg#").concat(this.name)})))};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});Object.defineProperty(t,"watchers",{get:function(){return{size:["sizeHandler"],color:["colorHandler"],disabled:["colorHandler"]}},enumerable:false,configurable:true});return t}());c.style=a;var g=["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 u=":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 d=t("cura_icons_view",function(){function t(t){var s=this;e(this,t);this.sizes=[16,20,24,32,40,48,64,72,128];this.colors=["primary","secondary","accent","info","warning","error","success","neutral"];this.selected="360";this.setSelected=function(t){s.selected=t}}t.prototype.render=function(){var t=this;return s(o,null,s("div",{class:"iconDetail"},s("h4",null,this.selected),s("div",{class:"iconSizes"},this.sizes.map((function(e){return s("div",{class:"size"},s("cura-icon",{name:t.selected,size:e}),s("span",null,e))}))),s("div",{class:"iconSizes invert"},this.sizes.map((function(e){return s("div",{class:"size"},s("cura-icon",{name:t.selected,size:e,color:"neutral-white"}),s("span",null,e))}))),s("div",{class:"iconSizes"},this.colors.map((function(e){return s("div",{class:"size"},s("cura-icon",{name:t.selected,color:e}),s("span",null,e))})),s("div",{class:"size"},s("cura-icon",{name:this.selected,disabled:true}),s("span",null,"Disabled")))),s("div",{class:"icons"},g.map((function(e){return s("div",{class:"icon",onClick:function(){return t.setSelected(e)}},s("cura-icon",{name:e}),s("span",null,e))}))))};return t}());d.style=u;var f=":host{display:block;font-size:var(--font-size)}:host p{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:140%;letter-spacing:2%}:host p.large{font-size:1.21em;line-height:150%;letter-spacing:0%}:host p.small{font-size:0.85em;line-height:135%;letter-spacing:4%}:host p.caption{font-size:0.71em;line-height:135%;letter-spacing:6%}@media screen and (min-width: 768px) and (max-width: 1366px){:host p{font-size:1.14em;line-height:145%}:host p.large{font-size:1.35em;line-height:150%}:host p.small{font-size:1em;line-height:135%}:host p.caption{font-size:0.85em;line-height:135%;letter-spacing:6%}}@media screen and (min-width: 1367px){:host p{font-size:1.42em;line-height:150%;letter-spacing:0%}:host p.large{font-size:1.71em;line-height:160%}:host p.small{font-size:1.21em;line-height:145%;letter-spacing:0%}:host p.caption{font-size:1em;line-height:145%;letter-spacing:2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";var p=t("cura_paragraph",function(){function t(t){e(this,t);this.size="regular"}t.prototype.connectedCallback=function(){this.weights=window.CuraAPI.theme.fonts.getWeights();this.setFontProperties();this.setColors()};t.prototype.setsizeClass=function(){var t={};t[this.size.toLowerCase()]=true;return t};t.prototype.setFontProperties=function(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("body"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold};this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize())};t.prototype.setColors=function(){var t=window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker");this.styles["--color-link"]=window.CuraAPI.theme.colors.getColor("primary-700")};t.prototype.setHostProperty=function(t,e){this.host.style.setProperty(t,e)};t.prototype.render=function(){return s(o,null,s("p",{style:this.styles,class:this.setsizeClass()},s("slot",null)))};Object.defineProperty(t.prototype,"host",{get:function(){return i(this)},enumerable:false,configurable:true});return t}());p.style=f}}}));
@@ -1 +0,0 @@
1
- import{r as t,h as s,H as e,g as o}from"./p-a50716bc.js";const i=class{constructor(s){t(this,s),this.level=1,this.size="regular"}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.setFontProperties(),this.setColors()}getClasses(){const t={};return t[this.size.toLowerCase()]=!0,t}setFontProperties(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("display"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black},this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize())}setColors(){const t=window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker"),this.styles["--color-link"]=window.CuraAPI.theme.colors.getColor("primary-700")}setHostProperty(t,s){this.host.style.setProperty(t,s)}getHeadingTag(){const t={1:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null)),2:s("h2",{style:this.styles,class:this.getClasses()},s("slot",null)),3:s("h3",{style:this.styles,class:this.getClasses()},s("slot",null)),4:s("h4",{style:this.styles,class:this.getClasses()},s("slot",null)),5:s("h5",{style:this.styles,class:this.getClasses()},s("slot",null)),6:s("h6",{style:this.styles,class:this.getClasses()},s("slot",null)),default:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null))};return t[`${this.level}`]||t.default}render(){return s(e,null,this.getHeadingTag())}get host(){return o(this)}};i.style=":host{display:block;font-size:var(--font-size);text-transform:uppercase}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:4.285em;font-weight:var(--font-weight-black);color:var(--color-body);line-height:120%;letter-spacing:-4%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:6.21em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3em;font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px) and (max-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:4.92em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:7.07em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:3.428em}}@media screen and (min-width: 1367px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:6.14em;line-height:125%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:8.857em;letter-spacing:-6%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:4.285em;letter-spacing:-2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";const l=class{constructor(s){t(this,s),this.level=1,this.size="regular",this.weight="regular"}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.setFontProperties(),this.setColors()}getClasses(){const t={};return t[this.size.toLowerCase()]=!0,t[`${this.weight.toLowerCase()}-weight`]=!0,t}setFontProperties(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("heading"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold,"--font-weight-black":this.weights.black},this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize())}setColors(){const t=window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker"),this.styles["--color-link"]=window.CuraAPI.theme.colors.getColor("primary-700")}setHostProperty(t,s){this.host.style.setProperty(t,s)}getHeadingTag(){const t={1:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null)),2:s("h2",{style:this.styles,class:this.getClasses()},s("slot",null)),3:s("h3",{style:this.styles,class:this.getClasses()},s("slot",null)),4:s("h4",{style:this.styles,class:this.getClasses()},s("slot",null)),5:s("h5",{style:this.styles,class:this.getClasses()},s("slot",null)),6:s("h6",{style:this.styles,class:this.getClasses()},s("slot",null)),default:s("h1",{style:this.styles,class:this.getClasses()},s("slot",null))};return t[`${this.level}`]||t.default}render(){return s(e,null,this.getHeadingTag())}get host(){return o(this)}};l.style=":host{display:block;font-size:var(--font-size)}:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-family:var(--font-family);font-size:1.71em;font-weight:var(--font-weight-regular);color:var(--color-body);line-height:130%;letter-spacing:0%}:host h1.bold-weight,:host h2.bold-weight,:host h3.bold-weight,:host h4.bold-weight,:host h5.bold-weight,:host h6.bold-weight{font-weight:var(--font-weight-medium)}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.07em;letter-spacing:-2%}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.214em;line-height:150%;letter-spacing:0%}:host h1.small.bold-weight,:host h2.small.bold-weight,:host h3.small.bold-weight,:host h4.small.bold-weight,:host h5.small.bold-weight,:host h6.small.bold-weight{font-weight:var(--font-weight-bold)}@media screen and (min-width: 768px) and (max-width: 1366px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2em}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.357em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.357em}}@media screen and (min-width: 1367px){:host h1,:host h2,:host h3,:host h4,:host h5,:host h6{font-size:2.5em;line-height:135%;letter-spacing:-2%}:host h1.large,:host h2.large,:host h3.large,:host h4.large,:host h5.large,:host h6.large{font-size:2.92em}:host h1.small,:host h2.small,:host h3.small,:host h4.small,:host h5.small,:host h6.small{font-size:1.71em;line-height:160%;letter-spacing:0%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-bold);color:var(--color-link);text-decoration:none;text-underline-offset:10%;cursor:pointer}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";const h=class{constructor(s){t(this,s),this.name="",this.color="neutral-base",this.iconset="default",this.disabled=!1,this.sizes={128:{size:128,stroke:5.25},72:{size:72,stroke:3.5},64:{size:64,stroke:3.25},48:{size:48,stroke:2.75},40:{size:40,stroke:2.5},32:{size:32,stroke:2.25},24:{size:24,stroke:2},20:{size:20,stroke:1.75},16:{size:16,stroke:1.5},default:{size:24,stroke:2}}}sizeHandler(t){this.setHostProperty("--size",this.sizes[`${t}`]?`${this.sizes[t].size}px`:`${this.sizes.default.size}px`),this.setHostProperty("--stroke",(t=>this.sizes[t].stroke*(this.sizes.default.size/this.sizes[t].size)+"px")(this.sizes[`${t}`]?t:"default"))}colorHandler(){this.setHostProperty("--color",window.CuraAPI.theme.colors.getColor(this.disabled?"neutral-light":this.color))}connectedCallback(){this.assetsPath=window.CuraAPI.localAssetsPath,this.sizeHandler(this.size),this.colorHandler()}setHostProperty(t,s){this.host.style.setProperty(t,s)}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"},s("use",{xlinkHref:`${this.assetsPath}/icons/iconset-${this.iconset}.svg#${this.name}`})))}get host(){return o(this)}static get watchers(){return{size:["sizeHandler"],color:["colorHandler"],disabled:["colorHandler"]}}};h.style=":host{width:var(--size);height:var(--size)}:host svg{display:inline-block;stroke:var(--color);width:var(--size);height:var(--size);stroke-width:var(--stroke);fill:none}";const n=["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"],a=class{constructor(s){t(this,s),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=t=>{this.selected=t}}render(){return s(e,null,s("div",{class:"iconDetail"},s("h4",null,this.selected),s("div",{class:"iconSizes"},this.sizes.map((t=>s("div",{class:"size"},s("cura-icon",{name:this.selected,size:t}),s("span",null,t))))),s("div",{class:"iconSizes invert"},this.sizes.map((t=>s("div",{class:"size"},s("cura-icon",{name:this.selected,size:t,color:"neutral-white"}),s("span",null,t))))),s("div",{class:"iconSizes"},this.colors.map((t=>s("div",{class:"size"},s("cura-icon",{name:this.selected,color:t}),s("span",null,t)))),s("div",{class:"size"},s("cura-icon",{name:this.selected,disabled:!0}),s("span",null,"Disabled")))),s("div",{class:"icons"},n.map((t=>s("div",{class:"icon",onClick:()=>this.setSelected(t)},s("cura-icon",{name:t}),s("span",null,t))))))}};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}";const r=class{constructor(s){t(this,s),this.size="regular"}connectedCallback(){this.weights=window.CuraAPI.theme.fonts.getWeights(),this.setFontProperties(),this.setColors()}setsizeClass(){const t={};return t[this.size.toLowerCase()]=!0,t}setFontProperties(){this.styles={"--font-family":window.CuraAPI.theme.fonts.getFamily("body"),"--font-size":window.CuraAPI.theme.fonts.getSize(),"--font-weight-regular":this.weights.regular,"--font-weight-medium":this.weights.medium,"--font-weight-bold":this.weights.bold},this.setHostProperty("--font-size",window.CuraAPI.theme.fonts.getSize())}setColors(){const t=window.CuraAPI.theme.fonts.getColor();this.styles["--color-body"]=t||window.CuraAPI.theme.colors.getColor("neutral-darker"),this.styles["--color-link"]=window.CuraAPI.theme.colors.getColor("primary-700")}setHostProperty(t,s){this.host.style.setProperty(t,s)}render(){return s(e,null,s("p",{style:this.styles,class:this.setsizeClass()},s("slot",null)))}get host(){return o(this)}};r.style=":host{display:block;font-size:var(--font-size)}:host p{font-family:var(--font-family);font-size:var(--font-size);font-weight:var(--font-weight-regular);color:var(--color-body);line-height:140%;letter-spacing:2%}:host p.large{font-size:1.21em;line-height:150%;letter-spacing:0%}:host p.small{font-size:0.85em;line-height:135%;letter-spacing:4%}:host p.caption{font-size:0.71em;line-height:135%;letter-spacing:6%}@media screen and (min-width: 768px) and (max-width: 1366px){:host p{font-size:1.14em;line-height:145%}:host p.large{font-size:1.35em;line-height:150%}:host p.small{font-size:1em;line-height:135%}:host p.caption{font-size:0.85em;line-height:135%;letter-spacing:6%}}@media screen and (min-width: 1367px){:host p{font-size:1.42em;line-height:150%;letter-spacing:0%}:host p.large{font-size:1.71em;line-height:160%}:host p.small{font-size:1.21em;line-height:145%;letter-spacing:0%}:host p.caption{font-size:1em;line-height:145%;letter-spacing:2%}}:host ::slotted(b),:host ::slotted(strong){font-weight:var(--font-weight-bold)}:host ::slotted(a){font-weight:var(--font-weight-medium);color:var(--color-link);text-underline-offset:10%}:host ::slotted(abbr){color:var(--color-link);-webkit-text-decoration:underline dashed 1px var(--color-link);text-decoration:underline dashed 1px var(--color-link);text-underline-offset:10%;cursor:default}";export{i as cura_display,l as cura_heading,h as cura_icon,a as cura_icons_view,r as cura_paragraph}