@ebrains/react 2.2.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.
Files changed (84) 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_34.entry.esm.js → eds-accordion_36.entry.esm.js} +65 -43
  7. package/eds-app-root.entry.esm.js +4 -4
  8. package/eds-card-desc_2.entry.esm.js +4 -4
  9. package/eds-card-generic.entry.esm.js +12 -9
  10. package/eds-card-project.entry.esm.js +10 -10
  11. package/eds-card-section.entry.esm.js +2 -2
  12. package/eds-card-tags.entry.esm.js +1 -1
  13. package/eds-card-tool.entry.esm.js +4 -4
  14. package/eds-cookies-preference.entry.esm.js +2 -2
  15. package/eds-feedback.entry.esm.js +5 -5
  16. package/eds-footer.entry.esm.js +12 -12
  17. package/eds-frame.entry.esm.js +4 -4
  18. package/eds-gauge.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-bin.entry.esm.js +1 -1
  22. package/eds-icon-bluesky.entry.esm.js +1 -1
  23. package/eds-icon-bookmark.entry.esm.js +1 -1
  24. package/eds-icon-chevron-down.entry.esm.js +1 -1
  25. package/eds-icon-chevron-left.entry.esm.js +1 -1
  26. package/eds-icon-chevron-right.entry.esm.js +1 -1
  27. package/eds-icon-chevron-up.entry.esm.js +1 -1
  28. package/eds-icon-clone.entry.esm.js +1 -1
  29. package/eds-icon-close.entry.esm.js +1 -1
  30. package/eds-icon-copy.entry.esm.js +1 -1
  31. package/eds-icon-download.entry.esm.js +1 -1
  32. package/eds-icon-draft.entry.esm.js +1 -1
  33. package/eds-icon-edit.entry.esm.js +1 -1
  34. package/eds-icon-eu.entry.esm.js +1 -1
  35. package/eds-icon-external.entry.esm.js +1 -1
  36. package/eds-icon-facebook.entry.esm.js +1 -1
  37. package/eds-icon-gitlab.entry.esm.js +1 -1
  38. package/eds-icon-linkedin.entry.esm.js +1 -1
  39. package/eds-icon-loader.entry.esm.js +1 -1
  40. package/eds-icon-mastodon.entry.esm.js +1 -1
  41. package/eds-icon-menu.entry.esm.js +1 -1
  42. package/eds-icon-minus.entry.esm.js +1 -1
  43. package/eds-icon-more.entry.esm.js +1 -1
  44. package/eds-icon-paper.entry.esm.js +1 -1
  45. package/eds-icon-plus.entry.esm.js +1 -1
  46. package/eds-icon-portal.entry.esm.js +1 -1
  47. package/eds-icon-private.entry.esm.js +1 -1
  48. package/eds-icon-public.entry.esm.js +1 -1
  49. package/eds-icon-search.entry.esm.js +1 -1
  50. package/eds-icon-star.entry.esm.js +1 -1
  51. package/eds-icon-start.entry.esm.js +1 -1
  52. package/eds-icon-success.entry.esm.js +1 -1
  53. package/eds-icon-thumbs-down.entry.esm.js +1 -1
  54. package/eds-icon-thumbs-up.entry.esm.js +1 -1
  55. package/eds-icon-tutorial.entry.esm.js +1 -1
  56. package/eds-icon-twitter.entry.esm.js +1 -1
  57. package/eds-icon-unknown.entry.esm.js +1 -1
  58. package/eds-icon-updown.entry.esm.js +1 -1
  59. package/eds-icon-user.entry.esm.js +1 -1
  60. package/eds-icon-view.entry.esm.js +1 -1
  61. package/eds-icon-youtube.entry.esm.js +1 -1
  62. package/eds-modal.entry.esm.js +10 -10
  63. package/eds-progress-bar.entry.esm.js +4 -4
  64. package/eds-section-core_2.entry.esm.js +5 -5
  65. package/eds-social-networks.entry.esm.js +3 -3
  66. package/eds-timeline.entry.esm.js +4 -4
  67. package/eds-toast-manager.entry.esm.js +1 -1
  68. package/eds-trl.entry.esm.js +2 -2
  69. package/incorrect-use-of-colors.entry.esm.js +8 -8
  70. package/index.esm.js +1 -1
  71. package/index.esm2.js +7 -8
  72. package/logo-space.entry.esm.js +9 -9
  73. package/logo-variations-horizontal_2.entry.esm.js +28 -28
  74. package/logo-variations-tabs.entry.esm.js +1 -1
  75. package/logo-wrong-usage.entry.esm.js +25 -25
  76. package/package.json +1 -1
  77. package/src/components.d.ts +1 -0
  78. package/src/generated/components.d.ts +0 -1
  79. package/svg-repository.entry.esm.js +2 -2
  80. package/token-list_3.entry.esm.js +5 -5
  81. package/token-ratios.entry.esm.js +3 -3
  82. package/token-spacing.entry.esm.js +26 -26
  83. package/token-typography.entry.esm.js +2 -2
  84. package/eds-spinner.entry.esm.js +0 -104
package/correct-use-of-colors.entry.esm.js CHANGED
@@ -42,13 +42,13 @@ const CorrectUseOfColors = class {
42
42
  }
43
43
  render() {
44
44
  return h("div", {
45
- key: '2ece8530e14e2578756ea7a4b7c6de47692ea437',
45
+ key: '4cf1cf9e4076104bc15626b1812de8e44bb2c314',
46
46
  class: "container"
47
47
  }, h("p", {
48
- key: '2c1de740ce1273bff57584a89d126996b89a2585',
48
+ key: '044662efdf38d73e10baf84af9a53b0d757c8a3f',
49
49
  class: "f-body-01"
50
50
  }, "This guide demonstrates the correct usage of the", h("eds-link", {
51
- key: '3ce5ec41aff1fa649799bb1b24e2c78ce3d5709e',
51
+ key: '08203f71273f93a43bb2984f5fcb6adf91500987',
52
52
  label: "primary",
53
53
  size: "small",
54
54
  intent: "underline",
@@ -56,7 +56,7 @@ const CorrectUseOfColors = class {
56
56
  url: "../color-palette/#primary-palette",
57
57
  "extra-class": "inline-block ml-4"
58
58
  }), "and", h("eds-link", {
59
- key: 'f067c4b8812fb79ddd8302a6e469131bb5ca2540',
59
+ key: '244c3681fc63df5debbac5094011b9efd557c99f',
60
60
  label: "support",
61
61
  size: "small",
62
62
  intent: "underline",
@@ -64,13 +64,13 @@ const CorrectUseOfColors = class {
64
64
  url: "../color-palette/#support-palette",
65
65
  "extra-class": "inline-block ml-4"
66
66
  }), "color palettes."), h("div", {
67
- key: '07216a1e8bc1c8944d7cd266fd88fd779a47af2e',
67
+ key: '1daafe1f19e2552a4ebe785f5533aabecdab8226',
68
68
  class: "flex"
69
69
  }, h("div", {
70
- key: '86594b56c689f5013ad372f61591256b96983d1e',
70
+ key: 'd3119d8a3b9053173a4ec421782d68a705d63f54',
71
71
  class: "w-full"
72
72
  }, h("ul", {
73
- key: '890766f2292df846fddf466b950ad572bd012732',
73
+ key: 'e59ee9a8e3aecc12cdc573b4147c93487f60a426',
74
74
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
75
75
  }, primary.map(color => h("li", {
76
76
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
@@ -80,10 +80,10 @@ const CorrectUseOfColors = class {
80
80
  backgroundColor: color.background
81
81
  }
82
82
  }))))), h("div", {
83
- key: 'c118abd619f14e52c4987a7994603ff61976a30a',
83
+ key: 'f8fd15b68a9d9f8b0a2a63ccc92ceb47d8c0ed17',
84
84
  class: "w-full"
85
85
  }, h("ul", {
86
- key: '68ff730e9d179c7c29701f82f08d0086af20d00b',
86
+ key: '9f8a13d2177fc7b500fadf3cf3a697578378f9ff',
87
87
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
88
88
  }, support.map(color => h("li", {
89
89
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
@@ -93,10 +93,10 @@ const CorrectUseOfColors = class {
93
93
  backgroundColor: color.background
94
94
  }
95
95
  })))))), h("p", {
96
- key: '183bb8155e1584b04b493934edaa437d5cf4b783',
96
+ key: '890abae9796f720980c4c40753e64ad9d5854184',
97
97
  class: "f-body-01"
98
98
  }, "This guide demonstrates the correct usage of the", h("eds-link", {
99
- key: 'a040517846fb066a35816d293ac04bc7872b3b26',
99
+ key: 'b8099a6ebd9bee755ecfe7d450dbc191a2986aa0',
100
100
  label: "purple",
101
101
  size: "small",
102
102
  intent: "underline",
@@ -104,7 +104,7 @@ const CorrectUseOfColors = class {
104
104
  url: "../color-palette/#primary-palette",
105
105
  "extra-class": "inline-block ml-4"
106
106
  }), "and", h("eds-link", {
107
- key: '386c5220437d6e6659488e7bef5b3ffe52caf4ee',
107
+ key: 'b9b0094d03544cfc8404730f8ceeb8caf44cfcd1',
108
108
  label: "support",
109
109
  size: "small",
110
110
  intent: "underline",
@@ -112,13 +112,13 @@ const CorrectUseOfColors = class {
112
112
  url: "../color-palette/#support-palette",
113
113
  "extra-class": "inline-block ml-4"
114
114
  }), "color palettes."), h("div", {
115
- key: '0d63252310aaa25e69938f3347454094d8722071',
115
+ key: 'f1cd546f656dc302f24106cc5fa5faa4a3fc2ece',
116
116
  class: "flex"
117
117
  }, h("div", {
118
- key: 'e4afc567b16e421b47d60679f1ea35e6663d06c6',
118
+ key: '730022a2670de7b3e7d0ed53eb9d2f9d533fddff',
119
119
  class: "w-full"
120
120
  }, h("ul", {
121
- key: '479d5422ddc0fbc7bb7364fd004c91b6091eb23c',
121
+ key: '04b3c963c8ea94a30983d880b096682171eae657',
122
122
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
123
123
  }, purple.map(color => h("li", {
124
124
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
@@ -128,10 +128,10 @@ const CorrectUseOfColors = class {
128
128
  backgroundColor: color.background
129
129
  }
130
130
  }))))), h("div", {
131
- key: 'cd991c92db354f80862ae1542396ea32b95c208a',
131
+ key: '78d294c8a18771a66f157f2140ca7aadaad9ed6a',
132
132
  class: "w-full"
133
133
  }, h("ul", {
134
- key: 'b88178a45d9f371feab17accb2e7316ef8471380',
134
+ key: 'a7ece655dca8bc3a4d159bdc4b6bad4e86f3846d',
135
135
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
136
136
  }, support.map(color => h("li", {
137
137
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
@@ -141,10 +141,10 @@ const CorrectUseOfColors = class {
141
141
  backgroundColor: color.background
142
142
  }
143
143
  })))))), h("p", {
144
- key: '3777953463dcb70490b0c2ce6c42dc2dcbbf1d30',
144
+ key: '156ee43969b677fd3140426786834631f5743bb8',
145
145
  class: "f-body-01"
146
146
  }, "This guide demonstrates the correct usage of the", h("eds-link", {
147
- key: '13fe2cb15600d4c8d38cb62537222b7cc254b4ea',
147
+ key: '26704a99b2bcd72ee414e4df1090d3c360f7d601',
148
148
  label: "blue",
149
149
  size: "small",
150
150
  intent: "underline",
@@ -152,7 +152,7 @@ const CorrectUseOfColors = class {
152
152
  url: "../color-palette/#primary-palette",
153
153
  "extra-class": "inline-block ml-4"
154
154
  }), "and", h("eds-link", {
155
- key: 'e8156e3295aefedc79483b2f07abeb840980c76e',
155
+ key: '7d7db00799454b2dc76d740529f1381b934a65a5',
156
156
  label: "support",
157
157
  size: "small",
158
158
  intent: "underline",
@@ -160,13 +160,13 @@ const CorrectUseOfColors = class {
160
160
  url: "../color-palette/#support-palette",
161
161
  "extra-class": "inline-block ml-4"
162
162
  }), "color palettes."), h("div", {
163
- key: 'a37aa06966858518d02108f3dc62666fdac001ad',
163
+ key: 'be78a8f1ac1f5b8a0f905e6b1b7981234e627c31',
164
164
  class: "flex"
165
165
  }, h("div", {
166
- key: '58dd02808202c7a3e1b09b9ca2dbd560e76cd336',
166
+ key: 'a379dd032f13978e6e35432388379f7a932a64d2',
167
167
  class: "w-full"
168
168
  }, h("ul", {
169
- key: '0db69e93ff385af493c2b4e6797108d3b20eb4ff',
169
+ key: 'bca9a0adde895d36fec1ca43d59679346408de36',
170
170
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
171
171
  }, blue.map(color => h("li", {
172
172
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
@@ -176,10 +176,10 @@ const CorrectUseOfColors = class {
176
176
  backgroundColor: color.background
177
177
  }
178
178
  }))))), h("div", {
179
- key: 'f7135c48160aec5de8d7a8f550b416e54ea2c7e8',
179
+ key: '235c66fc5f649e5efa11966d5d8708a72ed103ed',
180
180
  class: "w-full"
181
181
  }, h("ul", {
182
- key: 'f0d5d0a49bcc9ea372266683b6c029b427db73bf',
182
+ key: '6155375812c41d5356aa5f04d18d64f917c60e87',
183
183
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
184
184
  }, support.map(color => h("li", {
185
185
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
@@ -189,10 +189,10 @@ const CorrectUseOfColors = class {
189
189
  backgroundColor: color.background
190
190
  }
191
191
  })))))), h("p", {
192
- key: '0a42fea17681992eec8f8c107b49cc90934730b4',
192
+ key: '453656ec8a0bd258c49d55edd978c3406f5a0ffc',
193
193
  class: "f-body-01"
194
194
  }, "This guide demonstrates the correct usage of the", h("eds-link", {
195
- key: '17c3efd3b9a55bea075920137d2a58cb910115c1',
195
+ key: '76169ca2b6cf12e269d0d7e22af41adc6c99e95a',
196
196
  label: "redish",
197
197
  size: "small",
198
198
  intent: "underline",
@@ -200,7 +200,7 @@ const CorrectUseOfColors = class {
200
200
  url: "../color-palette/#primary-palette",
201
201
  "extra-class": "inline-block ml-4"
202
202
  }), "and", h("eds-link", {
203
- key: '60e5ed7491f4d1814973f6c9f7fbfe8b96626f9d',
203
+ key: '0305f4dc08b6adce8bef1b102c846177ca6ff86d',
204
204
  label: "support",
205
205
  size: "small",
206
206
  intent: "underline",
@@ -208,13 +208,13 @@ const CorrectUseOfColors = class {
208
208
  url: "../color-palette/#support-palette",
209
209
  "extra-class": "inline-block ml-4"
210
210
  }), "color palettes."), h("div", {
211
- key: '87b6b39208abc11441edc407a81208f4cda8bf49',
211
+ key: 'eb2e4206bed167eb28540e79c7b7490bd4a9ae1d',
212
212
  class: "flex"
213
213
  }, h("div", {
214
- key: 'a123aa0926649903d2167293788e02ebfced78b9',
214
+ key: 'c05f20dcfa4e806455b1a8805512b12c7a05cdc0',
215
215
  class: "w-full"
216
216
  }, h("ul", {
217
- key: '2e791bb7cd1c15cccb46942e92a3fa9f6241742a',
217
+ key: 'bc0fd2e75f75db9b26ce7f225ee2f9fce15e65ca',
218
218
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
219
219
  }, red.map(color => h("li", {
220
220
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
@@ -224,10 +224,10 @@ const CorrectUseOfColors = class {
224
224
  backgroundColor: color.background
225
225
  }
226
226
  }))))), h("div", {
227
- key: '3b7effab5bce2b76d6ac73c8d2353eb0d69cb021',
227
+ key: '335554176ea7a84d08e07162ed0d66ac69a6859c',
228
228
  class: "w-full"
229
229
  }, h("ul", {
230
- key: '2412301e05f2f711e5b48f86eff270795f363ee6',
230
+ key: '10c149af45b26455c820d37e0e8109550b79c34f',
231
231
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
232
232
  }, support.map(color => h("li", {
233
233
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col"
package/docs-palettes.entry.esm.js CHANGED
@@ -20,7 +20,7 @@ const DocsPalettes = class {
20
20
  }
21
21
  render() {
22
22
  return h("div", {
23
- key: '8ef26f3be50f9083f1430ec0c9dbf5213ac1268e',
23
+ key: '97f8cff7dfed11b80a3a9e28d3628a72af8dc12d',
24
24
  class: "container"
25
25
  }, this.renderContent());
26
26
  }
package/docs-tokens.entry.esm.js CHANGED
@@ -36,7 +36,7 @@ const DocsContent = class {
36
36
  }
37
37
  render() {
38
38
  return h("div", {
39
- key: '17148efe64117050084010b77d85de64bdfe2000',
39
+ key: '68fdef1fd6bdc75ce347d326b3329871e2ed5c8d',
40
40
  class: "container"
41
41
  }, this.renderContent());
42
42
  }