@ebrains/react 2.4.0 → 2.4.1
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 +1 -1
- 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/eds-accordion_37.entry.esm.js +22 -22
- package/eds-app-root.entry.esm.js +4 -4
- package/eds-cookies-preference.entry.esm.js +2 -2
- package/eds-footer.entry.esm.js +23 -13
- package/eds-frame.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 +1 -1
- 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 +3 -3
- 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 +1 -1
- 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 +2 -2
- 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
|
@@ -34,18 +34,18 @@ const EdsAppRoot = class {
|
|
|
34
34
|
}
|
|
35
35
|
render() {
|
|
36
36
|
return h("div", {
|
|
37
|
-
key: '
|
|
37
|
+
key: 'd05cf471a9e7dfd9a5e87311def9774510e1b30a'
|
|
38
38
|
}, h("eds-splash-screen", {
|
|
39
|
-
key: '
|
|
39
|
+
key: 'ae568d4bda15c9e99365f37421b4caad9576c6a0',
|
|
40
40
|
inverse: true,
|
|
41
41
|
initPromise: this.combinedInitPromise
|
|
42
42
|
}), h("eds-login", {
|
|
43
|
-
key: '
|
|
43
|
+
key: '624b82b77f87e636bed424ec66dc564120f370c2',
|
|
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: 'fb8a582f971c715e34be9c3e0ed8b3437dea883d'
|
|
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: 'daf8dae47d699797488bddeb6be5951647d26a86'
|
|
33
33
|
}, h("eds-link", {
|
|
34
|
-
key: '
|
|
34
|
+
key: 'a07c16a0c89acc9230a3ebebbd4bb4d1993f34ab',
|
|
35
35
|
size: "small",
|
|
36
36
|
intent: this.intent,
|
|
37
37
|
label: this.buttonText,
|
package/eds-footer.entry.esm.js
CHANGED
|
@@ -85,24 +85,34 @@ const EdsFooter = class {
|
|
|
85
85
|
class: "effect-focus focus-visible:rounded-xs flex w-[54px] ml-0",
|
|
86
86
|
href: "https://research-and-innovation.ec.europa.eu/funding/funding-opportunities/funding-programmes-and-open-calls/horizon-europe_en",
|
|
87
87
|
"aria-label": "Learn about Horizon Europe funding"
|
|
88
|
-
}, h("
|
|
89
|
-
key: '
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
88
|
+
}, h("svg", {
|
|
89
|
+
key: 'ccec5c50780a74912f51a46e79c5064e099cf678',
|
|
90
|
+
class: "h-auto w-full fill-current",
|
|
91
|
+
width: "63",
|
|
92
|
+
height: "50",
|
|
93
|
+
viewBox: "0 0 640 480",
|
|
94
|
+
fill: "none",
|
|
95
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
96
|
+
}, h("path", {
|
|
97
|
+
key: '8aa7bbb7cd4e3386c11c194af1ee63a19fa9de34',
|
|
98
|
+
d: "M0 0h640v480H0V0z",
|
|
99
|
+
fill: "#039"
|
|
100
|
+
}), h("path", {
|
|
101
|
+
key: 'c5fcce97d10391a07c081558b970175d80da1106',
|
|
102
|
+
d: "M325.032 93.15l17.513-.398-14.401 9.972 5.789 16.53L320 108.639l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.396L320 76.374l5.032 16.775zm0 284.444l17.513-.398-14.401 9.972 5.789 16.53L320 393.083l-13.933 10.615 5.789-16.531-14.399-9.97 17.51.397L320 360.818l5.032 16.776zm-147.25-158.983l5.029 16.761 17.511-.397-14.4 9.969 5.79 16.533-13.933-10.616-13.932 10.616 5.788-16.531-14.401-9.971 17.511.397 5.028-16.761.004-.015.001.003.001-.003.003.015zm77.885-105.334l17.511-.397-14.401 9.971 5.79 16.531-13.932-10.614-13.933 10.615 5.788-16.531-14.4-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.032 16.775zm-52.729 52.729l17.511-.398h.002l-14.402 9.971 5.79 16.531-13.933-10.615-13.932 10.615 5.789-16.532-14.4-9.97 17.51.397 5.033-16.776 5.032 16.777zm-5.001 125.803l5.027 16.759 17.513-.397-14.401 9.971 5.79 16.531-.005-.005.003.006-13.932-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.396 5.029-16.759.004-.016v.003l.002-.003.003.016zm51.445 47.71l5.027 16.76 17.513-.397-14.401 9.97 5.791 16.532-.004-.004.002.004-13.933-10.615-13.933 10.615 5.788-16.532-14.398-9.97 17.51.397 5.029-16.76.004-.016v.003l.002-.003.003.016zm217.873-104.147l17.511-.397-14.401 9.969 5.79 16.533-13.934-10.616-13.931 10.616 5.789-16.533-14.399-9.969 17.509.397 5.034-16.776 5.032 16.776zm-63.958-95.997l-5.786-16.522 14.401-9.972-17.511.398-5.033-16.778-5.034 16.777-17.51-.398 14.4 9.972-5.789 16.53 13.932-10.614 13.934 10.614-.004-.007zm38.797 42.122l13.934 10.614-.004-.007-5.787-16.524 14.401-9.971-17.51.399-5.033-16.778-5.033 16.777-17.51-.398h-.001l14.399 9.972-5.787 16.529 13.931-10.613zm5.007 127.071l17.51-.397-14.4 9.971 5.79 16.531-13.933-10.614-13.932 10.615 5.788-16.531-14.401-9.971h.005l-.003-.001 17.51.397 5.033-16.775 5.033 16.775zm-51.446 47.711l17.511-.397-14.4 9.97 5.79 16.532-13.933-10.615-13.933 10.615 5.789-16.531-14.401-9.971h.002l17.51.397 5.033-16.776 5.032 16.776z",
|
|
103
|
+
fill: "#FC0"
|
|
104
|
+
})))), h("div", {
|
|
105
|
+
key: '11168a0466d48398c6e9318317141966b5a2f996'
|
|
96
106
|
}, h("div", {
|
|
97
|
-
key: '
|
|
107
|
+
key: '3728a394fd33133169f17e26ba5135e4c7e28f0a',
|
|
98
108
|
class: "f-ui-02 text-light"
|
|
99
109
|
}, h("p", {
|
|
100
|
-
key: '
|
|
110
|
+
key: '2329c76b69487d4c4f8fff0b0daa0ab8ce0ea15c'
|
|
101
111
|
}, this.fundedBy), h("div", {
|
|
102
|
-
key: '
|
|
112
|
+
key: 'c9423d9261da2d3f0ff3b5f00fc8e24522733f32',
|
|
103
113
|
class: "mt-4 flex flex-wrap gap-12 lg:flex-nowrap inline-block"
|
|
104
114
|
}, h("span", {
|
|
105
|
-
key: '
|
|
115
|
+
key: '3257b0c6f7952e4d70e35fa93ba8e4bae23369b7',
|
|
106
116
|
class: "effect-focus !no-underline decoration-2 underline-offset-4 hover:!underline mr-4"
|
|
107
117
|
}, "\u00A9 ", rights), this.enableCookiesSettings ? h("eds-link", {
|
|
108
118
|
label: this.cookiesPreferences,
|
|
@@ -112,7 +122,7 @@ const EdsFooter = class {
|
|
|
112
122
|
this.toggleCookiesConsent();
|
|
113
123
|
}
|
|
114
124
|
}) : null))), h("div", {
|
|
115
|
-
key: '
|
|
125
|
+
key: '9ef1a84e41dea0dda90a699a9ff8a844e3b6294d',
|
|
116
126
|
class: "ml-auto pl-12"
|
|
117
127
|
}, this.enableScrollTop ? h("div", {
|
|
118
128
|
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: 'dce969c76fcfbb77f315ab0203ef77136f8a449b',
|
|
77
77
|
class: this.articleClasses()
|
|
78
78
|
}, h("div", {
|
|
79
|
-
key: '
|
|
79
|
+
key: '80ab4a9035e3008708a4f4bfe53d9679a9e687d1',
|
|
80
80
|
class: "effect-height flex items-center justify-between py-8 px-12"
|
|
81
81
|
}, h("span", {
|
|
82
|
-
key: '
|
|
82
|
+
key: 'f065ee637af801e5fbc8039211384002dd594d84',
|
|
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: 'eae4f61cec9aab217116dbed39c54b39fc5b2040',
|
|
94
94
|
class: "border-softer"
|
|
95
95
|
}, this.iframeError ? h("div", {
|
|
96
96
|
class: "container ml-8 mr-8 mt-16"
|
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: '6b7cbab7db29bb09415bb9538d69ac9a238a7776',
|
|
109
109
|
id: "eds-modal",
|
|
110
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: '56f00980b2f843b5c1ce85502409d4711d89fad7',
|
|
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: '687e1975bb8a17b0a6eb42038f72117dc71ca876',
|
|
122
122
|
class: `container absolute bg-inverse z-10 ${this.getModalPositionClasses()} grow justify-center`
|
|
123
123
|
}, h("div", {
|
|
124
|
-
key: '
|
|
124
|
+
key: '653886c1ee090152b0a9d8dbb6e554762496167f',
|
|
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: 'efefadd7e6630d9d9b498e68480a41b604c16c9f',
|
|
128
128
|
id: titleId,
|
|
129
129
|
class: `f-heading-04 ${this.getTruncateClass()}`
|
|
130
130
|
}, this.heading), h("eds-button", {
|
|
131
|
-
key: '
|
|
131
|
+
key: '79a156bd0640990911f1480a4e6becc7c4c20d7b',
|
|
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: '802a6cc72f1bb41e8f907baa8d37cb5a01baf0cf',
|
|
139
139
|
class: "pt-8 px-20 py-20"
|
|
140
140
|
}, h("slot", {
|
|
141
|
-
key: '
|
|
141
|
+
key: '1a59aaa764e4c4ed972de7a700ddf8f716e40e58'
|
|
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: 'a3a56c8ed86104fb26ce5a3f7d583d02705b59d0',
|
|
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: 'ef56ff5501bfec77174a90dafabdd35210936c9d',
|
|
37
37
|
class: fillClasses,
|
|
38
38
|
style: {
|
|
39
39
|
width: `${progressValue}%`
|
|
40
40
|
}
|
|
41
41
|
}), h("div", {
|
|
42
|
-
key: '
|
|
42
|
+
key: '69eec5cd3a6b8fec6defa621b69559da47df66a6',
|
|
43
43
|
class: "absolute inset-0 flex items-center justify-center pointer-events-none z-10"
|
|
44
44
|
}, h("span", {
|
|
45
|
-
key: '
|
|
45
|
+
key: '7fdeea8fbe2e600daca350e67a27fbed9708c1e1',
|
|
46
46
|
class: "text-default f-body-02"
|
|
47
47
|
}, progressValue, "%")));
|
|
48
48
|
}
|