@ebrains/react 2.1.0 → 2.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/color-primary-palette_6.entry.esm.js +106 -106
- package/components-section.entry.esm.js +3 -7
- package/correct-use-of-colors.entry.esm.js +33 -33
- package/docs-palettes.entry.esm.js +1 -1
- package/docs-tokens.entry.esm.js +1 -1
- package/download-47746956.esm.js +18 -0
- package/{eds-accordion_33.entry.esm.js → eds-accordion_36.entry.esm.js} +84 -59
- package/eds-app-root.entry.esm.js +4 -4
- package/eds-card-desc_2.entry.esm.js +4 -4
- package/eds-card-generic.entry.esm.js +12 -9
- package/eds-card-project.entry.esm.js +10 -10
- package/eds-card-section.entry.esm.js +2 -2
- package/eds-card-tags.entry.esm.js +1 -1
- package/eds-card-tool.entry.esm.js +4 -4
- package/eds-cookies-preference.entry.esm.js +2 -2
- package/eds-feedback.entry.esm.js +5 -5
- package/eds-footer.entry.esm.js +12 -14
- package/eds-frame.entry.esm.js +4 -4
- package/eds-fullscreen-menu.entry.esm.js +8 -3
- package/eds-gauge.entry.esm.js +4 -4
- package/eds-icon-arrow-diagonal.entry.esm.js +1 -1
- package/eds-icon-arrow-right.entry.esm.js +1 -1
- package/eds-icon-bin.entry.esm.js +1 -1
- package/eds-icon-bluesky.entry.esm.js +1 -1
- package/eds-icon-bookmark.entry.esm.js +1 -1
- package/eds-icon-chevron-down.entry.esm.js +1 -1
- package/eds-icon-chevron-left.entry.esm.js +1 -1
- package/eds-icon-chevron-right.entry.esm.js +1 -1
- package/eds-icon-chevron-up.entry.esm.js +1 -1
- package/eds-icon-clone.entry.esm.js +1 -1
- package/eds-icon-close.entry.esm.js +1 -1
- package/eds-icon-copy.entry.esm.js +1 -1
- package/eds-icon-download.entry.esm.js +21 -0
- package/eds-icon-draft.entry.esm.js +1 -1
- package/eds-icon-edit.entry.esm.js +1 -1
- package/eds-icon-eu.entry.esm.js +1 -1
- package/eds-icon-external.entry.esm.js +1 -1
- package/eds-icon-facebook.entry.esm.js +1 -1
- package/eds-icon-gitlab.entry.esm.js +1 -1
- package/eds-icon-linkedin.entry.esm.js +1 -1
- package/eds-icon-loader.entry.esm.js +1 -1
- package/eds-icon-mastodon.entry.esm.js +1 -1
- package/eds-icon-menu.entry.esm.js +1 -1
- package/eds-icon-minus.entry.esm.js +1 -1
- package/eds-icon-more.entry.esm.js +1 -1
- package/eds-icon-paper.entry.esm.js +1 -1
- package/eds-icon-plus.entry.esm.js +1 -1
- package/eds-icon-portal.entry.esm.js +1 -1
- package/eds-icon-private.entry.esm.js +1 -1
- package/eds-icon-public.entry.esm.js +1 -1
- package/eds-icon-search.entry.esm.js +1 -1
- package/eds-icon-star.entry.esm.js +1 -1
- package/eds-icon-start.entry.esm.js +1 -1
- package/eds-icon-success.entry.esm.js +1 -1
- package/eds-icon-thumbs-down.entry.esm.js +1 -1
- package/eds-icon-thumbs-up.entry.esm.js +1 -1
- package/eds-icon-tutorial.entry.esm.js +1 -1
- package/eds-icon-twitter.entry.esm.js +1 -1
- package/eds-icon-unknown.entry.esm.js +1 -1
- package/eds-icon-updown.entry.esm.js +1 -1
- package/eds-icon-user.entry.esm.js +1 -1
- package/eds-icon-view.entry.esm.js +1 -1
- package/eds-icon-youtube.entry.esm.js +1 -1
- package/eds-modal.entry.esm.js +10 -10
- package/eds-progress-bar.entry.esm.js +4 -4
- package/eds-section-core_2.entry.esm.js +5 -5
- package/eds-social-networks.entry.esm.js +7 -8
- package/eds-timeline.entry.esm.js +4 -4
- package/eds-toast-manager.entry.esm.js +1 -1
- package/eds-trl.entry.esm.js +2 -2
- package/incorrect-use-of-colors.entry.esm.js +8 -8
- package/index.esm.js +1 -1
- package/index.esm2.js +10 -11
- package/logo-space.entry.esm.js +9 -9
- package/logo-variations-horizontal_2.entry.esm.js +28 -28
- package/logo-variations-tabs.entry.esm.js +1 -1
- package/logo-wrong-usage.entry.esm.js +25 -25
- package/package.json +1 -1
- package/src/components.d.ts +1 -0
- package/src/generated/components.d.ts +0 -1
- package/svg-repository.entry.esm.js +3 -18
- package/token-list_3.entry.esm.js +5 -5
- package/token-ratios.entry.esm.js +3 -3
- package/token-spacing.entry.esm.js +26 -26
- package/token-typography.entry.esm.js +2 -2
- package/eds-spinner.entry.esm.js +0 -104
- package/eds-tooltip.entry.esm.js +0 -47
package/eds-modal.entry.esm.js
CHANGED
|
@@ -4,7 +4,7 @@ import 'react';
|
|
|
4
4
|
import 'react/jsx-runtime';
|
|
5
5
|
import 'react-dom';
|
|
6
6
|
|
|
7
|
-
const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-
|
|
7
|
+
const edsModalCss = ".block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.hidden{display:none}.fixed{position:fixed}.inset-0{inset:0rem}.z-10{z-index:10}.z-50{z-index:50}.z-50{z-index:50}.z-9999991{z-index:9999991}.w-full{width:100%}.min-w-full{min-width:100%}.max-w-full{max-width:100%}.absolute{position:absolute}.px-20{padding-left:1.25rem;padding-right:1.25rem}.py-20{padding-top:1.25rem;padding-bottom:1.25rem}.bg-inverse{background-color:var(--white)}.bg-dark{background-color:var(--grey-300)}.rounded-lg{border-radius:16px}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.p-6{padding:0.375rem}.p-8{padding:0.5rem}.left-1\\/2{left:50%}.left-20{left:1.25rem}.right-20{right:1.25rem}.top-1\\/2{top:50%}.top-0{top:0rem}.left-0{left:0rem}.top-20{top:1.25rem}.bottom-0{bottom:0rem}.bottom-20{bottom:1.25rem}.grow{flex-grow:1}.-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))}.-translate-y-1\\/2{--tw-translate-y:-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))}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.border-b-2{border-bottom-width:2px}.border-softer{border-color:rgba(0, 0, 0, .1)}.pb-8{padding-bottom:0.5rem}.f-heading-03{font-family:var(--f-heading-03-fontFamily);font-weight:var(--f-heading-03-fontWeight);font-size:var(--f-heading-03-fontSize);line-height:var(--f-heading-03-lineHeight);letter-spacing:var(--f-heading-03-letterSpacing)}.f-heading-04{font-family:var(--f-heading-04-fontFamily);font-weight:var(--f-heading-04-fontWeight);font-size:var(--f-heading-04-fontSize);line-height:var(--f-heading-04-lineHeight);letter-spacing:var(--f-heading-04-letterSpacing)}.f-heading-05{font-family:var(--f-heading-05-fontFamily);font-weight:var(--f-heading-05-fontWeight);font-size:var(--f-heading-05-fontSize);line-height:var(--f-heading-05-lineHeight);letter-spacing:var(--f-heading-05-letterSpacing)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.text-lightest{color:var(--grey-500)}.text-default{color:var(--black)}.text-inverse{color:var(--white)}.bg-dark{background-color:var(--grey-300)}.bg-strong{background-color:var(--grey-700)}.bg-strongest{background-color:var(--black)}.ml-8{margin-left:0.5rem}.pt-8{padding-top:0.5rem}.bg-opacity-90{opacity:0.9}.line-clamp-1{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.line-clamp-3{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}@media (min-width: 750px){.md\\:bottom-20{bottom:1.25rem}.md\\:w-auto{width:auto}.md\\:min-w-\\[500px\\]{width:500px}.md\\:top-20{top:1.25rem}.md\\:top-1\\/2{top:50%}.md\\:left-1\\/2{left:50%}.md\\:flex{display:flex}.md\\:hidden{display:none}.md\\:-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))}.md\\:-translate-y-1\\/2{--tw-translate-y:-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))}.md\\:gap-y-12{row-gap:0.75rem}}";
|
|
8
8
|
const EdsModalStyle0 = edsModalCss;
|
|
9
9
|
const EdsModal = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -105,40 +105,40 @@ const EdsModal = class {
|
|
|
105
105
|
// Generate a unique id for the title so we can reference it for aria-labelledby.
|
|
106
106
|
const titleId = `modal-title-${this.el.tagName.toLowerCase()}`;
|
|
107
107
|
return h("div", {
|
|
108
|
-
key: '
|
|
108
|
+
key: 'e0f35ad87e3b21b98d8d37640f660f2fd490d748',
|
|
109
109
|
id: "eds-modal",
|
|
110
|
-
class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-
|
|
110
|
+
class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999991 flex`,
|
|
111
111
|
role: "dialog",
|
|
112
112
|
"aria-modal": "true",
|
|
113
113
|
"aria-labelledby": titleId
|
|
114
114
|
}, this.isOpen && h("div", {
|
|
115
|
-
key: '
|
|
115
|
+
key: 'cd0bc54ff3e25545709c26f19b2a30f838423250',
|
|
116
116
|
class: "fixed inset-0 bg-dark bg-opacity-90" // Add backdrop-blur utility class here
|
|
117
117
|
,
|
|
118
118
|
|
|
119
119
|
onClick: () => this.close()
|
|
120
120
|
}), h("div", {
|
|
121
|
-
key: '
|
|
121
|
+
key: '314c45094d1f3b7d1b725341a3294fdca9732a26',
|
|
122
122
|
class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center`
|
|
123
123
|
}, h("div", {
|
|
124
|
-
key: '
|
|
124
|
+
key: '8401bca8601d7681d641c04d16a4efe7ba1a4a9f',
|
|
125
125
|
class: `flex justify-between items-center border-b-2 border-softer px-20 py-20 ${this.inverseHeader ? 'bg-strongest text-inverse' : 'bg-dark text-default'}`
|
|
126
126
|
}, h("span", {
|
|
127
|
-
key: '
|
|
127
|
+
key: '9a761bf7dc2a97d192a0d280533e6bbcba1871d2',
|
|
128
128
|
id: titleId,
|
|
129
129
|
class: `f-heading-04 ${this.getTruncateClass()}`
|
|
130
130
|
}, this.heading), h("eds-button", {
|
|
131
|
-
key: '
|
|
131
|
+
key: '631a15d8b010215d68243bcd43ec5c45899474bf',
|
|
132
132
|
intent: "tertiary",
|
|
133
133
|
icon: "close",
|
|
134
134
|
"aria-label": "Close modal",
|
|
135
135
|
onClick: () => this.close(),
|
|
136
136
|
"extra-class": "ml-8 text-default"
|
|
137
137
|
})), h("div", {
|
|
138
|
-
key: '
|
|
138
|
+
key: '6718fd42a10f6f861fb910e1b32d42607cf8b7bf',
|
|
139
139
|
class: "pt-8 px-20 py-20"
|
|
140
140
|
}, h("slot", {
|
|
141
|
-
key: '
|
|
141
|
+
key: 'ac9289dd32dcd985d79c882cddb3203b57f42101'
|
|
142
142
|
}))));
|
|
143
143
|
}
|
|
144
144
|
get el() {
|
|
@@ -25,7 +25,7 @@ const EdsProgressBar = class {
|
|
|
25
25
|
// Fill bar classes (conditionally rounded only when >0)
|
|
26
26
|
const fillClasses = ['inner', 'h-full', 'transition-all', 'duration-300', 'bg-accent', progressValue > 0 && this.rounded ? 'rounded-lg' : '', 'z-0'].filter(Boolean).join(' ');
|
|
27
27
|
return h("div", {
|
|
28
|
-
key: '
|
|
28
|
+
key: '6a0e7cb42770cecd023f07cd26a3e2716a9c9905',
|
|
29
29
|
role: "progressbar",
|
|
30
30
|
"aria-valuemin": "0",
|
|
31
31
|
"aria-valuemax": "100",
|
|
@@ -33,16 +33,16 @@ const EdsProgressBar = class {
|
|
|
33
33
|
"aria-valuetext": `${progressValue}%`,
|
|
34
34
|
class: outerClasses
|
|
35
35
|
}, h("div", {
|
|
36
|
-
key: '
|
|
36
|
+
key: '854743f0fc1b916ec24c7e657349871f2175fc64',
|
|
37
37
|
class: fillClasses,
|
|
38
38
|
style: {
|
|
39
39
|
width: `${progressValue}%`
|
|
40
40
|
}
|
|
41
41
|
}), h("div", {
|
|
42
|
-
key: '
|
|
42
|
+
key: '74d46ff06e9b41d81563b49c1939a989e32877d5',
|
|
43
43
|
class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
|
|
44
44
|
}, h("span", {
|
|
45
|
-
key: '
|
|
45
|
+
key: '0c5925f73934b71e96c6d006c4f7b3a21d144b74',
|
|
46
46
|
class: "text-default f-body-02"
|
|
47
47
|
}, progressValue, "%")));
|
|
48
48
|
}
|
|
@@ -15,13 +15,13 @@ const EdsSectionCore = class {
|
|
|
15
15
|
render() {
|
|
16
16
|
const TagType = this.tag; // Set dynamic tag type (div or section)
|
|
17
17
|
return h(TagType, {
|
|
18
|
-
key: '
|
|
18
|
+
key: '4765a07e798f1a622c25ec145c31345b27e1815d'
|
|
19
19
|
}, h("eds-section-heading", {
|
|
20
|
-
key: '
|
|
20
|
+
key: 'a320ac532863eaabbc1901ab5d9e9d0c14ae7556',
|
|
21
21
|
headingLevel: this.headingLevel,
|
|
22
22
|
sectionTitle: this.sectionTitle
|
|
23
23
|
}), h("slot", {
|
|
24
|
-
key: '
|
|
24
|
+
key: '8de34d1949c0a7d0d83f977d18d36f435444401d'
|
|
25
25
|
}));
|
|
26
26
|
}
|
|
27
27
|
};
|
|
@@ -52,7 +52,7 @@ const EdsSectionHeading = class {
|
|
|
52
52
|
const TagType = this.tag; // Dynamically set tag type for the container
|
|
53
53
|
const HeadingTag = this.headingLevel; // Dynamically set heading level
|
|
54
54
|
return h(TagType, {
|
|
55
|
-
key: '
|
|
55
|
+
key: '960224968ba731050d2b208a07c1faddc386746b',
|
|
56
56
|
class: {
|
|
57
57
|
'ui-section-header flex flex-wrap items-center justify-between gap-x-12 gap-y-8': true,
|
|
58
58
|
container: this.withContainer,
|
|
@@ -60,7 +60,7 @@ const EdsSectionHeading = class {
|
|
|
60
60
|
'pt-28': !this.spacingLarge
|
|
61
61
|
}
|
|
62
62
|
}, h(HeadingTag, {
|
|
63
|
-
key: '
|
|
63
|
+
key: 'fc93452bfe1bac130654a187d7d42ee18f273147',
|
|
64
64
|
class: this.getHeadingClass()
|
|
65
65
|
}, this.sectionTitle));
|
|
66
66
|
}
|
|
@@ -3,7 +3,7 @@ import 'react';
|
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react-dom';
|
|
5
5
|
|
|
6
|
-
const edsSocialNetworksCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.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)}.
|
|
6
|
+
const edsSocialNetworksCss = "blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}.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)}.mt-12{margin-top:0.75rem}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.gap-4{gap:0.25rem}.effect-color{transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:300ms;transition-timing-function:cubic-bezier(0, 0, 0.2, 1)}.effect-focus{outline-width:3px;outline-offset:2px;outline-color:var(--green-500)}.text-light{color:var(--grey-700)}.text-lighter{color:var(--grey-600)}.hover\\:text-default:hover{color:var(--black)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.rounded-sm{border-radius:8px}";
|
|
7
7
|
const EdsSocialNetworksStyle0 = edsSocialNetworksCss;
|
|
8
8
|
const EdsSocialNetworks = class {
|
|
9
9
|
constructor(hostRef) {
|
|
@@ -45,24 +45,23 @@ const EdsSocialNetworks = class {
|
|
|
45
45
|
/**
|
|
46
46
|
* Renders the component's HTML structure with links to EBRAINS social profiles.
|
|
47
47
|
* Each social network link uses the `eds-link` component with specific classes and styles.
|
|
48
|
-
*
|
|
49
|
-
* @returns {JSX.Element} The rendered JSX for the component.
|
|
50
48
|
*/
|
|
51
49
|
render() {
|
|
52
|
-
return h("
|
|
53
|
-
key: '
|
|
50
|
+
return h("nav", {
|
|
51
|
+
key: '907adc08d4e02f34994a057146a60b734d6ab81b',
|
|
52
|
+
"aria-label": "Social media"
|
|
54
53
|
}, h("p", {
|
|
55
|
-
key: '
|
|
54
|
+
key: 'a3620851f2e31d662a812ac74e831f023d2646a4',
|
|
56
55
|
class: "f-ui-02"
|
|
57
56
|
}, this.heading), h("ul", {
|
|
58
|
-
key: '
|
|
57
|
+
key: 'b8fece03b5ed995a9dba78cf0445a4eb46787bdc',
|
|
59
58
|
class: "mt-12 flex gap-4"
|
|
60
59
|
}, this.socialNetworks.map((network, index) => h("li", {
|
|
61
60
|
key: index
|
|
62
61
|
}, h("eds-link", {
|
|
63
62
|
"extra-class": "effect-color effect-focus text-lighter hover:text-default flex items-center justify-center rounded-sm",
|
|
64
63
|
external: true,
|
|
65
|
-
"aria-label": network.label
|
|
64
|
+
"aria-label": `EBRAINS on ${network.label}`,
|
|
66
65
|
url: network.url,
|
|
67
66
|
icon: network.icon,
|
|
68
67
|
intent: "strong"
|
|
@@ -46,16 +46,16 @@ const EdsTimeline = class {
|
|
|
46
46
|
}
|
|
47
47
|
render() {
|
|
48
48
|
return h("div", {
|
|
49
|
-
key: '
|
|
49
|
+
key: '32a281ea95b422dce623838fb46b2baf2362618d',
|
|
50
50
|
class: "max-w-sidebar mx-auto px-4 py-8"
|
|
51
51
|
}, h("div", {
|
|
52
|
-
key: '
|
|
52
|
+
key: '8709096bd0e6826888ded5656a68e88a60229927',
|
|
53
53
|
class: "relative"
|
|
54
54
|
}, h("div", {
|
|
55
|
-
key: '
|
|
55
|
+
key: '41fab313fc2d44e63a5b83b90c24650e8d8de74e',
|
|
56
56
|
class: "absolute w-4 left-1/2 transform -translate-x-1/2 bg-strong h-full z-0"
|
|
57
57
|
}), h("div", {
|
|
58
|
-
key: '
|
|
58
|
+
key: '8b386581105a89c677fe374e8248f67bf3ec07cd',
|
|
59
59
|
class: "space-y-16"
|
|
60
60
|
}, this.parsedEvents.map((event, index) => h("div", {
|
|
61
61
|
class: "relative flex"
|
package/eds-trl.entry.esm.js
CHANGED
|
@@ -51,10 +51,10 @@ const EdsTrl = class {
|
|
|
51
51
|
}
|
|
52
52
|
};
|
|
53
53
|
return h("div", {
|
|
54
|
-
key: '
|
|
54
|
+
key: 'f83fab1ad31bef37b5239c67e635d26d22714e3f',
|
|
55
55
|
class: "container mx-auto px-4 py-8"
|
|
56
56
|
}, h("eds-table", {
|
|
57
|
-
key: '
|
|
57
|
+
key: '594b47098606f772f043da8171a11d5dcbb0513f',
|
|
58
58
|
"table-data": JSON.stringify(tableData),
|
|
59
59
|
config: JSON.stringify(tableConfig),
|
|
60
60
|
"rows-per-page": "2",
|
|
@@ -29,23 +29,23 @@ const IncorrectUseOfColors = class {
|
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
31
|
return h("div", {
|
|
32
|
-
key: '
|
|
32
|
+
key: '9822fa84b1af42bc1f1eb31bae9b60736f27c692',
|
|
33
33
|
class: "container"
|
|
34
34
|
}, h("div", {
|
|
35
|
-
key: '
|
|
35
|
+
key: 'c67d9626f5ceba5fcde0cb279fb9d15c73166cfb',
|
|
36
36
|
class: "mb-8"
|
|
37
37
|
}, h("eds-alert", {
|
|
38
|
-
key: '
|
|
38
|
+
key: '898d449b311306781b323968edb0c2d7e03b0d32',
|
|
39
39
|
message: "Note that, each of the four colour tones cannot be mixed in the same composition.",
|
|
40
40
|
intent: "error"
|
|
41
41
|
})), h("div", {
|
|
42
|
-
key: '
|
|
42
|
+
key: '2409916ecc2de685042d1f93f02d656270457a19',
|
|
43
43
|
class: "flex"
|
|
44
44
|
}, h("div", {
|
|
45
|
-
key: '
|
|
45
|
+
key: '305965230c45b879c68004ca985f8d6e9b4482ab',
|
|
46
46
|
class: "w-full"
|
|
47
47
|
}, h("ul", {
|
|
48
|
-
key: '
|
|
48
|
+
key: 'a66a5a76d3d1d7167b0655e7a1af9310655b9881',
|
|
49
49
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
50
50
|
}, primary.map(color => h("li", {
|
|
51
51
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
|
@@ -55,10 +55,10 @@ const IncorrectUseOfColors = class {
|
|
|
55
55
|
backgroundColor: color.background
|
|
56
56
|
}
|
|
57
57
|
}))))), h("div", {
|
|
58
|
-
key: '
|
|
58
|
+
key: 'e962b2b3bff48395983243ac2cf877d03ced85b6',
|
|
59
59
|
class: "w-full"
|
|
60
60
|
}, h("ul", {
|
|
61
|
-
key: '
|
|
61
|
+
key: '38a2b41471334181fc3e70dd7eaf10b957bdaada',
|
|
62
62
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
63
63
|
}, incorrect.map(color => h("li", {
|
|
64
64
|
class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
|
package/index.esm.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { E as EdsAccordion, a as EdsAlert, b as EdsAvatar, d as EdsBlockBreak, e as EdsBreadcrumb, f as EdsButton, i as EdsCardGeneric, j as EdsCardSection, k as EdsCodeBlock, l as EdsDropdown, m as EdsFeedback, n as EdsFooter, o as EdsForm, p as EdsFullscreenMenu, q as EdsGauge, s as
|
|
1
|
+
export { E as EdsAccordion, a as EdsAlert, b as EdsAvatar, d as EdsBlockBreak, e as EdsBreadcrumb, f as EdsButton, i as EdsCardGeneric, j as EdsCardSection, k as EdsCodeBlock, l as EdsDropdown, m as EdsFeedback, n as EdsFooter, o as EdsForm, p as EdsFullscreenMenu, q as EdsGauge, s as EdsGlobalSearch, t as EdsHeader, u as EdsIconWrapper, v as EdsImg, w as EdsInputField, x as EdsInputFooter, y as EdsInputLabel, z as EdsLink, A as EdsLogo, B as EdsMatomoNotice, C as EdsModal, D as EdsNps, F as EdsPagination, G as EdsPie, I as EdsProgressBar, J as EdsRating, K as EdsSocialNetworks, L as EdsSpinner, M as EdsSplashScreen, N as EdsSteps, O as EdsStepsV2, P as EdsSwitch, Q as EdsTable, R as EdsTabs, S as EdsTag, T as EdsToast, U as EdsTooltip, V as EdsUser } from './index.esm2.js';
|
|
2
2
|
import 'react';
|
|
3
3
|
import 'react/jsx-runtime';
|
|
4
4
|
import 'react-dom';
|