@patternfly/patternfly 4.159.2 → 4.162.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 (64) 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/DescriptionList/description-list.css +14 -0
  46. package/components/DescriptionList/description-list.scss +19 -0
  47. package/components/Table/table.css +1 -1
  48. package/components/Table/table.scss +1 -1
  49. package/components/Toolbar/toolbar.css +4 -2
  50. package/components/Toolbar/toolbar.scss +6 -2
  51. package/docs/components/DescriptionList/examples/DescriptionList.md +174 -0
  52. package/docs/components/Select/examples/Select.md +12 -11
  53. package/docs/components/Table/examples/Table.md +50 -42
  54. package/docs/demos/Card/examples/Card.md +164 -112
  55. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +79 -0
  56. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
  57. package/package.json +1 -1
  58. package/patternfly-base-no-reset.css +109 -0
  59. package/patternfly-base.css +109 -14
  60. package/patternfly-no-reset.css +128 -3
  61. package/patternfly.css +128 -17
  62. package/patternfly.min.css +1 -1
  63. package/patternfly.min.css.map +1 -1
  64. 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
  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
  }
@@ -9452,6 +9561,20 @@ label.pf-c-check, .pf-c-check__label,
9452
9561
  .pf-c-description-list.pf-m-fluid {
9453
9562
  --pf-c-description-list--m-horizontal__term--width: fit-content(20ch);
9454
9563
  }
9564
+ .pf-c-description-list.pf-m-fill-columns {
9565
+ display: block;
9566
+ column-count: var(--pf-c-description-list--GridTemplateColumns--count);
9567
+ margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
9568
+ }
9569
+ .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group {
9570
+ display: inline-grid;
9571
+ width: 100%;
9572
+ margin-bottom: var(--pf-c-description-list--RowGap);
9573
+ break-inside: avoid;
9574
+ page-break-inside: avoid;
9575
+ -webkit-column-break-inside: avoid;
9576
+ -moz-column-break-inside: avoid;
9577
+ }
9455
9578
 
9456
9579
  .pf-c-description-list__group {
9457
9580
  display: grid;
@@ -9999,6 +10122,8 @@ label.pf-c-check, .pf-c-check__label,
9999
10122
  --pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
10000
10123
  --pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
10001
10124
  --pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
10125
+ --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));
10126
+ --pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
10002
10127
  --pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
10003
10128
  --pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
10004
10129
  --pf-c-toolbar--m-full-height--PaddingTop: 0;
@@ -10266,8 +10391,8 @@ label.pf-c-check, .pf-c-check__label,
10266
10391
  grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
10267
10392
  }
10268
10393
  .pf-c-toolbar__expandable-content .pf-m-label {
10269
- display: none;
10270
- visibility: hidden;
10394
+ margin-bottom: var(--pf-c-toolbar__expandable-content__item--m-label--MarginBottom);
10395
+ font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
10271
10396
  }
10272
10397
 
10273
10398
  .pf-c-toolbar__content.pf-m-chip-container,
@@ -24191,7 +24316,7 @@ svg.pf-c-spinner.pf-m-xl {
24191
24316
  .pf-c-table__check {
24192
24317
  --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
24193
24318
  }
24194
- .pf-c-table__check > input {
24319
+ .pf-c-table__check > input:not([disabled]) {
24195
24320
  cursor: pointer;
24196
24321
  }
24197
24322
 
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
  }
@@ -9588,6 +9683,20 @@ label.pf-c-check, .pf-c-check__label,
9588
9683
  .pf-c-description-list.pf-m-fluid {
9589
9684
  --pf-c-description-list--m-horizontal__term--width: fit-content(20ch);
9590
9685
  }
9686
+ .pf-c-description-list.pf-m-fill-columns {
9687
+ display: block;
9688
+ column-count: var(--pf-c-description-list--GridTemplateColumns--count);
9689
+ margin-bottom: calc(var(--pf-c-description-list--RowGap) * -1);
9690
+ }
9691
+ .pf-c-description-list.pf-m-fill-columns .pf-c-description-list__group {
9692
+ display: inline-grid;
9693
+ width: 100%;
9694
+ margin-bottom: var(--pf-c-description-list--RowGap);
9695
+ break-inside: avoid;
9696
+ page-break-inside: avoid;
9697
+ -webkit-column-break-inside: avoid;
9698
+ -moz-column-break-inside: avoid;
9699
+ }
9591
9700
 
9592
9701
  .pf-c-description-list__group {
9593
9702
  display: grid;
@@ -10135,6 +10244,8 @@ label.pf-c-check, .pf-c-check__label,
10135
10244
  --pf-c-toolbar__item--m-chip-group--spacer: var(--pf-global--spacer--sm);
10136
10245
  --pf-c-toolbar__item--m-label--spacer: var(--pf-c-toolbar__item--spacer);
10137
10246
  --pf-c-toolbar__item--m-label--FontWeight: var(--pf-global--FontWeight--bold);
10247
+ --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));
10248
+ --pf-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-global--FontSize--sm);
10138
10249
  --pf-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-global--Color--100);
10139
10250
  --pf-c-toolbar--c-divider--m-vertical--spacer: var(--pf-c-toolbar--spacer--base);
10140
10251
  --pf-c-toolbar--m-full-height--PaddingTop: 0;
@@ -10402,8 +10513,8 @@ label.pf-c-check, .pf-c-check__label,
10402
10513
  grid-row-gap: var(--pf-c-toolbar__expandable-content--m-expanded--GridRowGap);
10403
10514
  }
10404
10515
  .pf-c-toolbar__expandable-content .pf-m-label {
10405
- display: none;
10406
- visibility: hidden;
10516
+ margin-bottom: var(--pf-c-toolbar__expandable-content__item--m-label--MarginBottom);
10517
+ font-size: var(--pf-c-toolbar__expandable-content__item--m-label--FontSize);
10407
10518
  }
10408
10519
 
10409
10520
  .pf-c-toolbar__content.pf-m-chip-container,
@@ -24327,7 +24438,7 @@ svg.pf-c-spinner.pf-m-xl {
24327
24438
  .pf-c-table__check {
24328
24439
  --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
24329
24440
  }
24330
- .pf-c-table__check > input {
24441
+ .pf-c-table__check > input:not([disabled]) {
24331
24442
  cursor: pointer;
24332
24443
  }
24333
24444