@ebrains/react 1.2.0 → 1.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.
- 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-app-root.entry.esm.js +4 -4
- package/eds-avatar_28.entry.esm.js +85 -78
- 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-progress-bar.entry.esm.js +4 -4
- 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-timeline.entry.esm.js +4 -4
- 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 +8 -8
- package/index.esm.js +1 -1
- package/index.esm2.js +4 -2
- 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/src/components.d.ts +2 -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
|
@@ -17,15 +17,15 @@ const TokenRatios = class {
|
|
|
17
17
|
}
|
|
18
18
|
render() {
|
|
19
19
|
return h("section", {
|
|
20
|
-
key: '
|
|
20
|
+
key: '0fb029d34cba573e04e15030b3fdd1497ac9974e',
|
|
21
21
|
class: "w-full"
|
|
22
22
|
}, h("eds-section-core", {
|
|
23
|
-
key: '
|
|
23
|
+
key: 'd6914b95ef74d590d58b0c90600fc44f5d9d6678',
|
|
24
24
|
tag: "div",
|
|
25
25
|
"section-title": "Aspect Ratios",
|
|
26
26
|
"heading-level": "h3"
|
|
27
27
|
}, h("ul", {
|
|
28
|
-
key: '
|
|
28
|
+
key: 'f08511f07380707795b810fd0f34c1acdc47d37d',
|
|
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: '144e643ff3f26d09b932b3bfa2086164134728c0',
|
|
13
13
|
class: "w-full"
|
|
14
14
|
}, h("ul", {
|
|
15
|
-
key: '
|
|
15
|
+
key: 'fabddc807bcd5cefbfced6391117e9eb065ffff0',
|
|
16
16
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
17
17
|
}, h("li", {
|
|
18
|
-
key: '
|
|
18
|
+
key: 'cc0fba19927a1c3ad33008dc1087ee75e0c9fe2d',
|
|
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: '328054d7cfe6a0678e9e592b91dba6a8524c2039',
|
|
22
22
|
class: "container p-8 item-center border-2 border-soft"
|
|
23
23
|
}, h("div", {
|
|
24
|
-
key: '
|
|
24
|
+
key: 'e50e3533e36feb7021cac8ac10cc9a05e7f24c0a',
|
|
25
25
|
class: "spacing-sample m-16 bg-strong"
|
|
26
26
|
}, h("span", {
|
|
27
|
-
key: '
|
|
27
|
+
key: '87165037495881426a3c9848953e049ec7e96b7a',
|
|
28
28
|
class: "f-body-01 text-inverse"
|
|
29
29
|
}, "Margin: 1rem / m-16")))), h("li", {
|
|
30
|
-
key: '
|
|
30
|
+
key: 'a6a98204655e53b6ef9ce9f2fd90b561c79c185d',
|
|
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: '385ae898ce1f1f96cbb236ded619a05d8326c304',
|
|
34
34
|
class: "container p-8 item-center border-2 border-soft"
|
|
35
35
|
}, h("div", {
|
|
36
|
-
key: '
|
|
36
|
+
key: '4e6c11ae90e22efa73fb6c9481ee2c1511365394',
|
|
37
37
|
class: "spacing-sample ml-64 bg-strong"
|
|
38
38
|
}, h("span", {
|
|
39
|
-
key: '
|
|
39
|
+
key: 'a13a1886b5019ca48a19d24ba03b3caa1c51bc3f',
|
|
40
40
|
class: "f-body-01 text-inverse"
|
|
41
41
|
}, "Margin Left: 4rem / ml-64")))), h("li", {
|
|
42
|
-
key: '
|
|
42
|
+
key: '7b2f325ced5281668e6ece98d56caf864b34c7e8',
|
|
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: '3e1a69b9983bc993686426ec84dd70b4803538a6',
|
|
46
46
|
class: "container p-8 item-center border-2 border-soft"
|
|
47
47
|
}, h("div", {
|
|
48
|
-
key: '
|
|
48
|
+
key: '66804ce21771e53210bc385ac8cefce4c554d188',
|
|
49
49
|
class: "spacing-sample mt-32 bg-strong"
|
|
50
50
|
}, h("span", {
|
|
51
|
-
key: '
|
|
51
|
+
key: '91cee3a9cf00777f1d2b4cde4ce484fcddef52f5',
|
|
52
52
|
class: "f-body-01 text-inverse"
|
|
53
53
|
}, "Margin Top: 2rem / mt-32")))), h("li", {
|
|
54
|
-
key: '
|
|
54
|
+
key: '9d9074db464e7ecc36977c69b0fdd053e8025dec',
|
|
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: 'e6a2d7d1ded9c92ca41d211dca3dcca9f03ad707',
|
|
58
58
|
class: "container p-8 item-center border-2 border-soft"
|
|
59
59
|
}, h("div", {
|
|
60
|
-
key: '
|
|
60
|
+
key: 'c87e88d711ec5298525f1d901958a035837b3db0',
|
|
61
61
|
class: "spacing-sample p-32 bg-strong"
|
|
62
62
|
}, h("span", {
|
|
63
|
-
key: '
|
|
63
|
+
key: '6276cb3c19a8fd1262c5002e682099f13d38b512',
|
|
64
64
|
class: "f-body-01 text-inverse"
|
|
65
65
|
}, "Padding: 2rem / p-32")))), h("li", {
|
|
66
|
-
key: '
|
|
66
|
+
key: 'c8614add23a4802ccbb3086c74ac2871ad0a0340',
|
|
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: '68b73e788596e32a696e012d08ec11cf479a5d45',
|
|
70
70
|
class: "container p-8 item-center border-2 border-soft"
|
|
71
71
|
}, h("div", {
|
|
72
|
-
key: '
|
|
72
|
+
key: 'b057f25cdeda7c6cc3f0ce21e199d84d90bb0bfa',
|
|
73
73
|
class: "spacing-sample pt-32 bg-strong"
|
|
74
74
|
}, h("span", {
|
|
75
|
-
key: '
|
|
75
|
+
key: 'a72e385bdaed3c6c8a06fb7951f6b326eb8f2e4f',
|
|
76
76
|
class: "f-body-01 text-inverse"
|
|
77
77
|
}, "Padding Top: 2rem / pt-32")))), h("li", {
|
|
78
|
-
key: '
|
|
78
|
+
key: '11be77901177c2372b29076072dd7544f7371aa4',
|
|
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: '5606d88389c6aaa16a9941fefe2bc34e881b22a3',
|
|
82
82
|
class: "container p-8 item-center border-2 border-soft"
|
|
83
83
|
}, h("div", {
|
|
84
|
-
key: '
|
|
84
|
+
key: '1341d44c62567c8b5078046644cda8ddcec59809',
|
|
85
85
|
class: "spacing-sample pl-32 bg-strong"
|
|
86
86
|
}, h("span", {
|
|
87
|
-
key: '
|
|
87
|
+
key: 'b9208571277fced609ea55a113a30dc7a424c2a8',
|
|
88
88
|
class: "f-body-01 text-inverse"
|
|
89
89
|
}, "Padding Left: 2rem / pl-32"))))));
|
|
90
90
|
}
|
|
@@ -202,10 +202,10 @@ const TokenTypography = class {
|
|
|
202
202
|
}
|
|
203
203
|
render() {
|
|
204
204
|
return h("section", {
|
|
205
|
-
key: '
|
|
205
|
+
key: 'b831c9707b00d17768f585e2015de8a7289b11d2',
|
|
206
206
|
class: "w-full"
|
|
207
207
|
}, h("ul", {
|
|
208
|
-
key: '
|
|
208
|
+
key: '472e46f2c903597d24e8f24cf28b6f475c7d7a82',
|
|
209
209
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
210
210
|
}, Object.entries(typography.typesets).filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
|
|
211
211
|
.flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => h("li", {
|