@hpe-web/design-tokens 1.2.0 → 1.2.1

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 (19) hide show
  1. package/README.md +8 -3
  2. package/dist/css/locales/de.tokens.css +56 -0
  3. package/dist/css/locales/es.tokens.css +56 -0
  4. package/dist/css/locales/fr.tokens.css +56 -0
  5. package/dist/css/locales/it.tokens.css +56 -0
  6. package/dist/css/locales/ja.tokens.css +71 -0
  7. package/dist/css/locales/ko.tokens.css +71 -0
  8. package/dist/css/tokens.css +142 -161
  9. package/dist/css/tokens.dark.css +54 -43
  10. package/dist/css/tokens.md-lg.css +49 -49
  11. package/dist/css/tokens.xl.css +51 -51
  12. package/package.json +1 -1
  13. package/src/component/button.json +212 -422
  14. package/src/locales.json +8 -8
  15. package/src/semantic/color.dark.json +446 -161
  16. package/src/semantic/color.light.json +466 -158
  17. package/src/semantic/dimension.md-lg.json +21 -21
  18. package/src/semantic/dimension.xl.json +21 -21
  19. package/src/semantic/dimension.xs-sm.json +21 -21
package/README.md CHANGED
@@ -4,10 +4,15 @@ HPE Design System design tokens — CSS custom properties, DTCG source, locale o
4
4
 
5
5
  ## What's new in v1.2.0
6
6
 
7
- - `sm-xs` breakpoint renamed to `xs-sm` in `src/breakpoints.json` and source file paths
8
- - Updated `button`, `color.light`, and `color.dark` token values from Supernova sync
7
+ **CSS consumers: no changes required.** If you use the DTCG source or static metadata via package imports, see the migration notes below.
9
8
 
10
- > **Migration:** Update `range["sm-xs"]` → `range["xs-sm"]` and any direct path references to `dimension.sm-xs.json` → `dimension.xs-sm.json`.
9
+ - Token source restructured: `dtcg/` + `static/` replaced by `src/` with consolidated semantic files
10
+ - `@hpe-web/design-tokens/dtcg/*` and `@hpe-web/design-tokens/static/*` exports removed — use `@hpe-web/design-tokens/src/*`
11
+ - `sm-xs` → `xs-sm` breakpoint rename in `src/breakpoints.json` and source file paths
12
+ - `src/component/button.json` added — button component tokens
13
+ - Token values updated (`color.light`, `color.dark`, `button`) from Supernova sync
14
+
15
+ [Full changelog →](CHANGELOG.md)
11
16
 
12
17
  [Full changelog →](https://github.com/HPE-EMU/design-system/blob/main/packages/tokens/CHANGELOG.md)
13
18
 
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
+ }