@ebrains/react 3.1.0 → 3.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.
Files changed (36) 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_53.entry.esm.js +107 -79
  7. package/eds-app-root.entry.esm.js +4 -4
  8. package/eds-cookies-preference.entry.esm.js +2 -2
  9. package/eds-frame.entry.esm.js +4 -4
  10. package/eds-gitlab-contributors.entry.esm.js +13 -12
  11. package/eds-icon-bluesky.entry.esm.js +1 -1
  12. package/eds-icon-eu.entry.esm.js +1 -1
  13. package/eds-icon-facebook.entry.esm.js +1 -1
  14. package/eds-icon-gitlab.entry.esm.js +1 -1
  15. package/eds-icon-linkedin.entry.esm.js +1 -1
  16. package/eds-icon-mastodon.entry.esm.js +1 -1
  17. package/eds-icon-twitter.entry.esm.js +1 -1
  18. package/eds-icon-youtube.entry.esm.js +1 -1
  19. package/eds-input-search.entry.esm.js +3 -3
  20. package/eds-modal.entry.esm.js +12 -8
  21. package/eds-section-core_2.entry.esm.js +5 -5
  22. package/eds-timeline.entry.esm.js +4 -4
  23. package/eds-toast-manager.entry.esm.js +1 -1
  24. package/eds-trl-badge.entry.esm.js +14 -6
  25. package/incorrect-use-of-colors.entry.esm.js +8 -8
  26. package/index.esm2.js +1 -1
  27. package/logo-space.entry.esm.js +22 -22
  28. package/logo-variations-horizontal_2.entry.esm.js +20 -22
  29. package/logo-variations-tabs.entry.esm.js +1 -1
  30. package/logo-wrong-usage.entry.esm.js +25 -25
  31. package/package.json +1 -1
  32. package/svg-repository.entry.esm.js +2 -2
  33. package/token-list_3.entry.esm.js +5 -5
  34. package/token-ratios.entry.esm.js +3 -3
  35. package/token-spacing.entry.esm.js +26 -26
  36. package/token-typography.entry.esm.js +2 -2
package/logo-space.entry.esm.js CHANGED
@@ -11,16 +11,16 @@ const LogoSpace = class {
11
11
  }
12
12
  render() {
13
13
  return h("div", {
14
- key: '9f72a0aaadd8ae1aaa8998ca3539bd7d2640de80',
14
+ key: 'd8adaf2c085aef0029453aef21a527c8e2677ca5',
15
15
  class: "container"
16
16
  }, h("ul", {
17
- key: 'c4eae5e0c5c6adebbcdfa9f5ff5e505e8fca5364',
17
+ key: 'f9919afa9a7788769934fa408e3647f409ad436b',
18
18
  class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
19
19
  }, h("li", {
20
- key: 'cc93430ed51397f9cc5f6885da73464eee4f50f0',
20
+ key: '4defd03de432869a1acd5735011b6dbbbb18b6a8',
21
21
  class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
22
22
  }, h("div", {
23
- key: '7a10d36af753e4cc085a898385a79f86cfda4386',
23
+ key: 'fa018de1f0dcbfc32dc6ed5e00618bf238c7e928',
24
24
  class: "logo-clear-space mx-auto",
25
25
  style: {
26
26
  position: 'relative',
@@ -29,7 +29,7 @@ const LogoSpace = class {
29
29
  borderRadius: '8px'
30
30
  }
31
31
  }, h("div", {
32
- key: 'ca39c5c1d7692ac3e3f4c5f86b37ac315da32238',
32
+ key: 'd275d9edb872b43a183e8a76b1c9531d981d585c',
33
33
  style: {
34
34
  position: 'absolute',
35
35
  top: '0',
@@ -40,7 +40,7 @@ const LogoSpace = class {
40
40
  alignItems: 'center'
41
41
  }
42
42
  }, h("span", {
43
- key: '29dc95b66b0cc09fc4b4d45b317858262fd5f74c',
43
+ key: '11163f214005427e024b04ce1df24f41b8145f57',
44
44
  style: {
45
45
  fontSize: '11px',
46
46
  fontWeight: '600',
@@ -48,14 +48,14 @@ const LogoSpace = class {
48
48
  fontFamily: 'IBM Plex Mono, monospace'
49
49
  }
50
50
  }, "E"), h("div", {
51
- key: '314d8208cb5349457c1586eacbda115e9fb16d11',
51
+ key: 'ef4d8d4f7318eba7a9e4cfc8f32119d2c9e23477',
52
52
  style: {
53
53
  width: '1px',
54
54
  height: '12px',
55
55
  borderLeft: '1px dashed #00C87B'
56
56
  }
57
57
  })), h("div", {
58
- key: '4d8a568924c6891cd4be3c19e04fc31c2ea1fc70',
58
+ key: 'ffe1a1ae439d3fd9b129acd336e75aa19624c2b6',
59
59
  style: {
60
60
  position: 'absolute',
61
61
  bottom: '0',
@@ -66,14 +66,14 @@ const LogoSpace = class {
66
66
  alignItems: 'center'
67
67
  }
68
68
  }, h("div", {
69
- key: 'b09af7bd89b9f553b812190356ca62aa92ed6991',
69
+ key: '7b8342fd5b5202dfaa6da0665d91bcd3a47f79a7',
70
70
  style: {
71
71
  width: '1px',
72
72
  height: '12px',
73
73
  borderLeft: '1px dashed #00C87B'
74
74
  }
75
75
  }), h("span", {
76
- key: 'f093c84334e23c4f4f057e7e4b32d9107a3f41fc',
76
+ key: '4efc55d4f8a642acfb77a571694ea05460d12594',
77
77
  style: {
78
78
  fontSize: '11px',
79
79
  fontWeight: '600',
@@ -81,7 +81,7 @@ const LogoSpace = class {
81
81
  fontFamily: 'IBM Plex Mono, monospace'
82
82
  }
83
83
  }, "E")), h("div", {
84
- key: '91db9099f9e9a1523e19785fb7114e3f4fce7275',
84
+ key: '70eb593013f530ef57f9794266ec8909d6f6bbd8',
85
85
  style: {
86
86
  position: 'absolute',
87
87
  left: '4px',
@@ -91,7 +91,7 @@ const LogoSpace = class {
91
91
  alignItems: 'center'
92
92
  }
93
93
  }, h("span", {
94
- key: '88dd6f5d7954d2a1609db58f16242302f8d4f018',
94
+ key: 'eeaf30fd53b36844e52b2e92142b8f8adbaacca2',
95
95
  style: {
96
96
  fontSize: '11px',
97
97
  fontWeight: '600',
@@ -99,14 +99,14 @@ const LogoSpace = class {
99
99
  fontFamily: 'IBM Plex Mono, monospace'
100
100
  }
101
101
  }, "E"), h("div", {
102
- key: '1a6cad75530619b5f7cdbd9044c61ddd05bb4882',
102
+ key: '27682de58b8ac8bf1d7f17d25ab4e2429e7c5897',
103
103
  style: {
104
104
  height: '1px',
105
105
  width: '12px',
106
106
  borderTop: '1px dashed #00C87B'
107
107
  }
108
108
  })), h("div", {
109
- key: '1cf721720500db93522e8563a44260f1ad5d12a3',
109
+ key: 'ced953919078e5ddd4b5c70d750693b89e4d8cbc',
110
110
  style: {
111
111
  position: 'absolute',
112
112
  right: '4px',
@@ -116,14 +116,14 @@ const LogoSpace = class {
116
116
  alignItems: 'center'
117
117
  }
118
118
  }, h("div", {
119
- key: 'cd05bc1ca38fd5698f894f036ea4530833636dec',
119
+ key: '4fe3e43ca20645c3631119cf089aa9f3d83be1f4',
120
120
  style: {
121
121
  height: '1px',
122
122
  width: '12px',
123
123
  borderTop: '1px dashed #00C87B'
124
124
  }
125
125
  }), h("span", {
126
- key: 'ab0476740b19beb7c7799334370bff344e01a4de',
126
+ key: '27ca09a454a253730b7cb1ac4246b36c54748745',
127
127
  style: {
128
128
  fontSize: '11px',
129
129
  fontWeight: '600',
@@ -131,7 +131,7 @@ const LogoSpace = class {
131
131
  fontFamily: 'IBM Plex Mono, monospace'
132
132
  }
133
133
  }, "E")), h("div", {
134
- key: 'ce5dcd6aaa22c90084ac3f285c28726ef1dc241e',
134
+ key: 'df5159d9341ceebeaca350e5589a59c5f14c8b9a',
135
135
  style: {
136
136
  border: '1px dashed rgba(0, 200, 123, 0.5)',
137
137
  borderRadius: '4px',
@@ -141,7 +141,7 @@ const LogoSpace = class {
141
141
  justifyContent: 'center'
142
142
  }
143
143
  }, h("eds-logo", {
144
- key: '457548ba3f0835a632c86521fce2fc828f72b7a5',
144
+ key: '1fe938ec424cf65abffa2b1421f9e5ad5fd7f29a',
145
145
  variant: "positive",
146
146
  href: "#",
147
147
  style: {
@@ -149,16 +149,16 @@ const LogoSpace = class {
149
149
  width: '250px'
150
150
  }
151
151
  })))), h("li", {
152
- key: '676ceccfa0081fa6b05a2c6cb3c0ba88da61cd6a',
152
+ key: '7db8f82af5f6231048d040d8d96c6c8aabada665',
153
153
  class: "grid-col-span-6 xxl:grid-col-span-3 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
154
154
  }, h("div", {
155
- key: '5ca2e9f1c386afc3f70be756183b4fe93779022f',
155
+ key: '8912e3482e1590b4f0cbcf1a8d3a02492b24c2f1',
156
156
  class: "text-center mt-16"
157
157
  }, h("p", {
158
- key: '0c986326909c8de83e584f796c41198554741c3d',
158
+ key: '94c6b05c888b177afcce6f0eb8ee2c8b0328a89d',
159
159
  class: "f-body-01"
160
160
  }, "To ensure legibility, follow these minimum size guidelines:"), h("eds-table", {
161
- key: 'c745fc8b37d5fe412b08c0f88283d5ba74492f30',
161
+ key: 'b02c7b046b2b11effc65ff9c889a962b3b6bd2f5',
162
162
  data: '[\n { "Media": "Print", "Min Size": "0.75 cm" },\n { "Media": "Web", "Min Size": "29 px" }\n ]',
163
163
  config: '{\n "Media": { "format": "bold" }\n }'
164
164
  })))));
package/logo-variations-horizontal_2.entry.esm.js CHANGED
@@ -11,35 +11,35 @@ const LogoVariationsHorizontal = class {
11
11
  }
12
12
  render() {
13
13
  return h("div", {
14
- key: 'bfd9df144e3cabfc1b2198909208d4d41b1d06b8',
14
+ key: '5011adf9e8af3aac24dca24120996b52643e601b',
15
15
  class: "container"
16
16
  }, h("ul", {
17
- key: '318197fcbbf5ea30a3b7786c670dc6a3484063fe',
17
+ key: '2b8d7d8ea5c09140279d199372dd06e336e78bc1',
18
18
  class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
19
19
  }, h("li", {
20
- key: '7014dddeec695952b9b4041bacc7b509abd4425c',
20
+ key: 'eaeac5d7de69e2b8a745d4961fb26cf411f4cf91',
21
21
  class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
22
22
  }, h("p", {
23
- key: '8be13e6c9f214d23941aae09653e6bae85536805',
23
+ key: '44c29035848feb5380b5efb20b37e5f86d65314f',
24
24
  class: "f-body-01 text-center my-4"
25
25
  }, "#1 Positive"), h("div", {
26
- key: 'a3eb696587b0fe2eaea6e6f02c6512d75b2319f4',
26
+ key: 'b438024e4b9fe2ede6e1d8193d5021f84d78baeb',
27
27
  class: "coloured"
28
28
  }, h("eds-logo", {
29
- key: '530e57935491b485a8f1ab983c5c74aa62699e33',
29
+ key: '196ccaa50454d4b26c14d7187736fec16f89349a',
30
30
  variant: "positive",
31
31
  href: "#"
32
32
  }))), h("li", {
33
- key: '1664f259390ded9c4084a8734b275a24e4add82e',
33
+ key: '9eb5bbaf4081f2265ea60d2d2099ca039f190389',
34
34
  class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
35
35
  }, h("p", {
36
- key: 'c24b35b76fe5cd95462c3f5c435a445b4eed731d',
36
+ key: '9b95ee3022aafc4c68ea8bed146dd3780b9ef4f2',
37
37
  class: "f-body-01 text-center my-4"
38
38
  }, "#2 Negative"), h("div", {
39
- key: '0ef846b5bc472e082151994428a681e8ef888919',
39
+ key: '137e1f0451b41bb66c36151e6967e14002bde4ac',
40
40
  class: "bg-default"
41
41
  }, h("eds-logo", {
42
- key: '647cbedbffc487740dda470fada93c7c4bfe88b7',
42
+ key: '9d97fade01d3e8b59e69d4ba6758ee41f84ef571',
43
43
  variant: "negative",
44
44
  href: "#"
45
45
  })))));
@@ -56,37 +56,35 @@ const LogoVariationsVertical = class {
56
56
  }
57
57
  render() {
58
58
  return h("div", {
59
- key: '7707346060f598bc4a33ed1b25591907bd1ed86f',
59
+ key: '67acdc82a0e7dbc0aa07e6607d31c81939ee5d7a',
60
60
  class: "container"
61
61
  }, h("ul", {
62
- key: '988427e4445b7238666a8865b40e39106574a020',
62
+ key: '8c7eb2ee978a402cd85c570e61eb523721dffdd9',
63
63
  class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
64
64
  }, h("li", {
65
- key: '09ebe2c5e0c4a17451cff4fa7f8d14f8dadccfb2',
65
+ key: 'f6620aaf501e6dc5168e5d0d2baa238ce82680fa',
66
66
  class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
67
67
  }, h("p", {
68
- key: 'b761f45824056d8022b25851dc92ec477ba5dd90',
68
+ key: 'abeb6b64713250a61476e2947dae5490ca18afea',
69
69
  class: "f-body-01 text-center my-4"
70
70
  }, "#1 Positive"), h("div", {
71
- key: 'b1d0c459aa5fe60c07d23d216873e8792a9b0bdb',
71
+ key: '825f3020ce0e73ac80b78e2bbb898c26cb1d2190',
72
72
  class: "mx-auto coloured w-[300px]"
73
73
  }, h("eds-logo", {
74
- key: '579c9c3bfe2156153d0a695ed164b5c143435935',
75
- orientation: "vertical",
74
+ key: '6aaa41b6beaf9fbcdcce1c6f3130a4db3c97afb4',
76
75
  variant: "positive",
77
76
  href: "#"
78
77
  }))), h("li", {
79
- key: 'e9392a9b97c7fee407bc49dbf1baf5844c002f4a',
78
+ key: '91db370167cecb19689bc2b13d7155a906d14a12',
80
79
  class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
81
80
  }, h("p", {
82
- key: '5335419cfe66e2454eebe227dcbb844bd9c28d65',
81
+ key: 'b44bf3c628adf0d1f5ca3c1e9dc48e5a6b09a9ee',
83
82
  class: "f-body-01 text-center my-4"
84
83
  }, "#2 Negative"), h("div", {
85
- key: '85f26cc36d343225c543f55ebff8435b7c3b8128',
84
+ key: '3e9ffec9903d8cfdb38ca64c8a69c201024f593d',
86
85
  class: "mx-auto bg-default w-[300px]"
87
86
  }, h("eds-logo", {
88
- key: 'e50ba165a491eda6dbdf386cb7c82cfdb69aa7a7',
89
- orientation: "vertical",
87
+ key: 'cfb79e36eb78bd046c783cc4f210febfe30e28e9',
90
88
  variant: "negative",
91
89
  href: "#"
92
90
  })))));
package/logo-variations-tabs.entry.esm.js CHANGED
@@ -20,7 +20,7 @@ const LogoVariationsTabs = class {
20
20
  }
21
21
  render() {
22
22
  return h("div", {
23
- key: '25f8ec6fcb189c14d9e6d1564a5705ba34296fe1',
23
+ key: '5be7df6877ce83e4cdf3652b6e66640e90fb3081',
24
24
  class: "container"
25
25
  }, this.renderContent());
26
26
  }
package/logo-wrong-usage.entry.esm.js CHANGED
@@ -12,86 +12,86 @@ const LogoWrongUsage = class {
12
12
  }
13
13
  render() {
14
14
  return h("div", {
15
- key: 'd2670fc81c458c6fa7830adc0bfe84a8d6edc808',
15
+ key: 'f2917e2a6ea6fb5e2eb31dd1bc915a20256ff676',
16
16
  class: "container"
17
17
  }, h("ul", {
18
- key: '068ccd9ab65938f0d61f800410c0223e79b072a5',
18
+ key: 'd80a9c848c64f2603fa0aef5dd6cde3e9947eb64',
19
19
  class: "not-prose grid-layout grid-cols-6 gap-y-8 md:gap-y-12 lg:gap-y-16"
20
20
  }, h("li", {
21
- key: '4600e980ce2d169750f3a06ad11ecc5280ac6816',
21
+ key: 'acbdc5eba5aa42a629e0af955b8b05b693c04280',
22
22
  class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
23
23
  }, h("div", {
24
- key: 'db4d3fc8f5e35ae084c7f359fcc2553f913cc05a',
24
+ key: 'ee377c6fc03df3ea4d36de8f488ff0e3d01795f0',
25
25
  class: "mx-auto no-other-bg-color logo",
26
26
  innerHTML: logoPositive
27
27
  }), h("p", {
28
- key: 'b3f85315b376d5dae84a076fcefad660bb28f2b0',
28
+ key: 'ff57d7ac90e5dc0fd03aa3cce651f8a7b05f4215',
29
29
  class: "f-ui-02 text-center"
30
30
  }, "Do not use with backgrounds that make legibility difficult")), h("li", {
31
- key: '786ea943986e9948d465fc9bb07b3ea3ab9438f1',
31
+ key: '39ff08699d8640290f529f2bf3bee718770f452a',
32
32
  class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
33
33
  }, h("div", {
34
- key: 'c9ee298d8c36b732e7a1855f26e08f000c16aa91',
34
+ key: '9f718c4ff9148444c2b039c4afba117fd84959bf',
35
35
  class: "mx-auto no-other-color logo non-brand-color",
36
36
  innerHTML: logoPositive
37
37
  }), h("p", {
38
- key: '6e16a1cf4f03f8a8929c31b2df080dd89b0951c3',
38
+ key: '263702a71e19f66e5e133d50ff5a05d78334aa22',
39
39
  class: "f-ui-02 text-center"
40
40
  }, "Do not apply other colors")), h("li", {
41
- key: '82a57b134dd2a559a8c755579bdad818d316742a',
41
+ key: '18261985b96396ab2b6fc2a782acd101565756de',
42
42
  class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
43
43
  }, h("div", {
44
- key: 'f32b83ca94652e22477a3ce0d2247eef0e47b7b8',
44
+ key: 'f6cd02054601479517153821e15c51c07aac549d',
45
45
  class: "mx-auto distorted logo",
46
46
  innerHTML: logoPositive
47
47
  }), h("p", {
48
- key: '3cf9e132199d325d430cfffa6bf4b4331e43a62e',
48
+ key: 'cdfd4f9640d3f85a96f194b146a63ff39fb02be6',
49
49
  class: "f-ui-02 text-center"
50
50
  }, "Do not deform the logo")), h("li", {
51
- key: '89d4b3eed2c779ff71b3fd6c8315ce4a99cb871b',
51
+ key: '609660c30557cebaa4798f7f13706cf62c5985ce',
52
52
  class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
53
53
  }, h("div", {
54
- key: 'b765e1c704944ecded0d88aca1db3efffd0caeed',
54
+ key: '80c7f31b812f42ae2de7ab04e8ab237bd09d5951',
55
55
  class: "mx-auto effects logo",
56
56
  innerHTML: logoPositive
57
57
  }), h("p", {
58
- key: '822ac23c64ba745b46d21303a9bbfabe9a26d6dc',
58
+ key: 'a0ef2f9c5358be703f6e997bf7f2d865ac7e743b',
59
59
  class: "f-ui-02 text-center"
60
60
  }, "Do not apply effects")), h("li", {
61
- key: 'a5f157b40464fa3178f94147ce9017ffaad0bb69',
61
+ key: '52d87ca2b6fc2bd650f5051dae0a98a54b9c8681',
62
62
  class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
63
63
  }, h("div", {
64
- key: 'c9b3e60f08ad15e0ca9eb11abe769510bf6f04c9',
64
+ key: '78af2276be724f7e989ad46698de80679759d614',
65
65
  class: "mx-auto rotated logo",
66
66
  innerHTML: logoPositive
67
67
  }), h("p", {
68
- key: 'c25fc7938948f5cb3fdf55719483e13ab4780bba',
68
+ key: '8fe1680390e358afd2febdac98a5b91f043e3ce3',
69
69
  class: "f-ui-02 text-center"
70
70
  }, "Do not rotate the logo")), h("li", {
71
- key: '8ed76fa89e0bf6b40f0b5478cebfe3a2b129cde6',
71
+ key: 'dc503648d2ed6aa8b116cd5a3bdcfcf8fdabbe7c',
72
72
  class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
73
73
  }, h("div", {
74
- key: 'a18962c12781071348a8ec0c10e62d7d3ebec881',
74
+ key: 'b33e68a6e1ea1a21cab8832b46fc8a6305151edf',
75
75
  class: "mx-auto outlined logo",
76
76
  innerHTML: logoPositive
77
77
  }), h("p", {
78
- key: 'a967a5ef26f9d935756db41e632d88765fdc50c7',
78
+ key: '59f356aa9af489175849716b43903567acbb202d',
79
79
  class: "f-ui-02 text-center"
80
80
  }, "Do not apply outlines")), h("li", {
81
- key: '9fc5979179dc4d1defe578a6c4aa7b1e7bf6e355',
81
+ key: '9754f0dc1a175ede68a9caf494d2e603e06f9bf1',
82
82
  class: "grid-col-span-6 xxl:grid-col-span-2 xl:grid-col-span-3 lg:grid-col-span-3 md:grid-col-span-3 flex flex-col"
83
83
  }, h("div", {
84
- key: 'df9479358ca218d9b2f9ffa15dc9cb802cf71e04',
84
+ key: '1636ab42d0f934b54e44b55c67f99c6f936b02d5',
85
85
  class: "mx-auto"
86
86
  }, h("div", {
87
- key: '2d06f90b92971701bbe6a76f8b8125846ac15d0c',
87
+ key: '710300090e0862499e6d712b1155275a1a58ea18',
88
88
  class: "bg-accent p-16"
89
89
  }, h("div", {
90
- key: 'a4178f35a86f8a5788f30137f75880f4c5f5c2a3',
90
+ key: '71792d037786e7cd5321e969fca8421422daa387',
91
91
  class: "text-inverse",
92
92
  innerHTML: logoPositive
93
93
  })), h("p", {
94
- key: '567638cdb967150758210ddb0d52657834f65054',
94
+ key: '185980c11a566e4ad84dfbf5d0c063f1730b2f3b',
95
95
  class: "f-ui-02 text-center"
96
96
  }, "Do not use the green background for the logo version of the logo with backgrounds with the same tones")))));
97
97
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ebrains/react",
3
- "version": "3.1.0",
3
+ "version": "3.2.0",
4
4
  "module": "./index.esm.js",
5
5
  "type": "module",
6
6
  "main": "./index.esm.js",
package/svg-repository.entry.esm.js CHANGED
@@ -67,10 +67,10 @@ const SvgRepository = class {
67
67
  }
68
68
  };
69
69
  return h("div", {
70
- key: 'a7aebad6b026e51c822051cabd0826b6d9740d91',
70
+ key: '623499f3d4e926067be51c7049442ea1d0782439',
71
71
  class: "full-width"
72
72
  }, h("eds-table", {
73
- key: '5b5ce183d78d0a2259c99a949967dbbf4caf4ba4',
73
+ key: 'cec77964e4c9c9e0876f2db6e5a199220be58b7c',
74
74
  "table-data": JSON.stringify(svgData),
75
75
  config: JSON.stringify(tableConfig),
76
76
  "rows-per-page": 10,
package/token-list_3.entry.esm.js CHANGED
@@ -308,7 +308,7 @@ const TokenList = class {
308
308
  [this.show]: colors[this.show]
309
309
  } : colors;
310
310
  return h("section", {
311
- key: '19a7dd76a980e2815f8df3ee0cb083b2c77cafa4',
311
+ key: 'de737cb2dcf5942c1e4a8b67bf5c757c9ca6564b',
312
312
  class: "w-full mt-28"
313
313
  }, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) =>
314
314
  // Only render sections that exist in `colors`
@@ -329,10 +329,10 @@ const TokenRadii = class {
329
329
  }
330
330
  render() {
331
331
  return h("section", {
332
- key: '80a475b807538a7c9c1186d0f167a793858ad439',
332
+ key: '199f8893d44b2c1087056d8c6d922652e08d78bd',
333
333
  class: "w-full mt-28"
334
334
  }, h("ul", {
335
- key: 'e3fa97c0f627f2094c7eae87eb9f7079df2b35f2',
335
+ key: '175e5d717cb3e8a2ef32d3ace1a37fa3b305fda2',
336
336
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
337
337
  }, Object.entries(radii).map(([key, value]) => h("li", {
338
338
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
@@ -386,10 +386,10 @@ const TokenShadows = class {
386
386
  }
387
387
  render() {
388
388
  return h("section", {
389
- key: '0316f767a182da2f2e96c137034d84794947102a',
389
+ key: '178756bcd7a0192ed59e4cca5850529ed79d14ff',
390
390
  class: "w-full mt-28"
391
391
  }, h("ul", {
392
- key: '16586b6a4d565ee58f4ea2465d54d527390d41ca',
392
+ key: 'f50430eca17728500d9bf3a074530f29e02708fb',
393
393
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
394
394
  }, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => h("li", {
395
395
  class: "grid-col-span-12 md:grid-col-span-6 flex flex-col items-center mt-16"
package/token-ratios.entry.esm.js CHANGED
@@ -17,15 +17,15 @@ const TokenRatios = class {
17
17
  }
18
18
  render() {
19
19
  return h("section", {
20
- key: 'd95a7a36fc37fb829c74e336d16de79f57ec1b83',
20
+ key: '0f19e93b3841aa49c36e1195c25b01aa445158ce',
21
21
  class: "w-full"
22
22
  }, h("eds-section-core", {
23
- key: '1e2fbe9a818a162d6acd148804a61b87f919eda5',
23
+ key: '750e15f4957fa7b0d0e050be22a5fcc06d947203',
24
24
  tag: "div",
25
25
  "section-title": "Aspect Ratios",
26
26
  "heading-level": "h3"
27
27
  }, h("ul", {
28
- key: 'a2429b25e2aef59bde0185115dc2ff908b075db5',
28
+ key: '217447bc36c9ce0ccd309d0712711e30f704f5ef',
29
29
  class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
30
30
  }, Object.entries(ratios).map(([key, value]) => h("li", {
31
31
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
package/token-spacing.entry.esm.js CHANGED
@@ -9,82 +9,82 @@ const TokenSpacing = class {
9
9
  }
10
10
  render() {
11
11
  return h("div", {
12
- key: '857d52883315b5be7edb90c89602b29f258cabda',
12
+ key: '21c919b5124094eb34f820327f439c0198758b2a',
13
13
  class: "w-full"
14
14
  }, h("ul", {
15
- key: 'e1dbf5d8e227c9014183c2465bf281e554f7e35b',
15
+ key: '9dea1c4eb37380b4cf00c1e2b4ccc3b69eca5536',
16
16
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
17
17
  }, h("li", {
18
- key: '85795c6c4ad2c4fc05cda1183a06dadc78521b45',
18
+ key: 'bf719062fc2724411a54076a272acf4d06f8cdad',
19
19
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
20
20
  }, h("div", {
21
- key: 'e0d6a8712ab4d47dca6ca275c09592b8af381b20',
21
+ key: '6bab4e4c52e273faead36180c744593c5365d012',
22
22
  class: "container p-8 item-center border-2 border-soft"
23
23
  }, h("div", {
24
- key: 'cbfc5e4dcb4040b375d195246626d833d5b33057',
24
+ key: 'b1327b6ce1ccca9f3ea64cc5eac0987a76209e04',
25
25
  class: "spacing-sample m-16 bg-strong"
26
26
  }, h("span", {
27
- key: '8aa060bb7da7ffdbcd343c849f5e62c6db648fd7',
27
+ key: '188476bd66a4dff9fa395275088ef94c92f2afca',
28
28
  class: "f-body-01 text-inverse"
29
29
  }, "Margin: 1rem / m-16")))), h("li", {
30
- key: 'f4e5e7a4eedac3a350f8c68adc5cdc8ba742166a',
30
+ key: '8ba0cdfbde803aa803b21641e4c15917ccbd8988',
31
31
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
32
32
  }, h("div", {
33
- key: 'de4ce6ca17ba9c0a20a794e1ec55f2fcc1f0c440',
33
+ key: 'b1b88688a7ff18ac204d49c0536875c0b5a717ab',
34
34
  class: "container p-8 item-center border-2 border-soft"
35
35
  }, h("div", {
36
- key: '52766704ac7cb4b1336d4283991c5204c7dece18',
36
+ key: 'b72362f8a8460253e39927f1efde1115aed0a873',
37
37
  class: "spacing-sample ml-64 bg-strong"
38
38
  }, h("span", {
39
- key: '60c2b72b390ac0b204cf10cf2c01907915e0b3a1',
39
+ key: '156be8010b2a809d71354ba28c7908f4fe58064f',
40
40
  class: "f-body-01 text-inverse"
41
41
  }, "Margin Left: 4rem / ml-64")))), h("li", {
42
- key: '1b7922c2a246a1a95e2e26e455b55ea7b5a2a3e9',
42
+ key: '228d4fecc2d4b7f5958048d0d15c548455287392',
43
43
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
44
44
  }, h("div", {
45
- key: '7d43b9c4bc7ebd4883d9d7871b9fb02a2cece586',
45
+ key: '9c92a7fe82b51896bc1ee2462f66efa9251c2fcc',
46
46
  class: "container p-8 item-center border-2 border-soft"
47
47
  }, h("div", {
48
- key: '7afeb3b0db7c70f11e09b5df2d396ebfc4454f00',
48
+ key: '7059294203bace35afd2ed57b77807e2db806219',
49
49
  class: "spacing-sample mt-32 bg-strong"
50
50
  }, h("span", {
51
- key: '3bccca0e93ad8accb3da8ce64c86ee70d2a6f255',
51
+ key: '2e8ec24a3c550ca536a5701c04e0bed7844bc297',
52
52
  class: "f-body-01 text-inverse"
53
53
  }, "Margin Top: 2rem / mt-32")))), h("li", {
54
- key: '7cbdb2d1b0cd2f91c1b7a05d6654e89a26f74340',
54
+ key: 'd79846088a37e1f03a409d11ba69b3ff3cafa5dd',
55
55
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
56
56
  }, h("div", {
57
- key: 'a47cb7cce3d8947d07ceff06fea30e19df12c6ec',
57
+ key: '0bd8e24e7369fd83c3de2fe7e841c0f3e97cd80b',
58
58
  class: "container p-8 item-center border-2 border-soft"
59
59
  }, h("div", {
60
- key: '2ee8dc2c52d8a689c12f0333cf7a4d0b36e572f7',
60
+ key: 'c502d2567fb9dc49516390a9a8405c31ab324f0a',
61
61
  class: "spacing-sample p-32 bg-strong"
62
62
  }, h("span", {
63
- key: '2c19bbed58312c84d15ef45fc4bd5a699718b259',
63
+ key: '6f07cec99d6fe8c32053ca3c407c336c7a40a64c',
64
64
  class: "f-body-01 text-inverse"
65
65
  }, "Padding: 2rem / p-32")))), h("li", {
66
- key: '89283aab1c8e84f4d692e290e227d5b91e88cd56',
66
+ key: 'f6ddca79e1ab773c7a2f64653fbae0d49c03e071',
67
67
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
68
68
  }, h("div", {
69
- key: 'e341336d74199f51d440ad01217816939b4877eb',
69
+ key: 'bad00c444c75c5a458f66f8b480b69263e9d1548',
70
70
  class: "container p-8 item-center border-2 border-soft"
71
71
  }, h("div", {
72
- key: '6d59ec419924101b4b2d4daf1fa385cd7d921c2e',
72
+ key: 'd889c0216ded4bc9fce48d68ab7d8008bf9bd045',
73
73
  class: "spacing-sample pt-32 bg-strong"
74
74
  }, h("span", {
75
- key: '378293318a5aa7c0c9fecb575e533aa97c7b0ecf',
75
+ key: '3b00250165aeb560641e99b5859266f1cecd7baf',
76
76
  class: "f-body-01 text-inverse"
77
77
  }, "Padding Top: 2rem / pt-32")))), h("li", {
78
- key: 'a8e4328bb418b7b878aebfdfe4022e3054b5167e',
78
+ key: '53077e307812a3d15f534070e4ceb8dd39e22255',
79
79
  class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
80
80
  }, h("div", {
81
- key: '421adc7f90db876dca2304f0c0f794c2b93b4536',
81
+ key: '9e7e1a60ef73524b630845bc686e9a44714c6de7',
82
82
  class: "container p-8 item-center border-2 border-soft"
83
83
  }, h("div", {
84
- key: 'ebb689a6011c3da5282eb3bb1cc1a0581af86e90',
84
+ key: 'c8e3e113b805376f03f9ffe2f2afa985f5e19739',
85
85
  class: "spacing-sample pl-32 bg-strong"
86
86
  }, h("span", {
87
- key: '8924318c5edcb5d78c37dc1a768e1b3e0fa775ed',
87
+ key: '924878b9f3c36c8b83112ed93ba354527037f6bd',
88
88
  class: "f-body-01 text-inverse"
89
89
  }, "Padding Left: 2rem / pl-32"))))));
90
90
  }
package/token-typography.entry.esm.js CHANGED
@@ -232,10 +232,10 @@ const TokenTypography = class {
232
232
  }
233
233
  render() {
234
234
  return h("section", {
235
- key: 'ce7e291884a4b1bef85050a04c798a365287a131',
235
+ key: 'cfb9e2e38963772af466109521bbaedbf5852e2a',
236
236
  class: "w-full"
237
237
  }, h("ul", {
238
- key: '070567197ed557c07284ebe733c4f9f3246c60d7',
238
+ key: '452fa03a44c1082ae4c260245b7dcb2df308ef4f',
239
239
  class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
240
240
  }, Object.entries(typography.typesets).filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
241
241
  .flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => h("li", {