@patternfly/react-styles 6.0.0-alpha.30 → 6.0.0-alpha.32

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 (96) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/components/AboutModalBox/about-modal-box.css +11 -11
  3. package/css/components/Accordion/accordion.css +2 -0
  4. package/css/components/Avatar/avatar.css +40 -40
  5. package/css/components/BackToTop/back-to-top.css +1 -1
  6. package/css/components/Banner/banner.css +1 -1
  7. package/css/components/Brand/brand.css +10 -10
  8. package/css/components/Breadcrumb/breadcrumb.css +9 -6
  9. package/css/components/Button/button.css +16 -7
  10. package/css/components/Card/card.css +1 -1
  11. package/css/components/Content/content.css +12 -9
  12. package/css/components/DataList/data-list-grid.css +19 -19
  13. package/css/components/DataList/data-list.css +37 -41
  14. package/css/components/DescriptionList/description-list-order.css +5 -5
  15. package/css/components/DescriptionList/description-list.css +26 -31
  16. package/css/components/Divider/divider.css +20 -20
  17. package/css/components/Drawer/drawer.css +12 -12
  18. package/css/components/Form/form.css +6 -6
  19. package/css/components/JumpLinks/jump-links.css +6 -6
  20. package/css/components/Label/label.css +18 -17
  21. package/css/components/Login/login.css +13 -13
  22. package/css/components/Masthead/masthead.css +201 -103
  23. package/css/components/Menu/menu.css +10 -10
  24. package/css/components/MenuToggle/menu-toggle.css +6 -0
  25. package/css/components/MenuToggle/menu-toggle.d.ts +2 -1
  26. package/css/components/MenuToggle/menu-toggle.js +2 -1
  27. package/css/components/MenuToggle/menu-toggle.mjs +2 -1
  28. package/css/components/ModalBox/modal-box.css +2 -2
  29. package/css/components/Nav/nav.css +5 -4
  30. package/css/components/Nav/nav.d.ts +1 -1
  31. package/css/components/Nav/nav.js +1 -1
  32. package/css/components/Nav/nav.mjs +1 -1
  33. package/css/components/Page/page.css +47 -166
  34. package/css/components/Page/page.d.ts +0 -2
  35. package/css/components/Page/page.js +0 -2
  36. package/css/components/Page/page.mjs +0 -2
  37. package/css/components/Pagination/pagination.css +8 -8
  38. package/css/components/ProgressStepper/progress-stepper.css +14 -13
  39. package/css/components/Sidebar/sidebar.css +8 -8
  40. package/css/components/SimpleList/simple-list.css +1 -1
  41. package/css/components/TabContent/tab-content.css +1 -1
  42. package/css/components/Table/table-grid.css +14 -20
  43. package/css/components/Table/table-tree-view.css +44 -54
  44. package/css/components/Table/table-tree-view.d.ts +1 -3
  45. package/css/components/Table/table-tree-view.js +1 -3
  46. package/css/components/Table/table-tree-view.mjs +1 -3
  47. package/css/components/Table/table.css +5 -5
  48. package/css/components/Tabs/tabs.css +11 -11
  49. package/css/components/Timestamp/timestamp.css +8 -17
  50. package/css/components/ToggleGroup/toggle-group.css +2 -2
  51. package/css/components/Toolbar/toolbar.css +30 -29
  52. package/css/components/Wizard/wizard.css +6 -6
  53. package/css/components/_index.css +664 -692
  54. package/css/components/_index.d.ts +2 -3
  55. package/css/components/_index.js +2 -3
  56. package/css/components/_index.mjs +2 -3
  57. package/css/layouts/Flex/flex.css +35 -35
  58. package/css/layouts/Gallery/gallery.css +10 -10
  59. package/css/layouts/Grid/grid.css +15 -15
  60. package/css/layouts/_index.css +60 -60
  61. package/css/utilities/Accessibility/accessibility.css +15 -15
  62. package/css/utilities/Alignment/alignment.css +5 -5
  63. package/css/utilities/BackgroundColor/background-color.css +5 -5
  64. package/css/utilities/Display/display.css +5 -5
  65. package/css/utilities/Flex/flex.css +50 -50
  66. package/css/utilities/Float/float.css +5 -5
  67. package/css/utilities/Sizing/sizing.css +30 -30
  68. package/css/utilities/Spacing/spacing.css +700 -700
  69. package/css/utilities/Text/text.css +20 -20
  70. package/css/utilities/_index.css +835 -835
  71. package/package.json +3 -3
  72. package/css/components/Consoles/AccessConsoles.css +0 -14
  73. package/css/components/Consoles/AccessConsoles.d.ts +0 -6
  74. package/css/components/Consoles/AccessConsoles.js +0 -7
  75. package/css/components/Consoles/AccessConsoles.mjs +0 -5
  76. package/css/components/Consoles/DesktopViewer.css +0 -6
  77. package/css/components/Consoles/DesktopViewer.d.ts +0 -5
  78. package/css/components/Consoles/DesktopViewer.js +0 -6
  79. package/css/components/Consoles/DesktopViewer.mjs +0 -4
  80. package/css/components/Consoles/SerialConsole.css +0 -11
  81. package/css/components/Consoles/SerialConsole.d.ts +0 -6
  82. package/css/components/Consoles/SerialConsole.js +0 -7
  83. package/css/components/Consoles/SerialConsole.mjs +0 -5
  84. package/css/components/Consoles/VncConsole.css +0 -10
  85. package/css/components/Consoles/VncConsole.d.ts +0 -6
  86. package/css/components/Consoles/VncConsole.js +0 -7
  87. package/css/components/Consoles/VncConsole.mjs +0 -5
  88. package/css/components/Consoles/xterm.css +0 -171
  89. package/css/components/Consoles/xterm.d.ts +0 -26
  90. package/css/components/Consoles/xterm.js +0 -27
  91. package/css/components/Consoles/xterm.mjs +0 -25
  92. package/src/css/components/Consoles/AccessConsoles.css +0 -14
  93. package/src/css/components/Consoles/DesktopViewer.css +0 -6
  94. package/src/css/components/Consoles/SerialConsole.css +0 -11
  95. package/src/css/components/Consoles/VncConsole.css +0 -10
  96. package/src/css/components/Consoles/xterm.css +0 -171
package/css/utilities/Sizing/sizing.css CHANGED
@@ -62,7 +62,7 @@
62
62
  width: 100vw !important;
63
63
  }
64
64
 
65
- @media screen and (min-width: 576px) {
65
+ @media screen and (min-width: 36rem) {
66
66
  .pf-v6-u-w-auto-on-sm {
67
67
  width: auto !important;
68
68
  }
@@ -112,7 +112,7 @@
112
112
  width: 100vw !important;
113
113
  }
114
114
  }
115
- @media screen and (min-width: 768px) {
115
+ @media screen and (min-width: 48rem) {
116
116
  .pf-v6-u-w-auto-on-md {
117
117
  width: auto !important;
118
118
  }
@@ -162,7 +162,7 @@
162
162
  width: 100vw !important;
163
163
  }
164
164
  }
165
- @media screen and (min-width: 992px) {
165
+ @media screen and (min-width: 62rem) {
166
166
  .pf-v6-u-w-auto-on-lg {
167
167
  width: auto !important;
168
168
  }
@@ -212,7 +212,7 @@
212
212
  width: 100vw !important;
213
213
  }
214
214
  }
215
- @media screen and (min-width: 1200px) {
215
+ @media screen and (min-width: 75rem) {
216
216
  .pf-v6-u-w-auto-on-xl {
217
217
  width: auto !important;
218
218
  }
@@ -262,7 +262,7 @@
262
262
  width: 100vw !important;
263
263
  }
264
264
  }
265
- @media screen and (min-width: 1450px) {
265
+ @media screen and (min-width: 90.625rem) {
266
266
  .pf-v6-u-w-auto-on-2xl {
267
267
  width: auto !important;
268
268
  }
@@ -376,7 +376,7 @@
376
376
  height: 100vh !important;
377
377
  }
378
378
 
379
- @media screen and (min-width: 576px) {
379
+ @media screen and (min-width: 36rem) {
380
380
  .pf-v6-u-h-auto-on-sm {
381
381
  height: auto !important;
382
382
  }
@@ -426,7 +426,7 @@
426
426
  height: 100vh !important;
427
427
  }
428
428
  }
429
- @media screen and (min-width: 768px) {
429
+ @media screen and (min-width: 48rem) {
430
430
  .pf-v6-u-h-auto-on-md {
431
431
  height: auto !important;
432
432
  }
@@ -476,7 +476,7 @@
476
476
  height: 100vh !important;
477
477
  }
478
478
  }
479
- @media screen and (min-width: 992px) {
479
+ @media screen and (min-width: 62rem) {
480
480
  .pf-v6-u-h-auto-on-lg {
481
481
  height: auto !important;
482
482
  }
@@ -526,7 +526,7 @@
526
526
  height: 100vh !important;
527
527
  }
528
528
  }
529
- @media screen and (min-width: 1200px) {
529
+ @media screen and (min-width: 75rem) {
530
530
  .pf-v6-u-h-auto-on-xl {
531
531
  height: auto !important;
532
532
  }
@@ -576,7 +576,7 @@
576
576
  height: 100vh !important;
577
577
  }
578
578
  }
579
- @media screen and (min-width: 1450px) {
579
+ @media screen and (min-width: 90.625rem) {
580
580
  .pf-v6-u-h-auto-on-2xl {
581
581
  height: auto !important;
582
582
  }
@@ -630,27 +630,27 @@
630
630
  --pf-v6-u-min-width--MinWidth: 0;
631
631
  min-width: var(--pf-v6-u-min-width--MinWidth) !important;
632
632
  }
633
- @media (min-width: 576px) {
633
+ @media (min-width: 36rem) {
634
634
  .pf-v6-u-min-width {
635
635
  min-width: var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth)) !important;
636
636
  }
637
637
  }
638
- @media (min-width: 768px) {
638
+ @media (min-width: 48rem) {
639
639
  .pf-v6-u-min-width {
640
640
  min-width: var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth))) !important;
641
641
  }
642
642
  }
643
- @media (min-width: 992px) {
643
+ @media (min-width: 62rem) {
644
644
  .pf-v6-u-min-width {
645
645
  min-width: var(--pf-v6-u-min-width--MinWidth-on-lg, var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth)))) !important;
646
646
  }
647
647
  }
648
- @media (min-width: 1200px) {
648
+ @media (min-width: 75rem) {
649
649
  .pf-v6-u-min-width {
650
650
  min-width: var(--pf-v6-u-min-width--MinWidth-on-xl, var(--pf-v6-u-min-width--MinWidth-on-lg, var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth))))) !important;
651
651
  }
652
652
  }
653
- @media (min-width: 1450px) {
653
+ @media (min-width: 90.625rem) {
654
654
  .pf-v6-u-min-width {
655
655
  min-width: var(--pf-v6-u-min-width--MinWidth-on-2xl, var(--pf-v6-u-min-width--MinWidth-on-xl, var(--pf-v6-u-min-width--MinWidth-on-lg, var(--pf-v6-u-min-width--MinWidth-on-md, var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth)))))) !important;
656
656
  }
@@ -660,27 +660,27 @@
660
660
  --pf-v6-u-max-width--MaxWidth: auto;
661
661
  max-width: var(--pf-v6-u-max-width--MaxWidth) !important;
662
662
  }
663
- @media (min-width: 576px) {
663
+ @media (min-width: 36rem) {
664
664
  .pf-v6-u-max-width {
665
665
  max-width: var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth)) !important;
666
666
  }
667
667
  }
668
- @media (min-width: 768px) {
668
+ @media (min-width: 48rem) {
669
669
  .pf-v6-u-max-width {
670
670
  max-width: var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth))) !important;
671
671
  }
672
672
  }
673
- @media (min-width: 992px) {
673
+ @media (min-width: 62rem) {
674
674
  .pf-v6-u-max-width {
675
675
  max-width: var(--pf-v6-u-max-width--MaxWidth-on-lg, var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth)))) !important;
676
676
  }
677
677
  }
678
- @media (min-width: 1200px) {
678
+ @media (min-width: 75rem) {
679
679
  .pf-v6-u-max-width {
680
680
  max-width: var(--pf-v6-u-max-width--MaxWidth-on-xl, var(--pf-v6-u-max-width--MaxWidth-on-lg, var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth))))) !important;
681
681
  }
682
682
  }
683
- @media (min-width: 1450px) {
683
+ @media (min-width: 90.625rem) {
684
684
  .pf-v6-u-max-width {
685
685
  max-width: var(--pf-v6-u-max-width--MaxWidth-on-2xl, var(--pf-v6-u-max-width--MaxWidth-on-xl, var(--pf-v6-u-max-width--MaxWidth-on-lg, var(--pf-v6-u-max-width--MaxWidth-on-md, var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth)))))) !important;
686
686
  }
@@ -690,27 +690,27 @@
690
690
  --pf-v6-u-min-height--MinHeight: 0;
691
691
  min-height: var(--pf-v6-u-min-height--MinHeight) !important;
692
692
  }
693
- @media (min-width: 576px) {
693
+ @media (min-width: 36rem) {
694
694
  .pf-v6-u-min-height {
695
695
  min-height: var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight)) !important;
696
696
  }
697
697
  }
698
- @media (min-width: 768px) {
698
+ @media (min-width: 48rem) {
699
699
  .pf-v6-u-min-height {
700
700
  min-height: var(--pf-v6-u-min-height--MinHeight-on-md, var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight))) !important;
701
701
  }
702
702
  }
703
- @media (min-width: 992px) {
703
+ @media (min-width: 62rem) {
704
704
  .pf-v6-u-min-height {
705
705
  min-height: var(--pf-v6-u-min-height--MinHeight-on-lg, var(--pf-v6-u-min-height--MinHeight-on-md, var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight)))) !important;
706
706
  }
707
707
  }
708
- @media (min-width: 1200px) {
708
+ @media (min-width: 75rem) {
709
709
  .pf-v6-u-min-height {
710
710
  min-height: var(--pf-v6-u-min-height--MinHeight-on-xl, var(--pf-v6-u-min-height--MinHeight-on-lg, var(--pf-v6-u-min-height--MinHeight-on-md, var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight))))) !important;
711
711
  }
712
712
  }
713
- @media (min-width: 1450px) {
713
+ @media (min-width: 90.625rem) {
714
714
  .pf-v6-u-min-height {
715
715
  min-height: var(--pf-v6-u-min-height--MinHeight-on-2xl, var(--pf-v6-u-min-height--MinHeight-on-xl, var(--pf-v6-u-min-height--MinHeight-on-lg, var(--pf-v6-u-min-height--MinHeight-on-md, var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight)))))) !important;
716
716
  }
@@ -720,27 +720,27 @@
720
720
  --pf-v6-u-max-height--MaxHeight: auto;
721
721
  max-height: var(--pf-v6-u-max-height--MaxHeight) !important;
722
722
  }
723
- @media (min-width: 576px) {
723
+ @media (min-width: 36rem) {
724
724
  .pf-v6-u-max-height {
725
725
  max-height: var(--pf-v6-u-max-height--MaxHeight-on-sm, var(--pf-v6-u-max-height--MaxHeight)) !important;
726
726
  }
727
727
  }
728
- @media (min-width: 768px) {
728
+ @media (min-width: 48rem) {
729
729
  .pf-v6-u-max-height {
730
730
  max-height: var(--pf-v6-u-max-height--MaxHeight-on-md, var(--pf-v6-u-max-height--MaxHeight-on-sm, var(--pf-v6-u-max-height--MaxHeight))) !important;
731
731
  }
732
732
  }
733
- @media (min-width: 992px) {
733
+ @media (min-width: 62rem) {
734
734
  .pf-v6-u-max-height {
735
735
  max-height: var(--pf-v6-u-max-height--MaxHeight-on-lg, var(--pf-v6-u-max-height--MaxHeight-on-md, var(--pf-v6-u-max-height--MaxHeight-on-sm, var(--pf-v6-u-max-height--MaxHeight)))) !important;
736
736
  }
737
737
  }
738
- @media (min-width: 1200px) {
738
+ @media (min-width: 75rem) {
739
739
  .pf-v6-u-max-height {
740
740
  max-height: var(--pf-v6-u-max-height--MaxHeight-on-xl, var(--pf-v6-u-max-height--MaxHeight-on-lg, var(--pf-v6-u-max-height--MaxHeight-on-md, var(--pf-v6-u-max-height--MaxHeight-on-sm, var(--pf-v6-u-max-height--MaxHeight))))) !important;
741
741
  }
742
742
  }
743
- @media (min-width: 1450px) {
743
+ @media (min-width: 90.625rem) {
744
744
  .pf-v6-u-max-height {
745
745
  max-height: var(--pf-v6-u-max-height--MaxHeight-on-2xl, var(--pf-v6-u-max-height--MaxHeight-on-xl, var(--pf-v6-u-max-height--MaxHeight-on-lg, var(--pf-v6-u-max-height--MaxHeight-on-md, var(--pf-v6-u-max-height--MaxHeight-on-sm, var(--pf-v6-u-max-height--MaxHeight)))))) !important;
746
746
  }