@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.
Files changed (79) hide show
  1. package/color-primary-palette_6.entry.esm.js +106 -106
  2. package/components-section.entry.esm.js +1 -1
  3. package/correct-use-of-colors.entry.esm.js +33 -33
  4. package/docs-palettes.entry.esm.js +1 -1
  5. package/docs-tokens.entry.esm.js +1 -1
  6. package/eds-accordion.entry.esm.js +9 -9
  7. package/eds-alert.entry.esm.js +2 -2
  8. package/eds-app-root.entry.esm.js +4 -4
  9. package/{eds-avatar_26.entry.esm.js → eds-avatar_27.entry.esm.js} +53 -27
  10. package/eds-card-desc_2.entry.esm.js +4 -4
  11. package/eds-card-project.entry.esm.js +10 -10
  12. package/eds-card-tags.entry.esm.js +1 -1
  13. package/eds-card-tool.entry.esm.js +4 -4
  14. package/eds-card-wrapper.entry.esm.js +4 -4
  15. package/eds-code-block.entry.esm.js +7 -7
  16. package/eds-cookies-preference.entry.esm.js +2 -2
  17. package/eds-feedback.entry.esm.js +5 -5
  18. package/eds-frame.entry.esm.js +4 -4
  19. package/eds-icon-arrow-diagonal.entry.esm.js +1 -1
  20. package/eds-icon-arrow-right.entry.esm.js +1 -1
  21. package/eds-icon-bluesky.entry.esm.js +1 -1
  22. package/eds-icon-bookmark.entry.esm.js +1 -1
  23. package/eds-icon-chevron-down.entry.esm.js +1 -1
  24. package/eds-icon-chevron-left.entry.esm.js +1 -1
  25. package/eds-icon-chevron-right.entry.esm.js +1 -1
  26. package/eds-icon-chevron-up.entry.esm.js +1 -1
  27. package/eds-icon-close.entry.esm.js +1 -1
  28. package/eds-icon-copy.entry.esm.js +1 -1
  29. package/eds-icon-eu.entry.esm.js +1 -1
  30. package/eds-icon-external.entry.esm.js +1 -1
  31. package/eds-icon-facebook.entry.esm.js +1 -1
  32. package/eds-icon-gitlab.entry.esm.js +1 -1
  33. package/eds-icon-linkedin.entry.esm.js +1 -1
  34. package/eds-icon-loader.entry.esm.js +1 -1
  35. package/eds-icon-mastodon.entry.esm.js +1 -1
  36. package/eds-icon-menu.entry.esm.js +1 -1
  37. package/eds-icon-minus.entry.esm.js +1 -1
  38. package/eds-icon-more.entry.esm.js +1 -1
  39. package/eds-icon-paper.entry.esm.js +1 -1
  40. package/eds-icon-plus.entry.esm.js +1 -1
  41. package/eds-icon-portal.entry.esm.js +1 -1
  42. package/eds-icon-private.entry.esm.js +1 -1
  43. package/eds-icon-public.entry.esm.js +1 -1
  44. package/eds-icon-search.entry.esm.js +1 -1
  45. package/eds-icon-star.entry.esm.js +1 -1
  46. package/eds-icon-success.entry.esm.js +1 -1
  47. package/eds-icon-thumbs-down.entry.esm.js +1 -1
  48. package/eds-icon-thumbs-up.entry.esm.js +1 -1
  49. package/eds-icon-tutorial.entry.esm.js +1 -1
  50. package/eds-icon-twitter.entry.esm.js +1 -1
  51. package/eds-icon-unknown.entry.esm.js +1 -1
  52. package/eds-icon-updown.entry.esm.js +1 -1
  53. package/eds-icon-user.entry.esm.js +1 -1
  54. package/eds-icon-youtube.entry.esm.js +1 -1
  55. package/eds-login_2.entry.esm.js +2 -2
  56. package/eds-matomo-notice.entry.esm.js +3 -3
  57. package/eds-pagination_2.entry.esm.js +12 -12
  58. package/eds-progress-bar.entry.esm.js +2 -2
  59. package/eds-rating.entry.esm.js +1 -1
  60. package/eds-section-core_2.entry.esm.js +5 -5
  61. package/eds-spinner.entry.esm.js +3 -3
  62. package/eds-switch.entry.esm.js +5 -5
  63. package/eds-tabs.entry.esm.js +4 -4
  64. package/eds-timeline.entry.esm.js +5 -5
  65. package/eds-toast-manager.entry.esm.js +1 -1
  66. package/eds-tooltip.entry.esm.js +3 -3
  67. package/eds-trl.entry.esm.js +2 -2
  68. package/incorrect-use-of-colors.entry.esm.js +7 -7
  69. package/index.esm2.js +3 -6
  70. package/logo-space.entry.esm.js +9 -9
  71. package/logo-variations-horizontal_2.entry.esm.js +28 -28
  72. package/logo-variations-tabs.entry.esm.js +1 -1
  73. package/logo-wrong-usage.entry.esm.js +25 -25
  74. package/package.json +1 -1
  75. package/svg-repository.entry.esm.js +2 -2
  76. package/token-list_3.entry.esm.js +5 -5
  77. package/token-ratios.entry.esm.js +3 -3
  78. package/token-typography.entry.esm.js +2 -2
  79. 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('matomo-consent-given');
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('matomo-consent-given');
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('matomo-consent-given', 'out');
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: 'b33415e05457ccc78ea3744a1baa9affbf38ca4a'
175
+ key: '1d53f69179791434224f152503c0b81c4cfc7cd3'
176
176
  }, this.total > 0 && this.mode === 'default' && h("p", {
177
- key: 'e555e94a3fd13cf0d57108bd2cca3fb97cd0c688',
177
+ key: '00ae324b49d62a74feee9d1cde21d67cd726ecf0',
178
178
  class: "f-ui-03 text-lightest mb-28 w-full text-center"
179
179
  }, h("span", {
180
- key: 'c63f1d5aa6154a23d714c74dcd9a0a75b68df579',
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: '43add2309d8e2c85c98676709cd87fc07e4de017'
427
+ key: '9ac7ad4f02237c02eaf5d3b351ded21bce29bd6c'
428
428
  }, this.searchEnabled && h("div", {
429
- key: '1213d8aaa8a2402bd1705e03375d17f570877d5e'
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: 'a2ec6392ed99a527e4de46a9018bc1ea9b383ecb',
439
+ key: '435bbfd0a4dd3ddd0a7766863cdd8c2eaf41eb8f',
440
440
  class: "mt-20"
441
441
  }, h("table", {
442
- key: 'ef79ce872f0cb1439dd6a7987f24cac005ac23ea',
442
+ key: '4785490532015b7069be068e80135220f37c3955',
443
443
  class: "block overflow-x-auto mt-6 p-0"
444
444
  }, h("thead", {
445
- key: '0853a09e45f748b4bc85e319cbb08efd97426617'
445
+ key: '8a99a961cf350bca26b1f73b8ffd6c8e1c48378f'
446
446
  }, h("tr", {
447
- key: '64e114ae3661a027e9ab744ba45801d98f2faee9',
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: '1afd468551bab11221bbfc70d0f19f4e105e7432'
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: 'c415ded700580eec2464a72a1659bd8be5bcacb3',
470
+ key: '98a1179b45fbc1b2f079825c899410ef4faf8c45',
471
471
  class: "mt-20"
472
472
  }, h("eds-pagination", {
473
- key: '81088574b7c7fd254e07761ceed6cd1d69c2f2ed',
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: '9a7fa42058034305b22818d464e7b633d7831d67',
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: '90b0ac9a538b575a30163c0dbbf437e1cfe8ce39',
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}%`
@@ -48,7 +48,7 @@ const EdsRating = class {
48
48
  }
49
49
  render() {
50
50
  return h("div", {
51
- key: '2ab4f3dbc4cc3dd5272143e99c67b23086b03e18',
51
+ key: 'd1650c37f02bf467f888d0afd0a025198bc0eedc',
52
52
  role: "radiogroup",
53
53
  class: "stars flex space-x-1 my-8"
54
54
  }, Array.from({
@@ -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: '39c4280156ca46b83538de499baa9b152360b1b4'
18
+ key: 'f07162204271dca0f1ec8a3d309ab9d38a9fff4f'
19
19
  }, h("eds-section-heading", {
20
- key: '34da742e606f0e9bb485faac8aba1519eccc8934',
20
+ key: 'c4db2a67151fcec22306f624b071725518292e65',
21
21
  headingLevel: this.headingLevel,
22
22
  sectionTitle: this.sectionTitle
23
23
  }), h("slot", {
24
- key: '517b8ecc112565e8c6bb0bf85b02525deaa6f9df'
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: '346654c0118e056276162b42723c6c163712ab4f',
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: 'c7d17fc22b3926495c799da0bc8bde7dc949e46a',
63
+ key: 'dd50f0fe3baf084c71dc4c8fa745484645a58f76',
64
64
  class: this.getHeadingClass()
65
65
  }, this.sectionTitle));
66
66
  }
@@ -50,13 +50,13 @@ const EdsSpinner = class {
50
50
  justifyContent: 'center'
51
51
  };
52
52
  return h(Host, {
53
- key: '1e1e4ea2734fff8a680e55ca5163e69d2000a55d'
53
+ key: '77f17386e37b3dae21c2893dab53ef046d74b8fb'
54
54
  }, h("div", {
55
- key: 'acf09f69d43404f317240c0d24e644ec0d046cd7',
55
+ key: 'c9420f866d61331901df7d6d681d09f75e31846c',
56
56
  class: "spinner-overlay",
57
57
  style: overlayStyle
58
58
  }, h("span", {
59
- key: '3728629fdff738a0b753cd499dc26052b1e3cb7b',
59
+ key: '83497de6228b75fad77225a1b6fee9a614d68fe4',
60
60
  class: "spinner",
61
61
  style: spinnerStyle
62
62
  })));
@@ -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: '842d7ecb771ab848481c9f1f6a1aa2f5f04505a7',
28
+ key: 'ef70db7a5ed4f8e8db7e1a9e94334a3686ec1d0e',
29
29
  class: "switch-container"
30
30
  }, this.labelOff && h("span", {
31
- key: 'f20f4293896dcbde94346e82d10ed748bdeae0f6',
31
+ key: '4a18de129ba0b4e643a0929b6fc797b7bc35cb4c',
32
32
  class: "switch-label switch-label--off"
33
33
  }, this.labelOff), h("button", {
34
- key: 'ac485fe118bae7f6a42ddb9f7edeccba2224312c',
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: '3701615162b3b8946fa5b9040e77dfa20b7de3fe',
48
+ key: '71bd3c8c042ac337c1392977c27e8f4ccde5e79f',
49
49
  class: "switch-handle"
50
50
  })), this.labelOn && h("span", {
51
- key: 'b57bd428c7d6818bcec1f069a920a7aa2a2e776d',
51
+ key: '7cfa0b1f805271c9281853a872cedf93db7e07d8',
52
52
  class: "switch-label switch-label--on"
53
53
  }, this.labelOn));
54
54
  }