@ebrains/components 1.1.0 → 1.3.0
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/color-primary-palette_6.cjs.entry.js +14 -14
- package/dist/cjs/components-section.cjs.entry.js +1 -1
- package/dist/cjs/components.cjs.js +1 -1
- package/dist/cjs/correct-use-of-colors.cjs.entry.js +1 -1
- package/dist/cjs/docs-palettes.cjs.entry.js +1 -1
- package/dist/cjs/docs-tokens.cjs.entry.js +1 -1
- package/dist/cjs/eds-app-root.cjs.entry.js +1 -1
- package/dist/cjs/eds-avatar_28.cjs.entry.js +40 -41
- package/dist/cjs/eds-cookies-preference.cjs.entry.js +1 -1
- package/dist/cjs/eds-feedback.cjs.entry.js +1 -1
- package/dist/cjs/eds-frame.cjs.entry.js +1 -1
- package/dist/cjs/eds-progress-bar.cjs.entry.js +1 -1
- package/dist/cjs/eds-rating.cjs.entry.js +1 -1
- package/dist/cjs/eds-section-core_2.cjs.entry.js +3 -3
- package/dist/cjs/eds-spinner.cjs.entry.js +1 -1
- package/dist/cjs/eds-switch.cjs.entry.js +2 -2
- package/dist/cjs/eds-timeline.cjs.entry.js +1 -1
- package/dist/cjs/eds-toast-manager.cjs.entry.js +1 -1
- package/dist/cjs/eds-tooltip.cjs.entry.js +1 -1
- package/dist/cjs/eds-trl.cjs.entry.js +1 -1
- package/dist/cjs/incorrect-use-of-colors.cjs.entry.js +1 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/logo-space.cjs.entry.js +1 -1
- package/dist/cjs/logo-variations-horizontal_2.cjs.entry.js +2 -2
- package/dist/cjs/logo-variations-tabs.cjs.entry.js +1 -1
- package/dist/cjs/logo-wrong-usage.cjs.entry.js +1 -1
- package/dist/cjs/svg-repository.cjs.entry.js +1 -1
- package/dist/cjs/token-list_3.cjs.entry.js +3 -3
- package/dist/cjs/token-ratios.cjs.entry.js +1 -1
- package/dist/cjs/token-spacing.cjs.entry.js +1 -1
- package/dist/cjs/token-typography.cjs.entry.js +1 -1
- package/dist/collection/components/eds-input-elements/eds-input-footer/eds-input-footer.css +48 -0
- package/dist/collection/components/eds-input-elements/eds-input-footer/eds-input-footer.js +28 -11
- package/dist/collection/components/eds-input-elements/eds-input-label/eds-input-label.css +24 -0
- package/dist/collection/components/eds-input-elements/eds-input-label/eds-input-label.js +12 -4
- package/dist/collection/components/eds-input-field/eds-input-field.js +121 -109
- package/dist/collection/components/eds-link/eds-link.js +1 -1
- package/dist/collection/components/eds-logo/eds-logo.js +1 -1
- package/dist/collection/components/eds-modal/eds-modal.js +2 -2
- package/dist/collection/components/eds-pagination/eds-pagination.js +1 -1
- package/dist/collection/components/eds-progress-bar/eds-progress-bar.js +1 -1
- package/dist/collection/components/eds-rating/eds-rating.js +1 -1
- package/dist/collection/components/eds-section/eds-section-core/eds-section-core.js +1 -1
- package/dist/collection/components/eds-section/eds-section-heading/eds-section-heading.js +2 -2
- package/dist/collection/components/eds-spinner/eds-spinner.js +1 -1
- package/dist/collection/components/eds-switch/eds-switch.js +2 -2
- package/dist/collection/components/eds-tag/eds-tag.js +1 -1
- package/dist/collection/components/eds-timeline/eds-timeline.js +1 -1
- package/dist/collection/components/eds-tooltip/eds-tooltip.js +1 -1
- package/dist/collection/components/eds-trl/eds-trl.js +1 -1
- package/dist/collection/eds-docs-ui/colors/color-palette/primary.js +1 -1
- package/dist/collection/eds-docs-ui/colors/color-palette/secondary.js +1 -1
- package/dist/collection/eds-docs-ui/colors/color-palette/support.js +1 -1
- package/dist/collection/eds-docs-ui/colors/gradient-palette/primary.js +1 -1
- package/dist/collection/eds-docs-ui/colors/gradient-palette/secondary.js +7 -7
- package/dist/collection/eds-docs-ui/colors/gradient-palette/support.js +3 -3
- package/dist/collection/eds-docs-ui/colors/use-of-colors/correct-use-of-colors.js +1 -1
- package/dist/collection/eds-docs-ui/colors/use-of-colors/incorrect-use-of-colors.js +1 -1
- package/dist/collection/eds-docs-ui/components-section/components-section.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/docs-tokens/docs-tokens.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-list/token-list.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-radii/token-radii.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-ratios/token-ratios.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-shadows/token-shadows.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-spacing/token-spacing.js +1 -1
- package/dist/collection/eds-docs-ui/design-tokens/token-typography/token-typography.js +1 -1
- package/dist/collection/eds-docs-ui/docs-palettes/docs-palettes.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-space/logo-space.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-variations/horizontal/logo-variations-horizontal.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-variations/vertical/logo-variations-vertical.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-variations-tabs/logo-variations.js +1 -1
- package/dist/collection/eds-docs-ui/logo/logo-wrong-usage/logo-wrong-usage.js +1 -1
- package/dist/collection/eds-docs-ui/svg-repository/svg-repository.js +1 -1
- package/dist/collection/shared-ui/eds-cookies-preference/eds-cookies-preference.js +1 -1
- package/dist/collection/shared-ui/eds-feedback/eds-feedback.js +1 -1
- package/dist/collection/shared-ui/eds-footer/eds-footer.js +2 -2
- package/dist/collection/shared-ui/eds-form/eds-form.js +3 -3
- package/dist/collection/shared-ui/eds-frame/eds-frame.js +1 -1
- package/dist/collection/shared-ui/eds-header/eds-header.js +1 -1
- package/dist/collection/shared-ui/eds-social-networks/eds-social-networks.js +1 -1
- package/dist/collection/shared-ui/eds-tabs/eds-tabs.js +2 -2
- package/dist/collection/shared-ui/eds-toast-manager/eds-toast-manager.js +1 -1
- package/dist/collection/shared-ui/eds-user/eds-user.js +1 -1
- package/dist/collection/shared-ui/examples/eds-app-root/eds-app-root.js +1 -1
- package/dist/components/components-section.js +1 -1
- package/dist/components/components.css +4 -5
- package/dist/components/components.esm.js +1 -1
- package/dist/components/correct-use-of-colors.js +1 -1
- package/dist/components/docs-palettes.js +1 -1
- package/dist/components/docs-tokens.js +1 -1
- package/dist/components/eds-app-root.js +1 -1
- package/dist/components/eds-cookies-preference.js +1 -1
- package/dist/components/eds-feedback.js +1 -1
- package/dist/components/eds-footer2.js +2 -2
- package/dist/components/eds-form.js +3 -3
- package/dist/components/eds-frame.js +1 -1
- package/dist/components/eds-header.js +1 -1
- package/dist/components/eds-input-field2.js +18 -27
- package/dist/components/eds-input-footer2.js +7 -2
- package/dist/components/eds-input-label2.js +7 -2
- package/dist/components/eds-link2.js +1 -1
- package/dist/components/eds-logo2.js +1 -1
- package/dist/components/eds-modal.js +2 -2
- package/dist/components/eds-pagination2.js +1 -1
- package/dist/components/eds-progress-bar2.js +1 -1
- package/dist/components/eds-rating2.js +1 -1
- package/dist/components/eds-section-core2.js +1 -1
- package/dist/components/eds-section-heading2.js +2 -2
- package/dist/components/eds-social-networks2.js +1 -1
- package/dist/components/eds-spinner2.js +1 -1
- package/dist/components/eds-switch.js +2 -2
- package/dist/components/eds-tabs.js +2 -2
- package/dist/components/eds-tag2.js +1 -1
- package/dist/components/eds-timeline.js +1 -1
- package/dist/components/eds-toast-manager.js +1 -1
- package/dist/components/eds-tooltip.js +1 -1
- package/dist/components/eds-trl.js +1 -1
- package/dist/components/eds-user.js +1 -1
- package/dist/components/incorrect-use-of-colors.js +1 -1
- package/dist/components/logo-space.js +1 -1
- package/dist/components/logo-variations-horizontal2.js +1 -1
- package/dist/components/logo-variations-tabs.js +1 -1
- package/dist/components/logo-variations-vertical2.js +1 -1
- package/dist/components/logo-wrong-usage.js +1 -1
- package/dist/components/{p-6dc6f729.entry.js → p-0c465a1e.entry.js} +1 -1
- package/dist/components/{p-590fb0e7.entry.js → p-1c3f1440.entry.js} +1 -1
- package/dist/components/p-21cb7ef6.entry.js +1 -0
- package/dist/components/{p-10db551c.entry.js → p-3024b7cf.entry.js} +1 -1
- package/dist/components/{p-b50fc0d7.entry.js → p-33a5fa80.entry.js} +1 -1
- package/dist/components/p-41316de1.entry.js +1 -0
- package/dist/components/p-4185659c.entry.js +1 -0
- package/dist/components/{p-f7716080.entry.js → p-4188643f.entry.js} +1 -1
- package/dist/components/{p-46a6ab04.entry.js → p-463abb12.entry.js} +1 -1
- package/dist/components/p-4ffdf8ac.entry.js +1 -0
- package/dist/components/{p-cde3d7a4.entry.js → p-5873fcd0.entry.js} +1 -1
- package/dist/components/p-598f203e.entry.js +1 -0
- package/dist/components/{p-a4f552b2.entry.js → p-5ba5708a.entry.js} +1 -1
- package/dist/components/{p-1661f33c.entry.js → p-5f64fbb0.entry.js} +1 -1
- package/dist/components/{p-24dab785.entry.js → p-71f0c1ec.entry.js} +1 -1
- package/dist/components/p-77527268.entry.js +1 -0
- package/dist/components/{p-7f31622d.entry.js → p-776b21cf.entry.js} +1 -1
- package/dist/components/{p-2c571550.entry.js → p-835b48f4.entry.js} +1 -1
- package/dist/components/{p-d05a09df.entry.js → p-8ba5feea.entry.js} +1 -1
- package/dist/components/{p-17d39d66.entry.js → p-940c1a08.entry.js} +1 -1
- package/dist/components/{p-36d6134f.entry.js → p-94de9aaf.entry.js} +1 -1
- package/dist/components/{p-eac593ee.entry.js → p-9f35fe5f.entry.js} +1 -1
- package/dist/components/p-a6cdf11b.entry.js +1 -0
- package/dist/components/{p-df772a35.entry.js → p-b7a29cf7.entry.js} +1 -1
- package/dist/components/{p-fc4edb18.entry.js → p-bf1552ed.entry.js} +1 -1
- package/dist/components/{p-f2c23162.entry.js → p-c0900e8c.entry.js} +1 -1
- package/dist/components/{p-d0b1e963.entry.js → p-c3c61a32.entry.js} +1 -1
- package/dist/components/p-cd0fb6c7.entry.js +1 -0
- package/dist/components/{p-6907a47c.entry.js → p-fd4aed5a.entry.js} +1 -1
- package/dist/components/primary.js +1 -1
- package/dist/components/primary2.js +1 -1
- package/dist/components/secondary.js +1 -1
- package/dist/components/secondary2.js +7 -7
- package/dist/components/support.js +1 -1
- package/dist/components/support2.js +3 -3
- package/dist/components/svg-repository.js +1 -1
- package/dist/components/token-list2.js +1 -1
- package/dist/components/token-radii2.js +1 -1
- package/dist/components/token-ratios.js +1 -1
- package/dist/components/token-shadows2.js +1 -1
- package/dist/components/token-spacing.js +1 -1
- package/dist/components/token-typography.js +1 -1
- package/dist/esm/color-primary-palette_6.entry.js +14 -14
- package/dist/esm/components-section.entry.js +1 -1
- package/dist/esm/components.js +1 -1
- package/dist/esm/correct-use-of-colors.entry.js +1 -1
- package/dist/esm/docs-palettes.entry.js +1 -1
- package/dist/esm/docs-tokens.entry.js +1 -1
- package/dist/esm/eds-app-root.entry.js +1 -1
- package/dist/esm/eds-avatar_28.entry.js +40 -41
- package/dist/esm/eds-cookies-preference.entry.js +1 -1
- package/dist/esm/eds-feedback.entry.js +1 -1
- package/dist/esm/eds-frame.entry.js +1 -1
- package/dist/esm/eds-progress-bar.entry.js +1 -1
- package/dist/esm/eds-rating.entry.js +1 -1
- package/dist/esm/eds-section-core_2.entry.js +3 -3
- package/dist/esm/eds-spinner.entry.js +1 -1
- package/dist/esm/eds-switch.entry.js +2 -2
- package/dist/esm/eds-timeline.entry.js +1 -1
- package/dist/esm/eds-toast-manager.entry.js +1 -1
- package/dist/esm/eds-tooltip.entry.js +1 -1
- package/dist/esm/eds-trl.entry.js +1 -1
- package/dist/esm/incorrect-use-of-colors.entry.js +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/logo-space.entry.js +1 -1
- package/dist/esm/logo-variations-horizontal_2.entry.js +2 -2
- package/dist/esm/logo-variations-tabs.entry.js +1 -1
- package/dist/esm/logo-wrong-usage.entry.js +1 -1
- package/dist/esm/svg-repository.entry.js +1 -1
- package/dist/esm/token-list_3.entry.js +3 -3
- package/dist/esm/token-ratios.entry.js +1 -1
- package/dist/esm/token-spacing.entry.js +1 -1
- package/dist/esm/token-typography.entry.js +1 -1
- package/dist/hydrate/index.js +92 -110
- package/dist/hydrate/index.mjs +92 -110
- package/dist/types/components/eds-input-elements/eds-input-footer/eds-input-footer.d.ts +23 -3
- package/dist/types/components/eds-input-elements/eds-input-label/eds-input-label.d.ts +0 -3
- package/dist/types/components/eds-input-field/eds-input-field.d.ts +47 -72
- package/dist/types/components.d.ts +104 -80
- package/package.json +1 -1
- package/dist/components/p-019555e2.entry.js +0 -1
- package/dist/components/p-0ed92872.entry.js +0 -1
- package/dist/components/p-223ba66e.entry.js +0 -1
- package/dist/components/p-2810d568.entry.js +0 -1
- package/dist/components/p-682f7376.entry.js +0 -1
- package/dist/components/p-b4abff90.entry.js +0 -1
- package/dist/components/p-d25364db.entry.js +0 -1
- package/dist/components/p-e6a0b8c2.entry.js +0 -1
|
@@ -46,7 +46,7 @@ const EdsProgressBar = /*@__PURE__*/ proxyCustomElement(class EdsProgressBar ext
|
|
|
46
46
|
]
|
|
47
47
|
.filter(Boolean)
|
|
48
48
|
.join(' ');
|
|
49
|
-
return (h("div", { key: '
|
|
49
|
+
return (h("div", { key: '4d1905ce42ee1b539519c8bdbcc9cf8d8aad9f03', role: "progressbar", "aria-valuemin": "0", "aria-valuemax": "100", "aria-valuenow": progressValue, "aria-valuetext": `${progressValue}%`, class: outerClasses }, h("div", { key: '7feec42063d2111f68e9957e1b5ca5550df284d0', class: fillClasses, style: { width: `${progressValue}%` } }), h("div", { key: '13ab32e048f0b9e68e8bef96775b5204b653ed95', class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10" }, h("span", { key: 'e46641bd65faf5ae4fb3a3c0542d312c9e9f1565', class: "text-default f-body-02" }, progressValue, "%"))));
|
|
50
50
|
}
|
|
51
51
|
static get style() { return EdsProgressBarStyle0; }
|
|
52
52
|
}, [1, "eds-progress-bar", {
|
|
@@ -49,7 +49,7 @@ const EdsRating = /*@__PURE__*/ proxyCustomElement(class EdsRating extends HTMLE
|
|
|
49
49
|
this.rating.emit(rating);
|
|
50
50
|
}
|
|
51
51
|
render() {
|
|
52
|
-
return (h("div", { key: '
|
|
52
|
+
return (h("div", { key: 'ece1af90e2dea3f69dfef822d7f4f55f76866cbd', role: "radiogroup", class: "stars flex space-x-1 my-8" }, Array.from({ length: this.ratingCount }, (_, index) => {
|
|
53
53
|
const starRating = index + 1;
|
|
54
54
|
const isSelected = starRating <= this.selectedRating;
|
|
55
55
|
// Use the mapping text if available; otherwise, fall back to a generic label.
|
|
@@ -15,7 +15,7 @@ const EdsSectionCore = /*@__PURE__*/ proxyCustomElement(class EdsSectionCore ext
|
|
|
15
15
|
}
|
|
16
16
|
render() {
|
|
17
17
|
const TagType = this.tag; // Set dynamic tag type (div or section)
|
|
18
|
-
return (h(TagType, { key: '
|
|
18
|
+
return (h(TagType, { key: '0593fd387e636b25fd817a985db481b654ef169b' }, h("eds-section-heading", { key: '98805f9d6bdeb1a10f351d6d8277e7fb877b0e63', headingLevel: this.headingLevel, sectionTitle: this.sectionTitle }), h("slot", { key: '6432856b8bf5f311a42406f4c6126982b2e05cf1' })));
|
|
19
19
|
}
|
|
20
20
|
static get style() { return EdsSectionCoreStyle0; }
|
|
21
21
|
}, [1, "eds-section-core", {
|
|
@@ -26,12 +26,12 @@ const EdsSectionHeading = /*@__PURE__*/ proxyCustomElement(class EdsSectionHeadi
|
|
|
26
26
|
render() {
|
|
27
27
|
const TagType = this.tag; // Dynamically set tag type for the container
|
|
28
28
|
const HeadingTag = this.headingLevel; // Dynamically set heading level
|
|
29
|
-
return (h(TagType, { key: '
|
|
29
|
+
return (h(TagType, { key: '4fa6ecdd941eb943faa7311e94d9b67b63273414', class: {
|
|
30
30
|
'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
|
|
31
31
|
container: this.withContainer,
|
|
32
32
|
'pt-48': this.spacingLarge,
|
|
33
33
|
'pt-28': !this.spacingLarge
|
|
34
|
-
} }, h(HeadingTag, { key: '
|
|
34
|
+
} }, h(HeadingTag, { key: '945d7d615601806d670ab666971bc6b07e1f442c', class: this.getHeadingClass() }, this.sectionTitle)));
|
|
35
35
|
}
|
|
36
36
|
}, [0, "eds-section-heading", {
|
|
37
37
|
"sectionTitle": [1, "section-title"],
|
|
@@ -58,7 +58,7 @@ const EdsSocialNetworks = /*@__PURE__*/ proxyCustomElement(class EdsSocialNetwor
|
|
|
58
58
|
* @returns {JSX.Element} The rendered JSX for the component.
|
|
59
59
|
*/
|
|
60
60
|
render() {
|
|
61
|
-
return (h("div", { key: '
|
|
61
|
+
return (h("div", { key: '6d52d64b09170108d1b61157d0ab126cefa794be' }, h("p", { key: '97e929fdaff0bcd4360140428007da0294567ea9', class: "f-ui-02" }, this.heading), h("ul", { key: '3264e9e0ac366c4a502b69f6aa8545935b8536e7', class: "mt-12 flex gap-4" }, this.socialNetworks.map((network, index) => (h("li", { key: index }, h("eds-link", { "extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm", external: true, "aria-label": network.label, url: network.url, icon: network.icon, intent: "strong" })))))));
|
|
62
62
|
}
|
|
63
63
|
static get style() { return EdsSocialNetworksStyle0; }
|
|
64
64
|
}, [1, "eds-social-networks", {
|
|
@@ -44,7 +44,7 @@ const EdsSpinner = /*@__PURE__*/ proxyCustomElement(class EdsSpinner extends HTM
|
|
|
44
44
|
alignItems: 'center',
|
|
45
45
|
justifyContent: 'center'
|
|
46
46
|
};
|
|
47
|
-
return (h(Host, { key: '
|
|
47
|
+
return (h(Host, { key: '7f8e9654757478a1b5298d133739d955dbf9a15f' }, h("div", { key: '245e9e61a19c1cdff34ab8b9f70b7e69f1a229f7', class: "spinner-overlay", style: overlayStyle }, h("span", { key: 'e8befeaef6af66d45e3c3b20042a3f626754cfc5', class: "spinner", style: spinnerStyle }))));
|
|
48
48
|
}
|
|
49
49
|
static get style() { return EdsSpinnerStyle0; }
|
|
50
50
|
}, [1, "eds-spinner", {
|
|
@@ -31,11 +31,11 @@ const EdsSwitch$1 = /*@__PURE__*/ proxyCustomElement(class EdsSwitch extends HTM
|
|
|
31
31
|
render() {
|
|
32
32
|
// Compute an accessible name based on state.
|
|
33
33
|
const accessibleLabel = this.labelOn || this.labelOff ? (this.checked ? this.labelOn : this.labelOff) : 'Toggle switch';
|
|
34
|
-
return (h("div", { key: '
|
|
34
|
+
return (h("div", { key: 'f2c3cd27a317b64ac05b5b2841f87827ff9f18fc', class: "switch-container" }, this.labelOff && h("span", { key: '08e47e239c5a6de0440b731589fd5f365919df24', class: "switch-label switch-label--off mr-8" }, this.labelOff), h("button", { key: 'd731fa56f93b67daaeaac22c1080a7171360525c', type: "button", role: "switch", "aria-checked": this.checked ? 'true' : 'false', "aria-disabled": this.disabled ? 'true' : 'false', "aria-label": accessibleLabel, class: {
|
|
35
35
|
switch: true,
|
|
36
36
|
'switch--checked': this.checked,
|
|
37
37
|
'switch--disabled': this.disabled
|
|
38
|
-
}, onClick: this.toggleSwitch, disabled: this.disabled }, h("span", { key: '
|
|
38
|
+
}, onClick: this.toggleSwitch, disabled: this.disabled }, h("span", { key: '8bbe2bd4c2050dbda4723615b4eb0fa2936d35d8', class: "switch-handle" })), this.labelOn && h("span", { key: '73991400f5a8e0e6c6d1c09196639add3e98c71f', class: "switch-label switch-label--on ml-8" }, this.labelOn)));
|
|
39
39
|
}
|
|
40
40
|
get el() { return this; }
|
|
41
41
|
static get style() { return EdsSwitchStyle0; }
|
|
@@ -112,11 +112,11 @@ const EdsTabs$1 = /*@__PURE__*/ proxyCustomElement(class EdsTabs extends HTMLEle
|
|
|
112
112
|
});
|
|
113
113
|
}
|
|
114
114
|
render() {
|
|
115
|
-
return (h("div", { key: '
|
|
115
|
+
return (h("div", { key: 'dd41d2d7ccbe03e08d3c20a2e9a370e69dfd1459', id: `${this.identifier}` }, h("div", { key: '14c95711c8e7df2b7f6f0557ce233bc1a68ad31b', class: "scroller-x overflow-x-auto max-w-xxxl xxxl:px-0 relative z-[1] mx-auto px-16 pt-8 lg:px-28" }, h("nav", { key: '3ed1c5cc5d0aa1e7cb4bebe337885c7e5687aa68', ref: (el) => (this.tabContainer = el), class: "inline-flex", "aria-label": this.navAriaLabel }, this.parsedTabs.map((tab, index) => {
|
|
116
116
|
const TabComponent = tab.active ? 'span' : 'a';
|
|
117
117
|
const tabProps = this.getTabOptions(tab.active, index);
|
|
118
118
|
return (h(TabComponent, Object.assign({}, tabProps, { "aria-label": tab.label, "aria-current": index === this.activeIndex, onClick: () => this.handleTabClick(index, tab.label) }), tab.label || tab.ariaLabel));
|
|
119
|
-
}))), h("div", { key: '
|
|
119
|
+
}))), h("div", { key: '63399c53b2e5d642676d7f884bdecec0f8c515de', class: "tab-panels" }, this.parsedTabs.map((_, index) => (h("div", { hidden: index !== this.activeIndex }, h("slot", { name: `panel-${index}` })))))));
|
|
120
120
|
}
|
|
121
121
|
get el() { return this; }
|
|
122
122
|
static get watchers() { return {
|
|
@@ -39,7 +39,7 @@ const EdsTag = /*@__PURE__*/ proxyCustomElement(class EdsTag extends HTMLElement
|
|
|
39
39
|
}
|
|
40
40
|
render() {
|
|
41
41
|
const classes = tagStyles({ intent: this.intent, size: this.size });
|
|
42
|
-
return h("span", { key: '
|
|
42
|
+
return h("span", { key: 'a0d8788511615d0099fd764501449476126d343f', class: classes }, this.label);
|
|
43
43
|
}
|
|
44
44
|
static get style() { return EdsTagStyle0; }
|
|
45
45
|
}, [1, "eds-tag", {
|
|
@@ -51,7 +51,7 @@ const EdsTimeline$1 = /*@__PURE__*/ proxyCustomElement(class EdsTimeline extends
|
|
|
51
51
|
}
|
|
52
52
|
}
|
|
53
53
|
render() {
|
|
54
|
-
return (h("div", { key: '
|
|
54
|
+
return (h("div", { key: 'cac0d2731a21edeef728166f1e3e4cedd2a9d336', class: "max-w-sidebar mx-auto px-4 py-8" }, h("div", { key: 'ecfe58e3e5f54fbfcdfe898b0349af4838e59d4e', class: "relative" }, h("div", { key: 'b6e0fe316d79d80db8cd7d855c10b9f1db045f20', class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0" }), h("div", { key: '95b8ff805c7b6f2f2a4635cf67d0ec7dfa127871', class: "space-y-16" }, this.parsedEvents.map((event, index) => (h("div", { class: "relative flex" }, h("div", { class: `w-1/2 ${index % 2 === 0 ? 'pr-4' : ''}` }, index % 2 === 0 && (h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
|
|
55
55
|
? [{ label: 'completed', style: 'accent' }]
|
|
56
56
|
: [{ label: 'pending', style: 'default' }]), onClick: () => this.handleEventClick(event) }))), h("div", { class: "flex items-center justify-center relative" }, event.completed ? (h("div", { class: "w-32 h-32 bg-accent rounded-full shadow flex items-center justify-center" })) : (h("div", { class: "w-32 h-32 bg-strong rounded-full shadow flex items-center justify-center" }))), h("div", { class: `w-1/2 ${index % 2 !== 0 ? 'pl-4' : ''}` }, index % 2 !== 0 && (h("eds-card-generic", { cardTitle: event.title, url: "#", description: event.description, "heading-level": "h2", tiny: true, bg: !event.completed, "with-hover": "false", tags: JSON.stringify(event.completed
|
|
57
57
|
? [{ label: 'completed', style: 'accent' }]
|
|
@@ -67,7 +67,7 @@ const EdsToastManager$1 = /*@__PURE__*/ proxyCustomElement(class EdsToastManager
|
|
|
67
67
|
this.toasts = this.toasts.filter((t) => t.id !== id);
|
|
68
68
|
}
|
|
69
69
|
render() {
|
|
70
|
-
return (h("div", { key: '
|
|
70
|
+
return (h("div", { key: '62a106f36d1693163c25aee615570967573bbbc9', class: "toast-container" }, this.toasts.map((t) => (h("div", { key: t.id }, h("eds-toast", { message: t.message, intent: t.intent, onClick: () => this.removeToast(t.id) }))))));
|
|
71
71
|
}
|
|
72
72
|
get hostElement() { return this; }
|
|
73
73
|
static get style() { return EdsToastManagerStyle0; }
|
|
@@ -21,7 +21,7 @@ const EdsTooltip$1 = /*@__PURE__*/ proxyCustomElement(class EdsTooltip extends H
|
|
|
21
21
|
});
|
|
22
22
|
}
|
|
23
23
|
render() {
|
|
24
|
-
return (h("div", { key: '
|
|
24
|
+
return (h("div", { key: '3a0e3ecde6e5d0cf1aa002c9bb45874fbf10b9a2', class: "relative inline-block group" }, h("slot", { key: 'd4902b6a12e0cf1967e16e7b2cf600067887f597' }), h("div", { key: '59d026861c598be73f66ebd548f6da820b8ff357', class: "absolute bottom-full left-1/2 \n transform -translate-x-1/2 mb-2\n rounded-xs bg-strongest text-inverse \n f-ui-03-light pointer-events-none \n z-10 whitespace-nowrap p-6 opacity-0 transition-opacity duration-150 ease-in-out\n group-hover:opacity-100", role: "tooltip" }, this.content)));
|
|
25
25
|
}
|
|
26
26
|
get el() { return this; }
|
|
27
27
|
static get style() { return EdsTooltipStyle0; }
|
|
@@ -53,7 +53,7 @@ const EdsTrl$1 = /*@__PURE__*/ proxyCustomElement(class EdsTrl extends HTMLEleme
|
|
|
53
53
|
Application: { format: 'code' },
|
|
54
54
|
'Current TRL Stage': { format: 'text' }
|
|
55
55
|
};
|
|
56
|
-
return (h("div", { key: '
|
|
56
|
+
return (h("div", { key: '3d7ccf2e5c1faa1705d5ba132e1c530504ede3bc', class: "container mx-auto px-4 py-8" }, h("eds-table", { key: '38880639acbef207ee660d5c9c59f00afd58cd38', "table-data": JSON.stringify(tableData), config: JSON.stringify(tableConfig), "rows-per-page": "2", "pagination-enabled": "true", "search-enabled": "true", "column-size": "default" })));
|
|
57
57
|
}
|
|
58
58
|
}, [0, "eds-trl", {
|
|
59
59
|
"applications": [1]
|
|
@@ -40,7 +40,7 @@ const EdsUser$1 = /*@__PURE__*/ proxyCustomElement(class EdsUser extends HTMLEle
|
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
42
|
const user = this.parsedUser;
|
|
43
|
-
return (h("div", { key: '
|
|
43
|
+
return (h("div", { key: 'b30b0a30a94c6bd9046b234cd793da80c1b16de8', class: "block" }, h("div", { key: '9ecea595c3d900aeda7c75a6aa5ae84999d775e1', class: "flex items-center" }, h("eds-dropdown", { key: '6a4c4751aaeaa6426ee4c89305b5c419ee912ced', label: `Hi, ${user.preferred_username}`, intent: "tertiary", "aria-label": "User Menu", "dropdown-pos": "right", "dropdown-offset": "false", icon: "chevron-down", class: "text-default" }, h("div", { key: '8e695af42fd229ca71e5d8f6fe367ed5ecc4184b', class: "min-w-[280px] p-8" }, h("div", { key: 'd28e78ace074d7513a002297558219afae079646', class: "flex gap-x-16" }, h("eds-avatar", { key: 'e9895e380ece01d116c14dbf0424061b1a039261', "first-name": user.given_name, "last-name": user.family_name, initials: this.initials, color: "grey" }), h("div", { key: '1597248135606e3300546b3278114cd8cc36d4b5', class: "max-w-full" }, user.name && h("p", { key: 'fa04e93e50f3cf6d1e3d49dafc02d0dd5233a9f4', class: "f-ui-01 text-default w-full text-ellipsis" }, user.name), user.preferred_username && h("p", { key: '1203bf8078cb1c2a4d31effbe96e7aefd9222eb2', class: "f-ui-03-light text-light mt-4" }, user.preferred_username), user.email && h("p", { key: '6fcd932e87eb6e086daf61d2d8d16e6f8f27f12a', class: "f-ui-03-light text-light mt-4" }, user.email))), h("eds-block-break", { key: '5811252802eecc3f5c001705c8e8fb94fb33e1bb' }), h("div", { key: 'd28913e74e9924f51e9b1e92a0f42691c733c438', class: "text-default flex w-full flex-col gap-y-8" }, h("slot", { key: 'bb003f9bff1042b2778a7a924dc87c7baf1a9fb7' })))))));
|
|
44
44
|
}
|
|
45
45
|
get hostEl() { return this; }
|
|
46
46
|
static get style() { return EdsUserStyle0; }
|
|
@@ -43,7 +43,7 @@ const IncorrectUseOfColors$1 = /*@__PURE__*/ proxyCustomElement(class IncorrectU
|
|
|
43
43
|
this.__registerHost();
|
|
44
44
|
}
|
|
45
45
|
render() {
|
|
46
|
-
return (h("div", { key: '
|
|
46
|
+
return (h("div", { key: 'ed003f432493176392848de9448512f655ebfa9f', class: "container" }, h("div", { key: '231dcfa8b0be673efb56dce00f499839d6877301', class: "mb-8" }, h("eds-alert", { key: '5bbd8f9e057d9f9d48813b962c952aeba6e4e1aa', message: "Note that, each of the four colour tones cannot be mixed in the same composition.", intent: "error" })), h("div", { key: 'fb6ef214a96b60d1277c1326027f49b88fe2cab9', class: "flex" }, h("div", { key: '46a8671c782e8b7bd51947cce8d0c42ab7ca46af', class: "w-full" }, h("ul", { key: 'dd84eaf26634432c50f41fc1dc0479ba52a9a6b1', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, primary.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[150px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))), h("div", { key: '3db312eb1ac27957f44497a729d6b8e5fa631d2f', class: "w-full" }, h("ul", { key: '05ac3bf1478c21a5291bc8c492c59cb6240be4f9', class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16" }, incorrect.map((color) => (h("li", { class: "grid-col-span-12 md:grid-col-span-6 flex flex-col" }, h("div", { class: "w-full min-h-[90px] effect-height flex items-center justify-between p-16", style: { backgroundColor: color.background } })))))))));
|
|
47
47
|
}
|
|
48
48
|
}, [0, "incorrect-use-of-colors"]);
|
|
49
49
|
function defineCustomElement$1() {
|
|
@@ -22,7 +22,7 @@ const LogoSpace$1 = /*@__PURE__*/ proxyCustomElement(class LogoSpace extends HTM
|
|
|
22
22
|
this.__attachShadow();
|
|
23
23
|
}
|
|
24
24
|
render() {
|
|
25
|
-
return (h("div", { key: '
|
|
25
|
+
return (h("div", { key: '3b8bd597cdf444eee5bf07fb627c4538e5d679cc', class: "container" }, h("ul", { key: 'cba7e1a29b54f81a18c168b4b00568d40f2d4371', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'ecc9fbea2532bed8b33987dc50ab32bf63150834', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'b75492b9024929b8f210ceb3e3300c4fb1791994', class: "logo-container mx-auto w-[300px]", innerHTML: vLogoMargins })), h("li", { key: '7de22236a86b8e6f10e5bd32922fab53c1ba12a8', class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'e8c9f50e17751a17674d20c418d544f90a7ba35b', class: "text-center mt-16" }, h("p", { key: 'da441199660dc0601ccea107fbc8722f9b5a381f', class: "f-body-01" }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", { key: '01501a72a8bec05c19de3fdc3d0d101441db25b5', data: '[\n { "Media": "Print", "Landscape": "0.75 cm", "Portrait": "1.75 cm" },\n { "Media": "Web", "Landscape": "29 px", "Portrait": "50 px" }\n ]', config: '{\n "Media": { "format": "bold" }\n }' }))), h("li", { key: 'ded8166e2ff4c9d0836e78b9bb48e291f9008a6c', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }))));
|
|
26
26
|
}
|
|
27
27
|
static get style() { return LogoSpaceStyle0; }
|
|
28
28
|
}, [1, "logo-space"]);
|
|
@@ -11,7 +11,7 @@ const LogoVariationsHorizontal = /*@__PURE__*/ proxyCustomElement(class LogoVari
|
|
|
11
11
|
this.__attachShadow();
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h("div", { key: '
|
|
14
|
+
return (h("div", { key: 'b8329902e5b54186ff70883b7629ce713f9916e3', class: "container" }, h("ul", { key: 'bef5503199fa5390fe3690bf8398702b39f6ce43', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'd5d87badeb69da37aa05c0265079cdadfa7b06ec', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '6e263eca9ee6d917b73314a9fed6843e90ab9ad1', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: 'dca876e83d4a3196f937204d1f36a22e5e554edb', class: "coloured" }, h("eds-logo", { key: '6fadb6eb40b3771e808718ab19e1dcbdb838af14', type: "no-bg", href: "#" }))), h("li", { key: '913d4163183e8df4978e5030e2049b9627f355ac', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '94b74970ae70cd4a97ce07c8f2435995b6224e7b', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '7a10955ff26e151c467e55ce839fa5377509cbca', class: "bg-default" }, h("eds-logo", { key: '5bf7bc14877a77acf069e1067d67aebfb993c148', type: "black", href: "#" }))), h("li", { key: '7b1d286ae816ce932c51bf944e606ce0a0dd692f', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '1385573e0cba33124c068536a6df0cc809d2e872', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '0d0febe112256ef7372f86886da3d25b2cb8c7d9' }, h("eds-logo", { key: '104ee7af8e721feaf91f6e96909181afea93ebc6', type: "color-white", href: "#" }))))));
|
|
15
15
|
}
|
|
16
16
|
static get style() { return LogoVariationsHorizontalStyle0; }
|
|
17
17
|
}, [1, "logo-variations-horizontal"]);
|
|
@@ -20,7 +20,7 @@ const LogoVariationsTabs$1 = /*@__PURE__*/ proxyCustomElement(class LogoVariatio
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
render() {
|
|
23
|
-
return h("div", { key: '
|
|
23
|
+
return h("div", { key: '978803ba74596825489ce19690036162c5d2d6fb', class: "container" }, this.renderContent());
|
|
24
24
|
}
|
|
25
25
|
}, [0, "logo-variations-tabs", {
|
|
26
26
|
"tabIndex": [2, "tab-index"]
|
|
@@ -13,7 +13,7 @@ const LogoVariationsVertical = /*@__PURE__*/ proxyCustomElement(class LogoVariat
|
|
|
13
13
|
this.type = undefined;
|
|
14
14
|
}
|
|
15
15
|
render() {
|
|
16
|
-
return (h("div", { key: '
|
|
16
|
+
return (h("div", { key: 'c5edd87842f2f02818087806b4e2f582da663277', class: "container" }, h("ul", { key: 'e2d3e77fbcc9f6cbbe8c293e3548ab5b5b9be53c', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: '87864a42ddab2c0816e9ff46c8122ea645f077aa', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '8187e615b2701e6496cd567882ea338d3e50150d', class: "f-body-01 text-center my-4" }, "#1 Coloured"), h("div", { key: '2368fe2ad41d8e325d4a54dac24786bc5a05ab56', class: "mx-auto coloured w-[300px]" }, h("eds-logo", { key: '8efcfe38b1dc0498fa5f132bf01feb3fbfdf05fe', orientation: "vertical", type: "no-bg", href: "#" }))), h("li", { key: '780ca8af41665e5bc92c6c25efd1e9a3552eacbe', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: 'ea00627b69008f8438a74d84cd00ac76bcbc36f3', class: "f-body-01 text-center my-4" }, "#2 Black & White"), h("div", { key: '5d91c7b29a539118254bfbca8d553794f96e00e5', class: "mx-auto bg-default w-[300px]" }, h("eds-logo", { key: '5f9a4fc71340ab9c45fabdacaea00eb01771d8b3', orientation: "vertical", type: "black", href: "#" }))), h("li", { key: '5c9306edbd30774b35431b5af16956545e7bc973', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("p", { key: '8dbc48fd5256198bb0b50ce11267ac408c6e286c', class: "f-body-01 text-center my-4" }, "#3 Dark"), h("div", { key: '495a4c78848efe16898a7e37a802ca33ebe78989', class: "mx-auto w-[300px]" }, h("eds-logo", { key: 'ed7793faeff06e70d05b829d7b361c8e52372232', orientation: "vertical", type: "color-white", href: "#" }))))));
|
|
17
17
|
}
|
|
18
18
|
static get style() { return LogoVariationsVerticalStyle0; }
|
|
19
19
|
}, [1, "logo-variations-vertical", {
|
|
@@ -11,7 +11,7 @@ const LogoWrongUsage$1 = /*@__PURE__*/ proxyCustomElement(class LogoWrongUsage e
|
|
|
11
11
|
this.__attachShadow();
|
|
12
12
|
}
|
|
13
13
|
render() {
|
|
14
|
-
return (h("div", { key: '
|
|
14
|
+
return (h("div", { key: 'ca22a0f8284bd418c0307e9b18443cf93dbd5ef7', class: "container" }, h("ul", { key: 'dae3e5fdf852e1684effe028fcb12f3a4a765c92', class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16" }, h("li", { key: 'f938ed546e420f7f3c9629b3029623d8b0b3cb33', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'eecaba67c1506aa8192bdeb07dfe92417c200520', class: "mx-auto no-other-bg-color logo", innerHTML: hLogoColor }), h("p", { key: '1057f9c302bc7e4b9ccdc5db8bdc5c92066b9efd', class: "f-ui-02 text-center" }, "Do not use with backgrounds that make legibility difficult")), h("li", { key: '2b4ea9b064c01b08daa1a236f9f427aab55155df', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '9d42d01d4c2cacf71ab151bcd136a9b427ae2f61', class: "mx-auto no-other-color logo non-brand-color", innerHTML: hLogoColor }), h("p", { key: 'abc8b7da35ff02d255c7101b963216a6176876be', class: "f-ui-02 text-center" }, "Do not apply other colors")), h("li", { key: '180f04ec0804841dff6aa1aadb4abcf39cd9795b', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'b28e00dd5e87f8dfa0115c2a617755d0ad3615bf', class: "mx-auto distorted logo", innerHTML: hLogoColor }), h("p", { key: '93724268eeedcc799ec3c90087ce2e7ac61dc07e', class: "f-ui-02 text-center" }, "Do not deform the logo")), h("li", { key: '5063815d8df9ed7eb13d83734f23978916ade66a', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: '8f8624744ed71aebc2d42815f8012ed5c18c1cb7', class: "mx-auto effects logo", innerHTML: hLogoColor }), h("p", { key: '14040538adcea3c5650ddb3e94a3a5186d009a2a', class: "f-ui-02 text-center" }, "Do not apply effects")), h("li", { key: 'a80a2e6f66d27bd28a52d9ea45aa3352519f8973', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'ab16f170fde233d8e05c8b93babc83f6a54fe4df', class: "mx-auto rotated logo", innerHTML: hLogoColor }), h("p", { key: '12eb2d4f8c48b51397295e84fd13f9cdb7fe1291', class: "f-ui-02 text-center" }, "Do not rotate the logo")), h("li", { key: 'e93cc98bcb8594ea9cc715c3593bbbb05ef0a584', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'e06d8c08690e542a9906526f31083cd19d36377c', class: "mx-auto outlined logo", innerHTML: hLogoColor }), h("p", { key: '28ffd7eb8d963d8fbaca70bdacb408d1ad2b5628', class: "f-ui-02 text-center" }, "Do not apply outlines")), h("li", { key: '762de4272afb3425d05854efcebdbac901e3434e', class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col" }, h("div", { key: 'b886b389d207ffdb8b135fdc0fd26e5e72f40a42', class: "mx-auto" }, h("div", { key: '2b03b5762338e7af827635e16f5a8da8a0322174', class: "bg-accent p-16" }, h("div", { key: 'c6db8ce985ce69f68973d59acabd846ec3b296ed', class: "text-inverse", innerHTML: hLogoColor })), h("p", { key: '3c2424662345ce48f2db344a5efd0aa2dc5ef002', class: "f-ui-02 text-center" }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones"))))));
|
|
15
15
|
}
|
|
16
16
|
static get style() { return LogoWrongUsageStyle0; }
|
|
17
17
|
}, [1, "logo-wrong-usage"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,h as e,g as a}from"./p-28ae3f3a.js";import{s as r}from"./p-d15065c3.js";const i=class{constructor(e){t(this,e),this.content=void 0}handleHover(){r({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:this.content.toLowerCase(),action:"hover"})}render(){return e("div",{key:"
|
|
1
|
+
import{r as t,h as e,g as a}from"./p-28ae3f3a.js";import{s as r}from"./p-d15065c3.js";const i=class{constructor(e){t(this,e),this.content=void 0}handleHover(){r({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:this.content.toLowerCase(),action:"hover"})}render(){return e("div",{key:"3a0e3ecde6e5d0cf1aa002c9bb45874fbf10b9a2",class:"relative inline-block group"},e("slot",{key:"d4902b6a12e0cf1967e16e7b2cf600067887f597"}),e("div",{key:"59d026861c598be73f66ebd548f6da820b8ff357",class:"absolute bottom-full left-1/2 \n transform -translate-x-1/2 mb-2\n rounded-xs bg-strongest text-inverse \n f-ui-03-light pointer-events-none \n z-10 whitespace-nowrap p-6 opacity-0 transition-opacity duration-150 ease-in-out\n group-hover:opacity-100",role:"tooltip"},this.content))}get el(){return a(this)}};i.style=".relative{position:relative}.absolute{position:absolute}.inline-block{display:inline-block}.rounded-xs{border-radius:4px}.bg-strongest{background-color:var(--black)}.text-inverse{color:var(--white)}.f-ui-03-light{font-family:var(--f-ui-03-light-fontFamily);font-weight:var(--f-ui-03-light-fontWeight);font-size:var(--f-ui-03-light-fontSize);line-height:var(--f-ui-03-light-lineHeight);letter-spacing:var(--f-ui-03-light-letterSpacing)}.pointer-events-none{pointer-events:none}.left-1\\/2{left:50%}.z-10{z-index:10}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.whitespace-nowrap{white-space:nowrap}.p-6{padding:0.375rem}.bottom-full{bottom:100%}.mb-2{margin-bottom:0.125rem}.opacity-0{opacity:0}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms}.duration-150{transition-duration:150ms}.ease-in-out{transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1)}.group:hover .group-hover\\:opacity-100{opacity:1}";export{i as eds_tooltip}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as t,c as i,h as s,g as e}from"./p-28ae3f3a.js";import{s as a}from"./p-d15065c3.js";const c=class{constructor(s){t(this,s),this.uiswitch=i(this,"uiswitch",7),this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked,this.uiswitch.emit(this.checked),a({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:this.checked?this.labelOn:this.labelOff||"",action:"checked"}))},this.checked=!1,this.disabled=!1,this.labelOn="",this.labelOff=""}render(){const t=this.labelOn||this.labelOff?this.checked?this.labelOn:this.labelOff:"Toggle switch";return s("div",{key:"
|
|
1
|
+
import{r as t,c as i,h as s,g as e}from"./p-28ae3f3a.js";import{s as a}from"./p-d15065c3.js";const c=class{constructor(s){t(this,s),this.uiswitch=i(this,"uiswitch",7),this.toggleSwitch=()=>{this.disabled||(this.checked=!this.checked,this.uiswitch.emit(this.checked),a({category:"ui-component",tag:this.el.tagName.toLowerCase(),name:this.checked?this.labelOn:this.labelOff||"",action:"checked"}))},this.checked=!1,this.disabled=!1,this.labelOn="",this.labelOff=""}render(){const t=this.labelOn||this.labelOff?this.checked?this.labelOn:this.labelOff:"Toggle switch";return s("div",{key:"f2c3cd27a317b64ac05b5b2841f87827ff9f18fc",class:"switch-container"},this.labelOff&&s("span",{key:"08e47e239c5a6de0440b731589fd5f365919df24",class:"switch-label switch-label--off mr-8"},this.labelOff),s("button",{key:"d731fa56f93b67daaeaac22c1080a7171360525c",type:"button",role:"switch","aria-checked":this.checked?"true":"false","aria-disabled":this.disabled?"true":"false","aria-label":t,class:{switch:!0,"switch--checked":this.checked,"switch--disabled":this.disabled},onClick:this.toggleSwitch,disabled:this.disabled},s("span",{key:"8bbe2bd4c2050dbda4723615b4eb0fa2936d35d8",class:"switch-handle"})),this.labelOn&&s("span",{key:"73991400f5a8e0e6c6d1c09196639add3e98c71f",class:"switch-label switch-label--on ml-8"},this.labelOn))}get el(){return e(this)}};c.style=":host{display:inline-block}.switch-container{display:inline-flex;align-items:center}.switch-label{font-family:var(--f-ui-02-light-fontFamily);font-weight:var(--f-ui-02-light-fontWeight);font-size:var(--f-ui-02-light-fontSize);line-height:var(--f-ui-02-light-lineHeight);letter-spacing:var(--f-ui-02-light-letterSpacing)}button.switch{position:relative;display:inline-flex;align-items:center;width:50px;height:26px;border:none;border-radius:13px;background-color:#ccc;padding:0;cursor:pointer;transition:background-color 0.2s}button.switch:focus{outline:none;box-shadow:0 0 0 2px #007aff}button.switch.switch--checked{background-color:var(--green-500)}button.switch.switch--disabled{opacity:0.6;cursor:not-allowed}.switch-handle{position:absolute;width:22px;height:22px;border-radius:50%;background-color:#fff;top:2px;left:2px;transition:transform 0.2s}button.switch.switch--checked .switch-handle{transform:translateX(24px)}.ml-8{margin-left:0.5rem}.mr-8{margin-right:0.5rem}";export{c as eds_switch}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as a}from"./p-28ae3f3a.js";const c=class{constructor(a){e(this,a),this.colors=[{rgb:"R156 G225 B66",cmyk:"C52 M0 Y98 K0",hex:"#9CE142",pantoneC:"PANTONE 367 C",pantoneU:"PANTONE 374 U",background:"#9CE142"},{rgb:"R0 G201 B89",cmyk:"C75 M0 Y80 K0",hex:"#00C959",pantoneC:"PANTONE 7480 C",pantoneU:"PANTONE 7481 U",background:"#00C959"},{rgb:"R0 G165 B149",cmyk:"C78 M8 Y49 K0",hex:"#00A595",pantoneC:"PANTONE 3272 C",pantoneU:"PANTONE 3275 U",background:"#00A595"}]}render(){return a("ul",{key:"dca9faa5b584c6927687845d7ef33ac5e7554e5c",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}},a("div",{class:"grid"},a("span",{class:"f-body-02"},e.rgb),a("span",{class:"f-body-02 w-full"},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{class:"grid"},a("span",{class:"f-body-02"},e.pantoneC),a("span",{class:"f-body-02"},e.pantoneU)))))))}},d=class{constructor(a){e(this,a),this.colors=[{rgb:"R63 G169 B245",cmyk:"C68 M13 Y0 K0",hex:"#3FA9F5",pantoneC:"PANTONE 298 C",pantoneU:"PANTONE 298 U",background:"#3FA9F5"},{rgb:"R6 G68 B244",cmyk:"C92 M60 Y0 K0",hex:"#0644F4",pantoneC:"PANTONE 2728 C",pantoneU:"PANTONE 2935 U",background:"#0644F4"},{rgb:"R196 G97 B255",cmyk:"C52 M67 Y0 K0",hex:"#C461FF",pantoneC:"PANTONE 252 C",pantoneU:"PANTONE 252 U",background:"#C461FF"},{rgb:"R93 G61 B249",cmyk:"C83 M78 Y0 K0",hex:"#5D3DF9",pantoneC:"PANTONE 266 C",pantoneU:"PANTONE 2735 U",background:"#5D3DF9"},{rgb:"R255 G165 B67",cmyk:"C0 M43 Y76 K0",hex:"#FFA543",pantoneC:"PANTONE 804 C",pantoneU:"PANTONE 136 U",background:"#FFA543"},{rgb:"R255 G77 B104",cmyk:"C0 M81 Y42 K0",hex:"#FF4D68",pantoneC:"PANTONE 1785 C",pantoneU:"PANTONE 185 U",background:"#FF4D68"}],this.show=void 0}render(){return a("ul",{key:"4759c4ec0d107c4a70d300b9e3d72c36044fb200",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}},a("div",{class:"grid"},a("span",{class:"f-body-02"},e.rgb),a("span",{class:"f-body-02 w-full"},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{class:"grid"},a("span",{class:"f-body-02"},e.pantoneC),a("span",{class:"f-body-02"},e.pantoneU)))))))}},s=class{constructor(a){e(this,a),this.colors=[{rgb:"R20 G20 B20",cmyk:"C78 M69 Y61 K87",hex:"#141414",pantoneC:"",pantoneU:"",background:"#141414"},{rgb:"R56 G56 B56",cmyk:"C68 M58 Y55 K63",hex:"#383838",pantoneC:"PANTONE 447 C",pantoneU:"PANTONE Neutral Black U",background:"#383838"},{rgb:"R204 G204 B204",cmyk:"C23 M17 Y18 K0",hex:"#CCCCCC",pantoneC:"PANTONE Cool Gray 2 C",pantoneU:"PANTONE Cool Gray 2 U",background:"#CCCCCC"},{rgb:"R230 G230 B230",cmyk:"C12 M8 Y9 K0",hex:"#E6E6E6",pantoneC:"PANTONE 663 C",pantoneU:"PANTONE 649 U",background:"#E6E6E6"},{rgb:"R255 G255 B255",cmyk:"C0 M0 Y0 K0",hex:"#FFFFFF",pantoneC:"",pantoneU:"",background:"#FFFFFF"}]}getTextColor(e){if(e.startsWith("#")){const a=e.slice(1);return(.299*parseInt(a.substring(0,2),16)+.587*parseInt(a.substring(2,4),16)+.114*parseInt(a.substring(4,6),16))/255>.5?"text-default":"text-inverse"}if(/rgb/i.test(e)){const a=e.replace(/rgba?\(/i,"").replace(")","").split(",").map((e=>parseFloat(e.trim()))),[c,d,s]=a;return(.299*c+.587*d+.114*s)/255>.5?"text-default":"text-inverse"}return"text-default"}render(){return a("ul",{key:"869a21a9a286ba36e5df1cef926e1c119ce35645",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},this.colors.map((e=>{const c=this.getTextColor(e.background);return a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}},a("div",{class:"grid"},a("span",{class:`f-body-02 ${c}`},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"},class:c})),a("div",{class:"grid"},a("span",{class:`f-body-02 ${c}`},e.pantoneC),a("span",{class:`f-body-02 ${c}`},e.pantoneU))))})))}},b=class{constructor(a){e(this,a),this.colors=[{rgb:"R156 G225 B66",cmyk:"C52 M0 Y98 K0",hex:"#9CE142",pantoneC:"PANTONE 367 C",pantoneU:"PANTONE 374 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"},{rgb:"R0 G201 B89",cmyk:"C75 M0 Y80 K0",hex:"#00C959",pantoneC:"PANTONE 7480 C",pantoneU:"PANTONE 7481 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"},{rgb:"R0 G165 B149",cmyk:"C78 M8 Y49 K0",hex:"#00A595",pantoneC:"PANTONE 3272 C",pantoneU:"PANTONE 3275 U",background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"}]}render(){return a("ul",{key:"a527107bb4bab3981790adacf1b354da1fa41602",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16",style:{background:"linear-gradient(to bottom, #9CE142 0%, #00C959 50%, #00A595 100%)"}},this.colors.map((e=>a("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{class:"effect-height flex items-center justify-between p-16"},a("div",{class:"grid"},a("span",{class:"f-body-02"},e.rgb),a("span",{class:"f-body-02 w-full"},e.cmyk),a("eds-code-block",{code:e.hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{class:"grid"},a("span",{class:"f-body-02"},e.pantoneC),a("span",{class:"f-body-02"},e.pantoneU)))))))}},t=class{constructor(a){e(this,a),this.colors=[{rgb:"R63 G169 B245",cmyk:"C68 M13 Y0 K0",hex:"#3FA9F5",pantoneC:"PANTONE 298 C",pantoneU:"PANTONE 298 U",background:"linear-gradient(to bottom, #3FA9F5, #3FA9F5)"},{rgb:"R6 G68 B244",cmyk:"C92 M60 Y0 K0",hex:"#0644F4",pantoneC:"PANTONE 2728 C",pantoneU:"PANTONE 2935 U",background:"linear-gradient(to bottom, #3FA9F5, #0644F4)"},{rgb:"R196 G97 B255",cmyk:"C52 M67 Y0 K0",hex:"#C461FF",pantoneC:"PANTONE 252 C",pantoneU:"PANTONE 252 U",background:"linear-gradient(to bottom, #C461FF, #C461FF)"},{rgb:"R93 G61 B249",cmyk:"C83 M78 Y0 K0",hex:"#5D3DF9",pantoneC:"PANTONE 266 C",pantoneU:"PANTONE 2735 U",background:"linear-gradient(to bottom, #C461FF, #5D3DF9)"},{rgb:"R255 G165 B67",cmyk:"C0 M43 Y76 K0",hex:"#FFA543",pantoneC:"PANTONE 804 C",pantoneU:"PANTONE 136 U",background:"linear-gradient(to bottom, #FFA543, #FFA543)"},{rgb:"R255 G77 B104",cmyk:"C0 M81 Y42 K0",hex:"#FF4D68",pantoneC:"PANTONE 1785 C",pantoneU:"PANTONE 185 U",background:"linear-gradient(to bottom, #FFA543, #FF4D68)"}]}render(){return a("div",{key:"74f7edbba10e5d4db5a2f661b73b0fb918e46b68"},a("ul",{key:"b9045ef69060083d97bd3eb3a3c6b717f4fe1f34",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"a72a7d04c335ab12eeb9cafaa2e6f2faf54b8b96",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"34c60280372817adbd8f5f516a5825f5a21438e4",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[0].background}},a("div",{key:"46e9b34908507069d975d766a5e696a6ab47b990",class:"grid"},a("span",{key:"ebeb484c14c82b35811bb66111dcdd67549d1a46",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"b7fa5ce2837e11ff98f470f5907d4a7a47ed288a",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"6e65b43c564a308f6b183e463f6b2ca28cbac2a7",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"03b3bf61023ea3314dfa1a8bedfa5f72f47a21d2",class:"grid"},a("span",{key:"4d1a77980d823f96a6b47abd9496062802532fb7",class:"f-body-02"},this.colors[0].pantoneC),a("span",{key:"60c0d9436d3210518dd931e5b46e0687992611f2",class:"f-body-02"},this.colors[0].pantoneU))),a("div",{key:"9ac430429109809eb270b58d07423fbb4f12f06d",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[1].background}},a("div",{key:"6e12590eb03638ff0a05cb1fc21c793b202be508",class:"grid"},a("span",{key:"ca3267c62171da901fa7397ab755913d8244fa05",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"d3e34e06994849c667d2ce4aed6660d0052b51bc",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"10090042d6f423dc0ba69bbebbbc261a8f83177b",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"e51f480cfbce6505657be18f64e206f17292b75b",class:"grid"},a("span",{key:"e52d1565df7f85edf31815330139542ad685d5bb",class:"f-body-02"},this.colors[1].pantoneC),a("span",{key:"c82c6476a00d3d86f175d84a991799e4b8be0339",class:"f-body-02"},this.colors[1].pantoneU))))),a("eds-block-break",{key:"9f9454dd27f53c76e055b75bd35718170934161c"}),a("ul",{key:"f0cd0c2956b005dff53e840780ec883e79e54d29",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"0051eca25a27a4617642ee62495b5070b39303e1",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"e635251200247329d546f6832b45c15f68e16ada",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"ae1fbc5eab2f291f01a67ea2c175e916994a23cc",class:"grid"},a("span",{key:"89b9565bb0eaceb4306cc2fb8112005e1ecac2ec",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"789381481f744ceeb4db49ffdcae1992e24411e7",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"17ef5171b93ddae1a653e4e24931a4dd8133e327",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"683d59c2d9ef6c7be6cddce3e861b88362c9d92b",class:"grid"},a("span",{key:"049567ea731c85be8ee92a1e367d8bed0d53a948",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"e9abe0895de0438db939a081f84dd4a95de56b33",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"e2d6d0aaf225da7a4b92a539106a4995e0a97e90",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"5327980f01b127a695ebc19f2ea9edf99b674078",class:"grid"},a("span",{key:"c44c7dfd09520b00a4faa2723a797e2e6e893816",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"50ed833cf9d0b281d0ee2c06ca6e9074b82de399",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"d8545dfbeec83ce4e04695b52c85e1e4ea8d125e",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"3a88aa95a18ff30a5694c73dfce9b27cdbfb22cc",class:"grid"},a("span",{key:"72245f6f7992657f4801571258c0b474a0b00f26",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"1d24a4ce4f9456268030f45fb5320f71de235483",class:"f-body-02"},this.colors[3].pantoneU))))),a("eds-block-break",{key:"911c0de727c6dfbe9e0d83b572ea2637a54481f6"}),a("ul",{key:"a09572c51f87e28b3b90b5ac9936d1c0c109a780",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"0228ebc07d1402fd16def4e3596d80f971b3d437",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"6041ecff1c8ec57284ea167a39573a572c266c19",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[4].background}},a("div",{key:"eb2a7c48b057c022302c9a2d4101bbf3c062afb9",class:"grid"},a("span",{key:"e4de44d68f477e93a9fe992cd4e8008c71db775c",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"4e5c3774c71fe464173005df581f867a683b8f32",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"aa9462ae6d2feb2f1caddff60b0e36593a2363ac",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"ef2cbd394e055499a1b8050d61618d4469cfe12f",class:"grid"},a("span",{key:"15e103271c649e90d5f9e8891bd94da5c91855c2",class:"f-body-02"},this.colors[4].pantoneC),a("span",{key:"6a19b5ba5340ff0fe4eb91869f502ed0d33dc423",class:"f-body-02"},this.colors[4].pantoneU))),a("div",{key:"fd71cdb93d40856025ff743330a1849829f13ea1",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[5].background}},a("div",{key:"fb0aa74276a6210ea690892ac4cb295975c1631c",class:"grid"},a("span",{key:"25292c9f2f2417f7fd8e6db1d3419663ef5bf831",class:"f-body-02"},this.colors[5].rgb),a("span",{key:"1bca86d8036ac0923e6014b36177974e135799a0",class:"f-body-02 w-full"},this.colors[5].cmyk),a("eds-code-block",{key:"142843c1ac15d4fdda1d5c2a96d11503ac99c2c9",code:this.colors[5].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"6c05bf3278967860f4c36a6c4711be70ba9989c4",class:"grid"},a("span",{key:"32459a9b07699f3291ce29dcffaa12faffe6006a",class:"f-body-02"},this.colors[5].pantoneC),a("span",{key:"b9cd8ea5b74262c3268981137639c953cbfa512f",class:"f-body-02"},this.colors[5].pantoneU))))))}},f=class{constructor(a){e(this,a),this.colors=[{rgb:"R20 G20 B20",cmyk:"C78 M69 Y61 K87",hex:"#141414",pantoneC:"",pantoneU:"",background:"#141414"},{rgb:"R56 G56 B56",cmyk:"C68 M58 Y55 K63",hex:"#383838",pantoneC:"PANTONE 447 C",pantoneU:"PANTONE Neutral Black U",background:"#383838"},{rgb:"R204 G204 B204",cmyk:"C23 M17 Y18 K0",hex:"#CCCCCC",pantoneC:"PANTONE Cool Gray 2 C",pantoneU:"PANTONE Cool Gray 2 U",background:"linear-gradient(to bottom, #CCCCCC, #CCCCCC)"},{rgb:"R230 G230 B230",cmyk:"C12 M8 Y9 K0",hex:"#E6E6E6",pantoneC:"PANTONE 663 C",pantoneU:"PANTONE 649 U",background:"linear-gradient(to bottom, #CCCCCC, #E6E6E6)"},{rgb:"R255 G255 B255",cmyk:"C0 M0 Y0 K0",hex:"#FFFFFF",pantoneC:"",pantoneU:"",background:"#FFFFFF"}]}render(){return a("ul",{key:"7df69f04c7056874f1adc148bc558eebb3ad5ce0",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a("li",{key:"6022b06412004891f8878ef083f8b720561b21c4",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"baa50bd7d36783a3c906bf34cf4782883d07fd15",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[0].background}},a("div",{key:"8676a93e699a766cf14c933f782e255945cd6b33",class:"grid"},a("span",{key:"812287677e887e635f2256afcc747008b3b67e87",class:"f-body-02"},this.colors[0].rgb),a("span",{key:"4818cfaa20c82c2ea7fe2058159aab5d4a7585d2",class:"f-body-02 w-full"},this.colors[0].cmyk),a("eds-code-block",{key:"3366a3a92d136f057350048698ea552d2abb528f",code:this.colors[0].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"7d65d5e2f1e283fbbda8542fdb1238bc01419176",class:"grid"},a("span",{key:"97f249218107af11869a10c80c29a32ecf37fed4",class:"f-body-02"},this.colors[0].pantoneC||"N/A"),a("span",{key:"ef213856451374a9709ac600360a92b07596fbb6",class:"f-body-02"},this.colors[0].pantoneU||"N/A")))),a("li",{key:"6e7b366c0b441e4738d1ec1c148ded1fb4e32750",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"e1c6c78fb4bc1aa509abd179bbca4eb9cc92d927",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[1].background}},a("div",{key:"8596e8b03c79c16fe7fcbcbde6d66618cd9eb31c",class:"grid"},a("span",{key:"daf3bbd648cc5b23c24ea04e4f63bf5224100637",class:"f-body-02"},this.colors[1].rgb),a("span",{key:"36279d0a36a908d94bf69cd4626f697ddcf8a4a5",class:"f-body-02 w-full"},this.colors[1].cmyk),a("eds-code-block",{key:"968dd60e01ed0ca4c12859883f39eae13bc241d2",code:this.colors[1].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"8adc5a48de6c7662d5bfd7f580b539cdb2724966",class:"grid"},a("span",{key:"aba8dc8c327f186cd71251c5d759a8d2bab22d76",class:"f-body-02"},this.colors[1].pantoneC||"N/A"),a("span",{key:"4f00ac84c957f17f640fdf99fe7bc0f8d5a4729d",class:"f-body-02"},this.colors[1].pantoneU||"N/A")))),a("li",{key:"f60cc305104ff06e7e3138122605719fdf44211a",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"16055cb2c78f2cab4c2a8ee5abf0ff180ce1818c",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[2].background}},a("div",{key:"cb9015c5139a9e4bc4d83c81e4c624418ba91e57",class:"grid"},a("span",{key:"e6071179b0d5ee6a327bae62e8cb797be4613a48",class:"f-body-02"},this.colors[2].rgb),a("span",{key:"f82c6c24daedeed9976b40e15e68b0f8cf0e0237",class:"f-body-02 w-full"},this.colors[2].cmyk),a("eds-code-block",{key:"38c572026fb438735393f080475ce007f1d6d87a",code:this.colors[2].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"a348ef327a39997ef3b76d5c98dd0e485e71ceec",class:"grid"},a("span",{key:"f8d5156c502542206b83b8f402085b3e8f0cbbaf",class:"f-body-02"},this.colors[2].pantoneC),a("span",{key:"d1ce2dc56c8f256a1e139a6a22ddfe922f374617",class:"f-body-02"},this.colors[2].pantoneU))),a("div",{key:"c37b60531e00b73b27a9d687f256906aa702fc33",class:"effect-height flex items-center justify-between p-16",style:{background:this.colors[3].background}},a("div",{key:"5664705a651d08bbc912dc2c54a5836b7b110756",class:"grid"},a("span",{key:"983856d8e4b220111545618290fc646d9441255d",class:"f-body-02"},this.colors[3].rgb),a("span",{key:"4889da92a9135b03cf4a3261bf56dbb5f0676732",class:"f-body-02 w-full"},this.colors[3].cmyk),a("eds-code-block",{key:"7a05d96a8850a939aae04055d6687c4f0b099627",code:this.colors[3].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"6d2a643019c9157caa657022ffd186cbce545051",class:"grid"},a("span",{key:"d6d4e56c980b989317059c5564d6734d882cb340",class:"f-body-02"},this.colors[3].pantoneC),a("span",{key:"27d832aebcf959f279b31479011ad580eca1738e",class:"f-body-02"},this.colors[3].pantoneU)))),a("li",{key:"4883a16496f89bb91be092dd30c396b5da80b022",class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},a("div",{key:"0961b636d4700899d85a96559163a22cea529a3c",class:"effect-height flex items-center justify-between p-16",style:{backgroundColor:this.colors[4].background}},a("div",{key:"7dfe7f6f7ce9a0ef94f2e4fb5a238efbf4d79000",class:"grid"},a("span",{key:"de249cb619dc0b304e02137d3acca2372542d894",class:"f-body-02"},this.colors[4].rgb),a("span",{key:"e61f26f9cb320b5c89a869cc136b77e188883271",class:"f-body-02 w-full"},this.colors[4].cmyk),a("eds-code-block",{key:"6f42200391ca34de7059bb58487072e142a1e426",code:this.colors[4].hex,style:{minWidth:"150px",marginRight:"5px"}})),a("div",{key:"cc46304bf53b13ff4895589d728e8db931a4410d",class:"grid"},a("span",{key:"1e7f7cef5a61e4644b2ffd4853a764e3d5894fa9",class:"f-body-02"},this.colors[4].pantoneC||"N/A"),a("span",{key:"30eb901e47311d9bce77ec1a05f29d43fb41dd70",class:"f-body-02"},this.colors[4].pantoneU||"N/A")))))}};export{c as color_primary_palette,d as color_secondary_palette,s as color_support_palette,b as gradient_primary_palette,t as gradient_secondary_palette,f as gradient_support_palette}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as l}from"./p-28ae3f3a.js";const a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],c=[{background:"#141414"},{background:"#383838"},{background:"#CCCCCC"},{background:"#E6E6E6"},{background:"#FFFFFF"}],s=[{background:"#3FA9F5"},{background:"#0644F4"}],d=[{background:"#C461FF"},{background:"#5D3DF9"}],t=[{background:"#FFA543"},{background:"#FF4D68"}],o=class{constructor(l){e(this,l)}render(){return l("div",{key:"
|
|
1
|
+
import{r as e,h as l}from"./p-28ae3f3a.js";const a=[{background:"#9CE142"},{background:"#00C959"},{background:"#00A595"}],c=[{background:"#141414"},{background:"#383838"},{background:"#CCCCCC"},{background:"#E6E6E6"},{background:"#FFFFFF"}],s=[{background:"#3FA9F5"},{background:"#0644F4"}],d=[{background:"#C461FF"},{background:"#5D3DF9"}],t=[{background:"#FFA543"},{background:"#FF4D68"}],o=class{constructor(l){e(this,l)}render(){return l("div",{key:"28d23c1c4938faeda8dcb1dee2781f2699fec1e4",class:"container"},l("p",{key:"aa95599c281f69ddf8d701a3aea0023ad2896f7b",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"9dd65e4f8c1bb626245146437038ac8994590014",label:"primary",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"e7cb83cd12a9227e63680793da991f74801824ac",label:"support",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"a5a562f406f498a56d1558085d8c9ced9aa03950",class:"flex"},l("div",{key:"5b9d8055ef5a2bda94046296312ba33bf8e6c5f6",class:"w-full"},l("ul",{key:"2cb3969aa88ba595611bccaba6f5727245be1e9a",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},a.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[150px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"a5aa66122430d9bb7c1e602c9f9caa3206539ebc",class:"w-full"},l("ul",{key:"6fc4319d823fcd503e51c30f51ac4e641a3e26cb",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"c6300f7ce011a590b7d2cd669bc723b57db95cfb",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"435c9b84ed36852025dc6cc5145e4e7f16a27b85",label:"purple",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"bce35bdd3f967da492756c32a60e4d5a6d955ae5",label:"support",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"9a125394479b45c3bf6e3b0ee84aeeaa810979df",class:"flex"},l("div",{key:"85b337713bdb2a8df04802708483c451c47c3bfb",class:"w-full"},l("ul",{key:"7ecaa983023ace254ce45821d25d7ad31c33a03a",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},d.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"ebd9dd35d96f26e710f4ba8d73bb137f380bc4f7",class:"w-full"},l("ul",{key:"6a55067d2de6661a60ddc72d01ca689d3310fa9e",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"982fec24d95cdb1975b34f1fb212f088dd9778d4",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"064a8ce0228f618a81136fdf9db083ac0147c189",label:"blue",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"9a71a6928fc842f41a531d56c3d07b663c5b97a5",label:"support",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"687304a89d420fd90e2af3998a4c9c9e8d65589b",class:"flex"},l("div",{key:"3a85f4c1a31c7d53d5530de7dcaab462e5469d22",class:"w-full"},l("ul",{key:"eed3d8bc0cfff01f076d49c8329ec15284cc186f",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},s.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"0107d348aef7cf518f85ab4b6da2279ff88cc164",class:"w-full"},l("ul",{key:"6e0bea6067919913beeb22b9f21e1e4159aadc17",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))),l("p",{key:"ed1fc0df515ab765a5fc0150e6de20be7e17f529",class:"f-body-01"},"This guide demonstrates the correct usage of the",l("eds-link",{key:"6528243a7c1f3670bbc26a0dfb9082b664684ce0",label:"redish",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#primary-palette","extra-class":"inline-block ml-4"}),"and",l("eds-link",{key:"41edce302c91862655dfc88c53b007c79de65dbd",label:"support",size:"small",intent:"underline",icon:"chevron-right",url:"../color-palette/#support-palette","extra-class":"inline-block ml-4"}),"color palettes."),l("div",{key:"ff5f2d3300515caeef697e53427f93743332330f",class:"flex"},l("div",{key:"4dbedd35ca5c3e0c9cfcb4b64cb57b50f95dc5fb",class:"w-full"},l("ul",{key:"0fb5f50e2d8864b444cbbbee040fb7202d63edf2",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},t.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[225px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}})))))),l("div",{key:"42ef75b3373aaf6440930a5acdbb06ce2f879b16",class:"w-full"},l("ul",{key:"f0d9e29b7aa325a9df35e2cbb0efbcec838d8bd3",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},c.map((e=>l("li",{class:"grid-col-span-12 md:grid-col-span-6 flex flex-col"},l("div",{class:"w-full min-h-[90px] effect-height flex items-center justify-between p-16",style:{backgroundColor:e.background}}))))))))}};export{o as correct_use_of_colors}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as
|
|
1
|
+
import{r as e,h as i}from"./p-28ae3f3a.js";const n=class{constructor(i){e(this,i)}render(){return i("div",{key:"b8329902e5b54186ff70883b7629ce713f9916e3",class:"container"},i("ul",{key:"bef5503199fa5390fe3690bf8398702b39f6ce43",class:"not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"},i("li",{key:"d5d87badeb69da37aa05c0265079cdadfa7b06ec",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},i("p",{key:"6e263eca9ee6d917b73314a9fed6843e90ab9ad1",class:"f-body-01 text-center my-4"},"#1 Coloured"),i("div",{key:"dca876e83d4a3196f937204d1f36a22e5e554edb",class:"coloured"},i("eds-logo",{key:"6fadb6eb40b3771e808718ab19e1dcbdb838af14",type:"no-bg",href:"#"}))),i("li",{key:"913d4163183e8df4978e5030e2049b9627f355ac",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},i("p",{key:"94b74970ae70cd4a97ce07c8f2435995b6224e7b",class:"f-body-01 text-center my-4"},"#2 Black & White"),i("div",{key:"7a10955ff26e151c467e55ce839fa5377509cbca",class:"bg-default"},i("eds-logo",{key:"5bf7bc14877a77acf069e1067d67aebfb993c148",type:"black",href:"#"}))),i("li",{key:"7b1d286ae816ce932c51bf944e606ce0a0dd692f",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},i("p",{key:"1385573e0cba33124c068536a6df0cc809d2e872",class:"f-body-01 text-center my-4"},"#3 Dark"),i("div",{key:"0d0febe112256ef7372f86886da3d25b2cb8c7d9"},i("eds-logo",{key:"104ee7af8e721feaf91f6e96909181afea93ebc6",type:"color-white",href:"#"})))))}};n.style='ol,ul,menu{list-style:none;margin:0;padding:0}.coloured{background:linear-gradient(to left,\n #9CE142 0%,\n #00C959 50%,\n #00A595 100%)}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.text-center{text-align:center}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}';const a=class{constructor(i){e(this,i),this.orientation="vertical",this.type=void 0}render(){return i("div",{key:"c5edd87842f2f02818087806b4e2f582da663277",class:"container"},i("ul",{key:"e2d3e77fbcc9f6cbbe8c293e3548ab5b5b9be53c",class:"not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"},i("li",{key:"87864a42ddab2c0816e9ff46c8122ea645f077aa",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},i("p",{key:"8187e615b2701e6496cd567882ea338d3e50150d",class:"f-body-01 text-center my-4"},"#1 Coloured"),i("div",{key:"2368fe2ad41d8e325d4a54dac24786bc5a05ab56",class:"mx-auto coloured w-[300px]"},i("eds-logo",{key:"8efcfe38b1dc0498fa5f132bf01feb3fbfdf05fe",orientation:"vertical",type:"no-bg",href:"#"}))),i("li",{key:"780ca8af41665e5bc92c6c25efd1e9a3552eacbe",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},i("p",{key:"ea00627b69008f8438a74d84cd00ac76bcbc36f3",class:"f-body-01 text-center my-4"},"#2 Black & White"),i("div",{key:"5d91c7b29a539118254bfbca8d553794f96e00e5",class:"mx-auto bg-default w-[300px]"},i("eds-logo",{key:"5f9a4fc71340ab9c45fabdacaea00eb01771d8b3",orientation:"vertical",type:"black",href:"#"}))),i("li",{key:"5c9306edbd30774b35431b5af16956545e7bc973",class:"grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"},i("p",{key:"8dbc48fd5256198bb0b50ce11267ac408c6e286c",class:"f-body-01 text-center my-4"},"#3 Dark"),i("div",{key:"495a4c78848efe16898a7e37a802ca33ebe78989",class:"mx-auto w-[300px]"},i("eds-logo",{key:"ed7793faeff06e70d05b829d7b361c8e52372232",orientation:"vertical",type:"color-white",href:"#"})))))}};a.style='.coloured{background:linear-gradient(to left,\n #9CE142 0%,\n #00C959 50%,\n #00A595 100%)}ol,ul,menu{list-style:none;margin:0;padding:0}.f-body-01{font-family:var(--f-body-01-fontFamily);font-weight:var(--f-body-01-fontWeight);font-size:var(--f-body-01-fontSize);line-height:var(--f-body-01-lineHeight);letter-spacing:var(--f-body-01-letterSpacing)}.text-center{text-align:center}.w-\\[200px\\]{width:200px}.w-\\[300px\\]{width:300px}.container{width:calc(var(--container-width, 100%) - (2 * var(--breakout-container-outer-gutter, var(--container-outer-gutter, var(--outer-gutter, 0)))));margin-right:auto;margin-left:auto}.container>*{--container-outer-gutter:0;--breakout-container-outer-gutter:0}.grid-layout{--grid-columns:6;display:grid;grid-template-columns:repeat(var(--container-grid-columns, var(--grid-columns)), 1fr);grid-gap:var(--inner-gutter)}.grid-cols-6[class*="grid-line-x"][class*="grid-line-x"]>*:nth-child(n)::before{border-bottom-width:1px}.grid-cols-6[class*="grid-line-xfull"]>*:nth-child(n)::before{inset-inline-start:calc(var(--inner-gutter) / -2);inset-inline-end:calc(var(--inner-gutter) / -2)}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1)::before{inset-inline-start:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+6)::before{inset-inline-end:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-x"]>*:nth-child(6n+1):nth-last-child(-n+6)~*::before{border-bottom-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(n)::after{border-inline-end-width:1px}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+6)::after{border-inline-end-width:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(-n+6)::after{top:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)::after{bottom:0}.grid-cols-6[class*="grid-line-y"][class*="grid-line-y"]>*:nth-child(6n+1):nth-last-child(-n+6)~li::after{bottom:0}.grid-col-span-6{--container-grid-columns:6;grid-column:span 6 / span 6}.gap-y-8{row-gap:0.5rem}.flex{display:flex}.flex-col{flex-direction:column}.mx-auto{margin-left:auto;margin-right:auto}.f-ui-02{font-family:var(--f-ui-02-fontFamily);font-weight:var(--f-ui-02-fontWeight);font-size:var(--f-ui-02-fontSize);line-height:var(--f-ui-02-lineHeight);letter-spacing:var(--f-ui-02-letterSpacing)}@media (min-width: 750px){.md\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}.md\\:gap-y-12{row-gap:0.75rem}}@media (min-width: 900px){.lg\\:gap-y-16{row-gap:1rem}.lg\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1024px){.xl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}@media (min-width: 1280px){.xxl\\:grid-col-span-2{--container-grid-columns:2;grid-column:span 2 / span 2}.xxl\\:grid-col-span-3{--container-grid-columns:3;grid-column:span 3 / span 3}}';export{n as logo_variations_horizontal,a as logo_variations_vertical}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t}from"./p-28ae3f3a.js";const a=class{constructor(t){e(this,t),this.applications=void 0}getParsedApplications(){let e=[];if("string"==typeof this.applications)try{e=JSON.parse(this.applications||"[]")}catch(t){console.error("Invalid applications trl JSON",t),e=[]}else Array.isArray(this.applications)&&(e=this.applications);return e}calculateProgress(e){return Math.ceil(e/9*100)}render(){const e=this.getParsedApplications().map((e=>({Application:e.name,"Current TRL Stage":`TRL ${e.currentTrl}`,Progress:t("div",{class:"w-[200px]"},t("eds-progress-bar",{value:this.calculateProgress(e.currentTrl)}))})));return t("div",{key:"3d7ccf2e5c1faa1705d5ba132e1c530504ede3bc",class:"container mx-auto px-4 py-8"},t("eds-table",{key:"38880639acbef207ee660d5c9c59f00afd58cd38","table-data":JSON.stringify(e),config:JSON.stringify({Application:{format:"code"},"Current TRL Stage":{format:"text"}}),"rows-per-page":"2","pagination-enabled":"true","search-enabled":"true","column-size":"default"}))}};export{a as eds_trl}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as t,h as r}from"./p-28ae3f3a.js";const a=class{constructor(r){t(this,r),this.tabIndex=void 0}renderContent(){switch(this.tabIndex){case 0:return r("logo-variations-horizontal",null);case 1:return r("logo-variations-vertical",null);default:return r("p",null,"Content not available.")}}render(){return r("div",{key:"978803ba74596825489ce19690036162c5d2d6fb",class:"container"},this.renderContent())}};export{a as logo_variations_tabs}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t,H as s}from"./p-28ae3f3a.js";const i=class{constructor(t){e(this,t),this.size="1rem",this.thickness="10px",this.borderColor="var(--grey-400)",this.bottomColor="var(--grey-900)",this.background="var(--grey-200)",this.fullscreen=!1}render(){const e=Object.assign({width:this.size,height:this.size,border:`${this.thickness} solid ${this.borderColor}`,borderBottomColor:this.bottomColor},!this.fullscreen&&{display:"inline-block"});return t(s,{key:"
|
|
1
|
+
import{r as e,h as t,H as s}from"./p-28ae3f3a.js";const i=class{constructor(t){e(this,t),this.size="1rem",this.thickness="10px",this.borderColor="var(--grey-400)",this.bottomColor="var(--grey-900)",this.background="var(--grey-200)",this.fullscreen=!1}render(){const e=Object.assign({width:this.size,height:this.size,border:`${this.thickness} solid ${this.borderColor}`,borderBottomColor:this.bottomColor},!this.fullscreen&&{display:"inline-block"});return t(s,{key:"7f8e9654757478a1b5298d133739d955dbf9a15f"},t("div",{key:"245e9e61a19c1cdff34ab8b9f70b7e69f1a229f7",class:"spinner-overlay",style:this.fullscreen?{position:"fixed",top:"0",left:"0",width:"100vw",height:"100vh",zIndex:"9999999",backgroundColor:this.background,display:"flex",alignItems:"center",justifyContent:"center"}:{position:"absolute",top:"0",left:"0",width:"100%",height:"100%",zIndex:"1000",backgroundColor:this.background,display:"flex",alignItems:"center",justifyContent:"center"}},t("span",{key:"e8befeaef6af66d45e3c3b20042a3f626754cfc5",class:"spinner",style:e})))}};i.style=":host{display:block}.spinner{box-sizing:border-box;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}";export{i as eds_spinner}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as e,h as t}from"./p-28ae3f3a.js";const i={sans:"Inter, Helvetica, Arial, sans-serif"},n={"heading-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"42px",lineHeight:"100%",letterSpacing:"-0.01em"},md:{fontSize:"48px"},lg:{fontSize:"72px"},xl:{fontSize:"83px"}},"heading-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"48px"},xl:{fontSize:"60px"}},"heading-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"42px"}},"heading-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"36px"}},"heading-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"110%",letterSpacing:"-0.01em"}},"heading-06":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"22px",lineHeight:"120%"}},"body-01":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"20px",lineHeight:"140%",letterSpacing:"-0.01em"}},"body-02":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"17px",lineHeight:"150%"}},"ui-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"18px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"14px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"14px",lineHeight:"130%",letterSpacing:"-0.01em"}},"ui-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"100%",letterSpacing:"-0.01em"}},"ui-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"10px",lineHeight:"110%",letterSpacing:"-0.01em"}},caption:{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"120%"}},"display-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"120px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"150px"}}},a=class{constructor(t){e(this,t)}render(){return t("section",{key:"
|
|
1
|
+
import{r as e,h as t}from"./p-28ae3f3a.js";const i={sans:"Inter, Helvetica, Arial, sans-serif"},n={"heading-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"42px",lineHeight:"100%",letterSpacing:"-0.01em"},md:{fontSize:"48px"},lg:{fontSize:"72px"},xl:{fontSize:"83px"}},"heading-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"48px"},xl:{fontSize:"60px"}},"heading-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"36px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"42px"}},"heading-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"100%",letterSpacing:"-0.01em"},xl:{fontSize:"36px"}},"heading-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"28px",lineHeight:"110%",letterSpacing:"-0.01em"}},"heading-06":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"22px",lineHeight:"120%"}},"body-01":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"20px",lineHeight:"140%",letterSpacing:"-0.01em"}},"body-02":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"17px",lineHeight:"150%"}},"ui-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"18px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-02-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"16px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"14px",lineHeight:"110%",letterSpacing:"-0.01em"}},"ui-03-light":{sm:{fontFamily:"var(--sans)",fontWeight:600,fontSize:"14px",lineHeight:"130%",letterSpacing:"-0.01em"}},"ui-04":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"100%",letterSpacing:"-0.01em"}},"ui-05":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"10px",lineHeight:"110%",letterSpacing:"-0.01em"}},caption:{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"12px",lineHeight:"120%"}},"display-01":{sm:{fontFamily:"var(--sans)",fontWeight:800,fontSize:"120px",lineHeight:"100%",letterSpacing:"-0.01em"},lg:{fontSize:"150px"}}},a=class{constructor(t){e(this,t)}render(){return t("section",{key:"b831c9707b00d17768f585e2015de8a7289b11d2",class:"w-full"},t("ul",{key:"472e46f2c903597d24e8f24cf28b6f475c7d7a82",class:"not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"},Object.entries(n).filter((([e])=>"displays"!==e)).flatMap((([e,n])=>Object.entries(n).map((([n,a])=>t("li",{class:"grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"},t("div",{class:"w-full p-4 block lg:flex items-center border border-soft rounded"},t("div",{class:"mr-auto hidden lg:block",style:{fontFamily:i.sans,fontWeight:a.fontWeight,fontSize:a.fontSize,lineHeight:a.lineHeight,letterSpacing:a.letterSpacing}},t("span",{class:"text-default font-bold"},`${e} (${n})`)),t("div",{class:"mr-auto block lg:hidden p-4"},t("span",{class:"text-default f-heading-05"},`${e} (${n})`)),t("div",{class:"ml-auto"},t("eds-code-block",{code:[a.fontSize&&`font-size: ${a.fontSize};`,a.lineHeight&&`line-height: ${a.lineHeight};`,a.letterSpacing&&`letter-spacing: ${a.letterSpacing};`,a.fontWeight&&`font-weight: ${a.fontWeight};`,a.fontFamily&&`font-family: ${a.fontFamily};`].filter(Boolean).join("\n"),language:"css",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`f-${e}`,language:"Utility Class",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`${n}:f-${e}`,language:"Screen",class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontFamily)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontWeight)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-fontSize)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-lineHeight)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:`--var(--f-${e}-letterSpacing)`,class:"min-w-[250px] mb-4"}),t("eds-code-block",{code:"--sans: Inter, Helvetica, Arial, sans-serif;",class:"min-w-[250px] mb-4"}))))))))))}};export{a as token_typography}
|