@patternfly/patternfly 5.0.0-alpha.24 → 5.0.0-alpha.26

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 (118) hide show
  1. package/base/_base.scss +0 -18
  2. package/base/_fonts.scss +22 -22
  3. package/base/_globals.scss +1 -1
  4. package/base/_variables.scss +1 -1
  5. package/base/patternfly-fonts.css +17 -17
  6. package/base/themes/dark/_globals.scss +1 -1
  7. package/base/themes/dark/_variables.scss +1 -1
  8. package/components/AboutModalBox/about-modal-box.css +7 -7
  9. package/components/AboutModalBox/about-modal-box.scss +7 -7
  10. package/components/Alert/alert.css +3 -3
  11. package/components/Alert/alert.scss +3 -3
  12. package/components/Avatar/avatar.scss +2 -2
  13. package/components/Banner/banner.css +14 -14
  14. package/components/Banner/banner.scss +9 -13
  15. package/components/CalendarMonth/calendar-month.css +1 -1
  16. package/components/CalendarMonth/calendar-month.scss +2 -2
  17. package/components/Card/card.css +12 -10
  18. package/components/Card/card.scss +12 -10
  19. package/components/Chip/chip.css +1 -1
  20. package/components/Chip/chip.scss +1 -1
  21. package/components/ChipGroup/chip-group.css +4 -4
  22. package/components/ChipGroup/chip-group.scss +4 -4
  23. package/components/Content/content.css +5 -5
  24. package/components/Content/content.scss +9 -9
  25. package/components/DataList/data-list-grid.css +7 -7
  26. package/components/DataList/data-list-grid.scss +1 -1
  27. package/components/DataList/data-list.css +10 -10
  28. package/components/DataList/data-list.scss +3 -3
  29. package/components/DescriptionList/description-list.css +7 -7
  30. package/components/DescriptionList/description-list.scss +7 -7
  31. package/components/Divider/divider.css +2 -2
  32. package/components/Divider/divider.scss +3 -3
  33. package/components/Drawer/drawer.css +2 -2
  34. package/components/Drawer/drawer.scss +2 -2
  35. package/components/DualListSelector/dual-list-selector.css +1 -1
  36. package/components/DualListSelector/dual-list-selector.scss +1 -1
  37. package/components/EmptyState/empty-state.css +2 -2
  38. package/components/EmptyState/empty-state.scss +2 -2
  39. package/components/Form/form.css +12 -12
  40. package/components/Form/form.scss +7 -7
  41. package/components/Hint/hint.css +2 -2
  42. package/components/Hint/hint.scss +2 -2
  43. package/components/Label/label.css +6 -6
  44. package/components/Label/label.scss +7 -7
  45. package/components/LabelGroup/label-group.css +2 -2
  46. package/components/LabelGroup/label-group.scss +2 -2
  47. package/components/Login/login.css +10 -10
  48. package/components/Login/login.scss +10 -10
  49. package/components/Masthead/masthead.css +4 -4
  50. package/components/Masthead/masthead.scss +4 -4
  51. package/components/Menu/menu.css +6 -6
  52. package/components/Menu/menu.scss +31 -31
  53. package/components/MenuToggle/menu-toggle.css +1 -1
  54. package/components/MenuToggle/menu-toggle.scss +1 -1
  55. package/components/MultipleFileUpload/multiple-file-upload.css +6 -6
  56. package/components/MultipleFileUpload/multiple-file-upload.scss +6 -6
  57. package/components/Nav/nav.css +1 -1
  58. package/components/Nav/nav.scss +2 -2
  59. package/components/NotificationDrawer/notification-drawer.css +3 -3
  60. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  61. package/components/Page/page.css +11 -11
  62. package/components/Page/page.scss +12 -12
  63. package/components/Progress/progress.css +10 -10
  64. package/components/Progress/progress.scss +10 -10
  65. package/components/ProgressStepper/progress-stepper.css +5 -5
  66. package/components/ProgressStepper/progress-stepper.scss +5 -5
  67. package/components/SearchInput/search-input.css +2 -2
  68. package/components/SearchInput/search-input.scss +2 -2
  69. package/components/Select/select.css +1 -1
  70. package/components/Select/select.scss +1 -1
  71. package/components/Sidebar/sidebar.css +1 -1
  72. package/components/Sidebar/sidebar.scss +1 -1
  73. package/components/SimpleList/simple-list.css +1 -1
  74. package/components/SimpleList/simple-list.scss +2 -2
  75. package/components/Spinner/spinner.css +4 -4
  76. package/components/Spinner/spinner.scss +4 -4
  77. package/components/Table/table.css +1 -1
  78. package/components/Table/table.scss +1 -1
  79. package/components/TextInputGroup/text-input-group.css +2 -2
  80. package/components/TextInputGroup/text-input-group.scss +2 -2
  81. package/components/Tile/tile.css +1 -1
  82. package/components/Tile/tile.scss +1 -1
  83. package/components/Timestamp/timestamp.css +3 -3
  84. package/components/Timestamp/timestamp.scss +3 -3
  85. package/components/Toolbar/toolbar.css +2 -2
  86. package/components/Toolbar/toolbar.scss +2 -2
  87. package/components/Wizard/wizard.css +14 -1
  88. package/components/Wizard/wizard.scss +18 -2
  89. package/docs/components/Card/examples/Card.md +90 -32
  90. package/docs/components/Popover/examples/Popover.md +1 -2
  91. package/docs/components/Wizard/examples/Wizard.md +58 -59
  92. package/docs/demos/Card/examples/Card.md +50 -30
  93. package/docs/demos/CardView/examples/CardView.md +41 -15
  94. package/docs/demos/Dashboard/examples/Dashboard.md +18 -12
  95. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +30 -20
  96. package/docs/demos/Tabs/examples/Tabs.md +24 -12
  97. package/docs/demos/Wizard/examples/Wizard.md +60 -45
  98. package/layouts/Gallery/gallery.css +1 -1
  99. package/layouts/Gallery/gallery.scss +1 -1
  100. package/layouts/Grid/grid.css +2 -2
  101. package/layouts/Grid/grid.scss +2 -2
  102. package/package.json +7 -8
  103. package/patternfly-base-no-reset.css +17 -17
  104. package/patternfly-base.css +17 -17
  105. package/patternfly-no-reset.css +202 -187
  106. package/patternfly.css +202 -187
  107. package/patternfly.min.css +1 -1
  108. package/patternfly.min.css.map +1 -1
  109. package/sass-utilities/functions.scss +8 -24
  110. package/sass-utilities/mixins.scss +15 -39
  111. package/sass-utilities/scss-variables.scss +1 -0
  112. package/utilities/Spacing/spacing.scss +2 -2
  113. package/base/_shield-inheritable.scss +0 -69
  114. package/base/_shield-noninheritable.scss +0 -13
  115. package/base/patternfly-shield-inheritable.css +0 -66
  116. package/base/patternfly-shield-inheritable.scss +0 -4
  117. package/base/patternfly-shield-noninheritable.css +0 -9
  118. package/base/patternfly-shield-noninheritable.scss +0 -4
package/patternfly-base.css CHANGED
@@ -376,121 +376,121 @@
376
376
 
377
377
  @font-face {
378
378
  font-family: "RedHatDisplay";
379
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
380
379
  font-style: normal;
381
380
  font-weight: 300;
381
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
382
382
  text-rendering: optimizelegibility;
383
383
  }
384
384
  @font-face {
385
385
  font-family: "RedHatDisplay";
386
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
387
386
  font-style: normal;
388
387
  font-weight: 400;
388
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
389
389
  text-rendering: optimizelegibility;
390
390
  }
391
391
  @font-face {
392
392
  font-family: "RedHatDisplay";
393
- src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
394
393
  font-style: normal;
395
394
  font-weight: 700;
395
+ src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
396
396
  text-rendering: optimizelegibility;
397
397
  }
398
398
  @font-face {
399
399
  font-family: "RedHatText";
400
- src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
401
400
  font-style: normal;
402
401
  font-weight: 400;
402
+ src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
403
403
  text-rendering: optimizelegibility;
404
404
  }
405
405
  @font-face {
406
406
  font-family: "RedHatText";
407
- src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
408
407
  font-style: normal;
409
408
  font-weight: 700;
409
+ src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
410
410
  text-rendering: optimizelegibility;
411
411
  }
412
412
  @font-face {
413
413
  font-family: "RedHatDisplayUpdated";
414
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
415
414
  font-style: normal;
416
415
  font-weight: 300;
416
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
417
417
  text-rendering: optimizelegibility;
418
418
  }
419
419
  @font-face {
420
420
  font-family: "RedHatDisplayUpdated";
421
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
422
421
  font-style: normal;
423
422
  font-weight: 400;
423
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
424
424
  text-rendering: optimizelegibility;
425
425
  }
426
426
  @font-face {
427
427
  font-family: "RedHatDisplayUpdated";
428
- src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
429
428
  font-style: normal;
430
429
  font-weight: 700;
430
+ src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
431
431
  text-rendering: optimizelegibility;
432
432
  }
433
433
  @font-face {
434
434
  font-family: "RedHatTextUpdated";
435
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
436
435
  font-style: normal;
437
436
  font-weight: 400;
437
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
438
438
  text-rendering: optimizelegibility;
439
439
  }
440
440
  @font-face {
441
441
  font-family: "RedHatTextUpdated";
442
- src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
443
442
  font-style: normal;
444
443
  font-weight: 700;
444
+ src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
445
445
  text-rendering: optimizelegibility;
446
446
  }
447
447
  @font-face {
448
448
  font-family: "RedHatMono";
449
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
450
449
  font-style: normal;
451
450
  font-weight: 400;
451
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
452
452
  font-display: fallback;
453
453
  }
454
454
  @font-face {
455
455
  font-family: "RedHatDisplayVF";
456
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
457
456
  font-style: normal;
458
457
  font-weight: 300 900;
458
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
459
459
  font-display: fallback;
460
460
  }
461
461
  @font-face {
462
462
  font-family: "RedHatDisplayVF";
463
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
464
463
  font-style: italic;
465
464
  font-weight: 300 900;
465
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
466
466
  font-display: fallback;
467
467
  }
468
468
  @font-face {
469
469
  font-family: "RedHatTextVF";
470
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
471
470
  font-style: normal;
472
471
  font-weight: 400 500;
472
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
473
473
  font-display: fallback;
474
474
  }
475
475
  @font-face {
476
476
  font-family: "RedHatTextVF";
477
- src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
478
477
  font-style: italic;
479
478
  font-weight: 400 500;
479
+ src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
480
480
  font-display: fallback;
481
481
  }
482
482
  @font-face {
483
483
  font-family: "RedHatMonoVF";
484
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
485
484
  font-style: normal;
486
485
  font-weight: 300 700;
486
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
487
487
  font-display: fallback;
488
488
  }
489
489
  @font-face {
490
490
  font-family: "RedHatMonoVF";
491
- src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
492
491
  font-style: italic;
493
492
  font-weight: 300 700;
493
+ src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
494
494
  font-display: fallback;
495
495
  }
496
496
  .pf-screen-reader {