@hpe-web/design-tokens 1.2.0 → 1.2.2

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 (27) hide show
  1. package/README.md +5 -4
  2. package/dist/css/fonts/de.css +164 -0
  3. package/dist/css/fonts/en.css +164 -0
  4. package/dist/css/fonts/es.css +164 -0
  5. package/dist/css/fonts/fr.css +164 -0
  6. package/dist/css/fonts/it.css +164 -0
  7. package/dist/css/locales/de.tokens.css +56 -0
  8. package/dist/css/locales/es.tokens.css +56 -0
  9. package/dist/css/locales/fr.tokens.css +56 -0
  10. package/dist/css/locales/it.tokens.css +56 -0
  11. package/dist/css/locales/ja.tokens.css +71 -0
  12. package/dist/css/locales/ko.tokens.css +71 -0
  13. package/dist/css/tokens.css +83 -119
  14. package/dist/css/tokens.dark.css +2 -8
  15. package/dist/css/tokens.md-lg.css +55 -55
  16. package/dist/css/tokens.xl.css +55 -55
  17. package/package.json +1 -1
  18. package/src/breakpoints.json +9 -11
  19. package/src/component/button.json +11 -394
  20. package/src/fonts.json +1 -5
  21. package/src/locales.json +8 -8
  22. package/src/primitive/primitives.json +1 -912
  23. package/src/semantic/color.dark.json +2 -87
  24. package/src/semantic/color.light.json +1 -87
  25. package/src/semantic/dimension.md-lg.json +54 -54
  26. package/src/semantic/dimension.xl.json +56 -56
  27. package/src/semantic/dimension.xs-sm.json +53 -53
package/dist/css/fonts/it.css CHANGED
@@ -153,3 +153,167 @@
153
153
  font-style: italic;
154
154
  font-display: swap;
155
155
  }
156
+
157
+ /* ——— HPE Graphik (condensed) ——— */
158
+
159
+ @font-face {
160
+ font-family: 'HPE Graphik';
161
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Thin-Web.woff2') format('woff2');
162
+ font-weight: 100;
163
+ font-style: normal;
164
+ font-stretch: condensed;
165
+ font-display: swap;
166
+ }
167
+
168
+ @font-face {
169
+ font-family: 'HPE Graphik';
170
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-ThinItalic-Web.woff2') format('woff2');
171
+ font-weight: 100;
172
+ font-style: italic;
173
+ font-stretch: condensed;
174
+ font-display: swap;
175
+ }
176
+
177
+ @font-face {
178
+ font-family: 'HPE Graphik';
179
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Extralight-Web.woff2') format('woff2');
180
+ font-weight: 200;
181
+ font-style: normal;
182
+ font-stretch: condensed;
183
+ font-display: swap;
184
+ }
185
+
186
+ @font-face {
187
+ font-family: 'HPE Graphik';
188
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-ExtralightItalic-Web.woff2') format('woff2');
189
+ font-weight: 200;
190
+ font-style: italic;
191
+ font-stretch: condensed;
192
+ font-display: swap;
193
+ }
194
+
195
+ @font-face {
196
+ font-family: 'HPE Graphik';
197
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Light-Web.woff2') format('woff2');
198
+ font-weight: 300;
199
+ font-style: normal;
200
+ font-stretch: condensed;
201
+ font-display: swap;
202
+ }
203
+
204
+ @font-face {
205
+ font-family: 'HPE Graphik';
206
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-LightItalic-Web.woff2') format('woff2');
207
+ font-weight: 300;
208
+ font-style: italic;
209
+ font-stretch: condensed;
210
+ font-display: swap;
211
+ }
212
+
213
+ @font-face {
214
+ font-family: 'HPE Graphik';
215
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Regular-Web.woff2') format('woff2');
216
+ font-weight: 400;
217
+ font-style: normal;
218
+ font-stretch: condensed;
219
+ font-display: swap;
220
+ }
221
+
222
+ @font-face {
223
+ font-family: 'HPE Graphik';
224
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-RegularItalic-Web.woff2') format('woff2');
225
+ font-weight: 400;
226
+ font-style: italic;
227
+ font-stretch: condensed;
228
+ font-display: swap;
229
+ }
230
+
231
+ @font-face {
232
+ font-family: 'HPE Graphik';
233
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Medium-Web.woff2') format('woff2');
234
+ font-weight: 500;
235
+ font-style: normal;
236
+ font-stretch: condensed;
237
+ font-display: swap;
238
+ }
239
+
240
+ @font-face {
241
+ font-family: 'HPE Graphik';
242
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-MediumItalic-Web.woff2') format('woff2');
243
+ font-weight: 500;
244
+ font-style: italic;
245
+ font-stretch: condensed;
246
+ font-display: swap;
247
+ }
248
+
249
+ @font-face {
250
+ font-family: 'HPE Graphik';
251
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Semibold-Web.woff2') format('woff2');
252
+ font-weight: 600;
253
+ font-style: normal;
254
+ font-stretch: condensed;
255
+ font-display: swap;
256
+ }
257
+
258
+ @font-face {
259
+ font-family: 'HPE Graphik';
260
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-SemiboldItalic-Web.woff2') format('woff2');
261
+ font-weight: 600;
262
+ font-style: italic;
263
+ font-stretch: condensed;
264
+ font-display: swap;
265
+ }
266
+
267
+ @font-face {
268
+ font-family: 'HPE Graphik';
269
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Bold-Web.woff2') format('woff2');
270
+ font-weight: 700;
271
+ font-style: normal;
272
+ font-stretch: condensed;
273
+ font-display: swap;
274
+ }
275
+
276
+ @font-face {
277
+ font-family: 'HPE Graphik';
278
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-BoldItalic-Web.woff2') format('woff2');
279
+ font-weight: 700;
280
+ font-style: italic;
281
+ font-stretch: condensed;
282
+ font-display: swap;
283
+ }
284
+
285
+ @font-face {
286
+ font-family: 'HPE Graphik';
287
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Black-Web.woff2') format('woff2');
288
+ font-weight: 800;
289
+ font-style: normal;
290
+ font-stretch: condensed;
291
+ font-display: swap;
292
+ }
293
+
294
+ @font-face {
295
+ font-family: 'HPE Graphik';
296
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-BlackItalic-Web.woff2') format('woff2');
297
+ font-weight: 800;
298
+ font-style: italic;
299
+ font-stretch: condensed;
300
+ font-display: swap;
301
+ }
302
+
303
+ @font-face {
304
+ font-family: 'HPE Graphik';
305
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-Super-Web.woff2') format('woff2');
306
+ font-weight: 900;
307
+ font-style: normal;
308
+ font-stretch: condensed;
309
+ font-display: swap;
310
+ }
311
+
312
+ @font-face {
313
+ font-family: 'HPE Graphik';
314
+ src: url('https://www.hpe.com/content/dam/hpe/fonts/graphik/HPEGraphikXXCondensed-SuperItalic-Web.woff2') format('woff2');
315
+ font-weight: 900;
316
+ font-style: italic;
317
+ font-stretch: condensed;
318
+ font-display: swap;
319
+ }
package/dist/css/locales/de.tokens.css ADDED
@@ -0,0 +1,56 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ * German locale overrides
4
+ */
5
+
6
+ :root[lang="de"], [lang="de"] {
7
+ --hpe-web-heading-h1-condensed-bold-font-size: 2.25rem;
8
+ --hpe-web-heading-h1-condensed-light-font-size: 2.25rem;
9
+ --hpe-web-heading-h1-condensed-medium-font-size: 2.25rem;
10
+ --hpe-web-heading-h1-default-font-size: 1.875rem;
11
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 2.8125rem;
12
+ --hpe-web-heading-h1-large-condensed-light-font-size: 2.8125rem;
13
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 2.8125rem;
14
+ --hpe-web-heading-h1-large-default-font-size: 1.875rem;
15
+ --hpe-web-heading-h2-default-font-size: 1.5rem;
16
+ --hpe-web-heading-h3-default-font-size: 1.25rem;
17
+ --hpe-web-heading-h4-default-font-size: 0.9375rem;
18
+ --hpe-web-heading-h5-default-font-size: 0.75rem;
19
+ --hpe-web-heading-h6-default-font-size: 0.6875rem;
20
+ }
21
+
22
+ @media (min-width: 992px) {
23
+ :root[lang="de"], [lang="de"] {
24
+ --hpe-web-heading-h1-condensed-bold-font-size: 3.75rem;
25
+ --hpe-web-heading-h1-condensed-light-font-size: 3.75rem;
26
+ --hpe-web-heading-h1-condensed-medium-font-size: 3.75rem;
27
+ --hpe-web-heading-h1-default-font-size: 2.625rem;
28
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 4.5rem;
29
+ --hpe-web-heading-h1-large-condensed-light-font-size: 4.5rem;
30
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 4.5rem;
31
+ --hpe-web-heading-h1-large-default-font-size: 3.1875rem;
32
+ --hpe-web-heading-h2-default-font-size: 1.875rem;
33
+ --hpe-web-heading-h3-default-font-size: 1.5rem;
34
+ --hpe-web-heading-h4-default-font-size: 1.125rem;
35
+ --hpe-web-heading-h5-default-font-size: 0.875rem;
36
+ --hpe-web-heading-h6-default-font-size: 0.75rem;
37
+ }
38
+ }
39
+
40
+ @media (min-width: 1600px) {
41
+ :root[lang="de"], [lang="de"] {
42
+ --hpe-web-heading-h1-condensed-bold-font-size: 4.5rem;
43
+ --hpe-web-heading-h1-condensed-light-font-size: 4.5rem;
44
+ --hpe-web-heading-h1-condensed-medium-font-size: 4.5rem;
45
+ --hpe-web-heading-h1-default-font-size: 3.1875rem;
46
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 5.25rem;
47
+ --hpe-web-heading-h1-large-condensed-light-font-size: 5.25rem;
48
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 5.25rem;
49
+ --hpe-web-heading-h1-large-default-font-size: 3.9375rem;
50
+ --hpe-web-heading-h2-default-font-size: 2.4375rem;
51
+ --hpe-web-heading-h3-default-font-size: 1.6875rem;
52
+ --hpe-web-heading-h4-default-font-size: 1.3125rem;
53
+ --hpe-web-heading-h5-default-font-size: 0.9375rem;
54
+ --hpe-web-heading-h6-default-font-size: 0.75rem;
55
+ }
56
+ }
package/dist/css/locales/es.tokens.css ADDED
@@ -0,0 +1,56 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ * Spanish locale overrides
4
+ */
5
+
6
+ :root[lang="es"], [lang="es"] {
7
+ --hpe-web-heading-h1-condensed-bold-font-size: 2.25rem;
8
+ --hpe-web-heading-h1-condensed-light-font-size: 2.25rem;
9
+ --hpe-web-heading-h1-condensed-medium-font-size: 2.25rem;
10
+ --hpe-web-heading-h1-default-font-size: 1.875rem;
11
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 2.8125rem;
12
+ --hpe-web-heading-h1-large-condensed-light-font-size: 2.8125rem;
13
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 2.8125rem;
14
+ --hpe-web-heading-h1-large-default-font-size: 1.875rem;
15
+ --hpe-web-heading-h2-default-font-size: 1.5rem;
16
+ --hpe-web-heading-h3-default-font-size: 1.25rem;
17
+ --hpe-web-heading-h4-default-font-size: 0.9375rem;
18
+ --hpe-web-heading-h5-default-font-size: 0.75rem;
19
+ --hpe-web-heading-h6-default-font-size: 0.6875rem;
20
+ }
21
+
22
+ @media (min-width: 992px) {
23
+ :root[lang="es"], [lang="es"] {
24
+ --hpe-web-heading-h1-condensed-bold-font-size: 3.75rem;
25
+ --hpe-web-heading-h1-condensed-light-font-size: 3.75rem;
26
+ --hpe-web-heading-h1-condensed-medium-font-size: 3.75rem;
27
+ --hpe-web-heading-h1-default-font-size: 2.625rem;
28
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 4.5rem;
29
+ --hpe-web-heading-h1-large-condensed-light-font-size: 4.5rem;
30
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 4.5rem;
31
+ --hpe-web-heading-h1-large-default-font-size: 3.1875rem;
32
+ --hpe-web-heading-h2-default-font-size: 1.875rem;
33
+ --hpe-web-heading-h3-default-font-size: 1.5rem;
34
+ --hpe-web-heading-h4-default-font-size: 1.125rem;
35
+ --hpe-web-heading-h5-default-font-size: 0.875rem;
36
+ --hpe-web-heading-h6-default-font-size: 0.75rem;
37
+ }
38
+ }
39
+
40
+ @media (min-width: 1600px) {
41
+ :root[lang="es"], [lang="es"] {
42
+ --hpe-web-heading-h1-condensed-bold-font-size: 4.5rem;
43
+ --hpe-web-heading-h1-condensed-light-font-size: 4.5rem;
44
+ --hpe-web-heading-h1-condensed-medium-font-size: 4.5rem;
45
+ --hpe-web-heading-h1-default-font-size: 3.1875rem;
46
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 5.25rem;
47
+ --hpe-web-heading-h1-large-condensed-light-font-size: 5.25rem;
48
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 5.25rem;
49
+ --hpe-web-heading-h1-large-default-font-size: 3.9375rem;
50
+ --hpe-web-heading-h2-default-font-size: 2.4375rem;
51
+ --hpe-web-heading-h3-default-font-size: 1.6875rem;
52
+ --hpe-web-heading-h4-default-font-size: 1.3125rem;
53
+ --hpe-web-heading-h5-default-font-size: 0.9375rem;
54
+ --hpe-web-heading-h6-default-font-size: 0.75rem;
55
+ }
56
+ }
package/dist/css/locales/fr.tokens.css ADDED
@@ -0,0 +1,56 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ * French locale overrides
4
+ */
5
+
6
+ :root[lang="fr"], [lang="fr"] {
7
+ --hpe-web-heading-h1-condensed-bold-font-size: 2.25rem;
8
+ --hpe-web-heading-h1-condensed-light-font-size: 2.25rem;
9
+ --hpe-web-heading-h1-condensed-medium-font-size: 2.25rem;
10
+ --hpe-web-heading-h1-default-font-size: 1.875rem;
11
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 2.8125rem;
12
+ --hpe-web-heading-h1-large-condensed-light-font-size: 2.8125rem;
13
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 2.8125rem;
14
+ --hpe-web-heading-h1-large-default-font-size: 1.875rem;
15
+ --hpe-web-heading-h2-default-font-size: 1.5rem;
16
+ --hpe-web-heading-h3-default-font-size: 1.25rem;
17
+ --hpe-web-heading-h4-default-font-size: 0.9375rem;
18
+ --hpe-web-heading-h5-default-font-size: 0.75rem;
19
+ --hpe-web-heading-h6-default-font-size: 0.6875rem;
20
+ }
21
+
22
+ @media (min-width: 992px) {
23
+ :root[lang="fr"], [lang="fr"] {
24
+ --hpe-web-heading-h1-condensed-bold-font-size: 3.75rem;
25
+ --hpe-web-heading-h1-condensed-light-font-size: 3.75rem;
26
+ --hpe-web-heading-h1-condensed-medium-font-size: 3.75rem;
27
+ --hpe-web-heading-h1-default-font-size: 2.625rem;
28
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 4.5rem;
29
+ --hpe-web-heading-h1-large-condensed-light-font-size: 4.5rem;
30
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 4.5rem;
31
+ --hpe-web-heading-h1-large-default-font-size: 3.1875rem;
32
+ --hpe-web-heading-h2-default-font-size: 1.875rem;
33
+ --hpe-web-heading-h3-default-font-size: 1.5rem;
34
+ --hpe-web-heading-h4-default-font-size: 1.125rem;
35
+ --hpe-web-heading-h5-default-font-size: 0.875rem;
36
+ --hpe-web-heading-h6-default-font-size: 0.75rem;
37
+ }
38
+ }
39
+
40
+ @media (min-width: 1600px) {
41
+ :root[lang="fr"], [lang="fr"] {
42
+ --hpe-web-heading-h1-condensed-bold-font-size: 4.5rem;
43
+ --hpe-web-heading-h1-condensed-light-font-size: 4.5rem;
44
+ --hpe-web-heading-h1-condensed-medium-font-size: 4.5rem;
45
+ --hpe-web-heading-h1-default-font-size: 3.1875rem;
46
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 5.25rem;
47
+ --hpe-web-heading-h1-large-condensed-light-font-size: 5.25rem;
48
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 5.25rem;
49
+ --hpe-web-heading-h1-large-default-font-size: 3.9375rem;
50
+ --hpe-web-heading-h2-default-font-size: 2.4375rem;
51
+ --hpe-web-heading-h3-default-font-size: 1.6875rem;
52
+ --hpe-web-heading-h4-default-font-size: 1.3125rem;
53
+ --hpe-web-heading-h5-default-font-size: 0.9375rem;
54
+ --hpe-web-heading-h6-default-font-size: 0.75rem;
55
+ }
56
+ }
package/dist/css/locales/it.tokens.css ADDED
@@ -0,0 +1,56 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ * Italian locale overrides
4
+ */
5
+
6
+ :root[lang="it"], [lang="it"] {
7
+ --hpe-web-heading-h1-condensed-bold-font-size: 2.25rem;
8
+ --hpe-web-heading-h1-condensed-light-font-size: 2.25rem;
9
+ --hpe-web-heading-h1-condensed-medium-font-size: 2.25rem;
10
+ --hpe-web-heading-h1-default-font-size: 1.875rem;
11
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 2.8125rem;
12
+ --hpe-web-heading-h1-large-condensed-light-font-size: 2.8125rem;
13
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 2.8125rem;
14
+ --hpe-web-heading-h1-large-default-font-size: 1.875rem;
15
+ --hpe-web-heading-h2-default-font-size: 1.5rem;
16
+ --hpe-web-heading-h3-default-font-size: 1.25rem;
17
+ --hpe-web-heading-h4-default-font-size: 0.9375rem;
18
+ --hpe-web-heading-h5-default-font-size: 0.75rem;
19
+ --hpe-web-heading-h6-default-font-size: 0.6875rem;
20
+ }
21
+
22
+ @media (min-width: 992px) {
23
+ :root[lang="it"], [lang="it"] {
24
+ --hpe-web-heading-h1-condensed-bold-font-size: 3.75rem;
25
+ --hpe-web-heading-h1-condensed-light-font-size: 3.75rem;
26
+ --hpe-web-heading-h1-condensed-medium-font-size: 3.75rem;
27
+ --hpe-web-heading-h1-default-font-size: 2.625rem;
28
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 4.5rem;
29
+ --hpe-web-heading-h1-large-condensed-light-font-size: 4.5rem;
30
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 4.5rem;
31
+ --hpe-web-heading-h1-large-default-font-size: 3.1875rem;
32
+ --hpe-web-heading-h2-default-font-size: 1.875rem;
33
+ --hpe-web-heading-h3-default-font-size: 1.5rem;
34
+ --hpe-web-heading-h4-default-font-size: 1.125rem;
35
+ --hpe-web-heading-h5-default-font-size: 0.875rem;
36
+ --hpe-web-heading-h6-default-font-size: 0.75rem;
37
+ }
38
+ }
39
+
40
+ @media (min-width: 1600px) {
41
+ :root[lang="it"], [lang="it"] {
42
+ --hpe-web-heading-h1-condensed-bold-font-size: 4.5rem;
43
+ --hpe-web-heading-h1-condensed-light-font-size: 4.5rem;
44
+ --hpe-web-heading-h1-condensed-medium-font-size: 4.5rem;
45
+ --hpe-web-heading-h1-default-font-size: 3.1875rem;
46
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 5.25rem;
47
+ --hpe-web-heading-h1-large-condensed-light-font-size: 5.25rem;
48
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 5.25rem;
49
+ --hpe-web-heading-h1-large-default-font-size: 3.9375rem;
50
+ --hpe-web-heading-h2-default-font-size: 2.4375rem;
51
+ --hpe-web-heading-h3-default-font-size: 1.6875rem;
52
+ --hpe-web-heading-h4-default-font-size: 1.3125rem;
53
+ --hpe-web-heading-h5-default-font-size: 0.9375rem;
54
+ --hpe-web-heading-h6-default-font-size: 0.75rem;
55
+ }
56
+ }
package/dist/css/locales/ja.tokens.css ADDED
@@ -0,0 +1,71 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ * Japanese locale overrides
4
+ */
5
+
6
+ :root[lang="ja"], [lang="ja"] {
7
+ --hpe-web-heading-h1-condensed-bold-font-size: 2.375rem;
8
+ --hpe-web-heading-h1-condensed-light-font-size: 2.375rem;
9
+ --hpe-web-heading-h1-condensed-medium-font-size: 2.375rem;
10
+ --hpe-web-heading-h1-default-font-size: 2rem;
11
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 3rem;
12
+ --hpe-web-heading-h1-large-condensed-light-font-size: 3rem;
13
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 3rem;
14
+ --hpe-web-heading-h1-large-default-font-size: 2rem;
15
+ --hpe-web-heading-h2-default-font-size: 1.625rem;
16
+ --hpe-web-heading-h3-default-font-size: 1.3125rem;
17
+ --hpe-web-heading-h4-default-font-size: 1rem;
18
+ --hpe-web-heading-h5-default-font-size: 0.875rem;
19
+ --hpe-web-paragraph-body-copy-font-size: 0.875rem;
20
+ --hpe-web-paragraph-disclaimer-font-size: 0.875rem;
21
+ --hpe-web-paragraph-large-body-copy-font-size: 1rem;
22
+ --hpe-web-quote-large-font-size: 1.625rem;
23
+ --hpe-web-quote-medium-font-size: 1.375rem;
24
+ --hpe-web-quote-small-font-size: 1.1875rem;
25
+ }
26
+
27
+ @media (min-width: 992px) {
28
+ :root[lang="ja"], [lang="ja"] {
29
+ --hpe-web-heading-h1-condensed-bold-font-size: 4rem;
30
+ --hpe-web-heading-h1-condensed-light-font-size: 4rem;
31
+ --hpe-web-heading-h1-condensed-medium-font-size: 4rem;
32
+ --hpe-web-heading-h1-default-font-size: 2.8125rem;
33
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 4.8125rem;
34
+ --hpe-web-heading-h1-large-condensed-light-font-size: 4.8125rem;
35
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 4.8125rem;
36
+ --hpe-web-heading-h1-large-default-font-size: 3.375rem;
37
+ --hpe-web-heading-h2-default-font-size: 2rem;
38
+ --hpe-web-heading-h3-default-font-size: 1.625rem;
39
+ --hpe-web-heading-h4-default-font-size: 1.1875rem;
40
+ --hpe-web-heading-h6-default-font-size: 0.875rem;
41
+ --hpe-web-paragraph-large-body-copy-font-size: 1.1875rem;
42
+ --hpe-web-paragraph-small-body-copy-font-size: 0.875rem;
43
+ --hpe-web-quote-large-font-size: 2.375rem;
44
+ --hpe-web-quote-medium-font-size: 2rem;
45
+ --hpe-web-quote-small-font-size: 1.625rem;
46
+ }
47
+ }
48
+
49
+ @media (min-width: 1600px) {
50
+ :root[lang="ja"], [lang="ja"] {
51
+ --hpe-web-heading-h1-condensed-bold-font-size: 4.8125rem;
52
+ --hpe-web-heading-h1-condensed-light-font-size: 4.8125rem;
53
+ --hpe-web-heading-h1-condensed-medium-font-size: 4.8125rem;
54
+ --hpe-web-heading-h1-default-font-size: 3.375rem;
55
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 5.625rem;
56
+ --hpe-web-heading-h1-large-condensed-light-font-size: 5.625rem;
57
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 5.625rem;
58
+ --hpe-web-heading-h1-large-default-font-size: 4.1875rem;
59
+ --hpe-web-heading-h2-default-font-size: 2.625rem;
60
+ --hpe-web-heading-h3-default-font-size: 1.8125rem;
61
+ --hpe-web-heading-h4-default-font-size: 1.375rem;
62
+ --hpe-web-heading-h5-default-font-size: 1rem;
63
+ --hpe-web-heading-h6-default-font-size: 0.875rem;
64
+ --hpe-web-paragraph-body-copy-font-size: 1rem;
65
+ --hpe-web-paragraph-large-body-copy-font-size: 1.375rem;
66
+ --hpe-web-paragraph-small-body-copy-font-size: 0.875rem;
67
+ --hpe-web-quote-large-font-size: 2.625rem;
68
+ --hpe-web-quote-medium-font-size: 2.1875rem;
69
+ --hpe-web-quote-small-font-size: 1.8125rem;
70
+ }
71
+ }
package/dist/css/locales/ko.tokens.css ADDED
@@ -0,0 +1,71 @@
1
+ /**
2
+ * Do not edit directly, this file was auto-generated.
3
+ * Korean locale overrides
4
+ */
5
+
6
+ :root[lang="ko"], [lang="ko"] {
7
+ --hpe-web-heading-h1-condensed-bold-font-size: 2.375rem;
8
+ --hpe-web-heading-h1-condensed-light-font-size: 2.375rem;
9
+ --hpe-web-heading-h1-condensed-medium-font-size: 2.375rem;
10
+ --hpe-web-heading-h1-default-font-size: 2rem;
11
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 3rem;
12
+ --hpe-web-heading-h1-large-condensed-light-font-size: 3rem;
13
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 3rem;
14
+ --hpe-web-heading-h1-large-default-font-size: 2rem;
15
+ --hpe-web-heading-h2-default-font-size: 1.625rem;
16
+ --hpe-web-heading-h3-default-font-size: 1.3125rem;
17
+ --hpe-web-heading-h4-default-font-size: 1rem;
18
+ --hpe-web-heading-h5-default-font-size: 0.875rem;
19
+ --hpe-web-paragraph-body-copy-font-size: 0.875rem;
20
+ --hpe-web-paragraph-disclaimer-font-size: 0.875rem;
21
+ --hpe-web-paragraph-large-body-copy-font-size: 1rem;
22
+ --hpe-web-quote-large-font-size: 1.625rem;
23
+ --hpe-web-quote-medium-font-size: 1.375rem;
24
+ --hpe-web-quote-small-font-size: 1.1875rem;
25
+ }
26
+
27
+ @media (min-width: 992px) {
28
+ :root[lang="ko"], [lang="ko"] {
29
+ --hpe-web-heading-h1-condensed-bold-font-size: 4rem;
30
+ --hpe-web-heading-h1-condensed-light-font-size: 4rem;
31
+ --hpe-web-heading-h1-condensed-medium-font-size: 4rem;
32
+ --hpe-web-heading-h1-default-font-size: 2.8125rem;
33
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 4.8125rem;
34
+ --hpe-web-heading-h1-large-condensed-light-font-size: 4.8125rem;
35
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 4.8125rem;
36
+ --hpe-web-heading-h1-large-default-font-size: 3.375rem;
37
+ --hpe-web-heading-h2-default-font-size: 2rem;
38
+ --hpe-web-heading-h3-default-font-size: 1.625rem;
39
+ --hpe-web-heading-h4-default-font-size: 1.1875rem;
40
+ --hpe-web-heading-h6-default-font-size: 0.875rem;
41
+ --hpe-web-paragraph-large-body-copy-font-size: 1.1875rem;
42
+ --hpe-web-paragraph-small-body-copy-font-size: 0.875rem;
43
+ --hpe-web-quote-large-font-size: 2.375rem;
44
+ --hpe-web-quote-medium-font-size: 2rem;
45
+ --hpe-web-quote-small-font-size: 1.625rem;
46
+ }
47
+ }
48
+
49
+ @media (min-width: 1600px) {
50
+ :root[lang="ko"], [lang="ko"] {
51
+ --hpe-web-heading-h1-condensed-bold-font-size: 4.8125rem;
52
+ --hpe-web-heading-h1-condensed-light-font-size: 4.8125rem;
53
+ --hpe-web-heading-h1-condensed-medium-font-size: 4.8125rem;
54
+ --hpe-web-heading-h1-default-font-size: 3.375rem;
55
+ --hpe-web-heading-h1-large-condensed-bold-font-size: 5.625rem;
56
+ --hpe-web-heading-h1-large-condensed-light-font-size: 5.625rem;
57
+ --hpe-web-heading-h1-large-condensed-medium-font-size: 5.625rem;
58
+ --hpe-web-heading-h1-large-default-font-size: 4.1875rem;
59
+ --hpe-web-heading-h2-default-font-size: 2.625rem;
60
+ --hpe-web-heading-h3-default-font-size: 1.8125rem;
61
+ --hpe-web-heading-h4-default-font-size: 1.375rem;
62
+ --hpe-web-heading-h5-default-font-size: 1rem;
63
+ --hpe-web-heading-h6-default-font-size: 0.875rem;
64
+ --hpe-web-paragraph-body-copy-font-size: 1rem;
65
+ --hpe-web-paragraph-large-body-copy-font-size: 1.375rem;
66
+ --hpe-web-paragraph-small-body-copy-font-size: 0.875rem;
67
+ --hpe-web-quote-large-font-size: 2.625rem;
68
+ --hpe-web-quote-medium-font-size: 2.1875rem;
69
+ --hpe-web-quote-small-font-size: 1.8125rem;
70
+ }
71
+ }