@patternfly/patternfly 4.160.0 → 4.162.1

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 (65) 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/DataList/data-list.scss +1 -1
  46. package/components/DescriptionList/description-list.css +14 -0
  47. package/components/DescriptionList/description-list.scss +19 -0
  48. package/components/Table/table.css +14 -3
  49. package/components/Table/table.scss +16 -3
  50. package/components/_all.scss +88 -88
  51. package/docs/components/DescriptionList/examples/DescriptionList.md +174 -0
  52. package/docs/components/Table/examples/Table.md +1079 -925
  53. package/docs/demos/Table/examples/Table.md +100 -100
  54. package/package.json +7 -7
  55. package/patternfly-addons.scss +10 -10
  56. package/patternfly-base-no-reset.css +109 -0
  57. package/patternfly-base-no-reset.scss +1 -1
  58. package/patternfly-base.css +109 -14
  59. package/patternfly-no-reset.css +137 -3
  60. package/patternfly-no-reset.scss +1 -1
  61. package/patternfly.css +137 -17
  62. package/patternfly.min.css +1 -1
  63. package/patternfly.min.css.map +1 -1
  64. package/patternfly.scss +1 -1
  65. package/sass-utilities/scss-variables.scss +6 -0
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;
@@ -24007,9 +24116,14 @@ svg.pf-c-spinner.pf-m-xl {
24007
24116
  outline-offset: var(--pf-c-table--thead--m-nested-column-header--button--OutlineOffset);
24008
24117
  }
24009
24118
  .pf-c-table thead.pf-m-nested-column-header th,
24010
- .pf-c-table thead.pf-m-nested-column-header td {
24119
+ .pf-c-table thead.pf-m-nested-column-header td,
24120
+ .pf-c-table thead.pf-m-nested-column-header input {
24011
24121
  vertical-align: middle;
24012
24122
  }
24123
+ .pf-c-table thead.pf-m-nested-column-header .pf-c-table__check label {
24124
+ display: flex;
24125
+ align-items: center;
24126
+ }
24013
24127
  .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) th:not([rowspan]),
24014
24128
  .pf-c-table thead.pf-m-nested-column-header tr:not(:first-child) td:not([rowspan]) {
24015
24129
  --pf-c-table--cell--PaddingTop: var(--pf-c-table--thead--m-nested-column-header--tr--PaddingTop);
@@ -24042,7 +24156,7 @@ svg.pf-c-spinner.pf-m-xl {
24042
24156
  background-color: transparent;
24043
24157
  border-left: var(--pf-c-table__expandable-row--after--BorderLeftWidth) solid var(--pf-c-table__expandable-row--after--BorderColor);
24044
24158
  }
24045
- .pf-c-table tbody .pf-c-table__check > input {
24159
+ .pf-c-table tbody .pf-c-table__check input {
24046
24160
  margin-top: var(--pf-c-table__check--input--MarginTop);
24047
24161
  vertical-align: top;
24048
24162
  }
@@ -24329,9 +24443,15 @@ svg.pf-c-spinner.pf-m-xl {
24329
24443
  .pf-c-table__check {
24330
24444
  --pf-c-table--cell--FontSize: var(--pf-c-table__check--input--FontSize);
24331
24445
  }
24332
- .pf-c-table__check > input:not([disabled]) {
24446
+ .pf-c-table__check label:not([disabled]),
24447
+ .pf-c-table__check input:not([disabled]) {
24333
24448
  cursor: pointer;
24334
24449
  }
24450
+ .pf-c-table__check label {
24451
+ display: block;
24452
+ padding: inherit;
24453
+ margin: calc(var(--pf-c-table--cell--PaddingTop) * -1) calc(var(--pf-c-table--cell--PaddingRight) * -1) calc(var(--pf-c-table--cell--PaddingBottom) * -1) calc(var(--pf-c-table--cell--PaddingLeft) * -1);
24454
+ }
24335
24455
 
24336
24456
  .pf-c-table__favorite .pf-c-button {
24337
24457
  --pf-c-button--m-plain--Color: var(--pf-c-table__favorite--c-button--Color);