@patternfly/quickstarts 5.0.0-prerelease.1 → 5.0.0

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 (14) hide show
  1. package/dist/index.es.js +10 -5
  2. package/dist/index.es.js.map +1 -1
  3. package/dist/index.js +10 -5
  4. package/dist/index.js.map +1 -1
  5. package/dist/patternfly-nested.css +66 -508
  6. package/dist/quickstarts-base.css +35 -35
  7. package/dist/quickstarts-full.es.js +266 -295
  8. package/dist/quickstarts-full.es.js.map +1 -1
  9. package/dist/quickstarts-standalone.css +1 -1
  10. package/dist/quickstarts-standalone.min.css +2 -2
  11. package/dist/quickstarts.css +35 -35
  12. package/dist/quickstarts.min.css +1 -1
  13. package/package.json +10 -10
  14. package/src/styles/_dark-custom-override.scss +1 -1
package/dist/patternfly-nested.css CHANGED
@@ -7,6 +7,8 @@
7
7
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
8
8
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
9
9
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
10
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
11
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
10
12
  }
11
13
 
12
14
  .pfext-quick-start__base .pf-v5-c-wizard__header {
@@ -17,6 +19,8 @@
17
19
  --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
18
20
  --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
19
21
  --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
22
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
23
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
20
24
  }
21
25
  .pfext-quick-start__base .pf-v5-c-wizard__header .pf-v5-c-button {
22
26
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
@@ -227,15 +231,6 @@
227
231
  display: none !important;
228
232
  }
229
233
  }
230
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
231
- --pf-v5-global--Color--100: #e0e0e0;
232
- --pf-v5-global--Color--200: #aaabac;
233
- --pf-v5-global--BorderColor--100: #444548;
234
- --pf-v5-global--primary-color--100: #1fa7f8;
235
- --pf-v5-global--link--Color: #1fa7f8;
236
- --pf-v5-global--link--Color--hover: #73bcf7;
237
- --pf-v5-global--BackgroundColor--100: #1b1d21;
238
- }
239
234
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
240
235
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
241
236
  }
@@ -446,15 +441,6 @@
446
441
  .pfext-quick-start__base .pf-v5-c-accordion__expandable-content-body + .pfext-quick-start__base .pf-v5-c-accordion__expandable-content-body {
447
442
  --pf-v5-c-accordion__expandable-content-body--PaddingTop: var(--pf-v5-c-accordion__expandable-content-body--expandable-content-body--PaddingTop);
448
443
  }
449
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
450
- --pf-v5-global--Color--100: #e0e0e0;
451
- --pf-v5-global--Color--200: #aaabac;
452
- --pf-v5-global--BorderColor--100: #444548;
453
- --pf-v5-global--primary-color--100: #1fa7f8;
454
- --pf-v5-global--link--Color: #1fa7f8;
455
- --pf-v5-global--link--Color--hover: #73bcf7;
456
- --pf-v5-global--BackgroundColor--100: #1b1d21;
457
- }
458
444
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
459
445
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
460
446
  }
@@ -655,15 +641,6 @@
655
641
  .pfext-quick-start__base .pf-v5-c-alert__action-group > .pf-v5-c-button:not(:last-child) {
656
642
  margin-right: var(--pf-v5-c-alert__action-group__c-button--not-last-child--MarginRight);
657
643
  }
658
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
659
- --pf-v5-global--Color--100: #e0e0e0;
660
- --pf-v5-global--Color--200: #aaabac;
661
- --pf-v5-global--BorderColor--100: #444548;
662
- --pf-v5-global--primary-color--100: #1fa7f8;
663
- --pf-v5-global--link--Color: #1fa7f8;
664
- --pf-v5-global--link--Color--hover: #73bcf7;
665
- --pf-v5-global--BackgroundColor--100: #1b1d21;
666
- }
667
644
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
668
645
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
669
646
  }
@@ -680,15 +657,6 @@
680
657
  --pf-v5-c-alert--m-inline--m-warning--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
681
658
  --pf-v5-c-alert--m-inline--m-info--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
682
659
  }
683
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
684
- --pf-v5-global--Color--100: #e0e0e0;
685
- --pf-v5-global--Color--200: #aaabac;
686
- --pf-v5-global--BorderColor--100: #444548;
687
- --pf-v5-global--primary-color--100: #1fa7f8;
688
- --pf-v5-global--link--Color: #1fa7f8;
689
- --pf-v5-global--link--Color--hover: #73bcf7;
690
- --pf-v5-global--BackgroundColor--100: #1b1d21;
691
- }
692
660
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
693
661
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
694
662
  }
@@ -727,6 +695,7 @@
727
695
  font-weight: var(--pf-v5-c-badge--FontWeight);
728
696
  color: var(--pf-v5-c-badge--Color);
729
697
  text-align: center;
698
+ white-space: nowrap;
730
699
  background-color: var(--pf-v5-c-badge--BackgroundColor);
731
700
  border-radius: var(--pf-v5-c-badge--BorderRadius);
732
701
  }
@@ -738,15 +707,6 @@
738
707
  --pf-v5-c-badge--Color: var(--pf-v5-c-badge--m-unread--Color);
739
708
  --pf-v5-c-badge--BackgroundColor: var(--pf-v5-c-badge--m-unread--BackgroundColor);
740
709
  }
741
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
742
- --pf-v5-global--Color--100: #e0e0e0;
743
- --pf-v5-global--Color--200: #aaabac;
744
- --pf-v5-global--BorderColor--100: #444548;
745
- --pf-v5-global--primary-color--100: #1fa7f8;
746
- --pf-v5-global--link--Color: #1fa7f8;
747
- --pf-v5-global--link--Color--hover: #73bcf7;
748
- --pf-v5-global--BackgroundColor--100: #1b1d21;
749
- }
750
710
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
751
711
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
752
712
  }
@@ -755,15 +715,6 @@
755
715
  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--400);
756
716
  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--primary-color--300);
757
717
  }
758
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
759
- --pf-v5-global--Color--100: #e0e0e0;
760
- --pf-v5-global--Color--200: #aaabac;
761
- --pf-v5-global--BorderColor--100: #444548;
762
- --pf-v5-global--primary-color--100: #1fa7f8;
763
- --pf-v5-global--link--Color: #1fa7f8;
764
- --pf-v5-global--link--Color--hover: #73bcf7;
765
- --pf-v5-global--BackgroundColor--100: #1b1d21;
766
- }
767
718
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
768
719
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
769
720
  }
@@ -1315,15 +1266,6 @@ button.pfext-quick-start__base .pf-v5-c-breadcrumb__link {
1315
1266
  align-items: center;
1316
1267
  margin-left: var(--pf-v5-c-button__count--MarginLeft);
1317
1268
  }
1318
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
1319
- --pf-v5-global--Color--100: #e0e0e0;
1320
- --pf-v5-global--Color--200: #aaabac;
1321
- --pf-v5-global--BorderColor--100: #444548;
1322
- --pf-v5-global--primary-color--100: #1fa7f8;
1323
- --pf-v5-global--link--Color: #1fa7f8;
1324
- --pf-v5-global--link--Color--hover: #73bcf7;
1325
- --pf-v5-global--BackgroundColor--100: #1b1d21;
1326
- }
1327
1269
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
1328
1270
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1329
1271
  }
@@ -1371,15 +1313,6 @@ button.pfext-quick-start__base .pf-v5-c-breadcrumb__link {
1371
1313
  border: 0;
1372
1314
  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--palette--black-700);
1373
1315
  }
1374
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
1375
- --pf-v5-global--Color--100: #e0e0e0;
1376
- --pf-v5-global--Color--200: #aaabac;
1377
- --pf-v5-global--BorderColor--100: #444548;
1378
- --pf-v5-global--primary-color--100: #1fa7f8;
1379
- --pf-v5-global--link--Color: #1fa7f8;
1380
- --pf-v5-global--link--Color--hover: #73bcf7;
1381
- --pf-v5-global--BackgroundColor--100: #1b1d21;
1382
- }
1383
1316
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
1384
1317
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1385
1318
  }
@@ -1754,21 +1687,16 @@ button.pfext-quick-start__base .pf-v5-c-breadcrumb__link {
1754
1687
  content: "";
1755
1688
  border: var(--pf-v5-c-card__input--focus--BorderWidth) solid var(--pf-v5-c-card__input--focus--BorderColor);
1756
1689
  }
1757
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
1758
- --pf-v5-global--Color--100: #e0e0e0;
1759
- --pf-v5-global--Color--200: #aaabac;
1760
- --pf-v5-global--BorderColor--100: #444548;
1761
- --pf-v5-global--primary-color--100: #1fa7f8;
1762
- --pf-v5-global--link--Color: #1fa7f8;
1763
- --pf-v5-global--link--Color--hover: #73bcf7;
1764
- --pf-v5-global--BackgroundColor--100: #1b1d21;
1765
- }
1766
1690
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
1767
1691
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1768
1692
  }
1769
1693
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-card,
1770
1694
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-card.pf-m-non-selectable-raised {
1771
1695
  --pf-v5-c-card--BoxShadow: var(--pf-v5-global--BoxShadow--md);
1696
+ --pf-v5-c-card--m-selectable--m-disabled--BackgroundColor: var(--pf-v5-global--palette--black-700);
1697
+ --pf-v5-c-card--m-selectable--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
1698
+ --pf-v5-c-card--m-selectable--m-clickable--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--150);
1699
+ --pf-v5-c-card--m-selectable--focus--BackgroundColor: var(--pf-v5-global--palette--blue-600);
1772
1700
  --pf-v5-c-card--m-hoverable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
1773
1701
  --pf-v5-c-card--m-selectable-raised--hover--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
1774
1702
  --pf-v5-c-card--m-selectable-raised--focus--BoxShadow: var(--pf-v5-global--BoxShadow--lg);
@@ -1780,9 +1708,8 @@ button.pfext-quick-start__base .pf-v5-c-breadcrumb__link {
1780
1708
  --pf-v5-c-check__label--Color: var(--pf-v5-global--Color--100);
1781
1709
  --pf-v5-c-check__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
1782
1710
  --pf-v5-c-check__label--FontSize: var(--pf-v5-global--FontSize--md);
1783
- --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--sm);
1784
- --pf-v5-c-check__input--Height: var(--pf-v5-c-check__label--FontSize);
1785
- --pf-v5-c-check__input--MarginTop: calc(((var(--pf-v5-c-check__label--FontSize) * var(--pf-v5-c-check__label--LineHeight)) - var(--pf-v5-c-check__input--Height)) / 2);
1711
+ --pf-v5-c-check__label--LineHeight: var(--pf-v5-global--LineHeight--md);
1712
+ --pf-v5-c-check__input--TranslateY--moz: 5px;
1786
1713
  --pf-v5-c-check__description--FontSize: var(--pf-v5-global--FontSize--sm);
1787
1714
  --pf-v5-c-check__description--Color: var(--pf-v5-global--Color--200);
1788
1715
  --pf-v5-c-check__body--MarginTop: var(--pf-v5-global--spacer--sm);
@@ -1795,21 +1722,16 @@ button.pfext-quick-start__base .pf-v5-c-breadcrumb__link {
1795
1722
  }
1796
1723
  .pfext-quick-start__base .pf-v5-c-check.pf-m-standalone {
1797
1724
  --pf-v5-c-check--GridGap: 0;
1798
- --pf-v5-c-check__input--Height: auto;
1799
- --pf-v5-c-check__input--MarginTop: 0;
1725
+ --pf-v5-c-check__input--TranslateY--moz: 0;
1800
1726
  display: inline-grid;
1801
- line-height: 1;
1802
1727
  }
1803
1728
  .pfext-quick-start__base .pf-v5-c-check__label {
1729
+ align-self: baseline;
1804
1730
  font-size: var(--pf-v5-c-check__label--FontSize);
1805
1731
  font-weight: var(--pf-v5-c-check__label--FontWeight);
1806
1732
  line-height: var(--pf-v5-c-check__label--LineHeight);
1807
1733
  color: var(--pf-v5-c-check__label--Color);
1808
1734
  }
1809
- .pfext-quick-start__base .pf-v5-c-check__input {
1810
- height: var(--pf-v5-c-check__input--Height);
1811
- margin-top: var(--pf-v5-c-check__input--MarginTop);
1812
- }
1813
1735
  .pfext-quick-start__base .pf-v5-c-check__description {
1814
1736
  grid-column: 2;
1815
1737
  font-size: var(--pf-v5-c-check__description--FontSize);
@@ -1819,6 +1741,10 @@ button.pfext-quick-start__base .pf-v5-c-breadcrumb__link {
1819
1741
  grid-column: 2;
1820
1742
  margin-top: var(--pf-v5-c-check__body--MarginTop);
1821
1743
  }
1744
+ .pfext-quick-start__base .pf-v5-c-check__input {
1745
+ align-self: baseline;
1746
+ -moz-transform: translateY(var(--pf-v5-c-check__input--TranslateY--moz));
1747
+ }
1822
1748
  .pfext-quick-start__base .pf-v5-c-check__label,
1823
1749
  .pfext-quick-start__base .pf-v5-c-check__input {
1824
1750
  justify-self: start;
@@ -1839,15 +1765,6 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
1839
1765
  font-size: var(--pf-v5-c-check__label-required--FontSize);
1840
1766
  color: var(--pf-v5-c-check__label-required--Color);
1841
1767
  }
1842
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
1843
- --pf-v5-global--Color--100: #e0e0e0;
1844
- --pf-v5-global--Color--200: #aaabac;
1845
- --pf-v5-global--BorderColor--100: #444548;
1846
- --pf-v5-global--primary-color--100: #1fa7f8;
1847
- --pf-v5-global--link--Color: #1fa7f8;
1848
- --pf-v5-global--link--Color--hover: #73bcf7;
1849
- --pf-v5-global--BackgroundColor--100: #1b1d21;
1850
- }
1851
1768
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
1852
1769
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1853
1770
  }
@@ -1959,15 +1876,6 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
1959
1876
  --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingBottom);
1960
1877
  --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-clipboard-copy__actions-item--button--PaddingLeft);
1961
1878
  }
1962
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
1963
- --pf-v5-global--Color--100: #e0e0e0;
1964
- --pf-v5-global--Color--200: #aaabac;
1965
- --pf-v5-global--BorderColor--100: #444548;
1966
- --pf-v5-global--primary-color--100: #1fa7f8;
1967
- --pf-v5-global--link--Color: #1fa7f8;
1968
- --pf-v5-global--link--Color--hover: #73bcf7;
1969
- --pf-v5-global--BackgroundColor--100: #1b1d21;
1970
- }
1971
1879
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
1972
1880
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
1973
1881
  }
@@ -2006,15 +1914,6 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2006
1914
  .pfext-quick-start__base .pf-v5-c-code-block__code {
2007
1915
  font-family: var(--pf-v5-c-code-block__code--FontFamily, inherit);
2008
1916
  }
2009
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
2010
- --pf-v5-global--Color--100: #e0e0e0;
2011
- --pf-v5-global--Color--200: #aaabac;
2012
- --pf-v5-global--BorderColor--100: #444548;
2013
- --pf-v5-global--primary-color--100: #1fa7f8;
2014
- --pf-v5-global--link--Color: #1fa7f8;
2015
- --pf-v5-global--link--Color--hover: #73bcf7;
2016
- --pf-v5-global--BackgroundColor--100: #1b1d21;
2017
- }
2018
1917
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
2019
1918
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
2020
1919
  }
@@ -2271,51 +2170,15 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2271
2170
  grid-column: 2;
2272
2171
  }
2273
2172
  }
2274
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
2275
- --pf-v5-global--Color--100: #e0e0e0;
2276
- --pf-v5-global--Color--200: #aaabac;
2277
- --pf-v5-global--BorderColor--100: #444548;
2278
- --pf-v5-global--primary-color--100: #1fa7f8;
2279
- --pf-v5-global--link--Color: #1fa7f8;
2280
- --pf-v5-global--link--Color--hover: #73bcf7;
2281
- --pf-v5-global--BackgroundColor--100: #1b1d21;
2282
- }
2283
2173
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
2284
2174
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
2285
2175
  }
2286
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
2287
- --pf-v5-global--Color--100: #e0e0e0;
2288
- --pf-v5-global--Color--200: #aaabac;
2289
- --pf-v5-global--BorderColor--100: #444548;
2290
- --pf-v5-global--primary-color--100: #1fa7f8;
2291
- --pf-v5-global--link--Color: #1fa7f8;
2292
- --pf-v5-global--link--Color--hover: #73bcf7;
2293
- --pf-v5-global--BackgroundColor--100: #1b1d21;
2294
- }
2295
2176
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
2296
2177
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
2297
2178
  }
2298
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
2299
- --pf-v5-global--Color--100: #e0e0e0;
2300
- --pf-v5-global--Color--200: #aaabac;
2301
- --pf-v5-global--BorderColor--100: #444548;
2302
- --pf-v5-global--primary-color--100: #1fa7f8;
2303
- --pf-v5-global--link--Color: #1fa7f8;
2304
- --pf-v5-global--link--Color--hover: #73bcf7;
2305
- --pf-v5-global--BackgroundColor--100: #1b1d21;
2306
- }
2307
2179
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
2308
2180
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
2309
2181
  }
2310
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
2311
- --pf-v5-global--Color--100: #e0e0e0;
2312
- --pf-v5-global--Color--200: #aaabac;
2313
- --pf-v5-global--BorderColor--100: #444548;
2314
- --pf-v5-global--primary-color--100: #1fa7f8;
2315
- --pf-v5-global--link--Color: #1fa7f8;
2316
- --pf-v5-global--link--Color--hover: #73bcf7;
2317
- --pf-v5-global--BackgroundColor--100: #1b1d21;
2318
- }
2319
2182
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
2320
2183
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
2321
2184
  }
@@ -2327,16 +2190,20 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2327
2190
  --pf-v5-c-toolbar--PaddingTop: var(--pf-v5-global--spacer--md);
2328
2191
  --pf-v5-c-toolbar--PaddingBottom: var(--pf-v5-global--spacer--md);
2329
2192
  --pf-v5-c-toolbar--item--RowGap--base: var(--pf-v5-global--spacer--xs);
2330
- --pf-v5-c-toolbar__item--Display: block;
2193
+ --pf-v5-c-toolbar__item--Display: flex;
2331
2194
  --pf-v5-c-toolbar__item--MinWidth--base: auto;
2332
- --pf-v5-c-toolbar__item--AlignSelf: auto;
2333
2195
  --pf-v5-c-toolbar__item--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
2196
+ --pf-v5-c-toolbar__item--AlignSelf: var(--pf-v5-c-toolbar--AlignItems--base);
2334
2197
  --pf-v5-c-toolbar__group--Display: flex;
2198
+ --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
2335
2199
  --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
2336
2200
  --pf-v5-c-toolbar__group--AlignSelf: auto;
2337
- --pf-v5-c-toolbar__group--RowGap: var(--pf-v5-c-toolbar--item--RowGap--base);
2338
2201
  --pf-v5-c-toolbar--m-sticky--ZIndex: var(--pf-v5-global--ZIndex--xs);
2339
2202
  --pf-v5-c-toolbar--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-bottom);
2203
+ --pf-v5-c-toolbar--m-align-items-center--AlignItems: center;
2204
+ --pf-v5-c-toolbar--m-align-items-baseline--AlignItems: baseline;
2205
+ --pf-v5-c-toolbar--m-align-self-center--AlignSelf: center;
2206
+ --pf-v5-c-toolbar--m-align-self-baseline--AlignSelf: baseline;
2340
2207
  --pf-v5-c-toolbar__content--Display: flex;
2341
2208
  --pf-v5-c-toolbar__content--AlignItems: var(--pf-v5-c-toolbar--AlignItems--base);
2342
2209
  --pf-v5-c-toolbar__content--RowGap: var(--pf-v5-c-toolbar--RowGap--base);
@@ -2381,7 +2248,9 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2381
2248
  --pf-v5-c-toolbar__item--m-search-filter--spacer: var(--pf-v5-global--spacer--sm);
2382
2249
  --pf-v5-c-toolbar__item--m-chip-group--spacer: var(--pf-v5-global--spacer--sm);
2383
2250
  --pf-v5-c-toolbar__item--m-label--spacer: var(--pf-v5-c-toolbar__item--spacer);
2251
+ --pf-v5-c-toolbar__item--m-label--TranslateY: var(--pf-v5-global--spacer--form-element);
2384
2252
  --pf-v5-c-toolbar__item--m-label--FontWeight: var(--pf-v5-global--FontWeight--bold);
2253
+ --pf-v5-c-toolbar__item--m-form-control--TranslateY: var(--pf-v5-global--spacer--form-element);
2385
2254
  --pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom: calc(-1 * var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap) + var(--pf-v5-global--spacer--sm));
2386
2255
  --pf-v5-c-toolbar__expandable-content__item--m-label--FontSize: var(--pf-v5-global--FontSize--sm);
2387
2256
  --pf-v5-c-toolbar__toggle--m-expanded__c-button--m-plain--Color: var(--pf-v5-global--Color--100);
@@ -2389,7 +2258,7 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2389
2258
  --pf-v5-c-toolbar--m-full-height--PaddingTop: 0;
2390
2259
  --pf-v5-c-toolbar--m-full-height--PaddingBottom: 0;
2391
2260
  --pf-v5-c-toolbar--m-full-height__item--Display: flex;
2392
- --pf-v5-c-toolbar--m-full-height__item--AlignItems: var(--pf-v5-c-toolbar__group--AlignItems);
2261
+ --pf-v5-c-toolbar--m-full-height__item--AlignItems: center;
2393
2262
  position: relative;
2394
2263
  display: grid;
2395
2264
  row-gap: var(--pf-v5-c-toolbar--RowGap);
@@ -2467,11 +2336,11 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2467
2336
  }
2468
2337
  .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-items-center,
2469
2338
  .pfext-quick-start__base .pf-v5-c-toolbar__group.pf-m-align-items-center {
2470
- align-items: center;
2339
+ --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
2471
2340
  }
2472
2341
  .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline,
2473
2342
  .pfext-quick-start__base .pf-v5-c-toolbar__group.pf-m-align-items-baseline {
2474
- align-items: baseline;
2343
+ --pf-v5-c-toolbar__group--AlignItems: var(--pf-v5-c-toolbar--m-align-items-baseline--AlignItems);
2475
2344
  }
2476
2345
  .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-self-start,
2477
2346
  .pfext-quick-start__base .pf-v5-c-toolbar__group.pf-m-align-self-start {
@@ -2479,11 +2348,11 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2479
2348
  }
2480
2349
  .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-self-center,
2481
2350
  .pfext-quick-start__base .pf-v5-c-toolbar__group.pf-m-align-self-center {
2482
- align-self: center;
2351
+ --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-center--AlignItems);
2483
2352
  }
2484
2353
  .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-self-baseline,
2485
2354
  .pfext-quick-start__base .pf-v5-c-toolbar__group.pf-m-align-self-baseline {
2486
- align-self: baseline;
2355
+ --pf-v5-c-toolbar__group--AlignSelf: var(--pf-v5-c-toolbar--m-align-self-baseline--AlignItems);
2487
2356
  }
2488
2357
  .pfext-quick-start__base .pf-v5-c-toolbar__group {
2489
2358
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
@@ -2624,6 +2493,7 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2624
2493
  .pfext-quick-start__base .pf-v5-c-toolbar__item.pf-m-label {
2625
2494
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--m-label--spacer);
2626
2495
  font-weight: var(--pf-v5-c-toolbar__item--m-label--FontWeight);
2496
+ transform: translateY(var(--pf-v5-global--spacer--form-element));
2627
2497
  }
2628
2498
  .pfext-quick-start__base .pf-v5-c-toolbar__item.pf-m-pagination {
2629
2499
  margin-left: auto;
@@ -2666,7 +2536,7 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2666
2536
  align-items: flex-start;
2667
2537
  }
2668
2538
  .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-items-center {
2669
- align-items: center;
2539
+ --pf-v5-c-toolbar__content-section--AlignItems: var(--pf-v5-c-toolbar--m-align-items-center--AlignItems);
2670
2540
  }
2671
2541
  .pfext-quick-start__base .pf-v5-c-toolbar__content-section.pf-m-align-items-baseline {
2672
2542
  align-items: baseline;
@@ -2701,7 +2571,7 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2701
2571
  display: grid;
2702
2572
  grid-row-gap: var(--pf-v5-c-toolbar__expandable-content--m-expanded--GridRowGap);
2703
2573
  }
2704
- .pfext-quick-start__base .pf-v5-c-toolbar__expandable-content .pf-m-label {
2574
+ .pfext-quick-start__base .pf-v5-c-toolbar__expandable-content .pf-v5-c-toolbar__item.pf-m-label {
2705
2575
  margin-bottom: var(--pf-v5-c-toolbar__expandable-content__item--m-label--MarginBottom);
2706
2576
  font-size: var(--pf-v5-c-toolbar__expandable-content__item--m-label--FontSize);
2707
2577
  }
@@ -2716,10 +2586,12 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
2716
2586
  .pfext-quick-start__base .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__item,
2717
2587
  .pfext-quick-start__base .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__item {
2718
2588
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__item--spacer);
2589
+ --pf-v5-c-toolbar__item--AlignSelf: auto;
2719
2590
  margin-top: var(--pf-v5-c-toolbar__group--m-chip-container__item--MarginTop);
2720
2591
  }
2721
2592
  .pfext-quick-start__base .pf-v5-c-toolbar__content.pf-m-chip-container .pf-v5-c-toolbar__group,
2722
2593
  .pfext-quick-start__base .pf-v5-c-toolbar__group.pf-m-chip-container .pf-v5-c-toolbar__group {
2594
+ --pf-v5-c-toolbar__group--AlignItems: center;
2723
2595
  --pf-v5-c-toolbar--spacer: var(--pf-v5-c-toolbar__group--spacer);
2724
2596
  display: flex;
2725
2597
  flex-wrap: wrap;
@@ -3471,15 +3343,6 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
3471
3343
  .pfext-quick-start__base .pf-v5-c-toolbar__content-section > :last-child {
3472
3344
  --pf-v5-c-toolbar--spacer: 0;
3473
3345
  }
3474
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
3475
- --pf-v5-global--Color--100: #e0e0e0;
3476
- --pf-v5-global--Color--200: #aaabac;
3477
- --pf-v5-global--BorderColor--100: #444548;
3478
- --pf-v5-global--primary-color--100: #1fa7f8;
3479
- --pf-v5-global--link--Color: #1fa7f8;
3480
- --pf-v5-global--link--Color--hover: #73bcf7;
3481
- --pf-v5-global--BackgroundColor--100: #1b1d21;
3482
- }
3483
3346
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
3484
3347
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
3485
3348
  }
@@ -4581,15 +4444,6 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
4581
4444
  display: none;
4582
4445
  }
4583
4446
  }
4584
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
4585
- --pf-v5-global--Color--100: #e0e0e0;
4586
- --pf-v5-global--Color--200: #aaabac;
4587
- --pf-v5-global--BorderColor--100: #444548;
4588
- --pf-v5-global--primary-color--100: #1fa7f8;
4589
- --pf-v5-global--link--Color: #1fa7f8;
4590
- --pf-v5-global--link--Color--hover: #73bcf7;
4591
- --pf-v5-global--BackgroundColor--100: #1b1d21;
4592
- }
4593
4447
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
4594
4448
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
4595
4449
  }
@@ -4602,7 +4456,7 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
4602
4456
  }
4603
4457
  .pfext-quick-start__base .pf-v5-c-dropdown__toggle {
4604
4458
  position: relative;
4605
- display: flex;
4459
+ display: inline-flex;
4606
4460
  column-gap: var(--pf-v5-c-dropdown__toggle--ColumnGap);
4607
4461
  align-items: center;
4608
4462
  min-width: var(--pf-v5-c-dropdown__toggle--MinWidth);
@@ -4819,15 +4673,6 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
4819
4673
  --pf-v5-c-dropdown__toggle-icon--PaddingLeft: var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--PaddingLeft);
4820
4674
  --pf-v5-c-dropdown__toggle-icon--MarginLeft: var(--pf-v5-c-dropdown__toggle--c-badge__toggle-icon--MarginLeft);
4821
4675
  }
4822
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
4823
- --pf-v5-global--Color--100: #e0e0e0;
4824
- --pf-v5-global--Color--200: #aaabac;
4825
- --pf-v5-global--BorderColor--100: #444548;
4826
- --pf-v5-global--primary-color--100: #1fa7f8;
4827
- --pf-v5-global--link--Color: #1fa7f8;
4828
- --pf-v5-global--link--Color--hover: #73bcf7;
4829
- --pf-v5-global--BackgroundColor--100: #1b1d21;
4830
- }
4831
4676
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
4832
4677
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
4833
4678
  }
@@ -5549,15 +5394,6 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
5549
5394
  .pfext-quick-start__base .pf-v5-c-form__field-group-body > .pf-v5-c-form__field-group:last-child {
5550
5395
  margin-bottom: var(--pf-v5-c-form__field-group-body__field-group--last-child--MarginBottom);
5551
5396
  }
5552
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
5553
- --pf-v5-global--Color--100: #e0e0e0;
5554
- --pf-v5-global--Color--200: #aaabac;
5555
- --pf-v5-global--BorderColor--100: #444548;
5556
- --pf-v5-global--primary-color--100: #1fa7f8;
5557
- --pf-v5-global--link--Color: #1fa7f8;
5558
- --pf-v5-global--link--Color--hover: #73bcf7;
5559
- --pf-v5-global--BackgroundColor--100: #1b1d21;
5560
- }
5561
5397
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
5562
5398
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5563
5399
  }
@@ -5814,15 +5650,6 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
5814
5650
  padding-right: var(--pf-v5-c-form-control__utilities--PaddingRight);
5815
5651
  pointer-events: none;
5816
5652
  }
5817
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
5818
- --pf-v5-global--Color--100: #e0e0e0;
5819
- --pf-v5-global--Color--200: #aaabac;
5820
- --pf-v5-global--BorderColor--100: #444548;
5821
- --pf-v5-global--primary-color--100: #1fa7f8;
5822
- --pf-v5-global--link--Color: #1fa7f8;
5823
- --pf-v5-global--link--Color--hover: #73bcf7;
5824
- --pf-v5-global--BackgroundColor--100: #1b1d21;
5825
- }
5826
5653
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
5827
5654
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5828
5655
  }
@@ -5843,27 +5670,9 @@ label.pf-v5-c-check, .pfext-quick-start__base .pf-v5-c-check__label,
5843
5670
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
5844
5671
  filter: invert(1);
5845
5672
  }
5846
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
5847
- --pf-v5-global--Color--100: #e0e0e0;
5848
- --pf-v5-global--Color--200: #aaabac;
5849
- --pf-v5-global--BorderColor--100: #444548;
5850
- --pf-v5-global--primary-color--100: #1fa7f8;
5851
- --pf-v5-global--link--Color: #1fa7f8;
5852
- --pf-v5-global--link--Color--hover: #73bcf7;
5853
- --pf-v5-global--BackgroundColor--100: #1b1d21;
5854
- }
5855
5673
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
5856
5674
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5857
5675
  }
5858
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
5859
- --pf-v5-global--Color--100: #e0e0e0;
5860
- --pf-v5-global--Color--200: #aaabac;
5861
- --pf-v5-global--BorderColor--100: #444548;
5862
- --pf-v5-global--primary-color--100: #1fa7f8;
5863
- --pf-v5-global--link--Color: #1fa7f8;
5864
- --pf-v5-global--link--Color--hover: #73bcf7;
5865
- --pf-v5-global--BackgroundColor--100: #1b1d21;
5866
- }
5867
5676
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
5868
5677
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
5869
5678
  }
@@ -6049,15 +5858,6 @@ label.pfext-quick-start__base .pf-v5-c-input-group__text {
6049
5858
  cursor: pointer;
6050
5859
  }
6051
5860
 
6052
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
6053
- --pf-v5-global--Color--100: #e0e0e0;
6054
- --pf-v5-global--Color--200: #aaabac;
6055
- --pf-v5-global--BorderColor--100: #444548;
6056
- --pf-v5-global--primary-color--100: #1fa7f8;
6057
- --pf-v5-global--link--Color: #1fa7f8;
6058
- --pf-v5-global--link--Color--hover: #73bcf7;
6059
- --pf-v5-global--BackgroundColor--100: #1b1d21;
6060
- }
6061
5861
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
6062
5862
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6063
5863
  }
@@ -6479,15 +6279,6 @@ button.pfext-quick-start__base .pf-v5-c-label__content:focus {
6479
6279
  margin-top: var(--pf-v5-c-label__actions--c-button--MarginTop);
6480
6280
  margin-bottom: var(--pf-v5-c-label__actions--c-button--MarginBottom);
6481
6281
  }
6482
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
6483
- --pf-v5-global--Color--100: #e0e0e0;
6484
- --pf-v5-global--Color--200: #aaabac;
6485
- --pf-v5-global--BorderColor--100: #444548;
6486
- --pf-v5-global--primary-color--100: #1fa7f8;
6487
- --pf-v5-global--link--Color: #1fa7f8;
6488
- --pf-v5-global--link--Color--hover: #73bcf7;
6489
- --pf-v5-global--BackgroundColor--100: #1b1d21;
6490
- }
6491
6282
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
6492
6283
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6493
6284
  }
@@ -6745,39 +6536,12 @@ ul.pfext-quick-start__base .pf-v5-c-list {
6745
6536
  --pf-v5-c-list--m-bordered--li--PaddingBottom: 0;
6746
6537
  --pf-v5-c-list--m-bordered--li--BorderBottomWidth: 0;
6747
6538
  }
6748
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
6749
- --pf-v5-global--Color--100: #e0e0e0;
6750
- --pf-v5-global--Color--200: #aaabac;
6751
- --pf-v5-global--BorderColor--100: #444548;
6752
- --pf-v5-global--primary-color--100: #1fa7f8;
6753
- --pf-v5-global--link--Color: #1fa7f8;
6754
- --pf-v5-global--link--Color--hover: #73bcf7;
6755
- --pf-v5-global--BackgroundColor--100: #1b1d21;
6756
- }
6757
6539
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
6758
6540
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6759
6541
  }
6760
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
6761
- --pf-v5-global--Color--100: #e0e0e0;
6762
- --pf-v5-global--Color--200: #aaabac;
6763
- --pf-v5-global--BorderColor--100: #444548;
6764
- --pf-v5-global--primary-color--100: #1fa7f8;
6765
- --pf-v5-global--link--Color: #1fa7f8;
6766
- --pf-v5-global--link--Color--hover: #73bcf7;
6767
- --pf-v5-global--BackgroundColor--100: #1b1d21;
6768
- }
6769
6542
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
6770
6543
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6771
6544
  }
6772
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
6773
- --pf-v5-global--Color--100: #e0e0e0;
6774
- --pf-v5-global--Color--200: #aaabac;
6775
- --pf-v5-global--BorderColor--100: #444548;
6776
- --pf-v5-global--primary-color--100: #1fa7f8;
6777
- --pf-v5-global--link--Color: #1fa7f8;
6778
- --pf-v5-global--link--Color--hover: #73bcf7;
6779
- --pf-v5-global--BackgroundColor--100: #1b1d21;
6780
- }
6781
6545
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
6782
6546
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
6783
6547
  }
@@ -7170,13 +6934,18 @@ ul.pfext-quick-start__base .pf-v5-c-list {
7170
6934
  --pf-v5-c-menu__list-item--BackgroundColor: var(--pf-v5-c-menu__list-item--focus-within--BackgroundColor);
7171
6935
  --pf-v5-c-menu__list-item--Color: var(--pf-v5-c-menu__list-item--focus-within--Color, inherit);
7172
6936
  }
7173
- .pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-disabled {
6937
+ .pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-disabled, .pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-aria-disabled {
7174
6938
  --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
7175
- --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
7176
6939
  --pf-v5-c-menu__item--Color: var(--pf-v5-c-menu__list-item--m-disabled__item--Color);
7177
6940
  --pf-v5-c-menu__item-toggle-icon: var(--pf-v5-c-menu__list-item--m-disabled__item-toggle-icon--Color);
6941
+ }
6942
+ .pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-disabled {
6943
+ --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
7178
6944
  pointer-events: none;
7179
6945
  }
6946
+ .pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-aria-disabled .pf-v5-c-menu__item {
6947
+ cursor: default;
6948
+ }
7180
6949
  .pfext-quick-start__base .pf-v5-c-menu__list-item.pf-m-load {
7181
6950
  --pf-v5-c-menu__list-item--hover--BackgroundColor: transparent;
7182
6951
  --pf-v5-c-menu__list-item--focus-within--BackgroundColor: transparent;
@@ -7218,7 +6987,7 @@ ul.pfext-quick-start__base .pf-v5-c-list {
7218
6987
  .pfext-quick-start__base .pf-v5-c-menu__item.pf-m-selected .pf-v5-c-menu__item-select-icon {
7219
6988
  opacity: 1;
7220
6989
  }
7221
- label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
6990
+ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disabled)) {
7222
6991
  cursor: pointer;
7223
6992
  }
7224
6993
 
@@ -7300,7 +7069,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7300
7069
  .pfext-quick-start__base .pf-v5-c-menu__item-action:hover, .pfext-quick-start__base .pf-v5-c-menu__item-action:focus {
7301
7070
  --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--hover--Color);
7302
7071
  }
7303
- .pfext-quick-start__base .pf-v5-c-menu__item-action:disabled {
7072
+ .pfext-quick-start__base .pf-v5-c-menu__item-action:disabled, .pfext-quick-start__base .pf-v5-c-menu__item-action.pf-m-disabled, .pfext-quick-start__base .pf-v5-c-menu__item-action.pf-m-aria-disabled {
7304
7073
  --pf-v5-c-menu__item-action--Color: var(--pf-v5-c-menu__item-action--disabled--Color);
7305
7074
  }
7306
7075
  .pfext-quick-start__base .pf-v5-c-menu__item-action-icon {
@@ -7323,15 +7092,6 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7323
7092
  content: "";
7324
7093
  border-top: var(--pf-v5-c-menu__footer--after--BorderTopWidth) solid var(--pf-v5-c-menu__footer--after--BorderTopColor);
7325
7094
  }
7326
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7327
- --pf-v5-global--Color--100: #e0e0e0;
7328
- --pf-v5-global--Color--200: #aaabac;
7329
- --pf-v5-global--BorderColor--100: #444548;
7330
- --pf-v5-global--primary-color--100: #1fa7f8;
7331
- --pf-v5-global--link--Color: #1fa7f8;
7332
- --pf-v5-global--link--Color--hover: #73bcf7;
7333
- --pf-v5-global--BackgroundColor--100: #1b1d21;
7334
- }
7335
7095
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7336
7096
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7337
7097
  }
@@ -7450,6 +7210,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7450
7210
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-v5-global--primary-color--200);
7451
7211
  --pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
7452
7212
  --pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
7213
+ --pf-v5-c-menu-toggle__button--AlignSelf: baseline;
7453
7214
  --pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
7454
7215
  --pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-v5-global--spacer--sm);
7455
7216
  --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-global--spacer--sm);
@@ -7457,6 +7218,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7457
7218
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-v5-global--spacer--sm);
7458
7219
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
7459
7220
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
7221
+ --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
7460
7222
  position: relative;
7461
7223
  display: inline-flex;
7462
7224
  align-items: center;
@@ -7549,6 +7311,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7549
7311
  --pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth);
7550
7312
  --pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth);
7551
7313
  --pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
7314
+ align-items: center;
7552
7315
  height: 100%;
7553
7316
  }
7554
7317
  .pfext-quick-start__base .pf-v5-c-menu-toggle:hover {
@@ -7592,6 +7355,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7592
7355
  .pfext-quick-start__base .pf-v5-c-menu-toggle.pf-m-typeahead {
7593
7356
  --pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight);
7594
7357
  --pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft);
7358
+ --pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
7595
7359
  align-items: stretch;
7596
7360
  padding: 0;
7597
7361
  }
@@ -7615,12 +7379,15 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7615
7379
  }
7616
7380
  .pfext-quick-start__base .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check {
7617
7381
  --pf-v5-c-menu-toggle--PaddingRight: 0;
7618
- --pf-v5-c-check__input--MarginTop: 0;
7619
7382
  --pf-v5-c-check__label--Color: currentcolor;
7620
7383
  --pf-v5-c-check__label--disabled--Color: currentcolor;
7621
7384
  align-items: center;
7622
7385
  align-self: stretch;
7623
7386
  }
7387
+ .pfext-quick-start__base .pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check .pf-v5-c-check__input {
7388
+ align-self: revert;
7389
+ -moz-transform: none;
7390
+ }
7624
7391
  .pfext-quick-start__base .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
7625
7392
  position: absolute;
7626
7393
  top: 0;
@@ -7705,6 +7472,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7705
7472
  --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
7706
7473
  --pf-v5-c-menu-toggle__controls--MarginRight: var(--pf-v5-c-menu-toggle__button__controls--MarginRight);
7707
7474
  --pf-v5-c-menu-toggle__controls--MarginLeft: var(--pf-v5-c-menu-toggle__button__controls--MarginLeft);
7475
+ align-self: var(--pf-v5-c-menu-toggle__button--AlignSelf);
7708
7476
  padding-right: var(--pf-v5-c-menu-toggle__button--PaddingRight);
7709
7477
  padding-left: var(--pf-v5-c-menu-toggle__button--PaddingLeft);
7710
7478
  color: inherit;
@@ -7712,7 +7480,6 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7712
7480
  border: 0;
7713
7481
  }
7714
7482
  .pfext-quick-start__base .pf-v5-c-menu-toggle__icon {
7715
- display: inline-flex;
7716
7483
  flex-shrink: 0;
7717
7484
  align-self: center;
7718
7485
  margin-right: var(--pf-v5-c-menu-toggle__icon--MarginRight);
@@ -7726,7 +7493,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7726
7493
  }
7727
7494
  .pfext-quick-start__base .pf-v5-c-menu-toggle__count {
7728
7495
  display: flex;
7729
- align-items: center;
7496
+ flex-wrap: nowrap;
7730
7497
  margin-left: var(--pf-v5-c-menu-toggle__count--MarginLeft);
7731
7498
  }
7732
7499
  .pfext-quick-start__base .pf-v5-c-menu-toggle__controls {
@@ -7738,15 +7505,6 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7738
7505
  margin-right: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
7739
7506
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
7740
7507
  }
7741
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7742
- --pf-v5-global--Color--100: #e0e0e0;
7743
- --pf-v5-global--Color--200: #aaabac;
7744
- --pf-v5-global--BorderColor--100: #444548;
7745
- --pf-v5-global--primary-color--100: #1fa7f8;
7746
- --pf-v5-global--link--Color: #1fa7f8;
7747
- --pf-v5-global--link--Color--hover: #73bcf7;
7748
- --pf-v5-global--BackgroundColor--100: #1b1d21;
7749
- }
7750
7508
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7751
7509
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7752
7510
  }
@@ -7945,66 +7703,21 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
7945
7703
  --pf-v5-c-modal-box__footer--c-button--MarginRight: var(--pf-v5-c-modal-box__footer--c-button--sm--MarginRight);
7946
7704
  }
7947
7705
  }
7948
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7949
- --pf-v5-global--Color--100: #e0e0e0;
7950
- --pf-v5-global--Color--200: #aaabac;
7951
- --pf-v5-global--BorderColor--100: #444548;
7952
- --pf-v5-global--primary-color--100: #1fa7f8;
7953
- --pf-v5-global--link--Color: #1fa7f8;
7954
- --pf-v5-global--link--Color--hover: #73bcf7;
7955
- --pf-v5-global--BackgroundColor--100: #1b1d21;
7956
- }
7957
7706
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7958
7707
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7959
7708
  }
7960
7709
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-modal-box {
7961
7710
  --pf-v5-c-modal-box--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
7962
7711
  }
7963
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7964
- --pf-v5-global--Color--100: #e0e0e0;
7965
- --pf-v5-global--Color--200: #aaabac;
7966
- --pf-v5-global--BorderColor--100: #444548;
7967
- --pf-v5-global--primary-color--100: #1fa7f8;
7968
- --pf-v5-global--link--Color: #1fa7f8;
7969
- --pf-v5-global--link--Color--hover: #73bcf7;
7970
- --pf-v5-global--BackgroundColor--100: #1b1d21;
7971
- }
7972
7712
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7973
7713
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7974
7714
  }
7975
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7976
- --pf-v5-global--Color--100: #e0e0e0;
7977
- --pf-v5-global--Color--200: #aaabac;
7978
- --pf-v5-global--BorderColor--100: #444548;
7979
- --pf-v5-global--primary-color--100: #1fa7f8;
7980
- --pf-v5-global--link--Color: #1fa7f8;
7981
- --pf-v5-global--link--Color--hover: #73bcf7;
7982
- --pf-v5-global--BackgroundColor--100: #1b1d21;
7983
- }
7984
7715
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7985
7716
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7986
7717
  }
7987
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
7988
- --pf-v5-global--Color--100: #e0e0e0;
7989
- --pf-v5-global--Color--200: #aaabac;
7990
- --pf-v5-global--BorderColor--100: #444548;
7991
- --pf-v5-global--primary-color--100: #1fa7f8;
7992
- --pf-v5-global--link--Color: #1fa7f8;
7993
- --pf-v5-global--link--Color--hover: #73bcf7;
7994
- --pf-v5-global--BackgroundColor--100: #1b1d21;
7995
- }
7996
7718
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
7997
7719
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
7998
7720
  }
7999
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8000
- --pf-v5-global--Color--100: #e0e0e0;
8001
- --pf-v5-global--Color--200: #aaabac;
8002
- --pf-v5-global--BorderColor--100: #444548;
8003
- --pf-v5-global--primary-color--100: #1fa7f8;
8004
- --pf-v5-global--link--Color: #1fa7f8;
8005
- --pf-v5-global--link--Color--hover: #73bcf7;
8006
- --pf-v5-global--BackgroundColor--100: #1b1d21;
8007
- }
8008
7721
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8009
7722
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8010
7723
  }
@@ -8212,15 +7925,6 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
8212
7925
  .pfext-quick-start__base .pf-v5-c-page__main-wizard.pf-m-light-200 {
8213
7926
  --pf-v5-c-page__main-wizard--BackgroundColor: var(--pf-v5-c-page__main-wizard--m-light-200--BackgroundColor);
8214
7927
  }
8215
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8216
- --pf-v5-global--Color--100: #e0e0e0;
8217
- --pf-v5-global--Color--200: #aaabac;
8218
- --pf-v5-global--BorderColor--100: #444548;
8219
- --pf-v5-global--primary-color--100: #1fa7f8;
8220
- --pf-v5-global--link--Color: #1fa7f8;
8221
- --pf-v5-global--link--Color--hover: #73bcf7;
8222
- --pf-v5-global--BackgroundColor--100: #1b1d21;
8223
- }
8224
7928
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8225
7929
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8226
7930
  }
@@ -8499,15 +8203,6 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
8499
8203
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--2xl);
8500
8204
  }
8501
8205
  }
8502
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8503
- --pf-v5-global--Color--100: #e0e0e0;
8504
- --pf-v5-global--Color--200: #aaabac;
8505
- --pf-v5-global--BorderColor--100: #444548;
8506
- --pf-v5-global--primary-color--100: #1fa7f8;
8507
- --pf-v5-global--link--Color: #1fa7f8;
8508
- --pf-v5-global--link--Color--hover: #73bcf7;
8509
- --pf-v5-global--BackgroundColor--100: #1b1d21;
8510
- }
8511
8206
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8512
8207
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8513
8208
  }
@@ -8590,15 +8285,6 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
8590
8285
  padding: var(--pf-v5-c-panel__footer--PaddingTop) var(--pf-v5-c-panel__footer--PaddingRight) var(--pf-v5-c-panel__footer--PaddingBottom) var(--pf-v5-c-panel__footer--PaddingLeft);
8591
8286
  box-shadow: var(--pf-v5-c-panel__footer--BoxShadow);
8592
8287
  }
8593
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8594
- --pf-v5-global--Color--100: #e0e0e0;
8595
- --pf-v5-global--Color--200: #aaabac;
8596
- --pf-v5-global--BorderColor--100: #444548;
8597
- --pf-v5-global--primary-color--100: #1fa7f8;
8598
- --pf-v5-global--link--Color: #1fa7f8;
8599
- --pf-v5-global--link--Color--hover: #73bcf7;
8600
- --pf-v5-global--BackgroundColor--100: #1b1d21;
8601
- }
8602
8288
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8603
8289
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8604
8290
  }
@@ -8767,15 +8453,6 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
8767
8453
  .pfext-quick-start__base .pf-v5-c-popover__footer {
8768
8454
  margin-top: var(--pf-v5-c-popover__footer--MarginTop);
8769
8455
  }
8770
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8771
- --pf-v5-global--Color--100: #e0e0e0;
8772
- --pf-v5-global--Color--200: #aaabac;
8773
- --pf-v5-global--BorderColor--100: #444548;
8774
- --pf-v5-global--primary-color--100: #1fa7f8;
8775
- --pf-v5-global--link--Color: #1fa7f8;
8776
- --pf-v5-global--link--Color--hover: #73bcf7;
8777
- --pf-v5-global--BackgroundColor--100: #1b1d21;
8778
- }
8779
8456
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8780
8457
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8781
8458
  }
@@ -8786,15 +8463,6 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
8786
8463
  --pf-v5-c-popover--m-info__title-text--Color: var(--pf-v5-global--info-color--100);
8787
8464
  --pf-v5-c-popover--m-success__title-text--Color: var(--pf-v5-global--success-color--100);
8788
8465
  }
8789
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8790
- --pf-v5-global--Color--100: #e0e0e0;
8791
- --pf-v5-global--Color--200: #aaabac;
8792
- --pf-v5-global--BorderColor--100: #444548;
8793
- --pf-v5-global--primary-color--100: #1fa7f8;
8794
- --pf-v5-global--link--Color: #1fa7f8;
8795
- --pf-v5-global--link--Color--hover: #73bcf7;
8796
- --pf-v5-global--BackgroundColor--100: #1b1d21;
8797
- }
8798
8466
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8799
8467
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8800
8468
  }
@@ -8804,24 +8472,23 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
8804
8472
  --pf-v5-c-radio__label--Color: var(--pf-v5-global--Color--100);
8805
8473
  --pf-v5-c-radio__label--FontWeight: var(--pf-v5-global--FontWeight--normal);
8806
8474
  --pf-v5-c-radio__label--FontSize: var(--pf-v5-global--FontSize--md);
8807
- --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--sm);
8808
- --pf-v5-c-radio__input--Height: var(--pf-v5-c-radio__label--FontSize);
8809
- --pf-v5-c-radio__input--MarginTop: calc(((var(--pf-v5-c-radio__label--FontSize) * var(--pf-v5-c-radio__label--LineHeight)) - var(--pf-v5-c-radio__input--Height)) / 2);
8475
+ --pf-v5-c-radio__label--LineHeight: var(--pf-v5-global--LineHeight--md);
8476
+ --pf-v5-c-radio__input--TranslateY--moz: 5px;
8810
8477
  --pf-v5-c-radio__input--first-child--MarginLeft: 0.0625rem;
8811
8478
  --pf-v5-c-radio__input--last-child--MarginRight: 0.0625rem;
8812
8479
  --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
8813
8480
  --pf-v5-c-radio__description--Color: var(--pf-v5-global--Color--200);
8814
8481
  --pf-v5-c-radio__body--MarginTop: var(--pf-v5-global--spacer--sm);
8815
- display: grid;
8482
+ display: inline-grid;
8816
8483
  grid-template-columns: auto 1fr;
8817
8484
  grid-gap: var(--pf-v5-c-radio--GridGap);
8485
+ align-items: baseline;
8486
+ width: 100%;
8818
8487
  }
8819
8488
  .pfext-quick-start__base .pf-v5-c-radio.pf-m-standalone {
8820
8489
  --pf-v5-c-radio--GridGap: 0;
8821
- --pf-v5-c-radio__input--Height: auto;
8822
- --pf-v5-c-radio__input--MarginTop: 0;
8823
- display: inline-grid;
8824
- line-height: 1;
8490
+ --pf-v5-c-radio__input--TranslateY--moz: 0;
8491
+ width: auto;
8825
8492
  }
8826
8493
  .pfext-quick-start__base .pf-v5-c-radio__label {
8827
8494
  font-size: var(--pf-v5-c-radio__label--FontSize);
@@ -8830,8 +8497,7 @@ label.pfext-quick-start__base .pf-v5-c-menu__item:where(:not([disabled], .pf-m-d
8830
8497
  color: var(--pf-v5-c-radio__label--Color);
8831
8498
  }
8832
8499
  .pfext-quick-start__base .pf-v5-c-radio__input {
8833
- height: var(--pf-v5-c-radio__input--Height);
8834
- margin-top: var(--pf-v5-c-radio__input--MarginTop);
8500
+ -moz-transform: translateY(var(--pf-v5-c-radio__input--TranslateY--moz));
8835
8501
  }
8836
8502
  .pfext-quick-start__base .pf-v5-c-radio__input:first-child {
8837
8503
  margin-left: var(--pf-v5-c-radio__input--first-child--MarginLeft);
@@ -8863,39 +8529,12 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
8863
8529
  --pf-v5-c-radio__label--Color: var(--pf-v5-c-radio__label--disabled--Color);
8864
8530
  cursor: not-allowed;
8865
8531
  }
8866
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8867
- --pf-v5-global--Color--100: #e0e0e0;
8868
- --pf-v5-global--Color--200: #aaabac;
8869
- --pf-v5-global--BorderColor--100: #444548;
8870
- --pf-v5-global--primary-color--100: #1fa7f8;
8871
- --pf-v5-global--link--Color: #1fa7f8;
8872
- --pf-v5-global--link--Color--hover: #73bcf7;
8873
- --pf-v5-global--BackgroundColor--100: #1b1d21;
8874
- }
8875
8532
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8876
8533
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8877
8534
  }
8878
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8879
- --pf-v5-global--Color--100: #e0e0e0;
8880
- --pf-v5-global--Color--200: #aaabac;
8881
- --pf-v5-global--BorderColor--100: #444548;
8882
- --pf-v5-global--primary-color--100: #1fa7f8;
8883
- --pf-v5-global--link--Color: #1fa7f8;
8884
- --pf-v5-global--link--Color--hover: #73bcf7;
8885
- --pf-v5-global--BackgroundColor--100: #1b1d21;
8886
- }
8887
8535
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8888
8536
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8889
8537
  }
8890
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8891
- --pf-v5-global--Color--100: #e0e0e0;
8892
- --pf-v5-global--Color--200: #aaabac;
8893
- --pf-v5-global--BorderColor--100: #444548;
8894
- --pf-v5-global--primary-color--100: #1fa7f8;
8895
- --pf-v5-global--link--Color: #1fa7f8;
8896
- --pf-v5-global--link--Color--hover: #73bcf7;
8897
- --pf-v5-global--BackgroundColor--100: #1b1d21;
8898
- }
8899
8538
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
8900
8539
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
8901
8540
  }
@@ -8990,39 +8629,12 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
8990
8629
  transform: rotate(720deg);
8991
8630
  }
8992
8631
  }
8993
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
8994
- --pf-v5-global--Color--100: #e0e0e0;
8995
- --pf-v5-global--Color--200: #aaabac;
8996
- --pf-v5-global--BorderColor--100: #444548;
8997
- --pf-v5-global--primary-color--100: #1fa7f8;
8998
- --pf-v5-global--link--Color: #1fa7f8;
8999
- --pf-v5-global--link--Color--hover: #73bcf7;
9000
- --pf-v5-global--BackgroundColor--100: #1b1d21;
9001
- }
9002
8632
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
9003
8633
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9004
8634
  }
9005
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9006
- --pf-v5-global--Color--100: #e0e0e0;
9007
- --pf-v5-global--Color--200: #aaabac;
9008
- --pf-v5-global--BorderColor--100: #444548;
9009
- --pf-v5-global--primary-color--100: #1fa7f8;
9010
- --pf-v5-global--link--Color: #1fa7f8;
9011
- --pf-v5-global--link--Color--hover: #73bcf7;
9012
- --pf-v5-global--BackgroundColor--100: #1b1d21;
9013
- }
9014
8635
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
9015
8636
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9016
8637
  }
9017
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9018
- --pf-v5-global--Color--100: #e0e0e0;
9019
- --pf-v5-global--Color--200: #aaabac;
9020
- --pf-v5-global--BorderColor--100: #444548;
9021
- --pf-v5-global--primary-color--100: #1fa7f8;
9022
- --pf-v5-global--link--Color: #1fa7f8;
9023
- --pf-v5-global--link--Color--hover: #73bcf7;
9024
- --pf-v5-global--BackgroundColor--100: #1b1d21;
9025
- }
9026
8638
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
9027
8639
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9028
8640
  }
@@ -9047,8 +8659,8 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
9047
8659
  --pf-v5-c-text-input-group__text-input--PaddingBottom: var(--pf-v5-global--spacer--form-element);
9048
8660
  --pf-v5-c-text-input-group__text-input--PaddingLeft: var(--pf-v5-global--spacer--sm);
9049
8661
  --pf-v5-c-text-input-group__text-input--MinWidth: 12ch;
9050
- --pf-v5-c-text-input-group__text-input--m-hint--Color: var(--pf-v5-global--Color--dark-200);
9051
- --pf-v5-c-text-input-group__text-input--placeholder--Color: var(--pf-v5-global--Color--dark-200);
8662
+ --pf-v5-c-text-input-group__text-input--m-hint--Color: var(--pf-v5-global--Color--200);
8663
+ --pf-v5-c-text-input-group__text-input--placeholder--Color: var(--pf-v5-global--Color--200);
9052
8664
  --pf-v5-c-text-input-group__text-input--BackgroundColor: transparent;
9053
8665
  --pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
9054
8666
  --pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
@@ -9169,15 +8781,6 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
9169
8781
  .pfext-quick-start__base .pf-v5-c-text-input-group__group {
9170
8782
  display: flex;
9171
8783
  }
9172
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9173
- --pf-v5-global--Color--100: #e0e0e0;
9174
- --pf-v5-global--Color--200: #aaabac;
9175
- --pf-v5-global--BorderColor--100: #444548;
9176
- --pf-v5-global--primary-color--100: #1fa7f8;
9177
- --pf-v5-global--link--Color: #1fa7f8;
9178
- --pf-v5-global--link--Color--hover: #73bcf7;
9179
- --pf-v5-global--BackgroundColor--100: #1b1d21;
9180
- }
9181
8784
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
9182
8785
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9183
8786
  }
@@ -9188,15 +8791,6 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
9188
8791
  --pf-v5-c-text-input-group__text--before--BorderWidth: 0;
9189
8792
  --pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
9190
8793
  }
9191
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9192
- --pf-v5-global--Color--100: #e0e0e0;
9193
- --pf-v5-global--Color--200: #aaabac;
9194
- --pf-v5-global--BorderColor--100: #444548;
9195
- --pf-v5-global--primary-color--100: #1fa7f8;
9196
- --pf-v5-global--link--Color: #1fa7f8;
9197
- --pf-v5-global--link--Color--hover: #73bcf7;
9198
- --pf-v5-global--BackgroundColor--100: #1b1d21;
9199
- }
9200
8794
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
9201
8795
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9202
8796
  }
@@ -9253,15 +8847,6 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
9253
8847
  font-weight: var(--pf-v5-c-title--m-md--FontWeight);
9254
8848
  line-height: var(--pf-v5-c-title--m-md--LineHeight);
9255
8849
  }
9256
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9257
- --pf-v5-global--Color--100: #e0e0e0;
9258
- --pf-v5-global--Color--200: #aaabac;
9259
- --pf-v5-global--BorderColor--100: #444548;
9260
- --pf-v5-global--primary-color--100: #1fa7f8;
9261
- --pf-v5-global--link--Color: #1fa7f8;
9262
- --pf-v5-global--link--Color--hover: #73bcf7;
9263
- --pf-v5-global--BackgroundColor--100: #1b1d21;
9264
- }
9265
8850
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
9266
8851
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9267
8852
  }
@@ -9349,15 +8934,6 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
9349
8934
  background-color: var(--pf-v5-c-tooltip__arrow--BackgroundColor);
9350
8935
  box-shadow: var(--pf-v5-c-tooltip__arrow--BoxShadow);
9351
8936
  }
9352
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9353
- --pf-v5-global--Color--100: #e0e0e0;
9354
- --pf-v5-global--Color--200: #aaabac;
9355
- --pf-v5-global--BorderColor--100: #444548;
9356
- --pf-v5-global--primary-color--100: #1fa7f8;
9357
- --pf-v5-global--link--Color: #1fa7f8;
9358
- --pf-v5-global--link--Color--hover: #73bcf7;
9359
- --pf-v5-global--BackgroundColor--100: #1b1d21;
9360
- }
9361
8937
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
9362
8938
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9363
8939
  }
@@ -9365,15 +8941,6 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
9365
8941
  --pf-v5-c-tooltip__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
9366
8942
  --pf-v5-c-tooltip__arrow--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
9367
8943
  }
9368
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9369
- --pf-v5-global--Color--100: #e0e0e0;
9370
- --pf-v5-global--Color--200: #aaabac;
9371
- --pf-v5-global--BorderColor--100: #444548;
9372
- --pf-v5-global--primary-color--100: #1fa7f8;
9373
- --pf-v5-global--link--Color: #1fa7f8;
9374
- --pf-v5-global--link--Color--hover: #73bcf7;
9375
- --pf-v5-global--BackgroundColor--100: #1b1d21;
9376
- }
9377
8944
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
9378
8945
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9379
8946
  }
@@ -9842,15 +9409,6 @@ label.pf-v5-c-radio, .pfext-quick-start__base .pf-v5-c-radio__label,
9842
9409
  .pfext-quick-start__base .pf-v5-c-wizard__footer-cancel {
9843
9410
  margin-left: var(--pf-v5-c-wizard__footer-cancel--MarginLeft);
9844
9411
  }
9845
- .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header {
9846
- --pf-v5-global--Color--100: #e0e0e0;
9847
- --pf-v5-global--Color--200: #aaabac;
9848
- --pf-v5-global--BorderColor--100: #444548;
9849
- --pf-v5-global--primary-color--100: #1fa7f8;
9850
- --pf-v5-global--link--Color: #1fa7f8;
9851
- --pf-v5-global--link--Color--hover: #73bcf7;
9852
- --pf-v5-global--BackgroundColor--100: #1b1d21;
9853
- }
9854
9412
  .pfext-quick-start__base :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button {
9855
9413
  --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
9856
9414
  }