@ebrains/react 0.2.0-alpha.0 → 0.3.0-alpha.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/correct-use-of-colors.entry.esm.js +57 -57
- package/eds-alert.entry.esm.js +102 -0
- package/eds-avatar_17.entry.esm.js +209 -0
- package/eds-card-desc_3.entry.esm.js +129 -0
- package/eds-card-generic.entry.esm.js +125 -0
- package/eds-card-section.entry.esm.js +17 -7
- package/eds-components-section.entry.esm.js +57 -24
- package/eds-docs-palettes.entry.esm.js +1 -1
- package/eds-docs-tokens.entry.esm.js +1 -1
- package/eds-form.entry.esm.js +374 -0
- package/eds-input_7.entry.esm.js +518 -0
- package/eds-login.entry.esm.js +4 -12
- package/eds-logo-variations.entry.esm.js +29 -0
- package/{eds-pagination.entry.esm.js → eds-pagination_2.entry.esm.js} +199 -1
- package/eds-progress-bar.entry.esm.js +36 -0
- package/eds-svg-repository.entry.esm.js +12 -3
- package/eds-tabs-content.entry.esm.js +4 -4
- package/eds-tabs.entry.esm.js +26 -7
- package/eds-timeline.entry.esm.js +130 -0
- package/eds-trl.entry.esm.js +69 -0
- package/incorrect-use-of-colors.entry.esm.js +11 -10
- package/index.esm.js +1 -1
- package/index.esm2.js +35 -27
- package/logo-space.entry.esm.js +4 -4
- package/logo-variations-horizontal_2.entry.esm.js +116 -0
- package/logo-wrong-usage.entry.esm.js +39 -39
- package/package.json +1 -1
- package/src/components.d.ts +2 -0
- 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
- package/eds-alert_28.entry.esm.js +0 -227
- package/eds-block-break.entry.esm.js +0 -22
- package/eds-breadcrumb.entry.esm.js +0 -169
- package/eds-footer.entry.esm.js +0 -110
- package/eds-fullscreen-menu.entry.esm.js +0 -143
- package/eds-social-networks.entry.esm.js +0 -74
- package/eds-table.entry.esm.js +0 -196
- package/logo-variations-horizontal.entry.esm.js +0 -50
- package/logo-variations-vertical.entry.esm.js +0 -53
|
@@ -296,7 +296,7 @@ const TokenList = class {
|
|
|
296
296
|
[this.show]: colors[this.show]
|
|
297
297
|
} : colors;
|
|
298
298
|
return h("section", {
|
|
299
|
-
key: '
|
|
299
|
+
key: 'ac8573b341ad313eba0f9f082dcc72cfc81208b3',
|
|
300
300
|
class: "w-full mt-28"
|
|
301
301
|
}, Object.entries(sectionsToDisplay).map(([sectionName, sectionContent]) =>
|
|
302
302
|
// Only render sections that exist in `colors`
|
|
@@ -317,10 +317,10 @@ const TokenRadii = class {
|
|
|
317
317
|
}
|
|
318
318
|
render() {
|
|
319
319
|
return h("section", {
|
|
320
|
-
key: '
|
|
320
|
+
key: '84dabcd5a39d49e116f8fc9e9b26e00455c7fbb3',
|
|
321
321
|
class: "w-full mt-28"
|
|
322
322
|
}, h("ul", {
|
|
323
|
-
key: '
|
|
323
|
+
key: 'a821c747c45b8898ab2e7626d2ead91814549335',
|
|
324
324
|
class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
325
325
|
}, Object.entries(radii).map(([key, value]) => h("li", {
|
|
326
326
|
class: "grid-col-span-12 md:grid-col-span-4 flex flex-col items-center mt-16"
|
|
@@ -358,10 +358,10 @@ const TokenShadows = class {
|
|
|
358
358
|
}
|
|
359
359
|
render() {
|
|
360
360
|
return h("section", {
|
|
361
|
-
key: '
|
|
361
|
+
key: '4575feac8b5bff23aed39733e638fbb62916988f',
|
|
362
362
|
class: "w-full mt-28"
|
|
363
363
|
}, h("ul", {
|
|
364
|
-
key: '
|
|
364
|
+
key: 'c9833aa0d698a7ec33911011ccb9227d43c8261a',
|
|
365
365
|
class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
366
366
|
}, Object.entries(shadowTokens).map(([category, tokens]) => Object.entries(tokens).map(([key, value]) => h("li", {
|
|
367
367
|
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: '9c4dc70bd40a40fbeedc88280ea3fdd4b2597e40',
|
|
21
21
|
class: "w-full"
|
|
22
22
|
}, h("eds-section-core", {
|
|
23
|
-
key: '
|
|
23
|
+
key: '039b72b762e48f62a4fa58d5af7803d0ed73bf6a',
|
|
24
24
|
tag: "div",
|
|
25
25
|
"section-title": "Aspect Ratios",
|
|
26
26
|
"heading-level": "h3"
|
|
27
27
|
}, h("ul", {
|
|
28
|
-
key: '
|
|
28
|
+
key: 'be3e37d842a24536488b7bc03f24399faa1304ff',
|
|
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: '5f72b8386e92973faca8b22ebadcffa5b8ca8744',
|
|
13
13
|
class: "w-full"
|
|
14
14
|
}, h("ul", {
|
|
15
|
-
key: '
|
|
15
|
+
key: '619cc2546059aaac566dc89f56b098f72f7c2bde',
|
|
16
16
|
class: "gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
17
17
|
}, h("li", {
|
|
18
|
-
key: '
|
|
18
|
+
key: 'b90587543210e02a577854ce061472ef8f3bdc7a',
|
|
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: 'd98ea95c641209ba592aae8c695e278549840420',
|
|
22
22
|
class: "container p-8 item-center border-2 border-soft"
|
|
23
23
|
}, h("div", {
|
|
24
|
-
key: '
|
|
24
|
+
key: '6dd84540a213d98fa09480eac823fe030dfb2404',
|
|
25
25
|
class: "spacing-sample m-32 bg-darker"
|
|
26
26
|
}, h("span", {
|
|
27
|
-
key: '
|
|
27
|
+
key: 'ad0493ba8d97cdcc15535505db4d726d6f69bd38',
|
|
28
28
|
class: "text-white"
|
|
29
29
|
}, "Margin: 2rem / m-32")))), h("li", {
|
|
30
|
-
key: '
|
|
30
|
+
key: 'a0914d288cdb4b9caef6956af0069cd0937ee019',
|
|
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: '95adc2b10d3962378de300e00b749b691fda88af',
|
|
34
34
|
class: "container p-8 item-center border-2 border-soft"
|
|
35
35
|
}, h("div", {
|
|
36
|
-
key: '
|
|
36
|
+
key: '8bad94397c9fe8112b49933a508958000f9cd99d',
|
|
37
37
|
class: "spacing-sample ml-64 bg-darker"
|
|
38
38
|
}, h("span", {
|
|
39
|
-
key: '
|
|
39
|
+
key: '04229385104243a5ce9a194c4f8056f7341a6736',
|
|
40
40
|
class: "text-white"
|
|
41
41
|
}, "Margin Left: 4rem / ml-64")))), h("li", {
|
|
42
|
-
key: '
|
|
42
|
+
key: 'f34e1fd5ccafc528ed9359766deaa5c615a2e14b',
|
|
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: '38e12800b2c8502ea2f9e912af929f71d3ec9699',
|
|
46
46
|
class: "container p-8 item-center border-2 border-soft"
|
|
47
47
|
}, h("div", {
|
|
48
|
-
key: '
|
|
48
|
+
key: 'f4e93d89576ab3de7f44ce3a85d9838f21bfa7f6',
|
|
49
49
|
class: "spacing-sample mt-32 bg-darker"
|
|
50
50
|
}, h("span", {
|
|
51
|
-
key: '
|
|
51
|
+
key: 'e85e2e1c7c4c7e765dfafd25dc9f2c33b6bd5069',
|
|
52
52
|
class: "text-white"
|
|
53
53
|
}, "Margin Top: 2rem / mt-32")))), h("li", {
|
|
54
|
-
key: '
|
|
54
|
+
key: 'b42299c17c024a5906bd09c80a2f309b461b6fde',
|
|
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: 'f54a9e32893ac6f1b0384e79e2959d1e65a251e2',
|
|
58
58
|
class: "container p-8 item-center border-2 border-soft"
|
|
59
59
|
}, h("div", {
|
|
60
|
-
key: '
|
|
60
|
+
key: '4209fa0c979a1d55d42d7b892bc94cc0f3788e88',
|
|
61
61
|
class: "spacing-sample p-32 bg-darker"
|
|
62
62
|
}, h("span", {
|
|
63
|
-
key: '
|
|
63
|
+
key: '1d9249c56d3a42500dfb8cc1d3eae1f89e79cdcd',
|
|
64
64
|
class: "text-white"
|
|
65
65
|
}, "Padding: 2rem / p-32")))), h("li", {
|
|
66
|
-
key: '
|
|
66
|
+
key: 'ad6f2e33e15c4c21bdfed8478b3d2faa905490fa',
|
|
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: '9950970e66b8a382e7b0158b54e980a5e5f45774',
|
|
70
70
|
class: "container p-8 item-center border-2 border-soft"
|
|
71
71
|
}, h("div", {
|
|
72
|
-
key: '
|
|
72
|
+
key: '40e96cd046eaddf3a23387995affbfc399d171ae',
|
|
73
73
|
class: "spacing-sample pt-32 bg-darker"
|
|
74
74
|
}, h("span", {
|
|
75
|
-
key: '
|
|
75
|
+
key: '2d120273f7a6d4429061d0ade2164ada9a14b506',
|
|
76
76
|
class: "text-white"
|
|
77
77
|
}, "Padding Top: 2rem / pt-32")))), h("li", {
|
|
78
|
-
key: '
|
|
78
|
+
key: '8c3327edc63f8959c0cb01cce0a8407bf3a605af',
|
|
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: 'c0be38039770c54577f073e1a707110cd0807ab5',
|
|
82
82
|
class: "container p-8 item-center border-2 border-soft"
|
|
83
83
|
}, h("div", {
|
|
84
|
-
key: '
|
|
84
|
+
key: 'd8085da375e734ed11fe580f1a9004f6fddef679',
|
|
85
85
|
class: "spacing-sample pl-32 bg-darker"
|
|
86
86
|
}, h("span", {
|
|
87
|
-
key: '
|
|
87
|
+
key: '029857c00659221390438d8477734d0f130d1b97',
|
|
88
88
|
class: "text-white"
|
|
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: '23815518d694435812ed3d7b9aab850043941b96',
|
|
206
206
|
class: "w-full"
|
|
207
207
|
}, h("ul", {
|
|
208
|
-
key: '
|
|
208
|
+
key: '366ed5bc5933c5b8a563d33b70471f507a21386c',
|
|
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", {
|