@patternfly/patternfly 5.0.0-alpha.55 → 5.0.0-alpha.57

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 (105) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplay-Black.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplay-BlackItalic.woff2 +0 -0
  3. package/assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2 +0 -0
  4. package/assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2 +0 -0
  5. package/assets/fonts/RedHatDisplay/RedHatDisplay-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatDisplay/RedHatDisplay-Light.woff2 +0 -0
  7. package/assets/fonts/RedHatDisplay/RedHatDisplay-LightItalic.woff2 +0 -0
  8. package/assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2 +0 -0
  9. package/assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2 +0 -0
  10. package/assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2 +0 -0
  11. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  12. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  13. package/assets/fonts/RedHatMono/RedHatMono-Bold.woff2 +0 -0
  14. package/assets/fonts/RedHatMono/RedHatMono-BoldItalic.woff2 +0 -0
  15. package/assets/fonts/RedHatMono/RedHatMono-Italic.woff2 +0 -0
  16. package/assets/fonts/RedHatMono/RedHatMono-Light.woff2 +0 -0
  17. package/assets/fonts/RedHatMono/RedHatMono-LightItalic.woff2 +0 -0
  18. package/assets/fonts/RedHatMono/RedHatMono-Medium.woff2 +0 -0
  19. package/assets/fonts/RedHatMono/RedHatMono-MediumItalic.woff2 +0 -0
  20. package/assets/fonts/RedHatMono/RedHatMono-Regular.woff2 +0 -0
  21. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  22. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  23. package/assets/fonts/RedHatText/RedHatText-Bold.woff2 +0 -0
  24. package/assets/fonts/RedHatText/RedHatText-BoldItalic.woff2 +0 -0
  25. package/assets/fonts/RedHatText/RedHatText-Italic.woff2 +0 -0
  26. package/assets/fonts/RedHatText/RedHatText-Light.woff2 +0 -0
  27. package/assets/fonts/RedHatText/RedHatText-LightItalic.woff2 +0 -0
  28. package/assets/fonts/RedHatText/RedHatText-Medium.woff2 +0 -0
  29. package/assets/fonts/RedHatText/RedHatText-MediumItalic.woff2 +0 -0
  30. package/assets/fonts/RedHatText/RedHatText-Regular.woff2 +0 -0
  31. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  32. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  33. package/base/_chart-globals.scss +1 -1
  34. package/base/_fonts.scss +56 -71
  35. package/base/_globals.scss +1 -1
  36. package/base/_variables.scss +10 -25
  37. package/base/patternfly-fonts.css +52 -59
  38. package/base/patternfly-globals.css +1 -1
  39. package/base/patternfly-variables.css +10 -23
  40. package/components/Accordion/accordion.css +1 -1
  41. package/components/Accordion/accordion.scss +1 -1
  42. package/components/Card/card.css +1 -1
  43. package/components/Card/card.scss +1 -1
  44. package/components/Content/content.css +1 -1
  45. package/components/Content/content.scss +1 -1
  46. package/components/EmptyState/empty-state.css +1 -1
  47. package/components/EmptyState/empty-state.scss +1 -1
  48. package/components/ModalBox/modal-box.css +1 -1
  49. package/components/ModalBox/modal-box.scss +1 -1
  50. package/components/Popover/popover.css +1 -1
  51. package/components/Popover/popover.scss +1 -1
  52. package/components/Title/title.css +1 -1
  53. package/components/Title/title.scss +1 -1
  54. package/components/Wizard/wizard.css +1 -1
  55. package/components/Wizard/wizard.scss +1 -1
  56. package/docs/utilities/Text/examples/Text.md +32 -38
  57. package/layouts/Flex/flex.css +60 -60
  58. package/package.json +4 -4
  59. package/patternfly-addons.css +10 -29
  60. package/patternfly-base-no-globals.css +62 -82
  61. package/patternfly-base.css +63 -83
  62. package/patternfly-no-globals.css +130 -150
  63. package/patternfly.css +131 -151
  64. package/patternfly.min.css +1 -1
  65. package/patternfly.min.css.map +1 -1
  66. package/sass-utilities/functions.scss +1 -3
  67. package/sass-utilities/scss-variables.scss +6 -10
  68. package/utilities/Text/text.css +10 -29
  69. package/utilities/Text/text.scss +10 -13
  70. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Black.woff2 +0 -0
  71. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BlackItalic.woff2 +0 -0
  72. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2 +0 -0
  73. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BoldItalic.woff2 +0 -0
  74. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Italic.woff2 +0 -0
  75. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Light.woff2 +0 -0
  76. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-LightItalic.woff2 +0 -0
  77. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2 +0 -0
  78. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-MediumItalic.woff2 +0 -0
  79. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2 +0 -0
  80. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated-Italic.woff2 +0 -0
  81. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated.woff2 +0 -0
  82. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Bold.woff2 +0 -0
  83. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-BoldItalic.woff2 +0 -0
  84. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Italic.woff2 +0 -0
  85. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Light.woff2 +0 -0
  86. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-LightItalic.woff2 +0 -0
  87. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Medium.woff2 +0 -0
  88. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-MediumItalic.woff2 +0 -0
  89. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2 +0 -0
  90. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2 +0 -0
  91. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2 +0 -0
  92. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Bold.woff2 +0 -0
  93. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-BoldItalic.woff2 +0 -0
  94. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Italic.woff2 +0 -0
  95. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Light.woff2 +0 -0
  96. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-LightItalic.woff2 +0 -0
  97. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2 +0 -0
  98. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-MediumItalic.woff2 +0 -0
  99. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2 +0 -0
  100. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated-Italic.woff2 +0 -0
  101. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated.woff2 +0 -0
  102. package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2 +0 -0
  103. package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2 +0 -0
  104. package/assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2 +0 -0
  105. package/assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2 +0 -0
@@ -7549,28 +7549,28 @@
7549
7549
  }
7550
7550
  }
7551
7551
 
7552
- .pf-v5-u-font-family-sans-serif {
7553
- font-family: var(--pf-v5-global--FontFamily--sans-serif) !important;
7552
+ .pf-v5-u-font-family-text {
7553
+ font-family: var(--pf-v5-global--FontFamily--text) !important;
7554
7554
  }
7555
7555
 
7556
- .pf-v5-u-font-family-heading-sans-serif {
7557
- font-family: var(--pf-v5-global--FontFamily--heading--sans-serif) !important;
7556
+ .pf-v5-u-font-family-heading {
7557
+ font-family: var(--pf-v5-global--FontFamily--heading) !important;
7558
7558
  }
7559
7559
 
7560
7560
  .pf-v5-u-font-family-monospace {
7561
7561
  font-family: var(--pf-v5-global--FontFamily--monospace) !important;
7562
7562
  }
7563
7563
 
7564
- .pf-v5-u-font-family-redhatVF-sans-serif {
7565
- font-family: var(--pf-v5-global--FontFamily--redhatVF--sans-serif) !important;
7564
+ .pf-v5-u-font-family-text-vf {
7565
+ font-family: var(--pf-v5-global--FontFamily--text--vf) !important;
7566
7566
  }
7567
7567
 
7568
- .pf-v5-u-font-family-redhatVF-heading-sans-serif {
7569
- font-family: var(--pf-v5-global--FontFamily--redhatVF--heading--sans-serif) !important;
7568
+ .pf-v5-u-font-family-heading-vf {
7569
+ font-family: var(--pf-v5-global--FontFamily--heading--vf) !important;
7570
7570
  }
7571
7571
 
7572
- .pf-v5-u-font-family-redhatVF-monospace {
7573
- font-family: var(--pf-v5-global--FontFamily--redhatVF--monospace) !important;
7572
+ .pf-v5-u-font-family-monospace-vf {
7573
+ font-family: var(--pf-v5-global--FontFamily--monospace--vf) !important;
7574
7574
  }
7575
7575
 
7576
7576
  .pf-v5-u-font-size-xs {
@@ -7735,10 +7735,6 @@
7735
7735
  font-size: var(--pf-v5-global--FontSize--4xl) !important;
7736
7736
  }
7737
7737
  }
7738
- .pf-v5-u-font-weight-light {
7739
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
7740
- }
7741
-
7742
7738
  .pf-v5-u-font-weight-normal {
7743
7739
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
7744
7740
  }
@@ -7748,9 +7744,6 @@
7748
7744
  }
7749
7745
 
7750
7746
  @media screen and (min-width: 576px) {
7751
- .pf-v5-u-font-weight-light-on-sm {
7752
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
7753
- }
7754
7747
  .pf-v5-u-font-weight-normal-on-sm {
7755
7748
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
7756
7749
  }
@@ -7759,9 +7752,6 @@
7759
7752
  }
7760
7753
  }
7761
7754
  @media screen and (min-width: 768px) {
7762
- .pf-v5-u-font-weight-light-on-md {
7763
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
7764
- }
7765
7755
  .pf-v5-u-font-weight-normal-on-md {
7766
7756
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
7767
7757
  }
@@ -7770,9 +7760,6 @@
7770
7760
  }
7771
7761
  }
7772
7762
  @media screen and (min-width: 992px) {
7773
- .pf-v5-u-font-weight-light-on-lg {
7774
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
7775
- }
7776
7763
  .pf-v5-u-font-weight-normal-on-lg {
7777
7764
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
7778
7765
  }
@@ -7781,9 +7768,6 @@
7781
7768
  }
7782
7769
  }
7783
7770
  @media screen and (min-width: 1200px) {
7784
- .pf-v5-u-font-weight-light-on-xl {
7785
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
7786
- }
7787
7771
  .pf-v5-u-font-weight-normal-on-xl {
7788
7772
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
7789
7773
  }
@@ -7792,9 +7776,6 @@
7792
7776
  }
7793
7777
  }
7794
7778
  @media screen and (min-width: 1450px) {
7795
- .pf-v5-u-font-weight-light-on-2xl {
7796
- font-weight: var(--pf-v5-global--FontWeight--light) !important;
7797
- }
7798
7779
  .pf-v5-u-font-weight-normal-on-2xl {
7799
7780
  font-weight: var(--pf-v5-global--FontWeight--normal) !important;
7800
7781
  }
@@ -222,15 +222,12 @@
222
222
  --pf-v5-global--icon--FontSize--md: 1rem;
223
223
  --pf-v5-global--icon--FontSize--lg: 1.5rem;
224
224
  --pf-v5-global--icon--FontSize--xl: 3.375rem;
225
- --pf-v5-global--FontFamily--sans-serif: "RedHatText", helvetica, arial, sans-serif;
226
- --pf-v5-global--FontFamily--heading--sans-serif: "RedHatDisplay", helvetica, arial, sans-serif;
227
- --pf-v5-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
228
- --pf-v5-global--FontFamily--redhat-updated--sans-serif: "RedHatTextUpdated", helvetica, arial, sans-serif;
229
- --pf-v5-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated", helvetica, arial, sans-serif;
230
- --pf-v5-global--FontFamily--redhat--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
231
- --pf-v5-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF", "RedHatText", helvetica, arial, sans-serif;
232
- --pf-v5-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif;
233
- --pf-v5-global--FontFamily--redhatVF--monospace: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
225
+ --pf-v5-global--FontFamily--text: "RedHatText", helvetica, arial, sans-serif;
226
+ --pf-v5-global--FontFamily--heading: "RedHatDisplay", helvetica, arial, sans-serif;
227
+ --pf-v5-global--FontFamily--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
228
+ --pf-v5-global--FontFamily--text--vf: "RedHatTextVF", "RedHatText", helvetica, arial, sans-serif;
229
+ --pf-v5-global--FontFamily--heading--vf: "RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif;
230
+ --pf-v5-global--FontFamily--monospace--vf: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
234
231
  --pf-v5-global--FontSize--4xl: 2.25rem;
235
232
  --pf-v5-global--FontSize--3xl: 1.75rem;
236
233
  --pf-v5-global--FontSize--2xl: 1.5rem;
@@ -239,7 +236,6 @@
239
236
  --pf-v5-global--FontSize--md: 1rem;
240
237
  --pf-v5-global--FontSize--sm: 0.875rem;
241
238
  --pf-v5-global--FontSize--xs: 0.75rem;
242
- --pf-v5-global--FontWeight--light: 300;
243
239
  --pf-v5-global--FontWeight--normal: 400;
244
240
  --pf-v5-global--FontWeight--bold: 700;
245
241
  --pf-v5-global--LineHeight--sm: 1.3;
@@ -254,19 +250,10 @@
254
250
  --pf-v5-global--target-size--MinHeight: 44px;
255
251
  }
256
252
 
257
- .pf-v5-m-redhat-updated-font {
258
- --pf-v5-global--FontFamily--sans-serif: var(--pf-v5-global--FontFamily--redhat-updated--sans-serif);
259
- --pf-v5-global--FontFamily--heading--sans-serif: var(--pf-v5-global--FontFamily--redhat-updated--heading--sans-serif);
260
- }
261
-
262
- .pf-v5-m-redhatmono-font {
263
- --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--redhat--monospace);
264
- }
265
-
266
- .pf-v5-m-redhatVF-font {
267
- --pf-v5-global--FontFamily--sans-serif: var(--pf-v5-global--FontFamily--redhatVF--sans-serif);
268
- --pf-v5-global--FontFamily--heading--sans-serif: var(--pf-v5-global--FontFamily--redhatVF--heading--sans-serif);
269
- --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--redhatVF--monospace);
253
+ .pf-m-vf-font {
254
+ --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
255
+ --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
256
+ --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
270
257
  }
271
258
 
272
259
  :root:where(.pf-v5-theme-dark) {
@@ -354,122 +341,115 @@
354
341
  }
355
342
 
356
343
  @font-face {
357
- font-family: "RedHatDisplay";
344
+ font-family: RedHatDisplay;
358
345
  font-style: normal;
359
- font-weight: 300;
360
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2");
361
- text-rendering: optimizelegibility;
346
+ font-weight: 400;
347
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
348
+ font-display: fallback;
362
349
  }
363
350
  @font-face {
364
- font-family: "RedHatDisplay";
365
- font-style: normal;
351
+ font-family: RedHatDisplay;
352
+ font-style: italic;
366
353
  font-weight: 400;
367
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
368
- text-rendering: optimizelegibility;
354
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
355
+ font-display: fallback;
369
356
  }
370
357
  @font-face {
371
- font-family: "RedHatDisplay";
358
+ font-family: RedHatDisplay;
372
359
  font-style: normal;
373
360
  font-weight: 700;
374
361
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
375
- text-rendering: optimizelegibility;
376
- }
377
- @font-face {
378
- font-family: "RedHatText";
379
- font-style: normal;
380
- font-weight: 400;
381
- src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
382
- text-rendering: optimizelegibility;
362
+ font-display: fallback;
383
363
  }
384
364
  @font-face {
385
- font-family: "RedHatText";
365
+ font-family: RedHatDisplay;
386
366
  font-style: normal;
387
367
  font-weight: 700;
388
- src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
389
- text-rendering: optimizelegibility;
368
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
369
+ font-display: fallback;
390
370
  }
391
371
  @font-face {
392
- font-family: "RedHatDisplayUpdated";
372
+ font-family: RedHatText;
393
373
  font-style: normal;
394
- font-weight: 300;
395
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
396
- text-rendering: optimizelegibility;
374
+ font-weight: 400;
375
+ src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
376
+ font-display: fallback;
397
377
  }
398
378
  @font-face {
399
- font-family: "RedHatDisplayUpdated";
400
- font-style: normal;
379
+ font-family: RedHatText;
380
+ font-style: italic;
401
381
  font-weight: 400;
402
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
403
- text-rendering: optimizelegibility;
382
+ src: url("./assets/fonts/RedHatText/RedHatText-Italic.woff2") format("woff2");
383
+ font-display: fallback;
404
384
  }
405
385
  @font-face {
406
- font-family: "RedHatDisplayUpdated";
386
+ font-family: RedHatText;
407
387
  font-style: normal;
408
388
  font-weight: 700;
409
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
410
- text-rendering: optimizelegibility;
389
+ src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
390
+ font-display: fallback;
411
391
  }
412
392
  @font-face {
413
- font-family: "RedHatTextUpdated";
414
- font-style: normal;
415
- font-weight: 400;
416
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
417
- text-rendering: optimizelegibility;
393
+ font-family: RedHatText;
394
+ font-style: italic;
395
+ font-weight: 700;
396
+ src: url("./assets/fonts/RedHatText/RedHatText-MediumItalic.woff2") format("woff2");
397
+ font-display: fallback;
418
398
  }
419
399
  @font-face {
420
- font-family: "RedHatTextUpdated";
400
+ font-family: RedHatMono;
421
401
  font-style: normal;
422
- font-weight: 700;
423
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
424
- text-rendering: optimizelegibility;
402
+ font-weight: 400;
403
+ src: url("./assets/fonts/RedHatMono/RedHatMono-Regular.woff2") format("woff2");
404
+ font-display: fallback;
425
405
  }
426
406
  @font-face {
427
- font-family: "RedHatMono";
428
- font-style: normal;
407
+ font-family: RedHatMono;
408
+ font-style: italic;
429
409
  font-weight: 400;
430
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
410
+ src: url("./assets/fonts/RedHatMono/RedHatMono-Italic.woff2") format("woff2");
431
411
  font-display: fallback;
432
412
  }
433
413
  @font-face {
434
- font-family: "RedHatDisplayVF";
414
+ font-family: RedHatDisplayVF;
435
415
  font-style: normal;
436
- font-weight: 300 900;
437
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
416
+ font-weight: 400 700;
417
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
438
418
  font-display: fallback;
439
419
  }
440
420
  @font-face {
441
- font-family: "RedHatDisplayVF";
421
+ font-family: RedHatDisplayVF;
442
422
  font-style: italic;
443
- font-weight: 300 900;
444
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
423
+ font-weight: 400 700;
424
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
445
425
  font-display: fallback;
446
426
  }
447
427
  @font-face {
448
- font-family: "RedHatTextVF";
428
+ font-family: RedHatTextVF;
449
429
  font-style: normal;
450
430
  font-weight: 400 500;
451
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
431
+ src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
452
432
  font-display: fallback;
453
433
  }
454
434
  @font-face {
455
- font-family: "RedHatTextVF";
435
+ font-family: RedHatTextVF;
456
436
  font-style: italic;
457
437
  font-weight: 400 500;
458
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
438
+ src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
459
439
  font-display: fallback;
460
440
  }
461
441
  @font-face {
462
- font-family: "RedHatMonoVF";
442
+ font-family: RedHatMonoVF;
463
443
  font-style: normal;
464
- font-weight: 300 700;
465
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
444
+ font-weight: 400;
445
+ src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
466
446
  font-display: fallback;
467
447
  }
468
448
  @font-face {
469
- font-family: "RedHatMonoVF";
449
+ font-family: RedHatMonoVF;
470
450
  font-style: italic;
471
- font-weight: 300 700;
472
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
451
+ font-weight: 400;
452
+ src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
473
453
  font-display: fallback;
474
454
  }
475
455
  .pf-v5-screen-reader {
@@ -222,15 +222,12 @@
222
222
  --pf-v5-global--icon--FontSize--md: 1rem;
223
223
  --pf-v5-global--icon--FontSize--lg: 1.5rem;
224
224
  --pf-v5-global--icon--FontSize--xl: 3.375rem;
225
- --pf-v5-global--FontFamily--sans-serif: "RedHatText", helvetica, arial, sans-serif;
226
- --pf-v5-global--FontFamily--heading--sans-serif: "RedHatDisplay", helvetica, arial, sans-serif;
227
- --pf-v5-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
228
- --pf-v5-global--FontFamily--redhat-updated--sans-serif: "RedHatTextUpdated", helvetica, arial, sans-serif;
229
- --pf-v5-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated", helvetica, arial, sans-serif;
230
- --pf-v5-global--FontFamily--redhat--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
231
- --pf-v5-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF", "RedHatText", helvetica, arial, sans-serif;
232
- --pf-v5-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif;
233
- --pf-v5-global--FontFamily--redhatVF--monospace: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
225
+ --pf-v5-global--FontFamily--text: "RedHatText", helvetica, arial, sans-serif;
226
+ --pf-v5-global--FontFamily--heading: "RedHatDisplay", helvetica, arial, sans-serif;
227
+ --pf-v5-global--FontFamily--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
228
+ --pf-v5-global--FontFamily--text--vf: "RedHatTextVF", "RedHatText", helvetica, arial, sans-serif;
229
+ --pf-v5-global--FontFamily--heading--vf: "RedHatDisplayVF", "RedHatDisplay", helvetica, arial, sans-serif;
230
+ --pf-v5-global--FontFamily--monospace--vf: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
234
231
  --pf-v5-global--FontSize--4xl: 2.25rem;
235
232
  --pf-v5-global--FontSize--3xl: 1.75rem;
236
233
  --pf-v5-global--FontSize--2xl: 1.5rem;
@@ -239,7 +236,6 @@
239
236
  --pf-v5-global--FontSize--md: 1rem;
240
237
  --pf-v5-global--FontSize--sm: 0.875rem;
241
238
  --pf-v5-global--FontSize--xs: 0.75rem;
242
- --pf-v5-global--FontWeight--light: 300;
243
239
  --pf-v5-global--FontWeight--normal: 400;
244
240
  --pf-v5-global--FontWeight--bold: 700;
245
241
  --pf-v5-global--LineHeight--sm: 1.3;
@@ -254,19 +250,10 @@
254
250
  --pf-v5-global--target-size--MinHeight: 44px;
255
251
  }
256
252
 
257
- .pf-v5-m-redhat-updated-font {
258
- --pf-v5-global--FontFamily--sans-serif: var(--pf-v5-global--FontFamily--redhat-updated--sans-serif);
259
- --pf-v5-global--FontFamily--heading--sans-serif: var(--pf-v5-global--FontFamily--redhat-updated--heading--sans-serif);
260
- }
261
-
262
- .pf-v5-m-redhatmono-font {
263
- --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--redhat--monospace);
264
- }
265
-
266
- .pf-v5-m-redhatVF-font {
267
- --pf-v5-global--FontFamily--sans-serif: var(--pf-v5-global--FontFamily--redhatVF--sans-serif);
268
- --pf-v5-global--FontFamily--heading--sans-serif: var(--pf-v5-global--FontFamily--redhatVF--heading--sans-serif);
269
- --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--redhatVF--monospace);
253
+ .pf-m-vf-font {
254
+ --pf-v5-global--FontFamily--text: var(--pf-v5-global--FontFamily--text--vf);
255
+ --pf-v5-global--FontFamily--heading: var(--pf-v5-global--FontFamily--heading--vf);
256
+ --pf-v5-global--FontFamily--monospace: var(--pf-v5-global--FontFamily--monospace--vf);
270
257
  }
271
258
 
272
259
  :root:where(.pf-v5-theme-dark) {
@@ -354,122 +341,115 @@
354
341
  }
355
342
 
356
343
  @font-face {
357
- font-family: "RedHatDisplay";
344
+ font-family: RedHatDisplay;
358
345
  font-style: normal;
359
- font-weight: 300;
360
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2");
361
- text-rendering: optimizelegibility;
346
+ font-weight: 400;
347
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
348
+ font-display: fallback;
362
349
  }
363
350
  @font-face {
364
- font-family: "RedHatDisplay";
365
- font-style: normal;
351
+ font-family: RedHatDisplay;
352
+ font-style: italic;
366
353
  font-weight: 400;
367
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
368
- text-rendering: optimizelegibility;
354
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
355
+ font-display: fallback;
369
356
  }
370
357
  @font-face {
371
- font-family: "RedHatDisplay";
358
+ font-family: RedHatDisplay;
372
359
  font-style: normal;
373
360
  font-weight: 700;
374
361
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
375
- text-rendering: optimizelegibility;
376
- }
377
- @font-face {
378
- font-family: "RedHatText";
379
- font-style: normal;
380
- font-weight: 400;
381
- src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
382
- text-rendering: optimizelegibility;
362
+ font-display: fallback;
383
363
  }
384
364
  @font-face {
385
- font-family: "RedHatText";
365
+ font-family: RedHatDisplay;
386
366
  font-style: normal;
387
367
  font-weight: 700;
388
- src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
389
- text-rendering: optimizelegibility;
368
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
369
+ font-display: fallback;
390
370
  }
391
371
  @font-face {
392
- font-family: "RedHatDisplayUpdated";
372
+ font-family: RedHatText;
393
373
  font-style: normal;
394
- font-weight: 300;
395
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
396
- text-rendering: optimizelegibility;
374
+ font-weight: 400;
375
+ src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
376
+ font-display: fallback;
397
377
  }
398
378
  @font-face {
399
- font-family: "RedHatDisplayUpdated";
400
- font-style: normal;
379
+ font-family: RedHatText;
380
+ font-style: italic;
401
381
  font-weight: 400;
402
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
403
- text-rendering: optimizelegibility;
382
+ src: url("./assets/fonts/RedHatText/RedHatText-Italic.woff2") format("woff2");
383
+ font-display: fallback;
404
384
  }
405
385
  @font-face {
406
- font-family: "RedHatDisplayUpdated";
386
+ font-family: RedHatText;
407
387
  font-style: normal;
408
388
  font-weight: 700;
409
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
410
- text-rendering: optimizelegibility;
389
+ src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
390
+ font-display: fallback;
411
391
  }
412
392
  @font-face {
413
- font-family: "RedHatTextUpdated";
414
- font-style: normal;
415
- font-weight: 400;
416
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
417
- text-rendering: optimizelegibility;
393
+ font-family: RedHatText;
394
+ font-style: italic;
395
+ font-weight: 700;
396
+ src: url("./assets/fonts/RedHatText/RedHatText-MediumItalic.woff2") format("woff2");
397
+ font-display: fallback;
418
398
  }
419
399
  @font-face {
420
- font-family: "RedHatTextUpdated";
400
+ font-family: RedHatMono;
421
401
  font-style: normal;
422
- font-weight: 700;
423
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
424
- text-rendering: optimizelegibility;
402
+ font-weight: 400;
403
+ src: url("./assets/fonts/RedHatMono/RedHatMono-Regular.woff2") format("woff2");
404
+ font-display: fallback;
425
405
  }
426
406
  @font-face {
427
- font-family: "RedHatMono";
428
- font-style: normal;
407
+ font-family: RedHatMono;
408
+ font-style: italic;
429
409
  font-weight: 400;
430
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
410
+ src: url("./assets/fonts/RedHatMono/RedHatMono-Italic.woff2") format("woff2");
431
411
  font-display: fallback;
432
412
  }
433
413
  @font-face {
434
- font-family: "RedHatDisplayVF";
414
+ font-family: RedHatDisplayVF;
435
415
  font-style: normal;
436
- font-weight: 300 900;
437
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
416
+ font-weight: 400 700;
417
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
438
418
  font-display: fallback;
439
419
  }
440
420
  @font-face {
441
- font-family: "RedHatDisplayVF";
421
+ font-family: RedHatDisplayVF;
442
422
  font-style: italic;
443
- font-weight: 300 900;
444
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
423
+ font-weight: 400 700;
424
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
445
425
  font-display: fallback;
446
426
  }
447
427
  @font-face {
448
- font-family: "RedHatTextVF";
428
+ font-family: RedHatTextVF;
449
429
  font-style: normal;
450
430
  font-weight: 400 500;
451
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
431
+ src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
452
432
  font-display: fallback;
453
433
  }
454
434
  @font-face {
455
- font-family: "RedHatTextVF";
435
+ font-family: RedHatTextVF;
456
436
  font-style: italic;
457
437
  font-weight: 400 500;
458
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
438
+ src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
459
439
  font-display: fallback;
460
440
  }
461
441
  @font-face {
462
- font-family: "RedHatMonoVF";
442
+ font-family: RedHatMonoVF;
463
443
  font-style: normal;
464
- font-weight: 300 700;
465
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
444
+ font-weight: 400;
445
+ src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
466
446
  font-display: fallback;
467
447
  }
468
448
  @font-face {
469
- font-family: "RedHatMonoVF";
449
+ font-family: RedHatMonoVF;
470
450
  font-style: italic;
471
- font-weight: 300 700;
472
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
451
+ font-weight: 400;
452
+ src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
473
453
  font-display: fallback;
474
454
  }
475
455
  .pf-v5-screen-reader {
@@ -532,7 +512,7 @@ body) {
532
512
  }
533
513
 
534
514
  :where(body) {
535
- font-family: var(--pf-v5-global--FontFamily--sans-serif);
515
+ font-family: var(--pf-v5-global--FontFamily--text);
536
516
  font-size: var(--pf-v5-global--FontSize--md);
537
517
  font-weight: var(--pf-v5-global--FontWeight--normal);
538
518
  line-height: var(--pf-v5-global--LineHeight--md);