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

Sign up to get free protection for your applications and to get access to all the features.
Files changed (92) hide show
  1. package/CHANGELOG.md +6 -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 +7 -7
  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/Page/page.css +16 -149
  30. package/css/components/Page/page.d.ts +0 -2
  31. package/css/components/Page/page.js +0 -2
  32. package/css/components/Page/page.mjs +0 -2
  33. package/css/components/Pagination/pagination.css +8 -8
  34. package/css/components/ProgressStepper/progress-stepper.css +14 -13
  35. package/css/components/Sidebar/sidebar.css +8 -8
  36. package/css/components/SimpleList/simple-list.css +1 -1
  37. package/css/components/TabContent/tab-content.css +1 -1
  38. package/css/components/Table/table-grid.css +14 -20
  39. package/css/components/Table/table-tree-view.css +44 -54
  40. package/css/components/Table/table-tree-view.d.ts +1 -3
  41. package/css/components/Table/table-tree-view.js +1 -3
  42. package/css/components/Table/table-tree-view.mjs +1 -3
  43. package/css/components/Table/table.css +5 -5
  44. package/css/components/Tabs/tabs.css +11 -11
  45. package/css/components/Timestamp/timestamp.css +8 -17
  46. package/css/components/ToggleGroup/toggle-group.css +2 -2
  47. package/css/components/Toolbar/toolbar.css +30 -29
  48. package/css/components/Wizard/wizard.css +6 -6
  49. package/css/components/_index.css +434 -575
  50. package/css/components/_index.d.ts +1 -3
  51. package/css/components/_index.js +1 -3
  52. package/css/components/_index.mjs +1 -3
  53. package/css/layouts/Flex/flex.css +35 -35
  54. package/css/layouts/Gallery/gallery.css +10 -10
  55. package/css/layouts/Grid/grid.css +15 -15
  56. package/css/layouts/_index.css +60 -60
  57. package/css/utilities/Accessibility/accessibility.css +15 -15
  58. package/css/utilities/Alignment/alignment.css +5 -5
  59. package/css/utilities/BackgroundColor/background-color.css +5 -5
  60. package/css/utilities/Display/display.css +5 -5
  61. package/css/utilities/Flex/flex.css +50 -50
  62. package/css/utilities/Float/float.css +5 -5
  63. package/css/utilities/Sizing/sizing.css +30 -30
  64. package/css/utilities/Spacing/spacing.css +700 -700
  65. package/css/utilities/Text/text.css +20 -20
  66. package/css/utilities/_index.css +835 -835
  67. package/package.json +3 -3
  68. package/css/components/Consoles/AccessConsoles.css +0 -14
  69. package/css/components/Consoles/AccessConsoles.d.ts +0 -6
  70. package/css/components/Consoles/AccessConsoles.js +0 -7
  71. package/css/components/Consoles/AccessConsoles.mjs +0 -5
  72. package/css/components/Consoles/DesktopViewer.css +0 -6
  73. package/css/components/Consoles/DesktopViewer.d.ts +0 -5
  74. package/css/components/Consoles/DesktopViewer.js +0 -6
  75. package/css/components/Consoles/DesktopViewer.mjs +0 -4
  76. package/css/components/Consoles/SerialConsole.css +0 -11
  77. package/css/components/Consoles/SerialConsole.d.ts +0 -6
  78. package/css/components/Consoles/SerialConsole.js +0 -7
  79. package/css/components/Consoles/SerialConsole.mjs +0 -5
  80. package/css/components/Consoles/VncConsole.css +0 -10
  81. package/css/components/Consoles/VncConsole.d.ts +0 -6
  82. package/css/components/Consoles/VncConsole.js +0 -7
  83. package/css/components/Consoles/VncConsole.mjs +0 -5
  84. package/css/components/Consoles/xterm.css +0 -171
  85. package/css/components/Consoles/xterm.d.ts +0 -26
  86. package/css/components/Consoles/xterm.js +0 -27
  87. package/css/components/Consoles/xterm.mjs +0 -25
  88. package/src/css/components/Consoles/AccessConsoles.css +0 -14
  89. package/src/css/components/Consoles/DesktopViewer.css +0 -6
  90. package/src/css/components/Consoles/SerialConsole.css +0 -11
  91. package/src/css/components/Consoles/VncConsole.css +0 -10
  92. 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
  }