@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.
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Black.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-BlackItalic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Italic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Light.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-Bold.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-Italic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-Light.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-Medium.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMono-Regular.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-Bold.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-Italic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-Light.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-Medium.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatText-Regular.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
- package/base/_chart-globals.scss +1 -1
- package/base/_fonts.scss +56 -71
- package/base/_globals.scss +1 -1
- package/base/_variables.scss +10 -25
- package/base/patternfly-fonts.css +52 -59
- package/base/patternfly-globals.css +1 -1
- package/base/patternfly-variables.css +10 -23
- package/components/Accordion/accordion.css +1 -1
- package/components/Accordion/accordion.scss +1 -1
- package/components/Card/card.css +1 -1
- package/components/Card/card.scss +1 -1
- package/components/Content/content.css +1 -1
- package/components/Content/content.scss +1 -1
- package/components/EmptyState/empty-state.css +1 -1
- package/components/EmptyState/empty-state.scss +1 -1
- package/components/ModalBox/modal-box.css +1 -1
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/Popover/popover.css +1 -1
- package/components/Popover/popover.scss +1 -1
- package/components/Title/title.css +1 -1
- package/components/Title/title.scss +1 -1
- package/components/Wizard/wizard.css +1 -1
- package/components/Wizard/wizard.scss +1 -1
- package/docs/utilities/Text/examples/Text.md +32 -38
- package/layouts/Flex/flex.css +60 -60
- package/package.json +4 -4
- package/patternfly-addons.css +10 -29
- package/patternfly-base-no-globals.css +62 -82
- package/patternfly-base.css +63 -83
- package/patternfly-no-globals.css +130 -150
- package/patternfly.css +131 -151
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/functions.scss +1 -3
- package/sass-utilities/scss-variables.scss +6 -10
- package/utilities/Text/text.css +10 -29
- package/utilities/Text/text.scss +10 -13
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Black.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BlackItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Light.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Bold.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Light.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Medium.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Bold.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-BoldItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Light.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-LightItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-MediumItalic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated-Italic.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2 +0 -0
- package/assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2 +0 -0
package/patternfly-addons.css
CHANGED
|
@@ -7549,28 +7549,28 @@
|
|
|
7549
7549
|
}
|
|
7550
7550
|
}
|
|
7551
7551
|
|
|
7552
|
-
.pf-v5-u-font-family-
|
|
7553
|
-
font-family: var(--pf-v5-global--FontFamily--
|
|
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
|
|
7557
|
-
font-family: var(--pf-v5-global--FontFamily--heading
|
|
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-
|
|
7565
|
-
font-family: var(--pf-v5-global--FontFamily--
|
|
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-
|
|
7569
|
-
font-family: var(--pf-v5-global--FontFamily--
|
|
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-
|
|
7573
|
-
font-family: var(--pf-v5-global--FontFamily--
|
|
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--
|
|
226
|
-
--pf-v5-global--FontFamily--heading
|
|
227
|
-
--pf-v5-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
|
|
228
|
-
--pf-v5-global--FontFamily--
|
|
229
|
-
--pf-v5-global--FontFamily--
|
|
230
|
-
--pf-v5-global--FontFamily--
|
|
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-
|
|
258
|
-
--pf-v5-global--FontFamily--
|
|
259
|
-
--pf-v5-global--FontFamily--heading
|
|
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:
|
|
344
|
+
font-family: RedHatDisplay;
|
|
358
345
|
font-style: normal;
|
|
359
|
-
font-weight:
|
|
360
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-
|
|
361
|
-
|
|
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:
|
|
365
|
-
font-style:
|
|
351
|
+
font-family: RedHatDisplay;
|
|
352
|
+
font-style: italic;
|
|
366
353
|
font-weight: 400;
|
|
367
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-
|
|
368
|
-
|
|
354
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
|
|
355
|
+
font-display: fallback;
|
|
369
356
|
}
|
|
370
357
|
@font-face {
|
|
371
|
-
font-family:
|
|
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
|
-
|
|
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:
|
|
365
|
+
font-family: RedHatDisplay;
|
|
386
366
|
font-style: normal;
|
|
387
367
|
font-weight: 700;
|
|
388
|
-
src: url("./assets/fonts/
|
|
389
|
-
|
|
368
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
|
|
369
|
+
font-display: fallback;
|
|
390
370
|
}
|
|
391
371
|
@font-face {
|
|
392
|
-
font-family:
|
|
372
|
+
font-family: RedHatText;
|
|
393
373
|
font-style: normal;
|
|
394
|
-
font-weight:
|
|
395
|
-
src: url("./assets/fonts/
|
|
396
|
-
|
|
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:
|
|
400
|
-
font-style:
|
|
379
|
+
font-family: RedHatText;
|
|
380
|
+
font-style: italic;
|
|
401
381
|
font-weight: 400;
|
|
402
|
-
src: url("./assets/fonts/
|
|
403
|
-
|
|
382
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Italic.woff2") format("woff2");
|
|
383
|
+
font-display: fallback;
|
|
404
384
|
}
|
|
405
385
|
@font-face {
|
|
406
|
-
font-family:
|
|
386
|
+
font-family: RedHatText;
|
|
407
387
|
font-style: normal;
|
|
408
388
|
font-weight: 700;
|
|
409
|
-
src: url("./assets/fonts/
|
|
410
|
-
|
|
389
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
|
|
390
|
+
font-display: fallback;
|
|
411
391
|
}
|
|
412
392
|
@font-face {
|
|
413
|
-
font-family:
|
|
414
|
-
font-style:
|
|
415
|
-
font-weight:
|
|
416
|
-
src: url("./assets/fonts/
|
|
417
|
-
|
|
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:
|
|
400
|
+
font-family: RedHatMono;
|
|
421
401
|
font-style: normal;
|
|
422
|
-
font-weight:
|
|
423
|
-
src: url("./assets/fonts/
|
|
424
|
-
|
|
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:
|
|
428
|
-
font-style:
|
|
407
|
+
font-family: RedHatMono;
|
|
408
|
+
font-style: italic;
|
|
429
409
|
font-weight: 400;
|
|
430
|
-
src: url("./assets/fonts/
|
|
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:
|
|
414
|
+
font-family: RedHatDisplayVF;
|
|
435
415
|
font-style: normal;
|
|
436
|
-
font-weight:
|
|
437
|
-
src: url("./assets/fonts/
|
|
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:
|
|
421
|
+
font-family: RedHatDisplayVF;
|
|
442
422
|
font-style: italic;
|
|
443
|
-
font-weight:
|
|
444
|
-
src: url("./assets/fonts/
|
|
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:
|
|
428
|
+
font-family: RedHatTextVF;
|
|
449
429
|
font-style: normal;
|
|
450
430
|
font-weight: 400 500;
|
|
451
|
-
src: url("./assets/fonts/
|
|
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:
|
|
435
|
+
font-family: RedHatTextVF;
|
|
456
436
|
font-style: italic;
|
|
457
437
|
font-weight: 400 500;
|
|
458
|
-
src: url("./assets/fonts/
|
|
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:
|
|
442
|
+
font-family: RedHatMonoVF;
|
|
463
443
|
font-style: normal;
|
|
464
|
-
font-weight:
|
|
465
|
-
src: url("./assets/fonts/
|
|
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:
|
|
449
|
+
font-family: RedHatMonoVF;
|
|
470
450
|
font-style: italic;
|
|
471
|
-
font-weight:
|
|
472
|
-
src: url("./assets/fonts/
|
|
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 {
|
package/patternfly-base.css
CHANGED
|
@@ -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--
|
|
226
|
-
--pf-v5-global--FontFamily--heading
|
|
227
|
-
--pf-v5-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
|
|
228
|
-
--pf-v5-global--FontFamily--
|
|
229
|
-
--pf-v5-global--FontFamily--
|
|
230
|
-
--pf-v5-global--FontFamily--
|
|
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-
|
|
258
|
-
--pf-v5-global--FontFamily--
|
|
259
|
-
--pf-v5-global--FontFamily--heading
|
|
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:
|
|
344
|
+
font-family: RedHatDisplay;
|
|
358
345
|
font-style: normal;
|
|
359
|
-
font-weight:
|
|
360
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-
|
|
361
|
-
|
|
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:
|
|
365
|
-
font-style:
|
|
351
|
+
font-family: RedHatDisplay;
|
|
352
|
+
font-style: italic;
|
|
366
353
|
font-weight: 400;
|
|
367
|
-
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-
|
|
368
|
-
|
|
354
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-MediumItalic.woff2") format("woff2");
|
|
355
|
+
font-display: fallback;
|
|
369
356
|
}
|
|
370
357
|
@font-face {
|
|
371
|
-
font-family:
|
|
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
|
-
|
|
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:
|
|
365
|
+
font-family: RedHatDisplay;
|
|
386
366
|
font-style: normal;
|
|
387
367
|
font-weight: 700;
|
|
388
|
-
src: url("./assets/fonts/
|
|
389
|
-
|
|
368
|
+
src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-BoldItalic.woff2") format("woff2");
|
|
369
|
+
font-display: fallback;
|
|
390
370
|
}
|
|
391
371
|
@font-face {
|
|
392
|
-
font-family:
|
|
372
|
+
font-family: RedHatText;
|
|
393
373
|
font-style: normal;
|
|
394
|
-
font-weight:
|
|
395
|
-
src: url("./assets/fonts/
|
|
396
|
-
|
|
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:
|
|
400
|
-
font-style:
|
|
379
|
+
font-family: RedHatText;
|
|
380
|
+
font-style: italic;
|
|
401
381
|
font-weight: 400;
|
|
402
|
-
src: url("./assets/fonts/
|
|
403
|
-
|
|
382
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Italic.woff2") format("woff2");
|
|
383
|
+
font-display: fallback;
|
|
404
384
|
}
|
|
405
385
|
@font-face {
|
|
406
|
-
font-family:
|
|
386
|
+
font-family: RedHatText;
|
|
407
387
|
font-style: normal;
|
|
408
388
|
font-weight: 700;
|
|
409
|
-
src: url("./assets/fonts/
|
|
410
|
-
|
|
389
|
+
src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
|
|
390
|
+
font-display: fallback;
|
|
411
391
|
}
|
|
412
392
|
@font-face {
|
|
413
|
-
font-family:
|
|
414
|
-
font-style:
|
|
415
|
-
font-weight:
|
|
416
|
-
src: url("./assets/fonts/
|
|
417
|
-
|
|
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:
|
|
400
|
+
font-family: RedHatMono;
|
|
421
401
|
font-style: normal;
|
|
422
|
-
font-weight:
|
|
423
|
-
src: url("./assets/fonts/
|
|
424
|
-
|
|
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:
|
|
428
|
-
font-style:
|
|
407
|
+
font-family: RedHatMono;
|
|
408
|
+
font-style: italic;
|
|
429
409
|
font-weight: 400;
|
|
430
|
-
src: url("./assets/fonts/
|
|
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:
|
|
414
|
+
font-family: RedHatDisplayVF;
|
|
435
415
|
font-style: normal;
|
|
436
|
-
font-weight:
|
|
437
|
-
src: url("./assets/fonts/
|
|
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:
|
|
421
|
+
font-family: RedHatDisplayVF;
|
|
442
422
|
font-style: italic;
|
|
443
|
-
font-weight:
|
|
444
|
-
src: url("./assets/fonts/
|
|
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:
|
|
428
|
+
font-family: RedHatTextVF;
|
|
449
429
|
font-style: normal;
|
|
450
430
|
font-weight: 400 500;
|
|
451
|
-
src: url("./assets/fonts/
|
|
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:
|
|
435
|
+
font-family: RedHatTextVF;
|
|
456
436
|
font-style: italic;
|
|
457
437
|
font-weight: 400 500;
|
|
458
|
-
src: url("./assets/fonts/
|
|
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:
|
|
442
|
+
font-family: RedHatMonoVF;
|
|
463
443
|
font-style: normal;
|
|
464
|
-
font-weight:
|
|
465
|
-
src: url("./assets/fonts/
|
|
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:
|
|
449
|
+
font-family: RedHatMonoVF;
|
|
470
450
|
font-style: italic;
|
|
471
|
-
font-weight:
|
|
472
|
-
src: url("./assets/fonts/
|
|
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--
|
|
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);
|