@patternfly/patternfly 4.159.1 → 4.161.0

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 (62) hide show
  1. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Black.woff2 +0 -0
  2. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BlackItalic.woff2 +0 -0
  3. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2 +0 -0
  4. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-BoldItalic.woff2 +0 -0
  5. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Light.woff2 +0 -0
  7. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-LightItalic.woff2 +0 -0
  8. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2 +0 -0
  9. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-MediumItalic.woff2 +0 -0
  10. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2 +0 -0
  11. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated-Italic.woff2 +0 -0
  12. package/assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplayVF-updated.woff2 +0 -0
  13. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Bold.woff2 +0 -0
  14. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-BoldItalic.woff2 +0 -0
  15. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Italic.woff2 +0 -0
  16. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Light.woff2 +0 -0
  17. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-LightItalic.woff2 +0 -0
  18. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Medium.woff2 +0 -0
  19. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-MediumItalic.woff2 +0 -0
  20. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2 +0 -0
  21. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2 +0 -0
  22. package/assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2 +0 -0
  23. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Bold.woff2 +0 -0
  24. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-BoldItalic.woff2 +0 -0
  25. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Italic.woff2 +0 -0
  26. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Light.woff2 +0 -0
  27. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-LightItalic.woff2 +0 -0
  28. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2 +0 -0
  29. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-MediumItalic.woff2 +0 -0
  30. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2 +0 -0
  31. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated-Italic.woff2 +0 -0
  32. package/assets/fonts/RedHatFont-updated/RedHatText/RedHatTextVF-updated.woff2 +0 -0
  33. package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2 +0 -0
  34. package/assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2 +0 -0
  35. package/assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2 +0 -0
  36. package/assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2 +0 -0
  37. package/base/_common.scss +5 -1
  38. package/base/_fonts.scss +100 -0
  39. package/base/_globals.scss +0 -16
  40. package/base/_variables.scss +25 -1
  41. package/base/patternfly-common.css +4 -0
  42. package/base/patternfly-fonts.css +84 -0
  43. package/base/patternfly-globals.css +0 -14
  44. package/base/patternfly-variables.css +21 -0
  45. package/components/Table/table.css +3 -3
  46. package/components/Table/table.scss +3 -3
  47. package/components/Toolbar/toolbar.css +4 -2
  48. package/components/Toolbar/toolbar.scss +6 -2
  49. package/docs/components/Select/examples/Select.md +12 -11
  50. package/docs/components/Table/examples/Table.md +550 -42
  51. package/docs/demos/Button/examples/Button.md +176 -0
  52. package/docs/demos/Card/examples/Card.md +164 -112
  53. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +79 -0
  54. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  55. package/package.json +1 -1
  56. package/patternfly-base-no-reset.css +109 -0
  57. package/patternfly-base.css +109 -14
  58. package/patternfly-no-reset.css +116 -5
  59. package/patternfly.css +116 -19
  60. package/patternfly.min.css +1 -1
  61. package/patternfly.min.css.map +1 -1
  62. package/sass-utilities/scss-variables.scss +6 -0
@@ -239,6 +239,12 @@
239
239
  --pf-global--FontFamily--sans-serif: "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
240
240
  --pf-global--FontFamily--heading--sans-serif: "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
241
241
  --pf-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
242
+ --pf-global--FontFamily--redhat-updated--sans-serif: "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
243
+ --pf-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
244
+ --pf-global--FontFamily--redhat--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
245
+ --pf-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF", "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
246
+ --pf-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF", "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
247
+ --pf-global--FontFamily--redhatVF--monospace: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
242
248
  --pf-global--FontFamily--overpass--sans-serif: "overpass", overpass, "open sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
243
249
  --pf-global--FontFamily--overpass--monospace: "overpass-mono", overpass-mono, "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
244
250
  --pf-global--FontSize--4xl: 2.25rem;
@@ -275,6 +281,21 @@
275
281
  --pf-global--FontWeight--bold: var(--pf-global--FontWeight--overpass--bold);
276
282
  }
277
283
 
284
+ .pf-m-redhat-updated-font {
285
+ --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhat-updated--sans-serif);
286
+ --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhat-updated--heading--sans-serif);
287
+ }
288
+
289
+ .pf-m-redhatmono-font {
290
+ --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhat--monospace);
291
+ }
292
+
293
+ .pf-m-redhatVF-font {
294
+ --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhatVF--sans-serif);
295
+ --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhatVF--heading--sans-serif);
296
+ --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
297
+ }
298
+
278
299
  @font-face {
279
300
  font-family: "RedHatDisplay";
280
301
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
@@ -310,6 +331,90 @@
310
331
  font-weight: 700;
311
332
  text-rendering: optimizeLegibility;
312
333
  }
334
+ @font-face {
335
+ font-family: "RedHatDisplayUpdated";
336
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
337
+ font-style: normal;
338
+ font-weight: 300;
339
+ text-rendering: optimizeLegibility;
340
+ }
341
+ @font-face {
342
+ font-family: "RedHatDisplayUpdated";
343
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
344
+ font-style: normal;
345
+ font-weight: 400;
346
+ text-rendering: optimizeLegibility;
347
+ }
348
+ @font-face {
349
+ font-family: "RedHatDisplayUpdated";
350
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
351
+ font-style: normal;
352
+ font-weight: 700;
353
+ text-rendering: optimizeLegibility;
354
+ }
355
+ @font-face {
356
+ font-family: "RedHatTextUpdated";
357
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
358
+ font-style: normal;
359
+ font-weight: 400;
360
+ text-rendering: optimizeLegibility;
361
+ }
362
+ @font-face {
363
+ font-family: "RedHatTextUpdated";
364
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
365
+ font-style: normal;
366
+ font-weight: 700;
367
+ text-rendering: optimizeLegibility;
368
+ }
369
+ @font-face {
370
+ font-family: "RedHatMono";
371
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
372
+ font-style: normal;
373
+ font-weight: 400;
374
+ font-display: fallback;
375
+ }
376
+ @font-face {
377
+ font-family: "RedHatDisplayVF";
378
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
379
+ font-style: normal;
380
+ font-weight: 300 900;
381
+ font-display: fallback;
382
+ }
383
+ @font-face {
384
+ font-family: "RedHatDisplayVF";
385
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
386
+ font-style: italic;
387
+ font-weight: 300 900;
388
+ font-display: fallback;
389
+ }
390
+ @font-face {
391
+ font-family: "RedHatTextVF";
392
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
393
+ font-style: normal;
394
+ font-weight: 400 500;
395
+ font-display: fallback;
396
+ }
397
+ @font-face {
398
+ font-family: "RedHatTextVF";
399
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
400
+ font-style: italic;
401
+ font-weight: 400 500;
402
+ font-display: fallback;
403
+ }
404
+ @font-face {
405
+ font-family: "RedHatMonoVF";
406
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
407
+ font-style: normal;
408
+ font-weight: 300 700;
409
+ font-display: fallback;
410
+ }
411
+ @font-face {
412
+ font-family: "RedHatMonoVF";
413
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
414
+ font-style: italic;
415
+ font-weight: 300 700;
416
+ font-display: fallback;
417
+ }
313
418
  @font-face {
314
419
  font-family: "overpass";
315
420
  font-style: normal;
@@ -450,6 +555,10 @@ html {
450
555
  border: 0;
451
556
  }
452
557
 
558
+ .pf-m-tabular-nums {
559
+ font-variant-numeric: tabular-nums;
560
+ }
561
+
453
562
  .pf-t-dark.pf-m-transparent {
454
563
  background-color: transparent;
455
564
  }
@@ -239,6 +239,12 @@
239
239
  --pf-global--FontFamily--sans-serif: "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
240
240
  --pf-global--FontFamily--heading--sans-serif: "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
241
241
  --pf-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
242
+ --pf-global--FontFamily--redhat-updated--sans-serif: "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
243
+ --pf-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
244
+ --pf-global--FontFamily--redhat--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
245
+ --pf-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF", "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
246
+ --pf-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF", "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
247
+ --pf-global--FontFamily--redhatVF--monospace: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
242
248
  --pf-global--FontFamily--overpass--sans-serif: "overpass", overpass, "open sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
243
249
  --pf-global--FontFamily--overpass--monospace: "overpass-mono", overpass-mono, "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
244
250
  --pf-global--FontSize--4xl: 2.25rem;
@@ -275,6 +281,21 @@
275
281
  --pf-global--FontWeight--bold: var(--pf-global--FontWeight--overpass--bold);
276
282
  }
277
283
 
284
+ .pf-m-redhat-updated-font {
285
+ --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhat-updated--sans-serif);
286
+ --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhat-updated--heading--sans-serif);
287
+ }
288
+
289
+ .pf-m-redhatmono-font {
290
+ --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhat--monospace);
291
+ }
292
+
293
+ .pf-m-redhatVF-font {
294
+ --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhatVF--sans-serif);
295
+ --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhatVF--heading--sans-serif);
296
+ --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
297
+ }
298
+
278
299
  @font-face {
279
300
  font-family: "RedHatDisplay";
280
301
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
@@ -310,6 +331,90 @@
310
331
  font-weight: 700;
311
332
  text-rendering: optimizeLegibility;
312
333
  }
334
+ @font-face {
335
+ font-family: "RedHatDisplayUpdated";
336
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
337
+ font-style: normal;
338
+ font-weight: 300;
339
+ text-rendering: optimizeLegibility;
340
+ }
341
+ @font-face {
342
+ font-family: "RedHatDisplayUpdated";
343
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
344
+ font-style: normal;
345
+ font-weight: 400;
346
+ text-rendering: optimizeLegibility;
347
+ }
348
+ @font-face {
349
+ font-family: "RedHatDisplayUpdated";
350
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
351
+ font-style: normal;
352
+ font-weight: 700;
353
+ text-rendering: optimizeLegibility;
354
+ }
355
+ @font-face {
356
+ font-family: "RedHatTextUpdated";
357
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
358
+ font-style: normal;
359
+ font-weight: 400;
360
+ text-rendering: optimizeLegibility;
361
+ }
362
+ @font-face {
363
+ font-family: "RedHatTextUpdated";
364
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
365
+ font-style: normal;
366
+ font-weight: 700;
367
+ text-rendering: optimizeLegibility;
368
+ }
369
+ @font-face {
370
+ font-family: "RedHatMono";
371
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
372
+ font-style: normal;
373
+ font-weight: 400;
374
+ font-display: fallback;
375
+ }
376
+ @font-face {
377
+ font-family: "RedHatDisplayVF";
378
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
379
+ font-style: normal;
380
+ font-weight: 300 900;
381
+ font-display: fallback;
382
+ }
383
+ @font-face {
384
+ font-family: "RedHatDisplayVF";
385
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
386
+ font-style: italic;
387
+ font-weight: 300 900;
388
+ font-display: fallback;
389
+ }
390
+ @font-face {
391
+ font-family: "RedHatTextVF";
392
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
393
+ font-style: normal;
394
+ font-weight: 400 500;
395
+ font-display: fallback;
396
+ }
397
+ @font-face {
398
+ font-family: "RedHatTextVF";
399
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
400
+ font-style: italic;
401
+ font-weight: 400 500;
402
+ font-display: fallback;
403
+ }
404
+ @font-face {
405
+ font-family: "RedHatMonoVF";
406
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
407
+ font-style: normal;
408
+ font-weight: 300 700;
409
+ font-display: fallback;
410
+ }
411
+ @font-face {
412
+ font-family: "RedHatMonoVF";
413
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
414
+ font-style: italic;
415
+ font-weight: 300 700;
416
+ font-display: fallback;
417
+ }
313
418
  @font-face {
314
419
  font-family: "overpass";
315
420
  font-style: normal;
@@ -450,6 +555,10 @@ html {
450
555
  border: 0;
451
556
  }
452
557
 
558
+ .pf-m-tabular-nums {
559
+ font-variant-numeric: tabular-nums;
560
+ }
561
+
453
562
  html,
454
563
  body,
455
564
  p,
@@ -568,20 +677,6 @@ a {
568
677
  cursor: pointer;
569
678
  }
570
679
 
571
- button::-moz-focus-inner,
572
- [type=button]::-moz-focus-inner,
573
- [type=reset]::-moz-focus-inner,
574
- [type=submit]::-moz-focus-inner {
575
- padding: 0;
576
- border-style: none;
577
- }
578
- button:-moz-focusring,
579
- [type=button]:-moz-focusring,
580
- [type=reset]:-moz-focusring,
581
- [type=submit]:-moz-focusring {
582
- outline: 1px dotted ButtonText;
583
- }
584
-
585
680
  .pf-m-overpass-font a {
586
681
  font-weight: var(--pf-global--FontWeight--semi-bold);
587
682
  }
@@ -304,6 +304,12 @@
304
304
  --pf-global--FontFamily--sans-serif: "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
305
305
  --pf-global--FontFamily--heading--sans-serif: "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
306
306
  --pf-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
307
+ --pf-global--FontFamily--redhat-updated--sans-serif: "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
308
+ --pf-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
309
+ --pf-global--FontFamily--redhat--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
310
+ --pf-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF", "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
311
+ --pf-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF", "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
312
+ --pf-global--FontFamily--redhatVF--monospace: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
307
313
  --pf-global--FontFamily--overpass--sans-serif: "overpass", overpass, "open sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
308
314
  --pf-global--FontFamily--overpass--monospace: "overpass-mono", overpass-mono, "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
309
315
  --pf-global--FontSize--4xl: 2.25rem;
@@ -340,6 +346,21 @@
340
346
  --pf-global--FontWeight--bold: var(--pf-global--FontWeight--overpass--bold);
341
347
  }
342
348
 
349
+ .pf-m-redhat-updated-font {
350
+ --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhat-updated--sans-serif);
351
+ --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhat-updated--heading--sans-serif);
352
+ }
353
+
354
+ .pf-m-redhatmono-font {
355
+ --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhat--monospace);
356
+ }
357
+
358
+ .pf-m-redhatVF-font {
359
+ --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhatVF--sans-serif);
360
+ --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhatVF--heading--sans-serif);
361
+ --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
362
+ }
363
+
343
364
  @font-face {
344
365
  font-family: "RedHatDisplay";
345
366
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
@@ -375,6 +396,90 @@
375
396
  font-weight: 700;
376
397
  text-rendering: optimizeLegibility;
377
398
  }
399
+ @font-face {
400
+ font-family: "RedHatDisplayUpdated";
401
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
402
+ font-style: normal;
403
+ font-weight: 300;
404
+ text-rendering: optimizeLegibility;
405
+ }
406
+ @font-face {
407
+ font-family: "RedHatDisplayUpdated";
408
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
409
+ font-style: normal;
410
+ font-weight: 400;
411
+ text-rendering: optimizeLegibility;
412
+ }
413
+ @font-face {
414
+ font-family: "RedHatDisplayUpdated";
415
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
416
+ font-style: normal;
417
+ font-weight: 700;
418
+ text-rendering: optimizeLegibility;
419
+ }
420
+ @font-face {
421
+ font-family: "RedHatTextUpdated";
422
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
423
+ font-style: normal;
424
+ font-weight: 400;
425
+ text-rendering: optimizeLegibility;
426
+ }
427
+ @font-face {
428
+ font-family: "RedHatTextUpdated";
429
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
430
+ font-style: normal;
431
+ font-weight: 700;
432
+ text-rendering: optimizeLegibility;
433
+ }
434
+ @font-face {
435
+ font-family: "RedHatMono";
436
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
437
+ font-style: normal;
438
+ font-weight: 400;
439
+ font-display: fallback;
440
+ }
441
+ @font-face {
442
+ font-family: "RedHatDisplayVF";
443
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
444
+ font-style: normal;
445
+ font-weight: 300 900;
446
+ font-display: fallback;
447
+ }
448
+ @font-face {
449
+ font-family: "RedHatDisplayVF";
450
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
451
+ font-style: italic;
452
+ font-weight: 300 900;
453
+ font-display: fallback;
454
+ }
455
+ @font-face {
456
+ font-family: "RedHatTextVF";
457
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
458
+ font-style: normal;
459
+ font-weight: 400 500;
460
+ font-display: fallback;
461
+ }
462
+ @font-face {
463
+ font-family: "RedHatTextVF";
464
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
465
+ font-style: italic;
466
+ font-weight: 400 500;
467
+ font-display: fallback;
468
+ }
469
+ @font-face {
470
+ font-family: "RedHatMonoVF";
471
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
472
+ font-style: normal;
473
+ font-weight: 300 700;
474
+ font-display: fallback;
475
+ }
476
+ @font-face {
477
+ font-family: "RedHatMonoVF";
478
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
479
+ font-style: italic;
480
+ font-weight: 300 700;
481
+ font-display: fallback;
482
+ }
378
483
  @font-face {
379
484
  font-family: "overpass";
380
485
  font-style: normal;
@@ -515,6 +620,10 @@ html {
515
620
  border: 0;
516
621
  }
517
622
 
623
+ .pf-m-tabular-nums {
624
+ font-variant-numeric: tabular-nums;
625
+ }
626
+
518
627
  .pf-t-dark.pf-m-transparent {
519
628
  background-color: transparent;
520
629
  }
@@ -9999,6 +10108,8 @@ label.pf-c-check, .pf-c-check__label,
9999
10108
  --pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
10000
10109
  --pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
10001
10110
  --pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
10111
+ --pf-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-global--spacer--sm));
10112
+ --pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
10002
10113
  --pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
10003
10114
  --pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
10004
10115
  --pf-c-toolbar--m-full-height--PaddingTop: 0;
@@ -10266,8 +10377,8 @@ label.pf-c-check, .pf-c-check__label,
10266
10377
  grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
10267
10378
  }
10268
10379
  .pf-c-toolbar__expandable-content .pf-m-label {
10269
- display: none;
10270
- visibility: hidden;
10380
+ margin-bottom: var(--pf-c-toolbar__expandable-content__item--m-label--MarginBottom);
10381
+ font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
10271
10382
  }
10272
10383
 
10273
10384
  .pf-c-toolbar__content.pf-m-chip-container,
@@ -23702,8 +23813,8 @@ svg.pf-c-spinner.pf-m-xl {
23702
23813
  --pf-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-global--spacer--lg);
23703
23814
  --pf-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);
23704
23815
  --pf-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-global--spacer--lg);
23705
- --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-global--spacer--3xl);
23706
- --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-global--spacer--3xl);
23816
+ --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);
23817
+ --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
23707
23818
  --pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
23708
23819
  --pf-c-table--tr--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
23709
23820
  --pf-c-table--tr--m-hoverable--BackgroundColor: transparent;
@@ -24191,7 +24302,7 @@ svg.pf-c-spinner.pf-m-xl {
24191
24302
  .pf-c-table__check {
24192
24303
  --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
24193
24304
  }
24194
- .pf-c-table__check > input {
24305
+ .pf-c-table__check > input:not([disabled]) {
24195
24306
  cursor: pointer;
24196
24307
  }
24197
24308
 
package/patternfly.css CHANGED
@@ -304,6 +304,12 @@
304
304
  --pf-global--FontFamily--sans-serif: "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
305
305
  --pf-global--FontFamily--heading--sans-serif: "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
306
306
  --pf-global--FontFamily--monospace: "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
307
+ --pf-global--FontFamily--redhat-updated--sans-serif: "RedHatTextUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
308
+ --pf-global--FontFamily--redhat-updated--heading--sans-serif: "RedHatDisplayUpdated", "Overpass", overpass, helvetica, arial, sans-serif;
309
+ --pf-global--FontFamily--redhat--monospace: "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
310
+ --pf-global--FontFamily--redhatVF--sans-serif: "RedHatTextVF", "RedHatText", "Overpass", overpass, helvetica, arial, sans-serif;
311
+ --pf-global--FontFamily--redhatVF--heading--sans-serif: "RedHatDisplayVF", "RedHatDisplay", "Overpass", overpass, helvetica, arial, sans-serif;
312
+ --pf-global--FontFamily--redhatVF--monospace: "RedHatMonoVF", "RedHatMono", "Liberation Mono", consolas, "SFMono-Regular", menlo, monaco, "Courier New", monospace;
307
313
  --pf-global--FontFamily--overpass--sans-serif: "overpass", overpass, "open sans", -apple-system, blinkmacsystemfont, "Segoe UI", roboto, "Helvetica Neue", arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
308
314
  --pf-global--FontFamily--overpass--monospace: "overpass-mono", overpass-mono, "SFMono-Regular", menlo, monaco, consolas, "Liberation Mono", "Courier New", monospace;
309
315
  --pf-global--FontSize--4xl: 2.25rem;
@@ -340,6 +346,21 @@
340
346
  --pf-global--FontWeight--bold: var(--pf-global--FontWeight--overpass--bold);
341
347
  }
342
348
 
349
+ .pf-m-redhat-updated-font {
350
+ --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhat-updated--sans-serif);
351
+ --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhat-updated--heading--sans-serif);
352
+ }
353
+
354
+ .pf-m-redhatmono-font {
355
+ --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhat--monospace);
356
+ }
357
+
358
+ .pf-m-redhatVF-font {
359
+ --pf-global--FontFamily--sans-serif: var(--pf-global--FontFamily--redhatVF--sans-serif);
360
+ --pf-global--FontFamily--heading--sans-serif: var(--pf-global--FontFamily--redhatVF--heading--sans-serif);
361
+ --pf-global--FontFamily--monospace: var(--pf-global--FontFamily--redhatVF--monospace);
362
+ }
363
+
343
364
  @font-face {
344
365
  font-family: "RedHatDisplay";
345
366
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
@@ -375,6 +396,90 @@
375
396
  font-weight: 700;
376
397
  text-rendering: optimizeLegibility;
377
398
  }
399
+ @font-face {
400
+ font-family: "RedHatDisplayUpdated";
401
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
402
+ font-style: normal;
403
+ font-weight: 300;
404
+ text-rendering: optimizeLegibility;
405
+ }
406
+ @font-face {
407
+ font-family: "RedHatDisplayUpdated";
408
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
409
+ font-style: normal;
410
+ font-weight: 400;
411
+ text-rendering: optimizeLegibility;
412
+ }
413
+ @font-face {
414
+ font-family: "RedHatDisplayUpdated";
415
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
416
+ font-style: normal;
417
+ font-weight: 700;
418
+ text-rendering: optimizeLegibility;
419
+ }
420
+ @font-face {
421
+ font-family: "RedHatTextUpdated";
422
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
423
+ font-style: normal;
424
+ font-weight: 400;
425
+ text-rendering: optimizeLegibility;
426
+ }
427
+ @font-face {
428
+ font-family: "RedHatTextUpdated";
429
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
430
+ font-style: normal;
431
+ font-weight: 700;
432
+ text-rendering: optimizeLegibility;
433
+ }
434
+ @font-face {
435
+ font-family: "RedHatMono";
436
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
437
+ font-style: normal;
438
+ font-weight: 400;
439
+ font-display: fallback;
440
+ }
441
+ @font-face {
442
+ font-family: "RedHatDisplayVF";
443
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
444
+ font-style: normal;
445
+ font-weight: 300 900;
446
+ font-display: fallback;
447
+ }
448
+ @font-face {
449
+ font-family: "RedHatDisplayVF";
450
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
451
+ font-style: italic;
452
+ font-weight: 300 900;
453
+ font-display: fallback;
454
+ }
455
+ @font-face {
456
+ font-family: "RedHatTextVF";
457
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
458
+ font-style: normal;
459
+ font-weight: 400 500;
460
+ font-display: fallback;
461
+ }
462
+ @font-face {
463
+ font-family: "RedHatTextVF";
464
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
465
+ font-style: italic;
466
+ font-weight: 400 500;
467
+ font-display: fallback;
468
+ }
469
+ @font-face {
470
+ font-family: "RedHatMonoVF";
471
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
472
+ font-style: normal;
473
+ font-weight: 300 700;
474
+ font-display: fallback;
475
+ }
476
+ @font-face {
477
+ font-family: "RedHatMonoVF";
478
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
479
+ font-style: italic;
480
+ font-weight: 300 700;
481
+ font-display: fallback;
482
+ }
378
483
  @font-face {
379
484
  font-family: "overpass";
380
485
  font-style: normal;
@@ -515,6 +620,10 @@ html {
515
620
  border: 0;
516
621
  }
517
622
 
623
+ .pf-m-tabular-nums {
624
+ font-variant-numeric: tabular-nums;
625
+ }
626
+
518
627
  html,
519
628
  body,
520
629
  p,
@@ -633,20 +742,6 @@ a {
633
742
  cursor: pointer;
634
743
  }
635
744
 
636
- button::-moz-focus-inner,
637
- [type=button]::-moz-focus-inner,
638
- [type=reset]::-moz-focus-inner,
639
- [type=submit]::-moz-focus-inner {
640
- padding: 0;
641
- border-style: none;
642
- }
643
- button:-moz-focusring,
644
- [type=button]:-moz-focusring,
645
- [type=reset]:-moz-focusring,
646
- [type=submit]:-moz-focusring {
647
- outline: 1px dotted ButtonText;
648
- }
649
-
650
745
  .pf-m-overpass-font a {
651
746
  font-weight: var(--pf-global--FontWeight--semi-bold);
652
747
  }
@@ -10135,6 +10230,8 @@ label.pf-c-check, .pf-c-check__label,
10135
10230
  --pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
10136
10231
  --pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
10137
10232
  --pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
10233
+ --pf-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-global--spacer--sm));
10234
+ --pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
10138
10235
  --pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
10139
10236
  --pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
10140
10237
  --pf-c-toolbar--m-full-height--PaddingTop: 0;
@@ -10402,8 +10499,8 @@ label.pf-c-check, .pf-c-check__label,
10402
10499
  grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
10403
10500
  }
10404
10501
  .pf-c-toolbar__expandable-content .pf-m-label {
10405
- display: none;
10406
- visibility: hidden;
10502
+ margin-bottom: var(--pf-c-toolbar__expandable-content__item--m-label--MarginBottom);
10503
+ font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
10407
10504
  }
10408
10505
 
10409
10506
  .pf-c-toolbar__content.pf-m-chip-container,
@@ -23838,8 +23935,8 @@ svg.pf-c-spinner.pf-m-xl {
23838
23935
  --pf-c-table--m-compact__expandable-row-content--PaddingRight: var(--pf-global--spacer--lg);
23839
23936
  --pf-c-table--m-compact__expandable-row-content--PaddingBottom: var(--pf-global--spacer--lg);
23840
23937
  --pf-c-table--m-compact__expandable-row-content--PaddingLeft: var(--pf-global--spacer--lg);
23841
- --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-global--spacer--3xl);
23842
- --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-global--spacer--3xl);
23938
+ --pf-c-table--nested--first-last-child--PaddingRight: var(--pf-c-table--m-compact--cell--first-last-child--PaddingLeft);
23939
+ --pf-c-table--nested--first-last-child--PaddingLeft: var(--pf-c-table--m-compact--cell--first-last-child--PaddingRight);
23843
23940
  --pf-c-table__expandable-row--m-expanded--BorderBottomColor: var(--pf-global--BorderColor--100);
23844
23941
  --pf-c-table--tr--m-hoverable--BoxShadow--top: var(--pf-c-table--tr--BoxShadow--top--base);
23845
23942
  --pf-c-table--tr--m-hoverable--BackgroundColor: transparent;
@@ -24327,7 +24424,7 @@ svg.pf-c-spinner.pf-m-xl {
24327
24424
  .pf-c-table__check {
24328
24425
  --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
24329
24426
  }
24330
- .pf-c-table__check > input {
24427
+ .pf-c-table__check > input:not([disabled]) {
24331
24428
  cursor: pointer;
24332
24429
  }
24333
24430