@ebrains/react 2.1.0 → 2.2.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_34.entry.esm.js} +49 -46
- package/eds-app-root.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-icon-bluesky.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 +8 -8
- 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-spinner.entry.esm.js +4 -4
- 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.esm2.js +6 -6
- 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/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-tooltip.entry.esm.js +0 -47
|
@@ -34,18 +34,18 @@ const EdsAppRoot = class {
|
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
36
|
return h("div", {
|
|
37
|
-
key: '
|
|
37
|
+
key: '01c80f8c47f13066a4b9e6978951c2a264efbd15'
|
|
38
38
|
}, h("eds-splash-screen", {
|
|
39
|
-
key: '
|
|
39
|
+
key: 'bb17fc106515c71c7d70196a933301987c69ae4b',
|
|
40
40
|
inverse: true,
|
|
41
41
|
initPromise: this.combinedInitPromise
|
|
42
42
|
}), h("eds-login", {
|
|
43
|
-
key: '
|
|
43
|
+
key: 'dbedc547296adc5ca8c9c9ff3e7c85e33e104e92',
|
|
44
44
|
"keycloak-url": "http://localhost:8080",
|
|
45
45
|
"keycloak-realm": "nigeor-realm",
|
|
46
46
|
"keycloak-client-id": "stencil-app"
|
|
47
47
|
}), h("main", {
|
|
48
|
-
key: '
|
|
48
|
+
key: '24ce16d73eb316e5fdbc0a3bdd16b44cc6a740a4'
|
|
49
49
|
}, this.isAuthenticated ? h("h1", null, "Welcome, authenticated user!") : h("h1", null, "Please log in.")));
|
|
50
50
|
}
|
|
51
51
|
};
|
|
@@ -29,9 +29,9 @@ const EdsCookiesPreference = class {
|
|
|
29
29
|
}
|
|
30
30
|
render() {
|
|
31
31
|
return h("div", {
|
|
32
|
-
key: '
|
|
32
|
+
key: '030dd5db2221d5613fae0fb215cac7c20c815c2b'
|
|
33
33
|
}, h("eds-link", {
|
|
34
|
-
key: '
|
|
34
|
+
key: '61d1bdf5e4299e65d980a08d25bec93b089f5330',
|
|
35
35
|
size: "small",
|
|
36
36
|
intent: this.intent,
|
|
37
37
|
label: this.buttonText,
|
|
@@ -61,20 +61,20 @@ const EdsFeedback = class {
|
|
|
61
61
|
const levelNum = this.headingLevel.replace('h', '');
|
|
62
62
|
const headingClass = `f-heading-${levelNum.padStart(2, '0')} my-4`;
|
|
63
63
|
return h("div", {
|
|
64
|
-
key: '
|
|
64
|
+
key: '58d69e0acbaca740439666bb9da015eaa81d160a',
|
|
65
65
|
class: "grid inline"
|
|
66
66
|
}, h(HeadingTag, {
|
|
67
|
-
key: '
|
|
67
|
+
key: 'f7b066a56636e6555ace1b4947e00c293961b4ca',
|
|
68
68
|
class: headingClass
|
|
69
69
|
}, this.label), h("p", {
|
|
70
|
-
key: '
|
|
70
|
+
key: '9bfb1903e25ba6c1d53849874f3309845c1b86dc',
|
|
71
71
|
class: "f-body-01 text-light"
|
|
72
72
|
}, this.description), h("eds-rating", {
|
|
73
|
-
key: '
|
|
73
|
+
key: '785ea01ac3d2f40bb148d52c9c18698c89424175',
|
|
74
74
|
"rating-type": this.type,
|
|
75
75
|
"rating-count": this.count
|
|
76
76
|
}), this.selectedRating > 0 && this.parsedMappings[this.selectedRating - 1] && h("span", {
|
|
77
|
-
key: '
|
|
77
|
+
key: '16d5b1ab0ab56a5e320a878f8259dc643b533e16',
|
|
78
78
|
class: "f-ui-04 text-lighter"
|
|
79
79
|
}, this.parsedMappings[this.selectedRating - 1]));
|
|
80
80
|
}
|
package/eds-footer.entry.esm.js
CHANGED
|
@@ -53,12 +53,10 @@ const EdsFooter = class {
|
|
|
53
53
|
* Renders the footer component with optional sections and elements,
|
|
54
54
|
* including social network links, a Horizon Europe funding acknowledgment, and
|
|
55
55
|
* legal links such as "Cookies Preferences" and copyright information.
|
|
56
|
-
*
|
|
57
|
-
* @returns {JSX.Element} The rendered JSX for the footer component.
|
|
58
56
|
*/
|
|
59
57
|
render() {
|
|
60
58
|
return h("footer", {
|
|
61
|
-
key: '
|
|
59
|
+
key: '844c47f7e5119a577b03d1bf4bb598e891d7f8c7'
|
|
62
60
|
}, this.social ? h("div", {
|
|
63
61
|
class: "border-softest border-t-2 pt-20 md:pt-28"
|
|
64
62
|
}, h("div", {
|
|
@@ -70,39 +68,39 @@ const EdsFooter = class {
|
|
|
70
68
|
}, h("eds-social-networks", {
|
|
71
69
|
class: "mt-28"
|
|
72
70
|
}))))) : null, h("div", {
|
|
73
|
-
key: '
|
|
71
|
+
key: '0a6f03f13cf5513758740ce6f3d3357cac413826',
|
|
74
72
|
class: `border-softest ${this.social ? 'border-t-2' : ''} pb-28 pt-20 md:pt-28`
|
|
75
73
|
}, h("div", {
|
|
76
|
-
key: '
|
|
74
|
+
key: '1751d052c529e46de47bbe09ef24621b546b1514',
|
|
77
75
|
class: "container flex items-center gap-20 lg:flex-nowrap"
|
|
78
76
|
}, h("div", {
|
|
79
|
-
key: '
|
|
77
|
+
key: '86b3c5fac384d1ae0f310d43f9a4492ce96866cf',
|
|
80
78
|
class: "flex items-center gap-x-12"
|
|
81
79
|
}, h("a", {
|
|
82
|
-
key: '
|
|
80
|
+
key: '7fed16c8a7bb7c15ea59438427987303a5a0ae14',
|
|
83
81
|
target: "_blank",
|
|
84
82
|
rel: "noopener noreferrer",
|
|
85
83
|
class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",
|
|
86
84
|
href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en",
|
|
87
85
|
"aria-label": "Learn about Horizon Europe funding"
|
|
88
86
|
}, h("eds-img", {
|
|
89
|
-
key: '
|
|
87
|
+
key: '491b2691d011359df1dc24a2408347574a893ca8',
|
|
90
88
|
width: 54,
|
|
91
89
|
height: 41,
|
|
92
90
|
src: "https://www.ebrains.eu/flags/4x3/eu.svg",
|
|
93
91
|
alt: "European Union Flag"
|
|
94
92
|
}))), h("div", {
|
|
95
|
-
key: '
|
|
93
|
+
key: '50e5d853ee86066c932dd5fa3f04706d21b0d3aa'
|
|
96
94
|
}, h("div", {
|
|
97
|
-
key: '
|
|
95
|
+
key: 'ba36e26f29e1aee7d7da4cd91235419b18ab813a',
|
|
98
96
|
class: "f-ui-04 text-light"
|
|
99
97
|
}, h("p", {
|
|
100
|
-
key: '
|
|
98
|
+
key: '120302d9cdad309da91bcd9f82e81f707f5f5b48'
|
|
101
99
|
}, this.fundedBy), h("div", {
|
|
102
|
-
key: '
|
|
100
|
+
key: '222a27fb7f085750312654c11d03793f02e29676',
|
|
103
101
|
class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"
|
|
104
102
|
}, h("span", {
|
|
105
|
-
key: '
|
|
103
|
+
key: '56db11dc4295c21c5e9d54cbc5568c5889f2dbb9',
|
|
106
104
|
class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4"
|
|
107
105
|
}, "\u00A9 ", this.rightsReserved), this.enableCookiesSettings ? h("eds-link", {
|
|
108
106
|
label: this.cookiesPreferences,
|
|
@@ -112,7 +110,7 @@ const EdsFooter = class {
|
|
|
112
110
|
this.toggleCookiesConsent();
|
|
113
111
|
}
|
|
114
112
|
}) : null))), h("div", {
|
|
115
|
-
key: '
|
|
113
|
+
key: '221f15b6c92e91835dcc2efa3d2247b055690a22',
|
|
116
114
|
class: "ml-auto pl-12"
|
|
117
115
|
}, this.enableScrollTop ? h("div", {
|
|
118
116
|
id: "toTop",
|
package/eds-frame.entry.esm.js
CHANGED
|
@@ -73,13 +73,13 @@ const EdsFrame = class {
|
|
|
73
73
|
}
|
|
74
74
|
render() {
|
|
75
75
|
return h("div", {
|
|
76
|
-
key: '
|
|
76
|
+
key: '665bc189cd905a55a9c6ac31eb2ec82853552f34',
|
|
77
77
|
class: this.articleClasses()
|
|
78
78
|
}, h("div", {
|
|
79
|
-
key: '
|
|
79
|
+
key: '6ad6183a94cd0cb26d3e5641c5e584e8afc652d7',
|
|
80
80
|
class: "effect-height flex items-center justify-between py-8 px-12"
|
|
81
81
|
}, h("span", {
|
|
82
|
-
key: '
|
|
82
|
+
key: '85bd9a7a4475ca3664cadf17ef1e729643c758f6',
|
|
83
83
|
class: "f-ui-02"
|
|
84
84
|
}, this.frameLabel), !this.iframeError && this.url && this.urlLabel ? h("eds-link", {
|
|
85
85
|
label: this.urlLabel,
|
|
@@ -90,7 +90,7 @@ const EdsFrame = class {
|
|
|
90
90
|
disabled: false,
|
|
91
91
|
icon: "arrow-diagonal"
|
|
92
92
|
}) : null), h("div", {
|
|
93
|
-
key: '
|
|
93
|
+
key: '4799d59442cabb05f3bfea26a02db22a429266e6',
|
|
94
94
|
class: "border-softer"
|
|
95
95
|
}, this.iframeError ? h("div", {
|
|
96
96
|
class: "container ml-8 mr-8 mt-16"
|
|
@@ -17,11 +17,16 @@ const EdsFullscreenMenu = class {
|
|
|
17
17
|
this.isMenuOpen = false;
|
|
18
18
|
}
|
|
19
19
|
/**
|
|
20
|
-
* Listens
|
|
21
|
-
*
|
|
20
|
+
* Listens on `body` for `toggleheadermenu` to open/close the menu.
|
|
21
|
+
* The event detail should be a boolean (`true` = open, `false` = close).
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* ```js
|
|
25
|
+
* document.body.dispatchEvent(new CustomEvent('toggleheadermenu', { detail: true }));
|
|
26
|
+
* ```
|
|
22
27
|
*/
|
|
23
28
|
handleToggleMenu(event) {
|
|
24
|
-
this.isMenuOpen = event.detail;
|
|
29
|
+
this.isMenuOpen = !!event.detail;
|
|
25
30
|
}
|
|
26
31
|
/** Opens the menu */
|
|
27
32
|
openMenu() {
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { r as registerInstance, h } from './index.esm2.js';
|
|
2
|
+
import { d as download } from './download-47746956.esm.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
import 'react/jsx-runtime';
|
|
5
|
+
import 'react-dom';
|
|
6
|
+
|
|
7
|
+
const EdsIconDownload = class {
|
|
8
|
+
constructor(hostRef) {
|
|
9
|
+
registerInstance(this, hostRef);
|
|
10
|
+
this.class = '';
|
|
11
|
+
}
|
|
12
|
+
render() {
|
|
13
|
+
return h("span", {
|
|
14
|
+
key: '1fc6b1410cf98a4a992c0d98d78ec27aeac65b7c',
|
|
15
|
+
class: this.class,
|
|
16
|
+
innerHTML: download
|
|
17
|
+
});
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
export { EdsIconDownload as eds_icon_download };
|
package/eds-icon-eu.entry.esm.js
CHANGED
package/eds-modal.entry.esm.js
CHANGED
|
@@ -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: '29700a7b84c8728c11232aaaa526638dc6cd3156',
|
|
109
109
|
id: "eds-modal",
|
|
110
110
|
class: `${this.isOpen ? 'block' : 'hidden'} fixed inset-0 z-9999999 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: '0cc973541fcde90a0b69a8d3b8a95e54d987fd7d',
|
|
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: 'd69445a547c27fccc868bee1dae9537e3e4c9d68',
|
|
122
122
|
class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center`
|
|
123
123
|
}, h("div", {
|
|
124
|
-
key: '
|
|
124
|
+
key: 'e4d3ddcadf49051ebb0fe5c1d12d40f8992a5549',
|
|
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: '6a9e5c1cb187e4684b267859f2150f485d6fcced',
|
|
128
128
|
id: titleId,
|
|
129
129
|
class: `f-heading-04 ${this.getTruncateClass()}`
|
|
130
130
|
}, this.heading), h("eds-button", {
|
|
131
|
-
key: '
|
|
131
|
+
key: '7c9cd571b76cc87e13f9b153c4d24844b40e47c7',
|
|
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: '150e61106d25a1a0ecf470abf14ac5c5ba836b64',
|
|
139
139
|
class: "pt-8 px-20 py-20"
|
|
140
140
|
}, h("slot", {
|
|
141
|
-
key: '
|
|
141
|
+
key: '30100f97aa7504023e43b51fc9bebad20097b480'
|
|
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: '6c273c0fae28e5a1af49eb7e6be7b9fca717a503',
|
|
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: 'a46a83e9086471adde1837e59d909096d59e7882',
|
|
37
37
|
class: fillClasses,
|
|
38
38
|
style: {
|
|
39
39
|
width: `${progressValue}%`
|
|
40
40
|
}
|
|
41
41
|
}), h("div", {
|
|
42
|
-
key: '
|
|
42
|
+
key: '193f2efa8259e7facacba374fff8087e9702c246',
|
|
43
43
|
class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
|
|
44
44
|
}, h("span", {
|
|
45
|
-
key: '
|
|
45
|
+
key: 'e3454f3507d2a30245671698752a7f0f26baff57',
|
|
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: '99f87da56df0ac4b5b28ce721288507beb0cd431'
|
|
19
19
|
}, h("eds-section-heading", {
|
|
20
|
-
key: '
|
|
20
|
+
key: '101137aa9637a95580393a52e7f41d71e8ae8e8b',
|
|
21
21
|
headingLevel: this.headingLevel,
|
|
22
22
|
sectionTitle: this.sectionTitle
|
|
23
23
|
}), h("slot", {
|
|
24
|
-
key: '
|
|
24
|
+
key: '0b6a6131d8e1e2528982571cf7ba617736a34173'
|
|
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: '2af16d4d21378244ba843b619b3fd4f283b3e179',
|
|
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: '8caa529d940fd5d2f7e8f49f7b8e5f2572712f9e',
|
|
64
64
|
class: this.getHeadingClass()
|
|
65
65
|
}, this.sectionTitle));
|
|
66
66
|
}
|