@ebrains/react 0.9.1-beta → 0.9.3-beta
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.entry.esm.js +9 -9
- package/eds-alert.entry.esm.js +2 -2
- package/eds-app-root.entry.esm.js +4 -4
- package/{eds-avatar_26.entry.esm.js → eds-avatar_27.entry.esm.js} +53 -27
- package/eds-card-desc_2.entry.esm.js +4 -4
- package/eds-card-project.entry.esm.js +10 -10
- package/eds-card-tags.entry.esm.js +1 -1
- package/eds-card-tool.entry.esm.js +4 -4
- package/eds-card-wrapper.entry.esm.js +4 -4
- package/eds-code-block.entry.esm.js +7 -7
- package/eds-cookies-preference.entry.esm.js +2 -2
- package/eds-feedback.entry.esm.js +5 -5
- 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-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-close.entry.esm.js +1 -1
- package/eds-icon-copy.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-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-youtube.entry.esm.js +1 -1
- package/eds-login_2.entry.esm.js +2 -2
- package/eds-matomo-notice.entry.esm.js +3 -3
- package/eds-pagination_2.entry.esm.js +12 -12
- package/eds-progress-bar.entry.esm.js +2 -2
- package/eds-rating.entry.esm.js +1 -1
- package/eds-section-core_2.entry.esm.js +5 -5
- package/eds-spinner.entry.esm.js +3 -3
- package/eds-switch.entry.esm.js +5 -5
- package/eds-tabs.entry.esm.js +4 -4
- package/eds-timeline.entry.esm.js +5 -5
- package/eds-toast-manager.entry.esm.js +1 -1
- package/eds-tooltip.entry.esm.js +3 -3
- package/eds-trl.entry.esm.js +2 -2
- package/incorrect-use-of-colors.entry.esm.js +7 -7
- package/index.esm2.js +3 -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 +2 -2
- package/token-list_3.entry.esm.js +5 -5
- package/token-ratios.entry.esm.js +3 -3
- package/token-typography.entry.esm.js +2 -2
- package/eds-modal.entry.esm.js +0 -142
|
@@ -45,7 +45,7 @@ const EdsMatomoNotice = class {
|
|
|
45
45
|
*/
|
|
46
46
|
componentWillLoad() {
|
|
47
47
|
// If a decision has been made previously (opted in or out), don't show the notice.
|
|
48
|
-
const consentGiven = localStorage.getItem(
|
|
48
|
+
const consentGiven = localStorage.getItem(`${window.location.host}-matomo-consent-given`);
|
|
49
49
|
if (consentGiven === 'out' || this.optedOut()) {
|
|
50
50
|
this.showNotice = false;
|
|
51
51
|
return;
|
|
@@ -82,7 +82,7 @@ const EdsMatomoNotice = class {
|
|
|
82
82
|
}
|
|
83
83
|
optInAnalytics() {
|
|
84
84
|
matomoOptIn();
|
|
85
|
-
localStorage.removeItem(
|
|
85
|
+
localStorage.removeItem(`${window.location.host}-matomo-consent-given`);
|
|
86
86
|
this.hideNotice();
|
|
87
87
|
this.consent.emit('in');
|
|
88
88
|
}
|
|
@@ -92,7 +92,7 @@ const EdsMatomoNotice = class {
|
|
|
92
92
|
this.consent.emit('out');
|
|
93
93
|
}
|
|
94
94
|
noThanks() {
|
|
95
|
-
localStorage.setItem(
|
|
95
|
+
localStorage.setItem(`${window.location.host}-matomo-consent-given`, 'out');
|
|
96
96
|
this.hideNotice();
|
|
97
97
|
}
|
|
98
98
|
deferDecision() {
|
|
@@ -172,12 +172,12 @@ const EdsPagination = class {
|
|
|
172
172
|
}
|
|
173
173
|
render() {
|
|
174
174
|
return h("div", {
|
|
175
|
-
key: '
|
|
175
|
+
key: '1d53f69179791434224f152503c0b81c4cfc7cd3'
|
|
176
176
|
}, this.total > 0 && this.mode === 'default' && h("p", {
|
|
177
|
-
key: '
|
|
177
|
+
key: '00ae324b49d62a74feee9d1cde21d67cd726ecf0',
|
|
178
178
|
class: "f-ui-03 text-lightest mb-28 w-full text-center"
|
|
179
179
|
}, h("span", {
|
|
180
|
-
key: '
|
|
180
|
+
key: 'dedf2ce2700eae9d1386b305ec1d1904b133f992',
|
|
181
181
|
class: "sr-only"
|
|
182
182
|
}, "Results:"), this.pageResults()), this.mode === 'navigator' || this.lastPage && this.lastPage > 1 ? h("nav", {
|
|
183
183
|
"aria-label": "Pagination"
|
|
@@ -424,9 +424,9 @@ const EdsTable = class {
|
|
|
424
424
|
const paginatedRows = this.getPaginatedRows();
|
|
425
425
|
const lastPage = Math.ceil(this.totalRows / this.rowsPerPage);
|
|
426
426
|
return h("div", {
|
|
427
|
-
key: '
|
|
427
|
+
key: '9ac7ad4f02237c02eaf5d3b351ded21bce29bd6c'
|
|
428
428
|
}, this.searchEnabled && h("div", {
|
|
429
|
-
key: '
|
|
429
|
+
key: '1cecf9a9089391c3bce72dd53a6f5ffa92692661'
|
|
430
430
|
}, h("eds-input-field", {
|
|
431
431
|
key: 1,
|
|
432
432
|
name: "search",
|
|
@@ -436,15 +436,15 @@ const EdsTable = class {
|
|
|
436
436
|
// @ts-ignore
|
|
437
437
|
onInput: event => this.handleSearch(event)
|
|
438
438
|
})), h("div", {
|
|
439
|
-
key: '
|
|
439
|
+
key: '435bbfd0a4dd3ddd0a7766863cdd8c2eaf41eb8f',
|
|
440
440
|
class: "mt-20"
|
|
441
441
|
}, h("table", {
|
|
442
|
-
key: '
|
|
442
|
+
key: '4785490532015b7069be068e80135220f37c3955',
|
|
443
443
|
class: "block overflow-x-auto mt-6 p-0"
|
|
444
444
|
}, h("thead", {
|
|
445
|
-
key: '
|
|
445
|
+
key: '8a99a961cf350bca26b1f73b8ffd6c8e1c48378f'
|
|
446
446
|
}, h("tr", {
|
|
447
|
-
key: '
|
|
447
|
+
key: 'a4ee04e342687830e905a3bd5217e53e513f0167',
|
|
448
448
|
class: "m-0 p-0 border border-softer even:bg-inverse-softer"
|
|
449
449
|
}, this.columns.map(column => {
|
|
450
450
|
var _a;
|
|
@@ -455,7 +455,7 @@ const EdsTable = class {
|
|
|
455
455
|
}
|
|
456
456
|
}, column);
|
|
457
457
|
}))), h("tbody", {
|
|
458
|
-
key: '
|
|
458
|
+
key: '3c764ac7137d1b21f45003c6df5324e7d0db749f'
|
|
459
459
|
}, paginatedRows.map(row => h("tr", {
|
|
460
460
|
class: "m-0 p-0 border border-softer even:bg-inverse-softer"
|
|
461
461
|
}, this.columns.map(column => {
|
|
@@ -467,10 +467,10 @@ const EdsTable = class {
|
|
|
467
467
|
}
|
|
468
468
|
}, this.renderCell(row[column], column));
|
|
469
469
|
})))))), this.shouldEnablePagination() && h("div", {
|
|
470
|
-
key: '
|
|
470
|
+
key: '98a1179b45fbc1b2f079825c899410ef4faf8c45',
|
|
471
471
|
class: "mt-20"
|
|
472
472
|
}, h("eds-pagination", {
|
|
473
|
-
key: '
|
|
473
|
+
key: '662c479139658ea7f3d2a3955c77e24d44dd6e74',
|
|
474
474
|
currentPage: this.currentPage,
|
|
475
475
|
lastPage: lastPage,
|
|
476
476
|
perPage: this.rowsPerPage,
|
|
@@ -20,7 +20,7 @@ const EdsProgressBar = class {
|
|
|
20
20
|
render() {
|
|
21
21
|
const progressValue = this.value;
|
|
22
22
|
return h("div", {
|
|
23
|
-
key: '
|
|
23
|
+
key: '0f47fedbf9d44887f65b399e184215f0937b1df1',
|
|
24
24
|
role: "progressbar",
|
|
25
25
|
"aria-valuemin": "0",
|
|
26
26
|
"aria-valuemax": "100",
|
|
@@ -28,7 +28,7 @@ const EdsProgressBar = class {
|
|
|
28
28
|
"aria-valuetext": `${progressValue}%`,
|
|
29
29
|
class: "outer w-full bg-default rounded-lg h-24 border border-softer overflow-hidden"
|
|
30
30
|
}, h("div", {
|
|
31
|
-
key: '
|
|
31
|
+
key: 'a2d095d778842c969832ea6b1ba7f7ef917d1390',
|
|
32
32
|
class: `inner h-full rounded-lg bg-accent transition-all duration-300 flex items-center justify-center text-default f-body-02`,
|
|
33
33
|
style: {
|
|
34
34
|
width: `${progressValue}%`
|
package/eds-rating.entry.esm.js
CHANGED
|
@@ -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: 'f07162204271dca0f1ec8a3d309ab9d38a9fff4f'
|
|
19
19
|
}, h("eds-section-heading", {
|
|
20
|
-
key: '
|
|
20
|
+
key: 'c4db2a67151fcec22306f624b071725518292e65',
|
|
21
21
|
headingLevel: this.headingLevel,
|
|
22
22
|
sectionTitle: this.sectionTitle
|
|
23
23
|
}), h("slot", {
|
|
24
|
-
key: '
|
|
24
|
+
key: 'e610f4777f1b334e20482862504085f5317a63df'
|
|
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: 'efa6dd7e228db2b86961efdff9b5dd9729a1a24b',
|
|
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: 'dd50f0fe3baf084c71dc4c8fa745484645a58f76',
|
|
64
64
|
class: this.getHeadingClass()
|
|
65
65
|
}, this.sectionTitle));
|
|
66
66
|
}
|
package/eds-spinner.entry.esm.js
CHANGED
|
@@ -50,13 +50,13 @@ const EdsSpinner = class {
|
|
|
50
50
|
justifyContent: 'center'
|
|
51
51
|
};
|
|
52
52
|
return h(Host, {
|
|
53
|
-
key: '
|
|
53
|
+
key: '77f17386e37b3dae21c2893dab53ef046d74b8fb'
|
|
54
54
|
}, h("div", {
|
|
55
|
-
key: '
|
|
55
|
+
key: 'c9420f866d61331901df7d6d681d09f75e31846c',
|
|
56
56
|
class: "spinner-overlay",
|
|
57
57
|
style: overlayStyle
|
|
58
58
|
}, h("span", {
|
|
59
|
-
key: '
|
|
59
|
+
key: '83497de6228b75fad77225a1b6fee9a614d68fe4',
|
|
60
60
|
class: "spinner",
|
|
61
61
|
style: spinnerStyle
|
|
62
62
|
})));
|
package/eds-switch.entry.esm.js
CHANGED
|
@@ -25,13 +25,13 @@ const EdsSwitch = class {
|
|
|
25
25
|
// Compute an accessible name based on state.
|
|
26
26
|
const accessibleLabel = this.labelOn || this.labelOff ? this.checked ? this.labelOn : this.labelOff : 'Toggle switch';
|
|
27
27
|
return h("div", {
|
|
28
|
-
key: '
|
|
28
|
+
key: 'ef70db7a5ed4f8e8db7e1a9e94334a3686ec1d0e',
|
|
29
29
|
class: "switch-container"
|
|
30
30
|
}, this.labelOff && h("span", {
|
|
31
|
-
key: '
|
|
31
|
+
key: '4a18de129ba0b4e643a0929b6fc797b7bc35cb4c',
|
|
32
32
|
class: "switch-label switch-label--off"
|
|
33
33
|
}, this.labelOff), h("button", {
|
|
34
|
-
key: '
|
|
34
|
+
key: '2d75656fadf36a38269d361fef176e243e1291c2',
|
|
35
35
|
type: "button",
|
|
36
36
|
role: "switch",
|
|
37
37
|
"aria-checked": this.checked ? 'true' : 'false',
|
|
@@ -45,10 +45,10 @@ const EdsSwitch = class {
|
|
|
45
45
|
onClick: this.toggleSwitch,
|
|
46
46
|
disabled: this.disabled
|
|
47
47
|
}, h("span", {
|
|
48
|
-
key: '
|
|
48
|
+
key: '71bd3c8c042ac337c1392977c27e8f4ccde5e79f',
|
|
49
49
|
class: "switch-handle"
|
|
50
50
|
})), this.labelOn && h("span", {
|
|
51
|
-
key: '
|
|
51
|
+
key: '7cfa0b1f805271c9281853a872cedf93db7e07d8',
|
|
52
52
|
class: "switch-label switch-label--on"
|
|
53
53
|
}, this.labelOn));
|
|
54
54
|
}
|