@ebrains/react 2.4.1 → 3.0.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 +1823 -0
- package/eds-app-root.entry.esm.js +4 -4
- package/eds-cookies-preference.entry.esm.js +3 -3
- package/eds-feedback.entry.esm.js +5 -5
- package/eds-frame.entry.esm.js +7 -7
- package/eds-gauge.entry.esm.js +8 -9
- package/eds-gitlab-contributors.entry.esm.js +277 -0
- package/eds-icon-bluesky.entry.esm.js +1 -1
- package/eds-icon-eu.entry.esm.js +2 -2
- 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-modal.entry.esm.js +88 -31
- package/eds-pie.entry.esm.js +38 -4
- package/eds-section-core_2.entry.esm.js +5 -5
- package/eds-splash-screen.entry.esm.js +4 -12
- package/eds-timeline.entry.esm.js +8 -14
- package/eds-toast-manager.entry.esm.js +1 -1
- package/eu-8ac3e99c.esm.js +7 -0
- package/incorrect-use-of-colors.entry.esm.js +8 -8
- package/index.esm.js +1 -1
- package/index.esm2.js +14 -143
- package/logo-space.entry.esm.js +138 -17
- package/logo-variations-horizontal_2.entry.esm.js +28 -54
- package/logo-variations-tabs.entry.esm.js +1 -1
- package/logo-wrong-usage.entry.esm.js +33 -33
- package/negative-84eec72e.esm.js +104 -0
- package/package.json +1 -1
- package/positive-cc986d7c.esm.js +65 -0
- package/src/components.d.ts +8 -2
- package/src/generated/components.d.ts +0 -1
- package/svg-repository.entry.esm.js +7 -254
- package/token-list_3.entry.esm.js +79 -51
- package/token-ratios.entry.esm.js +3 -3
- package/token-spacing.entry.esm.js +26 -26
- package/token-typography.entry.esm.js +88 -79
- package/arrow-diagonal-black-8f0494c3.esm.js +0 -3
- package/arrow-right-9322ba8a.esm.js +0 -5
- package/bin-37cad2f0.esm.js +0 -3
- package/bookmark-c200037c.esm.js +0 -16
- package/chevron-down-6144c823.esm.js +0 -12
- package/chevron-left-ca6c66e1.esm.js +0 -11
- package/chevron-right-b88ed2d4.esm.js +0 -5
- package/chevron-up-c66bd477.esm.js +0 -12
- package/clone-dab56639.esm.js +0 -3
- package/close-87fc0d63.esm.js +0 -5
- package/copy-03b72cb6.esm.js +0 -5
- package/download-47746956.esm.js +0 -18
- package/draft-dd5dada2.esm.js +0 -3
- package/edit-3893a517.esm.js +0 -3
- package/eds-accordion_37.entry.esm.js +0 -1201
- package/eds-card-desc_2.entry.esm.js +0 -85
- package/eds-card-generic.entry.esm.js +0 -116
- package/eds-card-project.entry.esm.js +0 -209
- package/eds-card-section.entry.esm.js +0 -56
- package/eds-card-tags.entry.esm.js +0 -27
- package/eds-card-tool.entry.esm.js +0 -105
- package/eds-footer.entry.esm.js +0 -145
- package/eds-fullscreen-menu.entry.esm.js +0 -143
- package/eds-icon-arrow-diagonal.entry.esm.js +0 -21
- package/eds-icon-arrow-right.entry.esm.js +0 -21
- package/eds-icon-bin.entry.esm.js +0 -21
- package/eds-icon-bookmark.entry.esm.js +0 -21
- package/eds-icon-chevron-down.entry.esm.js +0 -21
- package/eds-icon-chevron-left.entry.esm.js +0 -21
- package/eds-icon-chevron-right.entry.esm.js +0 -21
- package/eds-icon-chevron-up.entry.esm.js +0 -21
- package/eds-icon-clone.entry.esm.js +0 -21
- package/eds-icon-close.entry.esm.js +0 -21
- package/eds-icon-copy.entry.esm.js +0 -21
- package/eds-icon-download.entry.esm.js +0 -21
- package/eds-icon-draft.entry.esm.js +0 -21
- package/eds-icon-edit.entry.esm.js +0 -21
- package/eds-icon-external.entry.esm.js +0 -21
- package/eds-icon-loader.entry.esm.js +0 -21
- package/eds-icon-menu.entry.esm.js +0 -21
- package/eds-icon-minus.entry.esm.js +0 -21
- package/eds-icon-more.entry.esm.js +0 -21
- package/eds-icon-paper.entry.esm.js +0 -21
- package/eds-icon-plus.entry.esm.js +0 -21
- package/eds-icon-portal.entry.esm.js +0 -21
- package/eds-icon-private.entry.esm.js +0 -21
- package/eds-icon-public.entry.esm.js +0 -21
- package/eds-icon-search.entry.esm.js +0 -21
- package/eds-icon-star.entry.esm.js +0 -21
- package/eds-icon-start.entry.esm.js +0 -21
- package/eds-icon-success.entry.esm.js +0 -21
- package/eds-icon-thumbs-down.entry.esm.js +0 -21
- package/eds-icon-thumbs-up.entry.esm.js +0 -21
- package/eds-icon-tutorial.entry.esm.js +0 -21
- package/eds-icon-unknown.entry.esm.js +0 -21
- package/eds-icon-updown.entry.esm.js +0 -21
- package/eds-icon-user.entry.esm.js +0 -21
- package/eds-icon-view.entry.esm.js +0 -21
- package/eds-progress-bar.entry.esm.js +0 -52
- package/eds-social-networks.entry.esm.js +0 -73
- package/eds-trl.entry.esm.js +0 -68
- package/eu-9ddde93a.esm.js +0 -30
- package/index-39c58238.esm.js +0 -58
- package/loader-c9628637.esm.js +0 -30
- package/logo-color-7f1fd803.esm.js +0 -115
- package/logo-color-margins-ff8ce71b.esm.js +0 -118
- package/logo-white-no-bg-f382f86f.esm.js +0 -1021
- package/menu-340ea948.esm.js +0 -11
- package/minus-b30a7c71.esm.js +0 -11
- package/more-4449d549.esm.js +0 -13
- package/paper-8e74ea31.esm.js +0 -15
- package/plus-89c07be2.esm.js +0 -12
- package/portal-d6c8ce56.esm.js +0 -18
- package/private-1c25ff8e.esm.js +0 -25
- package/public-d4d8c585.esm.js +0 -16
- package/search-fbcd79c2.esm.js +0 -12
- package/star-0da9b5e9.esm.js +0 -5
- package/start-65126a4f.esm.js +0 -3
- package/success-443809da.esm.js +0 -18
- package/thumbs-down-a18fd049.esm.js +0 -5
- package/thumbs-up-c19a71bc.esm.js +0 -6
- package/tutotial-150ee1fd.esm.js +0 -27
- package/unknown-ed01a24c.esm.js +0 -22
- package/up-and-down-8b69ca97.esm.js +0 -12
- package/user-71ebdc15.esm.js +0 -16
- package/view-e900f2d4.esm.js +0 -3
|
@@ -9,82 +9,82 @@ const TokenSpacing = class {
|
|
|
9
9
|
}
|
|
10
10
|
render() {
|
|
11
11
|
return h("div", {
|
|
12
|
-
key: '
|
|
12
|
+
key: '8ebe0d888150e5fefd1d3047cc82548f12f47f9f',
|
|
13
13
|
class: "w-full"
|
|
14
14
|
}, h("ul", {
|
|
15
|
-
key: '
|
|
15
|
+
key: 'c57af77dfb437bafaf060a6c6ebece84c4683409',
|
|
16
16
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
17
17
|
}, h("li", {
|
|
18
|
-
key: '
|
|
18
|
+
key: '6ca948268bd07e50409334b84eeeb362287f131e',
|
|
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: '0f33f8feec6657d21a4e4a1973d4c46cf4f6c526',
|
|
22
22
|
class: "container p-8 item-center border-2 border-soft"
|
|
23
23
|
}, h("div", {
|
|
24
|
-
key: '
|
|
24
|
+
key: '194c9d5367c75c35f021d0b5c64601a72d1141fd',
|
|
25
25
|
class: "spacing-sample m-16 bg-strong"
|
|
26
26
|
}, h("span", {
|
|
27
|
-
key: '
|
|
27
|
+
key: '252af2371d58a8364718210563b7aa9a76a551a6',
|
|
28
28
|
class: "f-body-01 text-inverse"
|
|
29
29
|
}, "Margin: 1rem / m-16")))), h("li", {
|
|
30
|
-
key: '
|
|
30
|
+
key: '833a8373bbe4db4514c84d4e299e2103b37bc75e',
|
|
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: 'd364398230aca7af47273a654a8f138d70361c75',
|
|
34
34
|
class: "container p-8 item-center border-2 border-soft"
|
|
35
35
|
}, h("div", {
|
|
36
|
-
key: '
|
|
36
|
+
key: '707e0b62f500c16dc2d72da8e0bd85adabd7280b',
|
|
37
37
|
class: "spacing-sample ml-64 bg-strong"
|
|
38
38
|
}, h("span", {
|
|
39
|
-
key: '
|
|
39
|
+
key: '846c07af2613e90c3acd1fa66aa422db14a95526',
|
|
40
40
|
class: "f-body-01 text-inverse"
|
|
41
41
|
}, "Margin Left: 4rem / ml-64")))), h("li", {
|
|
42
|
-
key: '
|
|
42
|
+
key: '107899eab78bbb70f62b0aa2df8573f7a940024c',
|
|
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: 'fb007ac46524cfda56c1033869b3fd7edeec96b8',
|
|
46
46
|
class: "container p-8 item-center border-2 border-soft"
|
|
47
47
|
}, h("div", {
|
|
48
|
-
key: '
|
|
48
|
+
key: '4312aaa901f7ad1075056517b2d8b0902e708aec',
|
|
49
49
|
class: "spacing-sample mt-32 bg-strong"
|
|
50
50
|
}, h("span", {
|
|
51
|
-
key: '
|
|
51
|
+
key: '62a87119afea530831e3bcbb45da16f3a3cfb1b8',
|
|
52
52
|
class: "f-body-01 text-inverse"
|
|
53
53
|
}, "Margin Top: 2rem / mt-32")))), h("li", {
|
|
54
|
-
key: '
|
|
54
|
+
key: '279e6f5af470cf3f969c37f715def542e4d13140',
|
|
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: '057bcacd976a4d7f0a69ccba3b469e79f6e8c86a',
|
|
58
58
|
class: "container p-8 item-center border-2 border-soft"
|
|
59
59
|
}, h("div", {
|
|
60
|
-
key: '
|
|
60
|
+
key: '379423e5ef1b3f5be2a322493266305f2cf46b9d',
|
|
61
61
|
class: "spacing-sample p-32 bg-strong"
|
|
62
62
|
}, h("span", {
|
|
63
|
-
key: '
|
|
63
|
+
key: 'a3bd9db6ab5dd4f6204d5009c4328f617f44b78c',
|
|
64
64
|
class: "f-body-01 text-inverse"
|
|
65
65
|
}, "Padding: 2rem / p-32")))), h("li", {
|
|
66
|
-
key: '
|
|
66
|
+
key: '526411b8ab854f67873964446dee7191949f5d54',
|
|
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: 'c30d0c423a4d3104ca8736fbd2c0de5159ac8f2d',
|
|
70
70
|
class: "container p-8 item-center border-2 border-soft"
|
|
71
71
|
}, h("div", {
|
|
72
|
-
key: '
|
|
72
|
+
key: '93e0422c2304a0d3a158ba086aa9235a05d621f0',
|
|
73
73
|
class: "spacing-sample pt-32 bg-strong"
|
|
74
74
|
}, h("span", {
|
|
75
|
-
key: '
|
|
75
|
+
key: 'dca707847134a421d60930307613a6528a009f9d',
|
|
76
76
|
class: "f-body-01 text-inverse"
|
|
77
77
|
}, "Padding Top: 2rem / pt-32")))), h("li", {
|
|
78
|
-
key: '
|
|
78
|
+
key: 'a132977bdf19ba79401ccc05f248711eb2793497',
|
|
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: '2fad0e796528bce6c021cbb9d3036d4a23226b82',
|
|
82
82
|
class: "container p-8 item-center border-2 border-soft"
|
|
83
83
|
}, h("div", {
|
|
84
|
-
key: '
|
|
84
|
+
key: 'be02958fc44ca651c348078dfc84fabbe92afaa1',
|
|
85
85
|
class: "spacing-sample pl-32 bg-strong"
|
|
86
86
|
}, h("span", {
|
|
87
|
-
key: '
|
|
87
|
+
key: '6c94b77b470a1dd9de4dad7a6900d2e053236f52',
|
|
88
88
|
class: "f-body-01 text-inverse"
|
|
89
89
|
}, "Padding Left: 2rem / pl-32"))))));
|
|
90
90
|
}
|
|
@@ -6,8 +6,8 @@ import 'react-dom';
|
|
|
6
6
|
const headings = {
|
|
7
7
|
'heading-01': {
|
|
8
8
|
sm: {
|
|
9
|
-
fontFamily: 'var(--
|
|
10
|
-
fontWeight:
|
|
9
|
+
fontFamily: 'var(--inter)',
|
|
10
|
+
fontWeight: 300,
|
|
11
11
|
fontSize: '42px',
|
|
12
12
|
lineHeight: '100%',
|
|
13
13
|
letterSpacing: '-0.01em'
|
|
@@ -24,8 +24,8 @@ const headings = {
|
|
|
24
24
|
},
|
|
25
25
|
'heading-02': {
|
|
26
26
|
sm: {
|
|
27
|
-
fontFamily: 'var(--
|
|
28
|
-
fontWeight:
|
|
27
|
+
fontFamily: 'var(--inter)',
|
|
28
|
+
fontWeight: 300,
|
|
29
29
|
fontSize: '36px',
|
|
30
30
|
lineHeight: '100%',
|
|
31
31
|
letterSpacing: '-0.01em'
|
|
@@ -39,8 +39,8 @@ const headings = {
|
|
|
39
39
|
},
|
|
40
40
|
'heading-03': {
|
|
41
41
|
sm: {
|
|
42
|
-
fontFamily: 'var(--
|
|
43
|
-
fontWeight:
|
|
42
|
+
fontFamily: 'var(--inter)',
|
|
43
|
+
fontWeight: 300,
|
|
44
44
|
fontSize: '36px',
|
|
45
45
|
lineHeight: '100%',
|
|
46
46
|
letterSpacing: '-0.01em'
|
|
@@ -51,8 +51,8 @@ const headings = {
|
|
|
51
51
|
},
|
|
52
52
|
'heading-04': {
|
|
53
53
|
sm: {
|
|
54
|
-
fontFamily: 'var(--
|
|
55
|
-
fontWeight:
|
|
54
|
+
fontFamily: 'var(--inter)',
|
|
55
|
+
fontWeight: 300,
|
|
56
56
|
fontSize: '28px',
|
|
57
57
|
lineHeight: '100%',
|
|
58
58
|
letterSpacing: '-0.01em'
|
|
@@ -63,8 +63,8 @@ const headings = {
|
|
|
63
63
|
},
|
|
64
64
|
'heading-05': {
|
|
65
65
|
sm: {
|
|
66
|
-
fontFamily: 'var(--
|
|
67
|
-
fontWeight:
|
|
66
|
+
fontFamily: 'var(--inter)',
|
|
67
|
+
fontWeight: 300,
|
|
68
68
|
fontSize: '28px',
|
|
69
69
|
lineHeight: '110%',
|
|
70
70
|
letterSpacing: '-0.01em'
|
|
@@ -72,8 +72,8 @@ const headings = {
|
|
|
72
72
|
},
|
|
73
73
|
'heading-06': {
|
|
74
74
|
sm: {
|
|
75
|
-
fontFamily: 'var(--
|
|
76
|
-
fontWeight:
|
|
75
|
+
fontFamily: 'var(--inter)',
|
|
76
|
+
fontWeight: 300,
|
|
77
77
|
fontSize: '22px',
|
|
78
78
|
lineHeight: '120%'
|
|
79
79
|
}
|
|
@@ -82,8 +82,8 @@ const headings = {
|
|
|
82
82
|
const bodies = {
|
|
83
83
|
'body-01': {
|
|
84
84
|
sm: {
|
|
85
|
-
fontFamily: 'var(--sans)',
|
|
86
|
-
fontWeight:
|
|
85
|
+
fontFamily: 'var(--plex-sans)',
|
|
86
|
+
fontWeight: 400,
|
|
87
87
|
fontSize: '20px',
|
|
88
88
|
lineHeight: '140%',
|
|
89
89
|
letterSpacing: '-0.01em'
|
|
@@ -91,8 +91,16 @@ const bodies = {
|
|
|
91
91
|
},
|
|
92
92
|
'body-02': {
|
|
93
93
|
sm: {
|
|
94
|
-
fontFamily: 'var(--sans)',
|
|
95
|
-
fontWeight:
|
|
94
|
+
fontFamily: 'var(--plex-sans)',
|
|
95
|
+
fontWeight: 400,
|
|
96
|
+
fontSize: '17px',
|
|
97
|
+
lineHeight: '150%'
|
|
98
|
+
}
|
|
99
|
+
},
|
|
100
|
+
'body-03': {
|
|
101
|
+
sm: {
|
|
102
|
+
fontFamily: 'var(--plex-sans)',
|
|
103
|
+
fontWeight: 400,
|
|
96
104
|
fontSize: '17px',
|
|
97
105
|
lineHeight: '150%'
|
|
98
106
|
}
|
|
@@ -101,8 +109,8 @@ const bodies = {
|
|
|
101
109
|
const uis = {
|
|
102
110
|
'ui-01': {
|
|
103
111
|
sm: {
|
|
104
|
-
fontFamily: 'var(--sans)',
|
|
105
|
-
fontWeight:
|
|
112
|
+
fontFamily: 'var(--plex-sans)',
|
|
113
|
+
fontWeight: 400,
|
|
106
114
|
fontSize: '18px',
|
|
107
115
|
lineHeight: '110%',
|
|
108
116
|
letterSpacing: '-0.01em'
|
|
@@ -110,8 +118,8 @@ const uis = {
|
|
|
110
118
|
},
|
|
111
119
|
'ui-02': {
|
|
112
120
|
sm: {
|
|
113
|
-
fontFamily: 'var(--sans)',
|
|
114
|
-
fontWeight:
|
|
121
|
+
fontFamily: 'var(--plex-sans)',
|
|
122
|
+
fontWeight: 400,
|
|
115
123
|
fontSize: '16px',
|
|
116
124
|
lineHeight: '110%',
|
|
117
125
|
letterSpacing: '-0.01em'
|
|
@@ -119,8 +127,8 @@ const uis = {
|
|
|
119
127
|
},
|
|
120
128
|
'ui-02-light': {
|
|
121
129
|
sm: {
|
|
122
|
-
fontFamily: 'var(--sans)',
|
|
123
|
-
fontWeight:
|
|
130
|
+
fontFamily: 'var(--plex-sans)',
|
|
131
|
+
fontWeight: 400,
|
|
124
132
|
fontSize: '16px',
|
|
125
133
|
lineHeight: '110%',
|
|
126
134
|
letterSpacing: '-0.01em'
|
|
@@ -128,8 +136,8 @@ const uis = {
|
|
|
128
136
|
},
|
|
129
137
|
'ui-03': {
|
|
130
138
|
sm: {
|
|
131
|
-
fontFamily: 'var(--sans)',
|
|
132
|
-
fontWeight:
|
|
139
|
+
fontFamily: 'var(--plex-sans)',
|
|
140
|
+
fontWeight: 400,
|
|
133
141
|
fontSize: '14px',
|
|
134
142
|
lineHeight: '110%',
|
|
135
143
|
letterSpacing: '-0.01em'
|
|
@@ -137,8 +145,8 @@ const uis = {
|
|
|
137
145
|
},
|
|
138
146
|
'ui-03-light': {
|
|
139
147
|
sm: {
|
|
140
|
-
fontFamily: 'var(--sans)',
|
|
141
|
-
fontWeight:
|
|
148
|
+
fontFamily: 'var(--plex-sans)',
|
|
149
|
+
fontWeight: 400,
|
|
142
150
|
fontSize: '14px',
|
|
143
151
|
lineHeight: '130%',
|
|
144
152
|
letterSpacing: '-0.01em'
|
|
@@ -146,8 +154,8 @@ const uis = {
|
|
|
146
154
|
},
|
|
147
155
|
'ui-04': {
|
|
148
156
|
sm: {
|
|
149
|
-
fontFamily: 'var(--sans)',
|
|
150
|
-
fontWeight:
|
|
157
|
+
fontFamily: 'var(--plex-sans)',
|
|
158
|
+
fontWeight: 400,
|
|
151
159
|
fontSize: '12px',
|
|
152
160
|
lineHeight: '100%',
|
|
153
161
|
letterSpacing: '-0.01em'
|
|
@@ -155,8 +163,8 @@ const uis = {
|
|
|
155
163
|
},
|
|
156
164
|
'ui-05': {
|
|
157
165
|
sm: {
|
|
158
|
-
fontFamily: 'var(--sans)',
|
|
159
|
-
fontWeight:
|
|
166
|
+
fontFamily: 'var(--plex-sans)',
|
|
167
|
+
fontWeight: 400,
|
|
160
168
|
fontSize: '10px',
|
|
161
169
|
lineHeight: '110%',
|
|
162
170
|
letterSpacing: '-0.01em'
|
|
@@ -164,18 +172,26 @@ const uis = {
|
|
|
164
172
|
},
|
|
165
173
|
caption: {
|
|
166
174
|
sm: {
|
|
167
|
-
fontFamily: 'var(--sans)',
|
|
168
|
-
fontWeight:
|
|
175
|
+
fontFamily: 'var(--plex-sans)',
|
|
176
|
+
fontWeight: 400,
|
|
169
177
|
fontSize: '12px',
|
|
170
178
|
lineHeight: '120%'
|
|
171
179
|
}
|
|
180
|
+
},
|
|
181
|
+
code: {
|
|
182
|
+
sm: {
|
|
183
|
+
fontFamily: 'var(--plex-mono)',
|
|
184
|
+
fontWeight: 400,
|
|
185
|
+
fontSize: '14px',
|
|
186
|
+
lineHeight: '140%'
|
|
187
|
+
}
|
|
172
188
|
}
|
|
173
189
|
};
|
|
174
190
|
const displays = {
|
|
175
191
|
'display-01': {
|
|
176
192
|
sm: {
|
|
177
|
-
fontFamily: 'var(--
|
|
178
|
-
fontWeight:
|
|
193
|
+
fontFamily: 'var(--inter)',
|
|
194
|
+
fontWeight: 300,
|
|
179
195
|
fontSize: '120px',
|
|
180
196
|
lineHeight: '100%',
|
|
181
197
|
letterSpacing: '-0.01em'
|
|
@@ -183,11 +199,25 @@ const displays = {
|
|
|
183
199
|
lg: {
|
|
184
200
|
fontSize: '150px'
|
|
185
201
|
}
|
|
202
|
+
},
|
|
203
|
+
'display-02': {
|
|
204
|
+
sm: {
|
|
205
|
+
fontFamily: 'var(--inter)',
|
|
206
|
+
fontWeight: 300,
|
|
207
|
+
fontSize: '120px',
|
|
208
|
+
lineHeight: '100%',
|
|
209
|
+
letterSpacing: '-0.02em'
|
|
210
|
+
},
|
|
211
|
+
lg: {
|
|
212
|
+
fontSize: '150px'
|
|
213
|
+
}
|
|
186
214
|
}
|
|
187
215
|
};
|
|
188
216
|
const typography = {
|
|
189
217
|
families: {
|
|
190
|
-
|
|
218
|
+
inter: 'Inter, Helvetica, Arial, sans-serif',
|
|
219
|
+
'plex-sans': '"IBM Plex Sans", Inter, Helvetica, Arial, sans-serif',
|
|
220
|
+
'plex-mono': '"IBM Plex Mono", "Courier New", Courier, monospace'
|
|
191
221
|
},
|
|
192
222
|
typesets: {
|
|
193
223
|
...headings,
|
|
@@ -202,64 +232,43 @@ const TokenTypography = class {
|
|
|
202
232
|
}
|
|
203
233
|
render() {
|
|
204
234
|
return h("section", {
|
|
205
|
-
key: '
|
|
235
|
+
key: 'a3698b57da5e26052bf013daef956ff5f9e0bd1c',
|
|
206
236
|
class: "w-full"
|
|
207
237
|
}, h("ul", {
|
|
208
|
-
key: '
|
|
238
|
+
key: '924a82c721a636370a15e7a47ca73264c8e1d30e',
|
|
209
239
|
class: "not-prose gap-y-8 md:gap-y-12 lg:gap-y-16"
|
|
210
240
|
}, Object.entries(typography.typesets).filter(([typeKey]) => typeKey !== 'displays') // Exclude "displays"
|
|
211
241
|
.flatMap(([typeKey, typeValues]) => Object.entries(typeValues).map(([size, style]) => h("li", {
|
|
212
|
-
class: "grid-col-span-12
|
|
242
|
+
class: "grid-col-span-12 flex flex-col mt-16"
|
|
213
243
|
}, h("div", {
|
|
214
|
-
class: "w-full p-
|
|
244
|
+
class: "w-full p-16 border border-soft rounded",
|
|
245
|
+
style: {
|
|
246
|
+
display: 'grid',
|
|
247
|
+
gridTemplateColumns: '1fr 1fr',
|
|
248
|
+
gap: '1.5rem',
|
|
249
|
+
alignItems: 'center'
|
|
250
|
+
}
|
|
215
251
|
}, h("div", {
|
|
216
|
-
class: "mr-auto hidden lg:block",
|
|
217
252
|
style: {
|
|
218
|
-
fontFamily: typography.families
|
|
253
|
+
fontFamily: style.fontFamily || typography.families['plex-sans'],
|
|
219
254
|
fontWeight: style.fontWeight,
|
|
220
255
|
fontSize: style.fontSize,
|
|
221
256
|
lineHeight: style.lineHeight,
|
|
222
257
|
letterSpacing: style.letterSpacing
|
|
223
258
|
}
|
|
224
259
|
}, h("span", {
|
|
225
|
-
class: "text-default
|
|
226
|
-
}, `${typeKey}
|
|
227
|
-
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
|
-
|
|
232
|
-
|
|
233
|
-
|
|
234
|
-
|
|
235
|
-
|
|
236
|
-
|
|
237
|
-
}), h("eds-code-block", {
|
|
238
|
-
code: `f-${typeKey}`,
|
|
239
|
-
language: "Utility Class",
|
|
240
|
-
class: "min-w-[250px] mb-4"
|
|
241
|
-
}), h("eds-code-block", {
|
|
242
|
-
code: `${size}:f-${typeKey}`,
|
|
243
|
-
language: "Screen",
|
|
244
|
-
class: "min-w-[250px] mb-4"
|
|
245
|
-
}), h("eds-code-block", {
|
|
246
|
-
code: `--var(--f-${typeKey}-fontFamily)`,
|
|
247
|
-
class: "min-w-[250px] mb-4"
|
|
248
|
-
}), h("eds-code-block", {
|
|
249
|
-
code: `--var(--f-${typeKey}-fontWeight)`,
|
|
250
|
-
class: "min-w-[250px] mb-4"
|
|
251
|
-
}), h("eds-code-block", {
|
|
252
|
-
code: `--var(--f-${typeKey}-fontSize)`,
|
|
253
|
-
class: "min-w-[250px] mb-4"
|
|
254
|
-
}), h("eds-code-block", {
|
|
255
|
-
code: `--var(--f-${typeKey}-lineHeight)`,
|
|
256
|
-
class: "min-w-[250px] mb-4"
|
|
257
|
-
}), h("eds-code-block", {
|
|
258
|
-
code: `--var(--f-${typeKey}-letterSpacing)`,
|
|
259
|
-
class: "min-w-[250px] mb-4"
|
|
260
|
-
}), h("eds-code-block", {
|
|
261
|
-
code: `--sans: Inter, Helvetica, Arial, sans-serif;`,
|
|
262
|
-
class: "min-w-[250px] mb-4"
|
|
260
|
+
class: "text-default"
|
|
261
|
+
}, `${typeKey}`), h("div", {
|
|
262
|
+
style: {
|
|
263
|
+
fontSize: '12px',
|
|
264
|
+
fontWeight: '400',
|
|
265
|
+
color: '#7A7B7A',
|
|
266
|
+
marginTop: '4px',
|
|
267
|
+
fontFamily: '"IBM Plex Mono", monospace'
|
|
268
|
+
}
|
|
269
|
+
}, size, " \u00B7 class: f-", typeKey)), h("div", null, h("eds-code-block", {
|
|
270
|
+
code: [`/* Utility: f-${typeKey} | Screen: ${size}:f-${typeKey} */`, style.fontSize && `font-size: ${style.fontSize};`, style.lineHeight && `line-height: ${style.lineHeight};`, style.letterSpacing && `letter-spacing: ${style.letterSpacing};`, style.fontWeight && `font-weight: ${style.fontWeight};`, `font-family: "IBM Plex Sans", sans-serif;`].filter(Boolean).join('\n'),
|
|
271
|
+
language: "css"
|
|
263
272
|
}))))))));
|
|
264
273
|
}
|
|
265
274
|
};
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
const arrowDiagonal = `<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M10.5858 3H17V9.41421L14.5 6.91421L8.70712 12.7071L7.29291 11.2929L13.0858 5.5L10.5858 3Z" fill="currentColor"></path><path d="M8 4H5C3.89543 4 3 4.89543 3 6V15C3 16.1046 3.89543 17 5 17H14C15.1046 17 16 16.1046 16 15V12H14V15H5V6H8V4Z" fill="currentColor"></path></svg>`;
|
|
2
|
-
|
|
3
|
-
export { arrowDiagonal as a };
|
package/bin-37cad2f0.esm.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
const bin = `<svg viewBox="0 0 24 24" width="20" height="20" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M10 11V17" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M14 11V17" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M4 7H20" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M6 7H12H18V18C18 19.6569 16.6569 21 15 21H9C7.34315 21 6 19.6569 6 18V7Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M9 5C9 3.89543 9.89543 3 11 3H13C14.1046 3 15 3.89543 15 5V7H9V5Z" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>`;
|
|
2
|
-
|
|
3
|
-
export { bin as b };
|
package/bookmark-c200037c.esm.js
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
const bookmark = ` <svg
|
|
2
|
-
width="20"
|
|
3
|
-
height="20"
|
|
4
|
-
viewBox="0 0 20 20"
|
|
5
|
-
fill="none"
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
>
|
|
8
|
-
<path
|
|
9
|
-
d="M5 4H15V16L10 12.0138L5 16V4Z"
|
|
10
|
-
stroke="currentColor"
|
|
11
|
-
stroke-width="1.5"
|
|
12
|
-
stroke-linejoin="round"
|
|
13
|
-
/>
|
|
14
|
-
</svg>`;
|
|
15
|
-
|
|
16
|
-
export { bookmark as b };
|
package/clone-dab56639.esm.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
const clone = `<svg fill="#000000" height="20" width="20" version="1.1" id="XMLID_158_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 24 24" xml:space="preserve"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g id="clone"> <g> <path d="M24,24H6V6h18V24z M8,22h14V8H8V22z M4,18H0v-4h2v2h2V18z M2,12H0V6h2V12z M18,4h-2V2h-2V0h4V4z M2,4H0V0h4v2H2V4z M12,2 H6V0h6V2z"></path> </g> </g> </g></svg>`;
|
|
2
|
-
|
|
3
|
-
export { clone as c };
|
package/close-87fc0d63.esm.js
DELETED
package/copy-03b72cb6.esm.js
DELETED
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
const copy = `<svg width="20" height="20" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2">
|
|
2
|
-
<path stroke-linecap="round" stroke-linejoin="round" d="M8 16H6a2 2 0 01-2-2V6a2 2 0 012-2h8a2 2 0 012 2v2m-6 12h8a2 2 0 002-2v-8a2 2 0 00-2-2h-8a2 2 0 00-2 2v8a2 2 0 002 2z"></path>
|
|
3
|
-
</svg>`;
|
|
4
|
-
|
|
5
|
-
export { copy as c };
|
package/download-47746956.esm.js
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
const download = `<svg
|
|
2
|
-
width="20"
|
|
3
|
-
height="20"
|
|
4
|
-
viewBox="0 0 20 20"
|
|
5
|
-
fill="none"
|
|
6
|
-
xmlns="http://www.w3.org/2000/svg"
|
|
7
|
-
>
|
|
8
|
-
<path
|
|
9
|
-
d="M5.91937 8H9V3H11V8H14.0806L10 13.1008L5.91937 8Z"
|
|
10
|
-
fill="currentColor"
|
|
11
|
-
/>
|
|
12
|
-
<path
|
|
13
|
-
d="M5 15V12H3V15C3 16.1046 3.89543 17 5 17H15C16.1046 17 17 16.1046 17 15V12H15V15H5Z"
|
|
14
|
-
fill="currentColor"
|
|
15
|
-
/>
|
|
16
|
-
</svg>`;
|
|
17
|
-
|
|
18
|
-
export { download as d };
|
package/draft-dd5dada2.esm.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
const draft = `<svg width="20" height="20" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="#000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <g> <path fill="none" d="M0 0L24 0 24 24 0 24z"></path> <path d="M20 2c.552 0 1 .448 1 1v3.757l-2 2V4H5v16h14v-2.758l2-2V21c0 .552-.448 1-1 1H4c-.552 0-1-.448-1-1V3c0-.552.448-1 1-1h16zm1.778 6.808l1.414 1.414L15.414 18l-1.416-.002.002-1.412 7.778-7.778zM13 12v2H8v-2h5zm3-4v2H8V8h8z"></path> </g> </g></svg>`;
|
|
2
|
-
|
|
3
|
-
export { draft as d };
|
package/edit-3893a517.esm.js
DELETED
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
const edit = `<svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"> <path d="M12 3.99997H6C4.89543 3.99997 4 4.8954 4 5.99997V18C4 19.1045 4.89543 20 6 20H18C19.1046 20 20 19.1045 20 18V12M18.4142 8.41417L19.5 7.32842C20.281 6.54737 20.281 5.28104 19.5 4.5C18.7189 3.71895 17.4526 3.71895 16.6715 4.50001L15.5858 5.58575M18.4142 8.41417L12.3779 14.4505C12.0987 14.7297 11.7431 14.9201 11.356 14.9975L8.41422 15.5858L9.00257 12.6441C9.08001 12.2569 9.27032 11.9013 9.54951 11.6221L15.5858 5.58575M18.4142 8.41417L15.5858 5.58575" stroke="#000000" stroke-width="1.44" stroke-linecap="round" stroke-linejoin="round"></path> </g></svg>`;
|
|
2
|
-
|
|
3
|
-
export { edit as e };
|