@patternfly/react-styles 6.0.0-alpha.30 → 6.0.0-alpha.32
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +12 -0
- package/css/components/AboutModalBox/about-modal-box.css +11 -11
- package/css/components/Accordion/accordion.css +2 -0
- package/css/components/Avatar/avatar.css +40 -40
- package/css/components/BackToTop/back-to-top.css +1 -1
- package/css/components/Banner/banner.css +1 -1
- package/css/components/Brand/brand.css +10 -10
- package/css/components/Breadcrumb/breadcrumb.css +9 -6
- package/css/components/Button/button.css +16 -7
- package/css/components/Card/card.css +1 -1
- package/css/components/Content/content.css +12 -9
- package/css/components/DataList/data-list-grid.css +19 -19
- package/css/components/DataList/data-list.css +37 -41
- package/css/components/DescriptionList/description-list-order.css +5 -5
- package/css/components/DescriptionList/description-list.css +26 -31
- package/css/components/Divider/divider.css +20 -20
- package/css/components/Drawer/drawer.css +12 -12
- package/css/components/Form/form.css +6 -6
- package/css/components/JumpLinks/jump-links.css +6 -6
- package/css/components/Label/label.css +18 -17
- package/css/components/Login/login.css +13 -13
- package/css/components/Masthead/masthead.css +201 -103
- package/css/components/Menu/menu.css +10 -10
- package/css/components/MenuToggle/menu-toggle.css +6 -0
- package/css/components/MenuToggle/menu-toggle.d.ts +2 -1
- package/css/components/MenuToggle/menu-toggle.js +2 -1
- package/css/components/MenuToggle/menu-toggle.mjs +2 -1
- package/css/components/ModalBox/modal-box.css +2 -2
- package/css/components/Nav/nav.css +5 -4
- package/css/components/Nav/nav.d.ts +1 -1
- package/css/components/Nav/nav.js +1 -1
- package/css/components/Nav/nav.mjs +1 -1
- package/css/components/Page/page.css +47 -166
- package/css/components/Page/page.d.ts +0 -2
- package/css/components/Page/page.js +0 -2
- package/css/components/Page/page.mjs +0 -2
- package/css/components/Pagination/pagination.css +8 -8
- package/css/components/ProgressStepper/progress-stepper.css +14 -13
- package/css/components/Sidebar/sidebar.css +8 -8
- package/css/components/SimpleList/simple-list.css +1 -1
- package/css/components/TabContent/tab-content.css +1 -1
- package/css/components/Table/table-grid.css +14 -20
- package/css/components/Table/table-tree-view.css +44 -54
- package/css/components/Table/table-tree-view.d.ts +1 -3
- package/css/components/Table/table-tree-view.js +1 -3
- package/css/components/Table/table-tree-view.mjs +1 -3
- package/css/components/Table/table.css +5 -5
- package/css/components/Tabs/tabs.css +11 -11
- package/css/components/Timestamp/timestamp.css +8 -17
- package/css/components/ToggleGroup/toggle-group.css +2 -2
- package/css/components/Toolbar/toolbar.css +30 -29
- package/css/components/Wizard/wizard.css +6 -6
- package/css/components/_index.css +664 -692
- package/css/components/_index.d.ts +2 -3
- package/css/components/_index.js +2 -3
- package/css/components/_index.mjs +2 -3
- package/css/layouts/Flex/flex.css +35 -35
- package/css/layouts/Gallery/gallery.css +10 -10
- package/css/layouts/Grid/grid.css +15 -15
- package/css/layouts/_index.css +60 -60
- package/css/utilities/Accessibility/accessibility.css +15 -15
- package/css/utilities/Alignment/alignment.css +5 -5
- package/css/utilities/BackgroundColor/background-color.css +5 -5
- package/css/utilities/Display/display.css +5 -5
- package/css/utilities/Flex/flex.css +50 -50
- package/css/utilities/Float/float.css +5 -5
- package/css/utilities/Sizing/sizing.css +30 -30
- package/css/utilities/Spacing/spacing.css +700 -700
- package/css/utilities/Text/text.css +20 -20
- package/css/utilities/_index.css +835 -835
- package/package.json +3 -3
- package/css/components/Consoles/AccessConsoles.css +0 -14
- package/css/components/Consoles/AccessConsoles.d.ts +0 -6
- package/css/components/Consoles/AccessConsoles.js +0 -7
- package/css/components/Consoles/AccessConsoles.mjs +0 -5
- package/css/components/Consoles/DesktopViewer.css +0 -6
- package/css/components/Consoles/DesktopViewer.d.ts +0 -5
- package/css/components/Consoles/DesktopViewer.js +0 -6
- package/css/components/Consoles/DesktopViewer.mjs +0 -4
- package/css/components/Consoles/SerialConsole.css +0 -11
- package/css/components/Consoles/SerialConsole.d.ts +0 -6
- package/css/components/Consoles/SerialConsole.js +0 -7
- package/css/components/Consoles/SerialConsole.mjs +0 -5
- package/css/components/Consoles/VncConsole.css +0 -10
- package/css/components/Consoles/VncConsole.d.ts +0 -6
- package/css/components/Consoles/VncConsole.js +0 -7
- package/css/components/Consoles/VncConsole.mjs +0 -5
- package/css/components/Consoles/xterm.css +0 -171
- package/css/components/Consoles/xterm.d.ts +0 -26
- package/css/components/Consoles/xterm.js +0 -27
- package/css/components/Consoles/xterm.mjs +0 -25
- package/src/css/components/Consoles/AccessConsoles.css +0 -14
- package/src/css/components/Consoles/DesktopViewer.css +0 -6
- package/src/css/components/Consoles/SerialConsole.css +0 -11
- package/src/css/components/Consoles/VncConsole.css +0 -10
- package/src/css/components/Consoles/xterm.css +0 -171
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
width: 100vw !important;
|
|
63
63
|
}
|
|
64
64
|
|
|
65
|
-
@media screen and (min-width:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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:
|
|
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
|
}
|