@patternfly/patternfly 6.0.0-alpha.100 → 6.0.0-alpha.102

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 (56) hide show
  1. package/components/Nav/nav.css +3 -1
  2. package/components/Nav/nav.scss +4 -2
  3. package/components/Table/table-scrollable.css +12 -15
  4. package/components/Table/table-scrollable.scss +33 -30
  5. package/components/Table/table-tree-view.css +0 -2
  6. package/components/Table/table-tree-view.scss +9 -11
  7. package/components/Table/table.css +118 -55
  8. package/components/Table/table.scss +182 -100
  9. package/docs/components/Nav/examples/Navigation.css +2 -2
  10. package/docs/components/Nav/examples/Navigation.md +57 -55
  11. package/docs/components/Table/examples/Table.css +6 -8
  12. package/docs/components/Table/examples/Table.md +79 -92
  13. package/docs/demos/Table/examples/Table.md +28 -28
  14. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  15. package/docs/utilities/Alignment/examples/Alignment.css +4 -4
  16. package/docs/utilities/Alignment/examples/Alignment.md +5 -5
  17. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +24 -24
  18. package/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  19. package/docs/utilities/BoxShadow/examples/box-shadow.md +15 -38
  20. package/docs/utilities/Display/examples/Display.css +8 -8
  21. package/docs/utilities/Display/examples/Display.md +7 -7
  22. package/docs/utilities/Flex/examples/Flex.css +5 -5
  23. package/docs/utilities/Flex/examples/Flex.md +82 -40
  24. package/docs/utilities/Float/examples/Float.css +2 -2
  25. package/docs/utilities/Float/examples/Float.md +6 -6
  26. package/docs/utilities/Sizing/examples/Sizing.css +4 -4
  27. package/docs/utilities/Sizing/examples/Sizing.md +60 -60
  28. package/docs/utilities/Spacing/examples/Spacing.css +1 -1
  29. package/docs/utilities/Spacing/examples/Spacing.md +37 -37
  30. package/docs/utilities/Text/examples/Text.md +53 -53
  31. package/package.json +1 -1
  32. package/patternfly-addons.css +91 -371
  33. package/patternfly-no-globals.css +133 -73
  34. package/patternfly-theme-dark-unversioned.css +133 -73
  35. package/patternfly.css +133 -73
  36. package/patternfly.min.css +1 -1
  37. package/patternfly.min.css.map +1 -1
  38. package/sass-utilities/mixins.scss +2 -2
  39. package/utilities/Alignment/alignment.css +24 -24
  40. package/utilities/Alignment/alignment.scss +4 -4
  41. package/utilities/BackgroundColor/BackgroundColor.css +0 -100
  42. package/utilities/BackgroundColor/BackgroundColor.scss +2 -8
  43. package/utilities/BoxShadow/box-shadow.css +15 -39
  44. package/utilities/BoxShadow/box-shadow.scss +17 -27
  45. package/utilities/Display/display.scss +2 -2
  46. package/utilities/Flex/flex.scss +18 -18
  47. package/utilities/Float/float.css +24 -24
  48. package/utilities/Float/float.scss +4 -4
  49. package/utilities/Sizing/sizing.css +28 -28
  50. package/utilities/Sizing/sizing.scss +17 -17
  51. package/utilities/Text/text.css +0 -155
  52. package/utilities/Text/text.scss +10 -16
  53. package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  54. package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +0 -25
  55. package/utilities/Text/themes/dark/text.css +0 -0
  56. package/utilities/Text/themes/dark/text.scss +0 -33
package/patternfly-addons.css CHANGED
@@ -160,16 +160,16 @@
160
160
  }
161
161
  }
162
162
 
163
- .pf-v6-u-text-align-left {
164
- text-align: left !important;
163
+ .pf-v6-u-text-align-start {
164
+ text-align: start !important;
165
165
  }
166
166
 
167
167
  .pf-v6-u-text-align-center {
168
168
  text-align: center !important;
169
169
  }
170
170
 
171
- .pf-v6-u-text-align-right {
172
- text-align: right !important;
171
+ .pf-v6-u-text-align-end {
172
+ text-align: end !important;
173
173
  }
174
174
 
175
175
  .pf-v6-u-text-align-justify {
@@ -177,70 +177,70 @@
177
177
  }
178
178
 
179
179
  @media screen and (min-width: 576px) {
180
- .pf-v6-u-text-align-left-on-sm {
181
- text-align: left !important;
180
+ .pf-v6-u-text-align-start-on-sm {
181
+ text-align: start !important;
182
182
  }
183
183
  .pf-v6-u-text-align-center-on-sm {
184
184
  text-align: center !important;
185
185
  }
186
- .pf-v6-u-text-align-right-on-sm {
187
- text-align: right !important;
186
+ .pf-v6-u-text-align-end-on-sm {
187
+ text-align: end !important;
188
188
  }
189
189
  .pf-v6-u-text-align-justify-on-sm {
190
190
  text-align: justify !important;
191
191
  }
192
192
  }
193
193
  @media screen and (min-width: 768px) {
194
- .pf-v6-u-text-align-left-on-md {
195
- text-align: left !important;
194
+ .pf-v6-u-text-align-start-on-md {
195
+ text-align: start !important;
196
196
  }
197
197
  .pf-v6-u-text-align-center-on-md {
198
198
  text-align: center !important;
199
199
  }
200
- .pf-v6-u-text-align-right-on-md {
201
- text-align: right !important;
200
+ .pf-v6-u-text-align-end-on-md {
201
+ text-align: end !important;
202
202
  }
203
203
  .pf-v6-u-text-align-justify-on-md {
204
204
  text-align: justify !important;
205
205
  }
206
206
  }
207
207
  @media screen and (min-width: 992px) {
208
- .pf-v6-u-text-align-left-on-lg {
209
- text-align: left !important;
208
+ .pf-v6-u-text-align-start-on-lg {
209
+ text-align: start !important;
210
210
  }
211
211
  .pf-v6-u-text-align-center-on-lg {
212
212
  text-align: center !important;
213
213
  }
214
- .pf-v6-u-text-align-right-on-lg {
215
- text-align: right !important;
214
+ .pf-v6-u-text-align-end-on-lg {
215
+ text-align: end !important;
216
216
  }
217
217
  .pf-v6-u-text-align-justify-on-lg {
218
218
  text-align: justify !important;
219
219
  }
220
220
  }
221
221
  @media screen and (min-width: 1200px) {
222
- .pf-v6-u-text-align-left-on-xl {
223
- text-align: left !important;
222
+ .pf-v6-u-text-align-start-on-xl {
223
+ text-align: start !important;
224
224
  }
225
225
  .pf-v6-u-text-align-center-on-xl {
226
226
  text-align: center !important;
227
227
  }
228
- .pf-v6-u-text-align-right-on-xl {
229
- text-align: right !important;
228
+ .pf-v6-u-text-align-end-on-xl {
229
+ text-align: end !important;
230
230
  }
231
231
  .pf-v6-u-text-align-justify-on-xl {
232
232
  text-align: justify !important;
233
233
  }
234
234
  }
235
235
  @media screen and (min-width: 1450px) {
236
- .pf-v6-u-text-align-left-on-2xl {
237
- text-align: left !important;
236
+ .pf-v6-u-text-align-start-on-2xl {
237
+ text-align: start !important;
238
238
  }
239
239
  .pf-v6-u-text-align-center-on-2xl {
240
240
  text-align: center !important;
241
241
  }
242
- .pf-v6-u-text-align-right-on-2xl {
243
- text-align: right !important;
242
+ .pf-v6-u-text-align-end-on-2xl {
243
+ text-align: end !important;
244
244
  }
245
245
  .pf-v6-u-text-align-justify-on-2xl {
246
246
  text-align: justify !important;
@@ -560,189 +560,64 @@
560
560
  background-color: var(--pf-v6-global--palette--red-50) !important;
561
561
  }
562
562
  }
563
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default {
564
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
565
- }
566
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success {
567
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
568
- }
569
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info {
570
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
571
- }
572
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning {
573
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
574
- }
575
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger {
576
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
577
- }
578
- @media screen and (min-width: 576px) {
579
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-sm {
580
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
581
- }
582
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-sm {
583
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
584
- }
585
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-sm {
586
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
587
- }
588
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-sm {
589
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
590
- }
591
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-sm {
592
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
593
- }
594
- }
595
- @media screen and (min-width: 768px) {
596
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-md {
597
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
598
- }
599
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-md {
600
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
601
- }
602
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-md {
603
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
604
- }
605
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-md {
606
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
607
- }
608
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-md {
609
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
610
- }
611
- }
612
- @media screen and (min-width: 992px) {
613
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-lg {
614
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
615
- }
616
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-lg {
617
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
618
- }
619
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-lg {
620
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
621
- }
622
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-lg {
623
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
624
- }
625
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-lg {
626
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
627
- }
628
- }
629
- @media screen and (min-width: 1200px) {
630
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-xl {
631
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
632
- }
633
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-xl {
634
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
635
- }
636
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-xl {
637
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
638
- }
639
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-xl {
640
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
641
- }
642
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-xl {
643
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
644
- }
645
- }
646
- @media screen and (min-width: 1450px) {
647
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-default-on-2xl {
648
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
649
- }
650
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-success-on-2xl {
651
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
652
- }
653
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-info-on-2xl {
654
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
655
- }
656
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-warning-on-2xl {
657
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
658
- }
659
- :where(.pf-v6-theme-dark) .pf-v6-u-background-color-danger-on-2xl {
660
- background-color: var(--pf-v6-global--BackgroundColor--100) !important;
661
- }
662
- }
663
-
664
563
  .pf-v6-u-box-shadow-sm {
665
- box-shadow: var(--pf-v6-global--BoxShadow--sm) !important;
564
+ box-shadow: var(--pf-t--global--box-shadow--sm) !important;
666
565
  }
667
566
 
668
567
  .pf-v6-u-box-shadow-sm-top {
669
- box-shadow: var(--pf-v6-global--BoxShadow--sm-top) !important;
568
+ box-shadow: var(--pf-t--global--box-shadow--sm--top) !important;
670
569
  }
671
570
 
672
571
  .pf-v6-u-box-shadow-sm-right {
673
- box-shadow: var(--pf-v6-global--BoxShadow--sm-right) !important;
572
+ box-shadow: var(--pf-t--global--box-shadow--sm--right) !important;
674
573
  }
675
574
 
676
575
  .pf-v6-u-box-shadow-sm-bottom {
677
- box-shadow: var(--pf-v6-global--BoxShadow--sm-bottom) !important;
576
+ box-shadow: var(--pf-t--global--box-shadow--sm--bottom) !important;
678
577
  }
679
578
 
680
579
  .pf-v6-u-box-shadow-sm-left {
681
- box-shadow: var(--pf-v6-global--BoxShadow--sm-left) !important;
580
+ box-shadow: var(--pf-t--global--box-shadow--sm--left) !important;
682
581
  }
683
582
 
684
583
  .pf-v6-u-box-shadow-md {
685
- box-shadow: var(--pf-v6-global--BoxShadow--md) !important;
584
+ box-shadow: var(--pf-t--global--box-shadow--md) !important;
686
585
  }
687
586
 
688
587
  .pf-v6-u-box-shadow-md-top {
689
- box-shadow: var(--pf-v6-global--BoxShadow--md-top) !important;
588
+ box-shadow: var(--pf-t--global--box-shadow--md--top) !important;
690
589
  }
691
590
 
692
591
  .pf-v6-u-box-shadow-md-right {
693
- box-shadow: var(--pf-v6-global--BoxShadow--md-right) !important;
592
+ box-shadow: var(--pf-t--global--box-shadow--md--right) !important;
694
593
  }
695
594
 
696
595
  .pf-v6-u-box-shadow-md-bottom {
697
- box-shadow: var(--pf-v6-global--BoxShadow--md-bottom) !important;
596
+ box-shadow: var(--pf-t--global--box-shadow--md--bottom) !important;
698
597
  }
699
598
 
700
599
  .pf-v6-u-box-shadow-md-left {
701
- box-shadow: var(--pf-v6-global--BoxShadow--md-left) !important;
600
+ box-shadow: var(--pf-t--global--box-shadow--md--left) !important;
702
601
  }
703
602
 
704
603
  .pf-v6-u-box-shadow-lg {
705
- box-shadow: var(--pf-v6-global--BoxShadow--lg) !important;
604
+ box-shadow: var(--pf-t--global--box-shadow--lg) !important;
706
605
  }
707
606
 
708
607
  .pf-v6-u-box-shadow-lg-top {
709
- box-shadow: var(--pf-v6-global--BoxShadow--lg-top) !important;
608
+ box-shadow: var(--pf-t--global--box-shadow--lg--top) !important;
710
609
  }
711
610
 
712
611
  .pf-v6-u-box-shadow-lg-right {
713
- box-shadow: var(--pf-v6-global--BoxShadow--lg-right) !important;
612
+ box-shadow: var(--pf-t--global--box-shadow--lg--right) !important;
714
613
  }
715
614
 
716
615
  .pf-v6-u-box-shadow-lg-bottom {
717
- box-shadow: var(--pf-v6-global--BoxShadow--lg-bottom) !important;
616
+ box-shadow: var(--pf-t--global--box-shadow--lg--bottom) !important;
718
617
  }
719
618
 
720
619
  .pf-v6-u-box-shadow-lg-left {
721
- box-shadow: var(--pf-v6-global--BoxShadow--lg-left) !important;
722
- }
723
-
724
- .pf-v6-u-box-shadow-xl {
725
- box-shadow: var(--pf-v6-global--BoxShadow--xl) !important;
726
- }
727
-
728
- .pf-v6-u-box-shadow-xl-top {
729
- box-shadow: var(--pf-v6-global--BoxShadow--xl-top) !important;
730
- }
731
-
732
- .pf-v6-u-box-shadow-xl-right {
733
- box-shadow: var(--pf-v6-global--BoxShadow--xl-right) !important;
734
- }
735
-
736
- .pf-v6-u-box-shadow-xl-bottom {
737
- box-shadow: var(--pf-v6-global--BoxShadow--xl-bottom) !important;
738
- }
739
-
740
- .pf-v6-u-box-shadow-xl-left {
741
- box-shadow: var(--pf-v6-global--BoxShadow--xl-left) !important;
742
- }
743
-
744
- .pf-v6-u-box-shadow-inset {
745
- box-shadow: var(--pf-v6-global--BoxShadow--inset) !important;
620
+ box-shadow: var(--pf-t--global--box-shadow--lg--left) !important;
746
621
  }
747
622
 
748
623
  .pf-v6-u-display-none {
@@ -1753,52 +1628,52 @@
1753
1628
  }
1754
1629
  }
1755
1630
 
1756
- .pf-v6-u-float-left {
1757
- float: left !important;
1631
+ .pf-v6-u-float-inline-start {
1632
+ float: inline-start !important;
1758
1633
  }
1759
1634
 
1760
- .pf-v6-u-float-right {
1761
- float: right !important;
1635
+ .pf-v6-u-float-inline-end {
1636
+ float: inline-end !important;
1762
1637
  }
1763
1638
 
1764
1639
  @media screen and (min-width: 576px) {
1765
- .pf-v6-u-float-left-on-sm {
1766
- float: left !important;
1640
+ .pf-v6-u-float-inline-start-on-sm {
1641
+ float: inline-start !important;
1767
1642
  }
1768
- .pf-v6-u-float-right-on-sm {
1769
- float: right !important;
1643
+ .pf-v6-u-float-inline-end-on-sm {
1644
+ float: inline-end !important;
1770
1645
  }
1771
1646
  }
1772
1647
  @media screen and (min-width: 768px) {
1773
- .pf-v6-u-float-left-on-md {
1774
- float: left !important;
1648
+ .pf-v6-u-float-inline-start-on-md {
1649
+ float: inline-start !important;
1775
1650
  }
1776
- .pf-v6-u-float-right-on-md {
1777
- float: right !important;
1651
+ .pf-v6-u-float-inline-end-on-md {
1652
+ float: inline-end !important;
1778
1653
  }
1779
1654
  }
1780
1655
  @media screen and (min-width: 992px) {
1781
- .pf-v6-u-float-left-on-lg {
1782
- float: left !important;
1656
+ .pf-v6-u-float-inline-start-on-lg {
1657
+ float: inline-start !important;
1783
1658
  }
1784
- .pf-v6-u-float-right-on-lg {
1785
- float: right !important;
1659
+ .pf-v6-u-float-inline-end-on-lg {
1660
+ float: inline-end !important;
1786
1661
  }
1787
1662
  }
1788
1663
  @media screen and (min-width: 1200px) {
1789
- .pf-v6-u-float-left-on-xl {
1790
- float: left !important;
1664
+ .pf-v6-u-float-inline-start-on-xl {
1665
+ float: inline-start !important;
1791
1666
  }
1792
- .pf-v6-u-float-right-on-xl {
1793
- float: right !important;
1667
+ .pf-v6-u-float-inline-end-on-xl {
1668
+ float: inline-end !important;
1794
1669
  }
1795
1670
  }
1796
1671
  @media screen and (min-width: 1450px) {
1797
- .pf-v6-u-float-left-on-2xl {
1798
- float: left !important;
1672
+ .pf-v6-u-float-inline-start-on-2xl {
1673
+ float: inline-start !important;
1799
1674
  }
1800
- .pf-v6-u-float-right-on-2xl {
1801
- float: right !important;
1675
+ .pf-v6-u-float-inline-end-on-2xl {
1676
+ float: inline-end !important;
1802
1677
  }
1803
1678
  }
1804
1679
  .pf-v6-u-w-auto {
@@ -2430,122 +2305,122 @@
2430
2305
  }
2431
2306
  }
2432
2307
  .pf-v6-u-min-width {
2433
- --pf-v5-u-min-width--MinWidth: 0;
2434
- min-width: var(--pf-v5-u-min-width--MinWidth) !important;
2308
+ --pf-v6-u-min-width--MinWidth: 0;
2309
+ min-width: var(--pf-v6-u-min-width--MinWidth) !important;
2435
2310
  }
2436
2311
  @media (min-width: 576px) {
2437
2312
  .pf-v6-u-min-width {
2438
- min-width: var(--pf-v5-u-min-width--MinWidth-on-sm, var(--pf-v5-u-min-width--MinWidth)) !important;
2313
+ min-width: var(--pf-v6-u-min-width--MinWidth-on-sm, var(--pf-v6-u-min-width--MinWidth)) !important;
2439
2314
  }
2440
2315
  }
2441
2316
  @media (min-width: 768px) {
2442
2317
  .pf-v6-u-min-width {
2443
- min-width: var(--pf-v5-u-min-width--MinWidth-on-md, var(--pf-v5-u-min-width--MinWidth-on-sm, var(--pf-v5-u-min-width--MinWidth))) !important;
2318
+ 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;
2444
2319
  }
2445
2320
  }
2446
2321
  @media (min-width: 992px) {
2447
2322
  .pf-v6-u-min-width {
2448
- min-width: var(--pf-v5-u-min-width--MinWidth-on-lg, var(--pf-v5-u-min-width--MinWidth-on-md, var(--pf-v5-u-min-width--MinWidth-on-sm, var(--pf-v5-u-min-width--MinWidth)))) !important;
2323
+ 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;
2449
2324
  }
2450
2325
  }
2451
2326
  @media (min-width: 1200px) {
2452
2327
  .pf-v6-u-min-width {
2453
- min-width: var(--pf-v5-u-min-width--MinWidth-on-xl, var(--pf-v5-u-min-width--MinWidth-on-lg, var(--pf-v5-u-min-width--MinWidth-on-md, var(--pf-v5-u-min-width--MinWidth-on-sm, var(--pf-v5-u-min-width--MinWidth))))) !important;
2328
+ 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;
2454
2329
  }
2455
2330
  }
2456
2331
  @media (min-width: 1450px) {
2457
2332
  .pf-v6-u-min-width {
2458
- min-width: var(--pf-v5-u-min-width--MinWidth-on-2xl, var(--pf-v5-u-min-width--MinWidth-on-xl, var(--pf-v5-u-min-width--MinWidth-on-lg, var(--pf-v5-u-min-width--MinWidth-on-md, var(--pf-v5-u-min-width--MinWidth-on-sm, var(--pf-v5-u-min-width--MinWidth)))))) !important;
2333
+ 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;
2459
2334
  }
2460
2335
  }
2461
2336
 
2462
2337
  .pf-v6-u-max-width {
2463
- --pf-v5-u-max-width--MaxWidth: auto;
2464
- max-width: var(--pf-v5-u-max-width--MaxWidth) !important;
2338
+ --pf-v6-u-max-width--MaxWidth: auto;
2339
+ max-width: var(--pf-v6-u-max-width--MaxWidth) !important;
2465
2340
  }
2466
2341
  @media (min-width: 576px) {
2467
2342
  .pf-v6-u-max-width {
2468
- max-width: var(--pf-v5-u-max-width--MaxWidth-on-sm, var(--pf-v5-u-max-width--MaxWidth)) !important;
2343
+ max-width: var(--pf-v6-u-max-width--MaxWidth-on-sm, var(--pf-v6-u-max-width--MaxWidth)) !important;
2469
2344
  }
2470
2345
  }
2471
2346
  @media (min-width: 768px) {
2472
2347
  .pf-v6-u-max-width {
2473
- max-width: var(--pf-v5-u-max-width--MaxWidth-on-md, var(--pf-v5-u-max-width--MaxWidth-on-sm, var(--pf-v5-u-max-width--MaxWidth))) !important;
2348
+ 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;
2474
2349
  }
2475
2350
  }
2476
2351
  @media (min-width: 992px) {
2477
2352
  .pf-v6-u-max-width {
2478
- max-width: var(--pf-v5-u-max-width--MaxWidth-on-lg, var(--pf-v5-u-max-width--MaxWidth-on-md, var(--pf-v5-u-max-width--MaxWidth-on-sm, var(--pf-v5-u-max-width--MaxWidth)))) !important;
2353
+ 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;
2479
2354
  }
2480
2355
  }
2481
2356
  @media (min-width: 1200px) {
2482
2357
  .pf-v6-u-max-width {
2483
- max-width: var(--pf-v5-u-max-width--MaxWidth-on-xl, var(--pf-v5-u-max-width--MaxWidth-on-lg, var(--pf-v5-u-max-width--MaxWidth-on-md, var(--pf-v5-u-max-width--MaxWidth-on-sm, var(--pf-v5-u-max-width--MaxWidth))))) !important;
2358
+ 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;
2484
2359
  }
2485
2360
  }
2486
2361
  @media (min-width: 1450px) {
2487
2362
  .pf-v6-u-max-width {
2488
- max-width: var(--pf-v5-u-max-width--MaxWidth-on-2xl, var(--pf-v5-u-max-width--MaxWidth-on-xl, var(--pf-v5-u-max-width--MaxWidth-on-lg, var(--pf-v5-u-max-width--MaxWidth-on-md, var(--pf-v5-u-max-width--MaxWidth-on-sm, var(--pf-v5-u-max-width--MaxWidth)))))) !important;
2363
+ 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;
2489
2364
  }
2490
2365
  }
2491
2366
 
2492
2367
  .pf-v6-u-min-height {
2493
- --pf-v5-u-min-height--MinHeight: 0;
2494
- min-height: var(--pf-v5-u-min-height--MinHeight) !important;
2368
+ --pf-v6-u-min-height--MinHeight: 0;
2369
+ min-height: var(--pf-v6-u-min-height--MinHeight) !important;
2495
2370
  }
2496
2371
  @media (min-width: 576px) {
2497
2372
  .pf-v6-u-min-height {
2498
- min-height: var(--pf-v5-u-min-height--MinHeight-on-sm, var(--pf-v5-u-min-height--MinHeight)) !important;
2373
+ min-height: var(--pf-v6-u-min-height--MinHeight-on-sm, var(--pf-v6-u-min-height--MinHeight)) !important;
2499
2374
  }
2500
2375
  }
2501
2376
  @media (min-width: 768px) {
2502
2377
  .pf-v6-u-min-height {
2503
- min-height: var(--pf-v5-u-min-height--MinHeight-on-md, var(--pf-v5-u-min-height--MinHeight-on-sm, var(--pf-v5-u-min-height--MinHeight))) !important;
2378
+ 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;
2504
2379
  }
2505
2380
  }
2506
2381
  @media (min-width: 992px) {
2507
2382
  .pf-v6-u-min-height {
2508
- min-height: var(--pf-v5-u-min-height--MinHeight-on-lg, var(--pf-v5-u-min-height--MinHeight-on-md, var(--pf-v5-u-min-height--MinHeight-on-sm, var(--pf-v5-u-min-height--MinHeight)))) !important;
2383
+ 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;
2509
2384
  }
2510
2385
  }
2511
2386
  @media (min-width: 1200px) {
2512
2387
  .pf-v6-u-min-height {
2513
- min-height: var(--pf-v5-u-min-height--MinHeight-on-xl, var(--pf-v5-u-min-height--MinHeight-on-lg, var(--pf-v5-u-min-height--MinHeight-on-md, var(--pf-v5-u-min-height--MinHeight-on-sm, var(--pf-v5-u-min-height--MinHeight))))) !important;
2388
+ 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;
2514
2389
  }
2515
2390
  }
2516
2391
  @media (min-width: 1450px) {
2517
2392
  .pf-v6-u-min-height {
2518
- min-height: var(--pf-v5-u-min-height--MinHeight-on-2xl, var(--pf-v5-u-min-height--MinHeight-on-xl, var(--pf-v5-u-min-height--MinHeight-on-lg, var(--pf-v5-u-min-height--MinHeight-on-md, var(--pf-v5-u-min-height--MinHeight-on-sm, var(--pf-v5-u-min-height--MinHeight)))))) !important;
2393
+ 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;
2519
2394
  }
2520
2395
  }
2521
2396
 
2522
2397
  .pf-v6-u-max-height {
2523
- --pf-v5-u-max-height--MaxHeight: auto;
2524
- max-height: var(--pf-v5-u-max-height--MaxHeight) !important;
2398
+ --pf-v6-u-max-height--MaxHeight: auto;
2399
+ max-height: var(--pf-v6-u-max-height--MaxHeight) !important;
2525
2400
  }
2526
2401
  @media (min-width: 576px) {
2527
2402
  .pf-v6-u-max-height {
2528
- max-height: var(--pf-v5-u-max-height--MaxHeight-on-sm, var(--pf-v5-u-max-height--MaxHeight)) !important;
2403
+ max-height: var(--pf-v6-u-max-height--MaxHeight-on-sm, var(--pf-v6-u-max-height--MaxHeight)) !important;
2529
2404
  }
2530
2405
  }
2531
2406
  @media (min-width: 768px) {
2532
2407
  .pf-v6-u-max-height {
2533
- max-height: var(--pf-v5-u-max-height--MaxHeight-on-md, var(--pf-v5-u-max-height--MaxHeight-on-sm, var(--pf-v5-u-max-height--MaxHeight))) !important;
2408
+ 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;
2534
2409
  }
2535
2410
  }
2536
2411
  @media (min-width: 992px) {
2537
2412
  .pf-v6-u-max-height {
2538
- max-height: var(--pf-v5-u-max-height--MaxHeight-on-lg, var(--pf-v5-u-max-height--MaxHeight-on-md, var(--pf-v5-u-max-height--MaxHeight-on-sm, var(--pf-v5-u-max-height--MaxHeight)))) !important;
2413
+ 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;
2539
2414
  }
2540
2415
  }
2541
2416
  @media (min-width: 1200px) {
2542
2417
  .pf-v6-u-max-height {
2543
- max-height: var(--pf-v5-u-max-height--MaxHeight-on-xl, var(--pf-v5-u-max-height--MaxHeight-on-lg, var(--pf-v5-u-max-height--MaxHeight-on-md, var(--pf-v5-u-max-height--MaxHeight-on-sm, var(--pf-v5-u-max-height--MaxHeight))))) !important;
2418
+ 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;
2544
2419
  }
2545
2420
  }
2546
2421
  @media (min-width: 1450px) {
2547
2422
  .pf-v6-u-max-height {
2548
- max-height: var(--pf-v5-u-max-height--MaxHeight-on-2xl, var(--pf-v5-u-max-height--MaxHeight-on-xl, var(--pf-v5-u-max-height--MaxHeight-on-lg, var(--pf-v5-u-max-height--MaxHeight-on-md, var(--pf-v5-u-max-height--MaxHeight-on-sm, var(--pf-v5-u-max-height--MaxHeight)))))) !important;
2423
+ 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;
2549
2424
  }
2550
2425
  }
2551
2426
 
@@ -8234,159 +8109,4 @@
8234
8109
  overflow: hidden !important;
8235
8110
  text-overflow: ellipsis !important;
8236
8111
  white-space: nowrap !important;
8237
- }
8238
-
8239
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300 {
8240
- color: var(--pf-v6-global--Color--100) !important;
8241
- }
8242
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100 {
8243
- color: var(--pf-v6-global--Color-100) !important;
8244
- }
8245
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200 {
8246
- color: var(--pf-v6-global--Color-200) !important;
8247
- }
8248
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300 {
8249
- color: var(--pf-v6-global--custom-color--100) !important;
8250
- }
8251
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200 {
8252
- color: var(--pf-v6-global--success-color--100) !important;
8253
- }
8254
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200 {
8255
- color: var(--pf-v6-global--info-color--100) !important;
8256
- }
8257
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300 {
8258
- color: var(--pf-v6-global--danger-color--100) !important;
8259
- }
8260
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark {
8261
- color: var(--pf-v6-global--icon--Color--dark) !important;
8262
- }
8263
- @media screen and (min-width: 576px) {
8264
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300-on-sm {
8265
- color: var(--pf-v6-global--Color--100) !important;
8266
- }
8267
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100-on-sm {
8268
- color: var(--pf-v6-global--Color-100) !important;
8269
- }
8270
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200-on-sm {
8271
- color: var(--pf-v6-global--Color-200) !important;
8272
- }
8273
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300-on-sm {
8274
- color: var(--pf-v6-global--custom-color--100) !important;
8275
- }
8276
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200-on-sm {
8277
- color: var(--pf-v6-global--success-color--100) !important;
8278
- }
8279
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200-on-sm {
8280
- color: var(--pf-v6-global--info-color--100) !important;
8281
- }
8282
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300-on-sm {
8283
- color: var(--pf-v6-global--danger-color--100) !important;
8284
- }
8285
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark-on-sm {
8286
- color: var(--pf-v6-global--icon--Color--dark) !important;
8287
- }
8288
- }
8289
- @media screen and (min-width: 768px) {
8290
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300-on-md {
8291
- color: var(--pf-v6-global--Color--100) !important;
8292
- }
8293
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100-on-md {
8294
- color: var(--pf-v6-global--Color-100) !important;
8295
- }
8296
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200-on-md {
8297
- color: var(--pf-v6-global--Color-200) !important;
8298
- }
8299
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300-on-md {
8300
- color: var(--pf-v6-global--custom-color--100) !important;
8301
- }
8302
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200-on-md {
8303
- color: var(--pf-v6-global--success-color--100) !important;
8304
- }
8305
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200-on-md {
8306
- color: var(--pf-v6-global--info-color--100) !important;
8307
- }
8308
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300-on-md {
8309
- color: var(--pf-v6-global--danger-color--100) !important;
8310
- }
8311
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark-on-md {
8312
- color: var(--pf-v6-global--icon--Color--dark) !important;
8313
- }
8314
- }
8315
- @media screen and (min-width: 992px) {
8316
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300-on-lg {
8317
- color: var(--pf-v6-global--Color--100) !important;
8318
- }
8319
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100-on-lg {
8320
- color: var(--pf-v6-global--Color-100) !important;
8321
- }
8322
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200-on-lg {
8323
- color: var(--pf-v6-global--Color-200) !important;
8324
- }
8325
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300-on-lg {
8326
- color: var(--pf-v6-global--custom-color--100) !important;
8327
- }
8328
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200-on-lg {
8329
- color: var(--pf-v6-global--success-color--100) !important;
8330
- }
8331
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200-on-lg {
8332
- color: var(--pf-v6-global--info-color--100) !important;
8333
- }
8334
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300-on-lg {
8335
- color: var(--pf-v6-global--danger-color--100) !important;
8336
- }
8337
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark-on-lg {
8338
- color: var(--pf-v6-global--icon--Color--dark) !important;
8339
- }
8340
- }
8341
- @media screen and (min-width: 1200px) {
8342
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300-on-xl {
8343
- color: var(--pf-v6-global--Color--100) !important;
8344
- }
8345
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100-on-xl {
8346
- color: var(--pf-v6-global--Color-100) !important;
8347
- }
8348
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200-on-xl {
8349
- color: var(--pf-v6-global--Color-200) !important;
8350
- }
8351
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300-on-xl {
8352
- color: var(--pf-v6-global--custom-color--100) !important;
8353
- }
8354
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200-on-xl {
8355
- color: var(--pf-v6-global--success-color--100) !important;
8356
- }
8357
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200-on-xl {
8358
- color: var(--pf-v6-global--info-color--100) !important;
8359
- }
8360
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300-on-xl {
8361
- color: var(--pf-v6-global--danger-color--100) !important;
8362
- }
8363
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark-on-xl {
8364
- color: var(--pf-v6-global--icon--Color--dark) !important;
8365
- }
8366
- }
8367
- @media screen and (min-width: 1450px) {
8368
- :where(.pf-v6-theme-dark) .pf-v6-u-color-300-on-2xl {
8369
- color: var(--pf-v6-global--Color--100) !important;
8370
- }
8371
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-100-on-2xl {
8372
- color: var(--pf-v6-global--Color-100) !important;
8373
- }
8374
- :where(.pf-v6-theme-dark) .pf-v6-u-color-light-200-on-2xl {
8375
- color: var(--pf-v6-global--Color-200) !important;
8376
- }
8377
- :where(.pf-v6-theme-dark) .pf-v6-u-custom-color-300-on-2xl {
8378
- color: var(--pf-v6-global--custom-color--100) !important;
8379
- }
8380
- :where(.pf-v6-theme-dark) .pf-v6-u-success-color-200-on-2xl {
8381
- color: var(--pf-v6-global--success-color--100) !important;
8382
- }
8383
- :where(.pf-v6-theme-dark) .pf-v6-u-info-color-200-on-2xl {
8384
- color: var(--pf-v6-global--info-color--100) !important;
8385
- }
8386
- :where(.pf-v6-theme-dark) .pf-v6-u-danger-color-300-on-2xl {
8387
- color: var(--pf-v6-global--danger-color--100) !important;
8388
- }
8389
- :where(.pf-v6-theme-dark) .pf-v6-u-icon-color-dark-on-2xl {
8390
- color: var(--pf-v6-global--icon--Color--dark) !important;
8391
- }
8392
8112
  }