@ebrains/react 3.0.0 → 3.1.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.
- 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_52.entry.esm.js → eds-accordion_53.entry.esm.js} +221 -78
- package/eds-app-root.entry.esm.js +4 -4
- 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-gauge.entry.esm.js +4 -4
- package/eds-gitlab-contributors.entry.esm.js +16 -6
- package/eds-icon-bluesky.entry.esm.js +1 -1
- package/eds-icon-eu.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-mastodon.entry.esm.js +1 -1
- package/eds-icon-twitter.entry.esm.js +1 -1
- package/eds-icon-youtube.entry.esm.js +1 -1
- package/eds-input-search.entry.esm.js +96 -0
- package/eds-section-core_2.entry.esm.js +5 -5
- package/eds-timeline.entry.esm.js +4 -4
- package/eds-toast-manager.entry.esm.js +1 -1
- package/eds-trl-badge.entry.esm.js +186 -0
- package/incorrect-use-of-colors.entry.esm.js +8 -8
- package/index.esm.js +1 -1
- package/index.esm2.js +13 -4
- package/logo-space.entry.esm.js +22 -22
- package/logo-variations-horizontal_2.entry.esm.js +20 -20
- package/logo-variations-tabs.entry.esm.js +1 -1
- package/logo-wrong-usage.entry.esm.js +25 -25
- package/package.json +1 -1
- package/src/components.d.ts +3 -0
- 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
|
@@ -308,7 +308,7 @@ const TokenList = class {
|
|
|
308
308
|
[this.show]: colors[this.show]
|
|
309
309
|
} : colors;
|
|
310
310
|
return h("section", {
|
|
311
|
-
key: '
|
|
311
|
+
key: '19a7dd76a980e2815f8df3ee0cb083b2c77cafa4',
|
|
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: '
|
|
332
|
+
key: '80a475b807538a7c9c1186d0f167a793858ad439',
|
|
333
333
|
class: "w-full mt-28"
|
|
334
334
|
}, h("ul", {
|
|
335
|
-
key: '
|
|
335
|
+
key: 'e3fa97c0f627f2094c7eae87eb9f7079df2b35f2',
|
|
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: '
|
|
389
|
+
key: '0316f767a182da2f2e96c137034d84794947102a',
|
|
390
390
|
class: "w-full mt-28"
|
|
391
391
|
}, h("ul", {
|
|
392
|
-
key: '
|
|
392
|
+
key: '16586b6a4d565ee58f4ea2465d54d527390d41ca',
|
|
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"
|
|
@@ -17,15 +17,15 @@ const TokenRatios = class {
|
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
19
|
return h("section", {
|
|
20
|
-
key: '
|
|
20
|
+
key: 'd95a7a36fc37fb829c74e336d16de79f57ec1b83',
|
|
21
21
|
class: "w-full"
|
|
22
22
|
}, h("eds-section-core", {
|
|
23
|
-
key: '
|
|
23
|
+
key: '1e2fbe9a818a162d6acd148804a61b87f919eda5',
|
|
24
24
|
tag: "div",
|
|
25
25
|
"section-title": "Aspect Ratios",
|
|
26
26
|
"heading-level": "h3"
|
|
27
27
|
}, h("ul", {
|
|
28
|
-
key: '
|
|
28
|
+
key: 'a2429b25e2aef59bde0185115dc2ff908b075db5',
|
|
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"
|
|
@@ -9,82 +9,82 @@ const TokenSpacing = class {
|
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
return h("div", {
|
|
12
|
-
key: '
|
|
12
|
+
key: '857d52883315b5be7edb90c89602b29f258cabda',
|
|
13
13
|
class: "w-full"
|
|
14
14
|
}, h("ul", {
|
|
15
|
-
key: '
|
|
15
|
+
key: 'e1dbf5d8e227c9014183c2465bf281e554f7e35b',
|
|
16
16
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
17
17
|
}, h("li", {
|
|
18
|
-
key: '
|
|
18
|
+
key: '85795c6c4ad2c4fc05cda1183a06dadc78521b45',
|
|
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: '
|
|
21
|
+
key: 'e0d6a8712ab4d47dca6ca275c09592b8af381b20',
|
|
22
22
|
class: "container p-8 item-center border-2 border-soft"
|
|
23
23
|
}, h("div", {
|
|
24
|
-
key: '
|
|
24
|
+
key: 'cbfc5e4dcb4040b375d195246626d833d5b33057',
|
|
25
25
|
class: "spacing-sample m-16 bg-strong"
|
|
26
26
|
}, h("span", {
|
|
27
|
-
key: '
|
|
27
|
+
key: '8aa060bb7da7ffdbcd343c849f5e62c6db648fd7',
|
|
28
28
|
class: "f-body-01 text-inverse"
|
|
29
29
|
}, "Margin: 1rem / m-16")))), h("li", {
|
|
30
|
-
key: '
|
|
30
|
+
key: 'f4e5e7a4eedac3a350f8c68adc5cdc8ba742166a',
|
|
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: '
|
|
33
|
+
key: 'de4ce6ca17ba9c0a20a794e1ec55f2fcc1f0c440',
|
|
34
34
|
class: "container p-8 item-center border-2 border-soft"
|
|
35
35
|
}, h("div", {
|
|
36
|
-
key: '
|
|
36
|
+
key: '52766704ac7cb4b1336d4283991c5204c7dece18',
|
|
37
37
|
class: "spacing-sample ml-64 bg-strong"
|
|
38
38
|
}, h("span", {
|
|
39
|
-
key: '
|
|
39
|
+
key: '60c2b72b390ac0b204cf10cf2c01907915e0b3a1',
|
|
40
40
|
class: "f-body-01 text-inverse"
|
|
41
41
|
}, "Margin Left: 4rem / ml-64")))), h("li", {
|
|
42
|
-
key: '
|
|
42
|
+
key: '1b7922c2a246a1a95e2e26e455b55ea7b5a2a3e9',
|
|
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: '
|
|
45
|
+
key: '7d43b9c4bc7ebd4883d9d7871b9fb02a2cece586',
|
|
46
46
|
class: "container p-8 item-center border-2 border-soft"
|
|
47
47
|
}, h("div", {
|
|
48
|
-
key: '
|
|
48
|
+
key: '7afeb3b0db7c70f11e09b5df2d396ebfc4454f00',
|
|
49
49
|
class: "spacing-sample mt-32 bg-strong"
|
|
50
50
|
}, h("span", {
|
|
51
|
-
key: '
|
|
51
|
+
key: '3bccca0e93ad8accb3da8ce64c86ee70d2a6f255',
|
|
52
52
|
class: "f-body-01 text-inverse"
|
|
53
53
|
}, "Margin Top: 2rem / mt-32")))), h("li", {
|
|
54
|
-
key: '
|
|
54
|
+
key: '7cbdb2d1b0cd2f91c1b7a05d6654e89a26f74340',
|
|
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: '
|
|
57
|
+
key: 'a47cb7cce3d8947d07ceff06fea30e19df12c6ec',
|
|
58
58
|
class: "container p-8 item-center border-2 border-soft"
|
|
59
59
|
}, h("div", {
|
|
60
|
-
key: '
|
|
60
|
+
key: '2ee8dc2c52d8a689c12f0333cf7a4d0b36e572f7',
|
|
61
61
|
class: "spacing-sample p-32 bg-strong"
|
|
62
62
|
}, h("span", {
|
|
63
|
-
key: '
|
|
63
|
+
key: '2c19bbed58312c84d15ef45fc4bd5a699718b259',
|
|
64
64
|
class: "f-body-01 text-inverse"
|
|
65
65
|
}, "Padding: 2rem / p-32")))), h("li", {
|
|
66
|
-
key: '
|
|
66
|
+
key: '89283aab1c8e84f4d692e290e227d5b91e88cd56',
|
|
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: '
|
|
69
|
+
key: 'e341336d74199f51d440ad01217816939b4877eb',
|
|
70
70
|
class: "container p-8 item-center border-2 border-soft"
|
|
71
71
|
}, h("div", {
|
|
72
|
-
key: '
|
|
72
|
+
key: '6d59ec419924101b4b2d4daf1fa385cd7d921c2e',
|
|
73
73
|
class: "spacing-sample pt-32 bg-strong"
|
|
74
74
|
}, h("span", {
|
|
75
|
-
key: '
|
|
75
|
+
key: '378293318a5aa7c0c9fecb575e533aa97c7b0ecf',
|
|
76
76
|
class: "f-body-01 text-inverse"
|
|
77
77
|
}, "Padding Top: 2rem / pt-32")))), h("li", {
|
|
78
|
-
key: '
|
|
78
|
+
key: 'a8e4328bb418b7b878aebfdfe4022e3054b5167e',
|
|
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: '
|
|
81
|
+
key: '421adc7f90db876dca2304f0c0f794c2b93b4536',
|
|
82
82
|
class: "container p-8 item-center border-2 border-soft"
|
|
83
83
|
}, h("div", {
|
|
84
|
-
key: '
|
|
84
|
+
key: 'ebb689a6011c3da5282eb3bb1cc1a0581af86e90',
|
|
85
85
|
class: "spacing-sample pl-32 bg-strong"
|
|
86
86
|
}, h("span", {
|
|
87
|
-
key: '
|
|
87
|
+
key: '8924318c5edcb5d78c37dc1a768e1b3e0fa775ed',
|
|
88
88
|
class: "f-body-01 text-inverse"
|
|
89
89
|
}, "Padding Left: 2rem / pl-32"))))));
|
|
90
90
|
}
|
|
@@ -232,10 +232,10 @@ const TokenTypography = class {
|
|
|
232
232
|
}
|
|
233
233
|
render() {
|
|
234
234
|
return h("section", {
|
|
235
|
-
key: '
|
|
235
|
+
key: 'ce7e291884a4b1bef85050a04c798a365287a131',
|
|
236
236
|
class: "w-full"
|
|
237
237
|
}, h("ul", {
|
|
238
|
-
key: '
|
|
238
|
+
key: '070567197ed557c07284ebe733c4f9f3246c60d7',
|
|
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", {
|