@patternfly/patternfly 6.0.0-alpha.184 → 6.0.0-alpha.185

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 (14) hide show
  1. package/base/patternfly-fonts.css +6 -6
  2. package/base/patternfly-fonts.scss +6 -6
  3. package/base/patternfly-variables.css +2 -18
  4. package/base/tokens/tokens-local.scss +4 -25
  5. package/components/Icon/icon.css +4 -4
  6. package/components/Icon/icon.scss +4 -4
  7. package/components/_index.css +4 -4
  8. package/package.json +1 -1
  9. package/patternfly-base-no-globals.css +8 -24
  10. package/patternfly-base.css +8 -24
  11. package/patternfly-no-globals.css +12 -28
  12. package/patternfly.css +12 -28
  13. package/patternfly.min.css +1 -1
  14. package/patternfly.min.css.map +1 -1
package/base/patternfly-fonts.css CHANGED
@@ -1,40 +1,40 @@
1
1
  @font-face {
2
- font-family: RedHatTextVF;
2
+ font-family: "Red Hat Text";
3
3
  font-style: normal;
4
4
  font-weight: 400 500;
5
5
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
6
6
  font-display: fallback;
7
7
  }
8
8
  @font-face {
9
- font-family: RedHatTextVF;
9
+ font-family: "Red Hat Text";
10
10
  font-style: italic;
11
11
  font-weight: 400 500;
12
12
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
13
13
  font-display: fallback;
14
14
  }
15
15
  @font-face {
16
- font-family: RedHatDisplayVF;
16
+ font-family: "Red Hat Display";
17
17
  font-style: normal;
18
18
  font-weight: 400 700;
19
19
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
20
20
  font-display: fallback;
21
21
  }
22
22
  @font-face {
23
- font-family: RedHatDisplayVF;
23
+ font-family: "Red Hat Display";
24
24
  font-style: italic;
25
25
  font-weight: 400 700;
26
26
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
27
27
  font-display: fallback;
28
28
  }
29
29
  @font-face {
30
- font-family: RedHatMonoVF;
30
+ font-family: "Red Hat Mono";
31
31
  font-style: normal;
32
32
  font-weight: 400;
33
33
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
34
34
  font-display: fallback;
35
35
  }
36
36
  @font-face {
37
- font-family: RedHatMonoVF;
37
+ font-family: "Red Hat Mono";
38
38
  font-style: italic;
39
39
  font-weight: 400;
40
40
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
package/base/patternfly-fonts.scss CHANGED
@@ -1,7 +1,7 @@
1
1
  @use '../sass-utilities' as *;
2
2
 
3
3
  @font-face {
4
- font-family: RedHatTextVF;
4
+ font-family: "Red Hat Text";
5
5
  font-style: normal;
6
6
  font-weight: 400 500;
7
7
  src: url("#{$pf-v6-global--font-path}/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
@@ -9,7 +9,7 @@
9
9
  }
10
10
 
11
11
  @font-face {
12
- font-family: RedHatTextVF;
12
+ font-family: "Red Hat Text";
13
13
  font-style: italic;
14
14
  font-weight: 400 500;
15
15
  src: url("#{$pf-v6-global--font-path}/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
@@ -17,7 +17,7 @@
17
17
  }
18
18
 
19
19
  @font-face {
20
- font-family: RedHatDisplayVF;
20
+ font-family: "Red Hat Display";
21
21
  font-style: normal;
22
22
  font-weight: 400 700;
23
23
  src: url("#{$pf-v6-global--font-path}/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
@@ -25,7 +25,7 @@
25
25
  }
26
26
 
27
27
  @font-face {
28
- font-family: RedHatDisplayVF;
28
+ font-family: "Red Hat Display";
29
29
  font-style: italic;
30
30
  font-weight: 400 700;
31
31
  src: url("#{$pf-v6-global--font-path}/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
@@ -33,7 +33,7 @@
33
33
  }
34
34
 
35
35
  @font-face {
36
- font-family: RedHatMonoVF;
36
+ font-family: "Red Hat Mono";
37
37
  font-style: normal;
38
38
  font-weight: 400;
39
39
  src: url("#{$pf-v6-global--font-path}/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
@@ -41,7 +41,7 @@
41
41
  }
42
42
 
43
43
  @font-face {
44
- font-family: RedHatMonoVF;
44
+ font-family: "Red Hat Mono";
45
45
  font-style: italic;
46
46
  font-weight: 400;
47
47
  src: url("#{$pf-v6-global--font-path}/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
package/base/patternfly-variables.css CHANGED
@@ -722,24 +722,8 @@
722
722
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
723
723
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
724
724
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
725
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
726
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
727
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
728
- --pf-t--global--font--line-height--100: 1.3;
729
- --pf-t--global--font--line-height--200: 1.5;
730
- --pf-t--global--font--weight--body--100: 400;
731
- --pf-t--global--font--weight--body--200: 500;
732
- --pf-t--global--font--weight--heading--100: 700;
733
- --pf-t--global--font--weight--heading--200: 700;
734
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
735
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
736
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
737
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
738
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
739
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
740
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
741
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
742
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
725
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
726
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
743
727
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
744
728
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
745
729
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
package/base/tokens/tokens-local.scss CHANGED
@@ -1,30 +1,9 @@
1
- // FONT TOKENS
2
- // Manually added from hackathon values
3
- // Currently not being exported from Figma because they are styles rather than variables
4
- // The ability to make font variables is reportedly coming by the end of the year
1
+ // LOCAL TOKENS
5
2
 
6
3
  @mixin pf-v6-tokens {
7
- // Base tokens for fonts
8
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
9
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
10
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
11
- --pf-t--global--font--line-height--100: 1.3;
12
- --pf-t--global--font--line-height--200: 1.5;
13
- --pf-t--global--font--weight--body--100: 400;
14
- --pf-t--global--font--weight--body--200: 500;
15
- --pf-t--global--font--weight--heading--100: 700;
16
- --pf-t--global--font--weight--heading--200: 700;
17
-
18
- // Semantic tokens for fonts
19
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
20
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
21
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
22
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
23
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
24
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
25
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
26
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
27
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
4
+ // TODO Missing semantic font tokens not getting exported from Figma properly
5
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
6
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
28
7
 
29
8
  // TODO Maintaining these in addition to the h1-h6 sizes
30
9
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
package/components/Icon/icon.css CHANGED
@@ -1,6 +1,6 @@
1
1
  :where(:root, .pf-v6-c-icon) {
2
- --pf-v6-c-icon--Width: 1em;
3
- --pf-v6-c-icon--Height: 1em;
2
+ --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
3
+ --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
4
4
  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
5
5
  --pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
6
6
  --pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
@@ -34,14 +34,14 @@
34
34
  --pf-v6-c-icon--m-inline--Width: 1em;
35
35
  --pf-v6-c-icon--m-inline--Height: 1em;
36
36
  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
37
- --pf-v6-c-icon__content--Color: initial;
37
+ --pf-v6-c-icon__content--Color: var(--pf-t--global--icon--color--regular);
38
38
  --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
39
39
  --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
40
40
  --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
41
41
  --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
42
42
  --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
43
43
  --pf-v6-c-icon--m-inline__content--Color: initial;
44
- --pf-v6-c-icon__content--FontSize: 1em;
44
+ --pf-v6-c-icon__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
45
45
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
46
46
  --pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
47
47
  --pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
package/components/Icon/icon.scss CHANGED
@@ -2,8 +2,8 @@
2
2
 
3
3
  :where(:root, .#{$icon}) {
4
4
  // Sizes
5
- --#{$icon}--Width: 1em;
6
- --#{$icon}--Height: 1em;
5
+ --#{$icon}--Width: var(--pf-t--global--icon--size--font--body--default);
6
+ --#{$icon}--Height: var(--pf-t--global--icon--size--font--body--default);
7
7
 
8
8
  // Standalone icon sizes
9
9
  --#{$icon}--m-sm--Width: var(--pf-t--global--icon--size--sm);
@@ -49,7 +49,7 @@
49
49
  --#{$icon}__content--svg--VerticalAlign: -.125em;
50
50
 
51
51
  // Content color
52
- --#{$icon}__content--Color: initial;
52
+ --#{$icon}__content--Color: var(--pf-t--global--icon--color--regular);
53
53
  --#{$icon}__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
54
54
  --#{$icon}__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
55
55
  --#{$icon}__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -58,7 +58,7 @@
58
58
  --#{$icon}--m-inline__content--Color: initial;
59
59
 
60
60
  // Content sizes
61
- --#{$icon}__content--FontSize: 1em;
61
+ --#{$icon}__content--FontSize: var(--pf-t--global--icon--size--font--body--default);;
62
62
 
63
63
  // Standalone content sizes
64
64
  --#{$icon}--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
package/components/_index.css CHANGED
@@ -7162,8 +7162,8 @@ select ~ .pf-v6-c-form-control__utilities {
7162
7162
  }
7163
7163
 
7164
7164
  :where(:root, .pf-v6-c-icon) {
7165
- --pf-v6-c-icon--Width: 1em;
7166
- --pf-v6-c-icon--Height: 1em;
7165
+ --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
7166
+ --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
7167
7167
  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
7168
7168
  --pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
7169
7169
  --pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
@@ -7197,14 +7197,14 @@ select ~ .pf-v6-c-form-control__utilities {
7197
7197
  --pf-v6-c-icon--m-inline--Width: 1em;
7198
7198
  --pf-v6-c-icon--m-inline--Height: 1em;
7199
7199
  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
7200
- --pf-v6-c-icon__content--Color: initial;
7200
+ --pf-v6-c-icon__content--Color: var(--pf-t--global--icon--color--regular);
7201
7201
  --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
7202
7202
  --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
7203
7203
  --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
7204
7204
  --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
7205
7205
  --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
7206
7206
  --pf-v6-c-icon--m-inline__content--Color: initial;
7207
- --pf-v6-c-icon__content--FontSize: 1em;
7207
+ --pf-v6-c-icon__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
7208
7208
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
7209
7209
  --pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
7210
7210
  --pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.184",
4
+ "version": "6.0.0-alpha.185",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-base-no-globals.css CHANGED
@@ -58,42 +58,42 @@
58
58
  }
59
59
 
60
60
  @font-face {
61
- font-family: RedHatTextVF;
61
+ font-family: "Red Hat Text";
62
62
  font-style: normal;
63
63
  font-weight: 400 500;
64
64
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
65
65
  font-display: fallback;
66
66
  }
67
67
  @font-face {
68
- font-family: RedHatTextVF;
68
+ font-family: "Red Hat Text";
69
69
  font-style: italic;
70
70
  font-weight: 400 500;
71
71
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
72
72
  font-display: fallback;
73
73
  }
74
74
  @font-face {
75
- font-family: RedHatDisplayVF;
75
+ font-family: "Red Hat Display";
76
76
  font-style: normal;
77
77
  font-weight: 400 700;
78
78
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
79
79
  font-display: fallback;
80
80
  }
81
81
  @font-face {
82
- font-family: RedHatDisplayVF;
82
+ font-family: "Red Hat Display";
83
83
  font-style: italic;
84
84
  font-weight: 400 700;
85
85
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
86
86
  font-display: fallback;
87
87
  }
88
88
  @font-face {
89
- font-family: RedHatMonoVF;
89
+ font-family: "Red Hat Mono";
90
90
  font-style: normal;
91
91
  font-weight: 400;
92
92
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
93
93
  font-display: fallback;
94
94
  }
95
95
  @font-face {
96
- font-family: RedHatMonoVF;
96
+ font-family: "Red Hat Mono";
97
97
  font-style: italic;
98
98
  font-weight: 400;
99
99
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -5576,24 +5576,8 @@
5576
5576
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5577
5577
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5578
5578
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5579
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
5580
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
5581
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
5582
- --pf-t--global--font--line-height--100: 1.3;
5583
- --pf-t--global--font--line-height--200: 1.5;
5584
- --pf-t--global--font--weight--body--100: 400;
5585
- --pf-t--global--font--weight--body--200: 500;
5586
- --pf-t--global--font--weight--heading--100: 700;
5587
- --pf-t--global--font--weight--heading--200: 700;
5588
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
5589
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
5590
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
5591
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
5592
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
5593
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
5594
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
5595
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
5596
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
5579
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
5580
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
5597
5581
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
5598
5582
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
5599
5583
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
package/patternfly-base.css CHANGED
@@ -179,42 +179,42 @@ button) {
179
179
  }
180
180
 
181
181
  @font-face {
182
- font-family: RedHatTextVF;
182
+ font-family: "Red Hat Text";
183
183
  font-style: normal;
184
184
  font-weight: 400 500;
185
185
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
186
186
  font-display: fallback;
187
187
  }
188
188
  @font-face {
189
- font-family: RedHatTextVF;
189
+ font-family: "Red Hat Text";
190
190
  font-style: italic;
191
191
  font-weight: 400 500;
192
192
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
193
193
  font-display: fallback;
194
194
  }
195
195
  @font-face {
196
- font-family: RedHatDisplayVF;
196
+ font-family: "Red Hat Display";
197
197
  font-style: normal;
198
198
  font-weight: 400 700;
199
199
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
200
200
  font-display: fallback;
201
201
  }
202
202
  @font-face {
203
- font-family: RedHatDisplayVF;
203
+ font-family: "Red Hat Display";
204
204
  font-style: italic;
205
205
  font-weight: 400 700;
206
206
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
207
207
  font-display: fallback;
208
208
  }
209
209
  @font-face {
210
- font-family: RedHatMonoVF;
210
+ font-family: "Red Hat Mono";
211
211
  font-style: normal;
212
212
  font-weight: 400;
213
213
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
214
214
  font-display: fallback;
215
215
  }
216
216
  @font-face {
217
- font-family: RedHatMonoVF;
217
+ font-family: "Red Hat Mono";
218
218
  font-style: italic;
219
219
  font-weight: 400;
220
220
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -5697,24 +5697,8 @@ button) {
5697
5697
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5698
5698
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5699
5699
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5700
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
5701
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
5702
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
5703
- --pf-t--global--font--line-height--100: 1.3;
5704
- --pf-t--global--font--line-height--200: 1.5;
5705
- --pf-t--global--font--weight--body--100: 400;
5706
- --pf-t--global--font--weight--body--200: 500;
5707
- --pf-t--global--font--weight--heading--100: 700;
5708
- --pf-t--global--font--weight--heading--200: 700;
5709
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
5710
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
5711
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
5712
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
5713
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
5714
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
5715
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
5716
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
5717
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
5700
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
5701
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
5718
5702
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
5719
5703
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
5720
5704
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
package/patternfly-no-globals.css CHANGED
@@ -59,42 +59,42 @@
59
59
  }
60
60
 
61
61
  @font-face {
62
- font-family: RedHatTextVF;
62
+ font-family: "Red Hat Text";
63
63
  font-style: normal;
64
64
  font-weight: 400 500;
65
65
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
66
66
  font-display: fallback;
67
67
  }
68
68
  @font-face {
69
- font-family: RedHatTextVF;
69
+ font-family: "Red Hat Text";
70
70
  font-style: italic;
71
71
  font-weight: 400 500;
72
72
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
73
73
  font-display: fallback;
74
74
  }
75
75
  @font-face {
76
- font-family: RedHatDisplayVF;
76
+ font-family: "Red Hat Display";
77
77
  font-style: normal;
78
78
  font-weight: 400 700;
79
79
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
80
80
  font-display: fallback;
81
81
  }
82
82
  @font-face {
83
- font-family: RedHatDisplayVF;
83
+ font-family: "Red Hat Display";
84
84
  font-style: italic;
85
85
  font-weight: 400 700;
86
86
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
87
87
  font-display: fallback;
88
88
  }
89
89
  @font-face {
90
- font-family: RedHatMonoVF;
90
+ font-family: "Red Hat Mono";
91
91
  font-style: normal;
92
92
  font-weight: 400;
93
93
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
94
94
  font-display: fallback;
95
95
  }
96
96
  @font-face {
97
- font-family: RedHatMonoVF;
97
+ font-family: "Red Hat Mono";
98
98
  font-style: italic;
99
99
  font-weight: 400;
100
100
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -5577,24 +5577,8 @@
5577
5577
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5578
5578
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5579
5579
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5580
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
5581
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
5582
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
5583
- --pf-t--global--font--line-height--100: 1.3;
5584
- --pf-t--global--font--line-height--200: 1.5;
5585
- --pf-t--global--font--weight--body--100: 400;
5586
- --pf-t--global--font--weight--body--200: 500;
5587
- --pf-t--global--font--weight--heading--100: 700;
5588
- --pf-t--global--font--weight--heading--200: 700;
5589
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
5590
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
5591
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
5592
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
5593
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
5594
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
5595
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
5596
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
5597
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
5580
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
5581
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
5598
5582
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
5599
5583
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
5600
5584
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
@@ -13245,8 +13229,8 @@ select ~ .pf-v6-c-form-control__utilities {
13245
13229
  }
13246
13230
 
13247
13231
  :where(:root, .pf-v6-c-icon) {
13248
- --pf-v6-c-icon--Width: 1em;
13249
- --pf-v6-c-icon--Height: 1em;
13232
+ --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
13233
+ --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
13250
13234
  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
13251
13235
  --pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
13252
13236
  --pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
@@ -13280,14 +13264,14 @@ select ~ .pf-v6-c-form-control__utilities {
13280
13264
  --pf-v6-c-icon--m-inline--Width: 1em;
13281
13265
  --pf-v6-c-icon--m-inline--Height: 1em;
13282
13266
  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
13283
- --pf-v6-c-icon__content--Color: initial;
13267
+ --pf-v6-c-icon__content--Color: var(--pf-t--global--icon--color--regular);
13284
13268
  --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
13285
13269
  --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
13286
13270
  --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
13287
13271
  --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
13288
13272
  --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
13289
13273
  --pf-v6-c-icon--m-inline__content--Color: initial;
13290
- --pf-v6-c-icon__content--FontSize: 1em;
13274
+ --pf-v6-c-icon__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
13291
13275
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
13292
13276
  --pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
13293
13277
  --pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
package/patternfly.css CHANGED
@@ -180,42 +180,42 @@ button) {
180
180
  }
181
181
 
182
182
  @font-face {
183
- font-family: RedHatTextVF;
183
+ font-family: "Red Hat Text";
184
184
  font-style: normal;
185
185
  font-weight: 400 500;
186
186
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
187
187
  font-display: fallback;
188
188
  }
189
189
  @font-face {
190
- font-family: RedHatTextVF;
190
+ font-family: "Red Hat Text";
191
191
  font-style: italic;
192
192
  font-weight: 400 500;
193
193
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
194
194
  font-display: fallback;
195
195
  }
196
196
  @font-face {
197
- font-family: RedHatDisplayVF;
197
+ font-family: "Red Hat Display";
198
198
  font-style: normal;
199
199
  font-weight: 400 700;
200
200
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
201
201
  font-display: fallback;
202
202
  }
203
203
  @font-face {
204
- font-family: RedHatDisplayVF;
204
+ font-family: "Red Hat Display";
205
205
  font-style: italic;
206
206
  font-weight: 400 700;
207
207
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
208
208
  font-display: fallback;
209
209
  }
210
210
  @font-face {
211
- font-family: RedHatMonoVF;
211
+ font-family: "Red Hat Mono";
212
212
  font-style: normal;
213
213
  font-weight: 400;
214
214
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
215
215
  font-display: fallback;
216
216
  }
217
217
  @font-face {
218
- font-family: RedHatMonoVF;
218
+ font-family: "Red Hat Mono";
219
219
  font-style: italic;
220
220
  font-weight: 400;
221
221
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -5698,24 +5698,8 @@ button) {
5698
5698
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5699
5699
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5700
5700
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5701
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
5702
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
5703
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
5704
- --pf-t--global--font--line-height--100: 1.3;
5705
- --pf-t--global--font--line-height--200: 1.5;
5706
- --pf-t--global--font--weight--body--100: 400;
5707
- --pf-t--global--font--weight--body--200: 500;
5708
- --pf-t--global--font--weight--heading--100: 700;
5709
- --pf-t--global--font--weight--heading--200: 700;
5710
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
5711
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
5712
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
5713
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
5714
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
5715
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
5716
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
5717
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
5718
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
5701
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
5702
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
5719
5703
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
5720
5704
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
5721
5705
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
@@ -13366,8 +13350,8 @@ select ~ .pf-v6-c-form-control__utilities {
13366
13350
  }
13367
13351
 
13368
13352
  :where(:root, .pf-v6-c-icon) {
13369
- --pf-v6-c-icon--Width: 1em;
13370
- --pf-v6-c-icon--Height: 1em;
13353
+ --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
13354
+ --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
13371
13355
  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
13372
13356
  --pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
13373
13357
  --pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
@@ -13401,14 +13385,14 @@ select ~ .pf-v6-c-form-control__utilities {
13401
13385
  --pf-v6-c-icon--m-inline--Width: 1em;
13402
13386
  --pf-v6-c-icon--m-inline--Height: 1em;
13403
13387
  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
13404
- --pf-v6-c-icon__content--Color: initial;
13388
+ --pf-v6-c-icon__content--Color: var(--pf-t--global--icon--color--regular);
13405
13389
  --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
13406
13390
  --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
13407
13391
  --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
13408
13392
  --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
13409
13393
  --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
13410
13394
  --pf-v6-c-icon--m-inline__content--Color: initial;
13411
- --pf-v6-c-icon__content--FontSize: 1em;
13395
+ --pf-v6-c-icon__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
13412
13396
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
13413
13397
  --pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
13414
13398
  --pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);