@patternfly/react-templates 6.1.0-prerelease.4 → 6.1.0-prerelease.6

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 (7) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/components/package.json +1 -1
  3. package/dist/dynamic/components/Dropdown/package.json +1 -1
  4. package/dist/dynamic/components/Select/package.json +1 -1
  5. package/dist/umd/assets/{output-C1pM07rN.css → output-Dxws2ptc.css} +1269 -1244
  6. package/dist/umd/react-templates.min.js +1 -1
  7. package/package.json +7 -7
package/dist/umd/assets/{output-C1pM07rN.css → output-Dxws2ptc.css} RENAMED
@@ -428,13 +428,6 @@
428
428
  flex-wrap: nowrap;
429
429
  }
430
430
 
431
- .pf-v6-c-menu-toggle__controls,
432
- .pf-v6-c-menu-toggle__toggle-icon {
433
- display: flex;
434
- align-items: center;
435
- justify-content: center;
436
- }
437
-
438
431
  .pf-v6-c-menu-toggle__icon {
439
432
  flex-shrink: 0;
440
433
  }
@@ -447,7 +440,10 @@
447
440
  }
448
441
 
449
442
  .pf-v6-c-menu-toggle__controls {
443
+ display: flex;
450
444
  gap: var(--pf-v6-c-menu-toggle__controls--Gap);
445
+ align-items: center;
446
+ justify-content: center;
451
447
  margin-inline-start: auto;
452
448
  }
453
449
 
@@ -1020,38 +1016,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1020
1016
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
1021
1017
  }
1022
1018
 
1023
- .pf-v6-c-action-list {
1024
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
1025
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
1026
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
1027
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
1028
- }
1029
-
1030
- .pf-v6-c-action-list,
1031
- .pf-v6-c-action-list__group {
1032
- display: flex;
1033
- align-items: start;
1034
- }
1035
-
1036
- .pf-v6-c-action-list {
1037
- row-gap: var(--pf-v6-c-action-list--RowGap);
1038
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
1039
- }
1040
-
1041
- .pf-v6-c-action-list.pf-m-icons {
1042
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
1043
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
1044
- }
1045
-
1046
- .pf-v6-c-action-list__group {
1047
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
1048
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
1049
- }
1050
-
1051
- .pf-v6-c-action-list__group.pf-m-icons {
1052
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
1053
- }
1054
-
1055
1019
  .pf-v6-c-alert {
1056
1020
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
1057
1021
  --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -1260,6 +1224,38 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1260
1224
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
1261
1225
  }
1262
1226
 
1227
+ .pf-v6-c-action-list {
1228
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
1229
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
1230
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
1231
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
1232
+ }
1233
+
1234
+ .pf-v6-c-action-list,
1235
+ .pf-v6-c-action-list__group {
1236
+ display: flex;
1237
+ align-items: start;
1238
+ }
1239
+
1240
+ .pf-v6-c-action-list {
1241
+ row-gap: var(--pf-v6-c-action-list--RowGap);
1242
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
1243
+ }
1244
+
1245
+ .pf-v6-c-action-list.pf-m-icons {
1246
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
1247
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
1248
+ }
1249
+
1250
+ .pf-v6-c-action-list__group {
1251
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
1252
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
1253
+ }
1254
+
1255
+ .pf-v6-c-action-list__group.pf-m-icons {
1256
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
1257
+ }
1258
+
1263
1259
  .pf-v6-c-avatar {
1264
1260
  --pf-v6-c-avatar--BorderColor: transparent;
1265
1261
  --pf-v6-c-avatar--BorderWidth: 0;
@@ -1546,6 +1542,26 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1546
1542
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
1547
1543
  }
1548
1544
 
1545
+ .pf-v6-c-backdrop {
1546
+ --pf-v6-c-backdrop--Position: fixed;
1547
+ --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
1548
+ --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
1549
+ }
1550
+
1551
+ .pf-v6-c-backdrop {
1552
+ position: var(--pf-v6-c-backdrop--Position);
1553
+ inset-block-start: 0;
1554
+ inset-inline-start: 0;
1555
+ z-index: var(--pf-v6-c-backdrop--ZIndex);
1556
+ width: 100%;
1557
+ height: 100%;
1558
+ background-color: var(--pf-v6-c-backdrop--BackgroundColor);
1559
+ }
1560
+
1561
+ .pf-v6-c-backdrop__open {
1562
+ overflow: hidden;
1563
+ }
1564
+
1549
1565
  .pf-v6-c-background-image {
1550
1566
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1551
1567
  --pf-v6-c-background-image--BackgroundImage: none;
@@ -1574,26 +1590,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1574
1590
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
1575
1591
  }
1576
1592
 
1577
- .pf-v6-c-backdrop {
1578
- --pf-v6-c-backdrop--Position: fixed;
1579
- --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
1580
- --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
1581
- }
1582
-
1583
- .pf-v6-c-backdrop {
1584
- position: var(--pf-v6-c-backdrop--Position);
1585
- inset-block-start: 0;
1586
- inset-inline-start: 0;
1587
- z-index: var(--pf-v6-c-backdrop--ZIndex);
1588
- width: 100%;
1589
- height: 100%;
1590
- background-color: var(--pf-v6-c-backdrop--BackgroundColor);
1591
- }
1592
-
1593
- .pf-v6-c-backdrop__open {
1594
- overflow: hidden;
1595
- }
1596
-
1597
1593
  .pf-v6-c-badge {
1598
1594
  --pf-v6-c-badge--BorderColor: transparent;
1599
1595
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -1667,6 +1663,73 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1667
1663
  color: var(--pf-v6-c-badge__toggle-icon--Color);
1668
1664
  }
1669
1665
 
1666
+ .pf-v6-c-brand {
1667
+ --pf-v6-c-brand--Width: auto;
1668
+ --pf-v6-c-brand--Height: auto;
1669
+ }
1670
+
1671
+ .pf-v6-c-brand {
1672
+ width: var(--pf-v6-c-brand--Width--base);
1673
+ height: var(--pf-v6-c-brand--Height--base);
1674
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
1675
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
1676
+ }
1677
+
1678
+ @media (min-width: 36rem) {
1679
+ .pf-v6-c-brand {
1680
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
1681
+ }
1682
+ }
1683
+ @media (min-width: 48rem) {
1684
+ .pf-v6-c-brand {
1685
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
1686
+ }
1687
+ }
1688
+ @media (min-width: 62rem) {
1689
+ .pf-v6-c-brand {
1690
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
1691
+ }
1692
+ }
1693
+ @media (min-width: 75rem) {
1694
+ .pf-v6-c-brand {
1695
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
1696
+ }
1697
+ }
1698
+ @media (min-width: 90.625rem) {
1699
+ .pf-v6-c-brand {
1700
+ --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
1701
+ }
1702
+ }
1703
+ @media (min-width: 36rem) {
1704
+ .pf-v6-c-brand {
1705
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
1706
+ }
1707
+ }
1708
+ @media (min-width: 48rem) {
1709
+ .pf-v6-c-brand {
1710
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
1711
+ }
1712
+ }
1713
+ @media (min-width: 62rem) {
1714
+ .pf-v6-c-brand {
1715
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
1716
+ }
1717
+ }
1718
+ @media (min-width: 75rem) {
1719
+ .pf-v6-c-brand {
1720
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
1721
+ }
1722
+ }
1723
+ @media (min-width: 90.625rem) {
1724
+ .pf-v6-c-brand {
1725
+ --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
1726
+ }
1727
+ }
1728
+ .pf-v6-c-brand.pf-m-picture {
1729
+ display: inline-flex;
1730
+ max-width: 100%;
1731
+ }
1732
+
1670
1733
  .pf-v6-c-banner {
1671
1734
  --pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1672
1735
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -1826,73 +1889,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
1826
1889
  cursor: not-allowed;
1827
1890
  }
1828
1891
 
1829
- .pf-v6-c-brand {
1830
- --pf-v6-c-brand--Width: auto;
1831
- --pf-v6-c-brand--Height: auto;
1832
- }
1833
-
1834
- .pf-v6-c-brand {
1835
- width: var(--pf-v6-c-brand--Width--base);
1836
- height: var(--pf-v6-c-brand--Height--base);
1837
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width);
1838
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height);
1839
- }
1840
-
1841
- @media (min-width: 36rem) {
1842
- .pf-v6-c-brand {
1843
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width));
1844
- }
1845
- }
1846
- @media (min-width: 48rem) {
1847
- .pf-v6-c-brand {
1848
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)));
1849
- }
1850
- }
1851
- @media (min-width: 62rem) {
1852
- .pf-v6-c-brand {
1853
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))));
1854
- }
1855
- }
1856
- @media (min-width: 75rem) {
1857
- .pf-v6-c-brand {
1858
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width)))));
1859
- }
1860
- }
1861
- @media (min-width: 90.625rem) {
1862
- .pf-v6-c-brand {
1863
- --pf-v6-c-brand--Width--base: var(--pf-v6-c-brand--Width-on-2xl, var(--pf-v6-c-brand--Width-on-xl, var(--pf-v6-c-brand--Width-on-lg, var(--pf-v6-c-brand--Width-on-md, var(--pf-v6-c-brand--Width-on-sm, var(--pf-v6-c-brand--Width))))));
1864
- }
1865
- }
1866
- @media (min-width: 36rem) {
1867
- .pf-v6-c-brand {
1868
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height));
1869
- }
1870
- }
1871
- @media (min-width: 48rem) {
1872
- .pf-v6-c-brand {
1873
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)));
1874
- }
1875
- }
1876
- @media (min-width: 62rem) {
1877
- .pf-v6-c-brand {
1878
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))));
1879
- }
1880
- }
1881
- @media (min-width: 75rem) {
1882
- .pf-v6-c-brand {
1883
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height)))));
1884
- }
1885
- }
1886
- @media (min-width: 90.625rem) {
1887
- .pf-v6-c-brand {
1888
- --pf-v6-c-brand--Height--base: var(--pf-v6-c-brand--Height-on-2xl, var(--pf-v6-c-brand--Height-on-xl, var(--pf-v6-c-brand--Height-on-lg, var(--pf-v6-c-brand--Height-on-md, var(--pf-v6-c-brand--Height-on-sm, var(--pf-v6-c-brand--Height))))));
1889
- }
1890
- }
1891
- .pf-v6-c-brand.pf-m-picture {
1892
- display: inline-flex;
1893
- max-width: 100%;
1894
- }
1895
-
1896
1892
  .pf-v6-c-breadcrumb {
1897
1893
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
1898
1894
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -2008,15 +2004,235 @@ button.pf-v6-c-breadcrumb__link {
2008
2004
  display: none;
2009
2005
  }
2010
2006
 
2011
- .pf-v6-c-button {
2012
- --pf-v6-c-button--Display: inline-flex;
2013
- --pf-v6-c-button--AlignItems: baseline;
2014
- --pf-v6-c-button--JustifyContent: center;
2015
- --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
2016
- --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
2017
- --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
2018
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
2019
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
2007
+ .pf-v6-c-calendar-month {
2008
+ --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2009
+ --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2010
+ --pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2011
+ --pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2012
+ --pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2013
+ --pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
2014
+ --pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
2015
+ --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
2016
+ --pf-v6-c-calendar-month__header-year--Width: 9ch;
2017
+ --pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
2018
+ --pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
2019
+ --pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2020
+ --pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2021
+ --pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2022
+ --pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
2023
+ --pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
2024
+ --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
2025
+ --pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
2026
+ --pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
2027
+ --pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
2028
+ --pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2029
+ --pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2030
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
2031
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
2032
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2033
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
2034
+ --pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
2035
+ --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2036
+ --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
2037
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
2038
+ --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2039
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
2040
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2041
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
2042
+ --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
2043
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2044
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2045
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2046
+ --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2047
+ --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
2048
+ --pf-v6-c-calendar-month__date--Width: 4ch;
2049
+ --pf-v6-c-calendar-month__date--Height: 4ch;
2050
+ --pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
2051
+ --pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
2052
+ --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2053
+ --pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
2054
+ --pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
2055
+ --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
2056
+ --pf-v6-c-calendar-month__date--after--BorderColor: transparent;
2057
+ --pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
2058
+ --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2059
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2060
+ --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2061
+ --pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
2062
+ --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2063
+ --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
2064
+ --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
2065
+ }
2066
+
2067
+ .pf-v6-c-calendar-month {
2068
+ display: inline-flex;
2069
+ flex-direction: column;
2070
+ padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
2071
+ padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
2072
+ padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
2073
+ padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
2074
+ font-size: var(--pf-v6-c-calendar-month--FontSize);
2075
+ background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
2076
+ }
2077
+
2078
+ .pf-v6-c-calendar-month__header {
2079
+ display: flex;
2080
+ gap: var(--pf-v6-c-calendar-month__header--Gap);
2081
+ margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
2082
+ }
2083
+
2084
+ .pf-v6-c-calendar-month__header-nav-control {
2085
+ margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
2086
+ margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
2087
+ }
2088
+
2089
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
2090
+ scale: -1 1;
2091
+ }
2092
+
2093
+ .pf-v6-c-calendar-month__header-month {
2094
+ flex-grow: 1;
2095
+ }
2096
+
2097
+ .pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
2098
+ width: 100%;
2099
+ }
2100
+
2101
+ .pf-v6-c-calendar-month__header-year {
2102
+ width: var(--pf-v6-c-calendar-month__header-year--Width);
2103
+ }
2104
+
2105
+ .pf-v6-c-calendar-month__calendar {
2106
+ table-layout: fixed;
2107
+ }
2108
+
2109
+ .pf-v6-c-calendar-month__days {
2110
+ color: var(--pf-v6-c-calendar-month__day--Color);
2111
+ border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
2112
+ }
2113
+
2114
+ .pf-v6-c-calendar-month__day {
2115
+ padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
2116
+ font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
2117
+ text-align: center;
2118
+ }
2119
+
2120
+ .pf-v6-c-calendar-month__dates-row:first-child {
2121
+ --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
2122
+ }
2123
+
2124
+ .pf-v6-c-calendar-month__dates-cell {
2125
+ --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
2126
+ position: relative;
2127
+ padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
2128
+ padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2129
+ padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
2130
+ padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
2131
+ text-align: center;
2132
+ }
2133
+
2134
+ .pf-v6-c-calendar-month__dates-cell::before {
2135
+ position: absolute;
2136
+ inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
2137
+ inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
2138
+ inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
2139
+ inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
2140
+ content: "";
2141
+ background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
2142
+ }
2143
+
2144
+ .pf-v6-c-calendar-month__dates-cell.pf-m-current {
2145
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2146
+ }
2147
+
2148
+ .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
2149
+ --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2150
+ --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2151
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
2152
+ --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
2153
+ --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
2154
+ }
2155
+
2156
+ .pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
2157
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
2158
+ }
2159
+
2160
+ .pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
2161
+ --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
2162
+ }
2163
+
2164
+ .pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
2165
+ --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
2166
+ }
2167
+
2168
+ .pf-v6-c-calendar-month__dates-cell.pf-m-selected {
2169
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2170
+ --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
2171
+ --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2172
+ --pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
2173
+ --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2174
+ --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2175
+ --pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
2176
+ }
2177
+
2178
+ .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
2179
+ --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2180
+ --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2181
+ }
2182
+
2183
+ .pf-v6-c-calendar-month__date {
2184
+ position: relative;
2185
+ display: inline-flex;
2186
+ align-items: center;
2187
+ justify-content: center;
2188
+ width: var(--pf-v6-c-calendar-month__date--Width);
2189
+ height: var(--pf-v6-c-calendar-month__date--Height);
2190
+ line-height: 1;
2191
+ color: var(--pf-v6-c-calendar-month__date--Color);
2192
+ background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
2193
+ border: 0;
2194
+ }
2195
+
2196
+ .pf-v6-c-calendar-month__date::after {
2197
+ position: absolute;
2198
+ inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2199
+ inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2200
+ inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2201
+ inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2202
+ content: "";
2203
+ border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
2204
+ }
2205
+
2206
+ .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
2207
+ border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
2208
+ }
2209
+
2210
+ .pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
2211
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
2212
+ border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
2213
+ }
2214
+
2215
+ .pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
2216
+ --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
2217
+ outline: 0;
2218
+ }
2219
+
2220
+ .pf-v6-c-calendar-month__date:disabled {
2221
+ --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
2222
+ --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
2223
+ --pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
2224
+ pointer-events: none;
2225
+ }
2226
+
2227
+ .pf-v6-c-button {
2228
+ --pf-v6-c-button--Display: inline-flex;
2229
+ --pf-v6-c-button--AlignItems: baseline;
2230
+ --pf-v6-c-button--JustifyContent: center;
2231
+ --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
2232
+ --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
2233
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
2234
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
2235
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
2020
2236
  --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
2021
2237
  --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
2022
2238
  --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -2640,226 +2856,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2640
2856
  align-items: center;
2641
2857
  }
2642
2858
 
2643
- .pf-v6-c-calendar-month {
2644
- --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2645
- --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2646
- --pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2647
- --pf-v6-c-calendar-month--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2648
- --pf-v6-c-calendar-month--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2649
- --pf-v6-c-calendar-month--FontSize: var(--pf-t--global--font--size--sm);
2650
- --pf-v6-c-calendar-month__header--MarginBlockEnd: var(--pf-t--global--spacer--md);
2651
- --pf-v6-c-calendar-month__header--Gap: var(--pf-t--global--spacer--gap--control-to-control--default);
2652
- --pf-v6-c-calendar-month__header-year--Width: 9ch;
2653
- --pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd: 0;
2654
- --pf-v6-c-calendar-month__header-nav-control--MarginInlineStart: 0;
2655
- --pf-v6-c-calendar-month__days--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2656
- --pf-v6-c-calendar-month__days--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2657
- --pf-v6-c-calendar-month__day--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2658
- --pf-v6-c-calendar-month__day--FontWeight: var(--pf-t--global--font--weight--body--default);
2659
- --pf-v6-c-calendar-month__day--Color: var(--pf-t--global--text--color--regular);
2660
- --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: 0.125rem;
2661
- --pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd: 0.125rem;
2662
- --pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd: 0.125rem;
2663
- --pf-v6-c-calendar-month__dates-cell--PaddingInlineStart: 0.125rem;
2664
- --pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2665
- --pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2666
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor: var(--pf-t--global--color--brand--default);
2667
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor: var(--pf-t--global--color--brand--default);
2668
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2669
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor: var(--pf-t--global--border--color--brand--default);
2670
- --pf-v6-c-calendar-month__dates-cell--m-selected__date--Color: var(--pf-t--global--text--color--on-brand--default);
2671
- --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2672
- --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: 0;
2673
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: 0;
2674
- --pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2675
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: 0;
2676
- --pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2677
- --pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart: 50%;
2678
- --pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd: 50%;
2679
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2680
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2681
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2682
- --pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2683
- --pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color: var(--pf-t--global--text--color--subtle);
2684
- --pf-v6-c-calendar-month__date--Width: 4ch;
2685
- --pf-v6-c-calendar-month__date--Height: 4ch;
2686
- --pf-v6-c-calendar-month__date--BorderRadius: var(--pf-t--global--border--radius--large);
2687
- --pf-v6-c-calendar-month__date--Color: var(--pf-t--global--text--color--regular);
2688
- --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2689
- --pf-v6-c-calendar-month__date--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
2690
- --pf-v6-c-calendar-month__date--disabled--Color: var(--pf-t--global--text--color--on-disabled);
2691
- --pf-v6-c-calendar-month__date--after--BorderWidth: var(--pf-t--global--border--width--regular);
2692
- --pf-v6-c-calendar-month__date--after--BorderColor: transparent;
2693
- --pf-v6-c-calendar-month__date--after--OutlineOffset: 0;
2694
- --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
2695
- --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-t--global--border--width--regular);
2696
- --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-t--global--border--color--hover);
2697
- --pf-v6-c-calendar-month__date--focus--Color: var(--pf-t--global--icon--color--on-brand--clicked);
2698
- --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-t--global--color--brand--default);
2699
- --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-t--global--border--color--hover);
2700
- --pf-v6-c-calendar-month__date--after--focus--OutlineOffset: -2px;
2701
- }
2702
-
2703
- .pf-v6-c-calendar-month {
2704
- display: inline-flex;
2705
- flex-direction: column;
2706
- padding-block-start: var(--pf-v6-c-calendar-month--PaddingBlockStart);
2707
- padding-block-end: var(--pf-v6-c-calendar-month--PaddingBlockEnd);
2708
- padding-inline-start: var(--pf-v6-c-calendar-month--PaddingInlineStart);
2709
- padding-inline-end: var(--pf-v6-c-calendar-month--PaddingInlineEnd);
2710
- font-size: var(--pf-v6-c-calendar-month--FontSize);
2711
- background-color: var(--pf-v6-c-calendar-month--BackgroundColor);
2712
- }
2713
-
2714
- .pf-v6-c-calendar-month__header {
2715
- display: flex;
2716
- gap: var(--pf-v6-c-calendar-month__header--Gap);
2717
- margin-block-end: var(--pf-v6-c-calendar-month__header--MarginBlockEnd);
2718
- }
2719
-
2720
- .pf-v6-c-calendar-month__header-nav-control {
2721
- margin-inline-start: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineStart);
2722
- margin-inline-end: var(--pf-v6-c-calendar-month__header-nav-control--MarginInlineEnd);
2723
- }
2724
-
2725
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-calendar-month__header-nav-control {
2726
- scale: -1 1;
2727
- }
2728
-
2729
- .pf-v6-c-calendar-month__header-month {
2730
- flex-grow: 1;
2731
- }
2732
-
2733
- .pf-v6-c-calendar-month__header-month > .pf-v6-c-menu-toggle {
2734
- width: 100%;
2735
- }
2736
-
2737
- .pf-v6-c-calendar-month__header-year {
2738
- width: var(--pf-v6-c-calendar-month__header-year--Width);
2739
- }
2740
-
2741
- .pf-v6-c-calendar-month__calendar {
2742
- table-layout: fixed;
2743
- }
2744
-
2745
- .pf-v6-c-calendar-month__days {
2746
- color: var(--pf-v6-c-calendar-month__day--Color);
2747
- border-block-end: var(--pf-v6-c-calendar-month__days--BorderBlockEndWidth) solid var(--pf-v6-c-calendar-month__days--BorderBlockEndColor);
2748
- }
2749
-
2750
- .pf-v6-c-calendar-month__day {
2751
- padding-block-end: var(--pf-v6-c-calendar-month__day--PaddingBlockEnd);
2752
- font-weight: var(--pf-v6-c-calendar-month__day--FontWeight);
2753
- text-align: center;
2754
- }
2755
-
2756
- .pf-v6-c-calendar-month__dates-row:first-child {
2757
- --pf-v6-c-calendar-month__dates-cell--PaddingBlockStart: var(--pf-v6-c-calendar-month__dates-row--first-child__dates-cell--PaddingBlockStart);
2758
- }
2759
-
2760
- .pf-v6-c-calendar-month__dates-cell {
2761
- --pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
2762
- position: relative;
2763
- padding-block-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockStart);
2764
- padding-block-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingBlockEnd);
2765
- padding-inline-start: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineStart);
2766
- padding-inline-end: var(--pf-v6-c-calendar-month__dates-cell--PaddingInlineEnd);
2767
- text-align: center;
2768
- }
2769
-
2770
- .pf-v6-c-calendar-month__dates-cell::before {
2771
- position: absolute;
2772
- inset-block-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockStart);
2773
- inset-block-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetBlockEnd);
2774
- inset-inline-start: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart);
2775
- inset-inline-end: var(--pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd);
2776
- content: "";
2777
- background-color: var(--pf-v6-c-calendar-month__dates-cell--before--BackgroundColor);
2778
- }
2779
-
2780
- .pf-v6-c-calendar-month__dates-cell.pf-m-current {
2781
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-current__date--BackgroundColor);
2782
- }
2783
-
2784
- .pf-v6-c-calendar-month__dates-cell.pf-m-in-range {
2785
- --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--before--BackgroundColor);
2786
- --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BackgroundColor);
2787
- --pf-v6-c-calendar-month__date--hover--BorderWidth: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderWidth);
2788
- --pf-v6-c-calendar-month__date--hover--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--hover--BorderColor);
2789
- --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-in-range__date--focus--BackgroundColor);
2790
- }
2791
-
2792
- .pf-v6-c-calendar-month__dates-cell.pf-m-start-range {
2793
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineStart: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-start-range--before--InsetInlineStart);
2794
- }
2795
-
2796
- .pf-v6-c-calendar-month__dates-cell.pf-m-end-range {
2797
- --pf-v6-c-calendar-month__dates-cell--before--InsetInlineEnd: var(--pf-v6-c-calendar-month__dates-cell--m-in-range--m-end-range--before--InsetInlineEnd);
2798
- }
2799
-
2800
- .pf-v6-c-calendar-month__dates-cell.pf-m-adjacent-month {
2801
- --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-adjacent-month__date--Color);
2802
- }
2803
-
2804
- .pf-v6-c-calendar-month__dates-cell.pf-m-selected {
2805
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--BackgroundColor);
2806
- --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--Color);
2807
- --pf-v6-c-calendar-month__date--hover--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--hover--BackgroundColor);
2808
- --pf-v6-c-calendar-month__date--hover--BorderWidth: 0;
2809
- --pf-v6-c-calendar-month__date--focus--BackgroundColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--BackgroundColor);
2810
- --pf-v6-c-calendar-month__date--focus--after--BorderColor: var(--pf-v6-c-calendar-month__dates-cell--m-selected__date--focus--after--BorderColor);
2811
- --pf-v6-c-calendar-month__date--after--OutlineOffset: var(--pf-v6-c-calendar-month__date--after--focus--OutlineOffset);
2812
- }
2813
-
2814
- .pf-v6-c-calendar-month__dates-cell.pf-m-disabled {
2815
- --pf-v6-c-calendar-month__dates-cell--before--BackgroundColor: transparent;
2816
- --pf-v6-c-calendar-month__date--BackgroundColor: transparent;
2817
- }
2818
-
2819
- .pf-v6-c-calendar-month__date {
2820
- position: relative;
2821
- display: inline-flex;
2822
- align-items: center;
2823
- justify-content: center;
2824
- width: var(--pf-v6-c-calendar-month__date--Width);
2825
- height: var(--pf-v6-c-calendar-month__date--Height);
2826
- line-height: 1;
2827
- color: var(--pf-v6-c-calendar-month__date--Color);
2828
- background-color: var(--pf-v6-c-calendar-month__date--BackgroundColor);
2829
- border: 0;
2830
- }
2831
-
2832
- .pf-v6-c-calendar-month__date::after {
2833
- position: absolute;
2834
- inset-block-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2835
- inset-block-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2836
- inset-inline-start: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2837
- inset-inline-end: var(--pf-v6-c-calendar-month__date--after--OutlineOffset);
2838
- content: "";
2839
- border: var(--pf-v6-c-calendar-month__date--after--BorderWidth) solid var(--pf-v6-c-calendar-month__date--after--BorderColor);
2840
- }
2841
-
2842
- .pf-v6-c-calendar-month__date, .pf-v6-c-calendar-month__date::after {
2843
- border-radius: var(--pf-v6-c-calendar-month__date--BorderRadius);
2844
- }
2845
-
2846
- .pf-v6-c-calendar-month__date:hover, .pf-v6-c-calendar-month__date.pf-m-hover {
2847
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--hover--BackgroundColor);
2848
- border: var(--pf-v6-c-calendar-month__date--hover--BorderColor) solid var(--pf-v6-c-calendar-month__date--hover--BorderWidth);
2849
- }
2850
-
2851
- .pf-v6-c-calendar-month__date:focus, .pf-v6-c-calendar-month__date.pf-m-focus {
2852
- --pf-v6-c-calendar-month__date--after--BorderColor: var(--pf-v6-c-calendar-month__date--focus--after--BorderColor);
2853
- outline: 0;
2854
- }
2855
-
2856
- .pf-v6-c-calendar-month__date:disabled {
2857
- --pf-v6-c-calendar-month__date--BackgroundColor: var(--pf-v6-c-calendar-month__date--disabled--BackgroundColor);
2858
- --pf-v6-c-calendar-month__date--Color: var(--pf-v6-c-calendar-month__date--disabled--Color);
2859
- --pf-v6-c-calendar-month__date--hover--focus--BorderColor: transparent;
2860
- pointer-events: none;
2861
- }
2862
-
2863
2859
  .pf-v6-c-card {
2864
2860
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2865
2861
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
@@ -3223,60 +3219,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3223
3219
  color: var(--pf-v6-c-card__footer--Color);
3224
3220
  }
3225
3221
 
3226
- .pf-v6-c-code-block {
3227
- --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3228
- --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
3229
- --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
3230
- --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3231
- --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3232
- --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3233
- --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3234
- --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
3235
- --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
3236
- --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
3237
- --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3238
- --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
3239
- --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
3240
- --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
3241
- }
3242
-
3243
- .pf-v6-c-code-block {
3244
- background-color: var(--pf-v6-c-code-block--BackgroundColor);
3245
- border-radius: var(--pf-v6-c-code-block--BorderRadius);
3246
- }
3247
-
3248
- .pf-v6-c-code-block__header {
3249
- display: flex;
3250
- padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
3251
- padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
3252
- padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
3253
- padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
3254
- border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
3255
- }
3256
-
3257
- .pf-v6-c-code-block__actions {
3258
- display: flex;
3259
- margin-inline-start: auto;
3260
- }
3261
-
3262
- .pf-v6-c-code-block__content {
3263
- padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
3264
- padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
3265
- padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
3266
- padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
3267
- }
3268
-
3269
- .pf-v6-c-code-block__pre {
3270
- font-family: var(--pf-v6-c-code-block__pre--FontFamily);
3271
- font-size: var(--pf-v6-c-code-block__pre--FontSize);
3272
- overflow-wrap: break-word;
3273
- white-space: pre-wrap;
3274
- }
3275
-
3276
- .pf-v6-c-code-block__code {
3277
- font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
3278
- }
3279
-
3280
3222
  .pf-v6-c-clipboard-copy {
3281
3223
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
3282
3224
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -3377,15 +3319,69 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3377
3319
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
3378
3320
  }
3379
3321
 
3380
- :root {
3381
- --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
3382
- --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
3383
- --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
3384
- --pf-v6-c-content--m-editorial--FontSize: var(--pf-t--global--font--size--body--lg);
3385
- --pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body--default);
3386
- --pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
3387
- --pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
3388
- --pf-v6-c-content--h1--MarginBlockStart: var(--pf-t--global--spacer--lg);
3322
+ .pf-v6-c-code-block {
3323
+ --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
3324
+ --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
3325
+ --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
3326
+ --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3327
+ --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
3328
+ --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
3329
+ --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
3330
+ --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
3331
+ --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
3332
+ --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
3333
+ --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3334
+ --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
3335
+ --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
3336
+ --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
3337
+ }
3338
+
3339
+ .pf-v6-c-code-block {
3340
+ background-color: var(--pf-v6-c-code-block--BackgroundColor);
3341
+ border-radius: var(--pf-v6-c-code-block--BorderRadius);
3342
+ }
3343
+
3344
+ .pf-v6-c-code-block__header {
3345
+ display: flex;
3346
+ padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
3347
+ padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
3348
+ padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
3349
+ padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
3350
+ border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
3351
+ }
3352
+
3353
+ .pf-v6-c-code-block__actions {
3354
+ display: flex;
3355
+ margin-inline-start: auto;
3356
+ }
3357
+
3358
+ .pf-v6-c-code-block__content {
3359
+ padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
3360
+ padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
3361
+ padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
3362
+ padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
3363
+ }
3364
+
3365
+ .pf-v6-c-code-block__pre {
3366
+ font-family: var(--pf-v6-c-code-block__pre--FontFamily);
3367
+ font-size: var(--pf-v6-c-code-block__pre--FontSize);
3368
+ overflow-wrap: break-word;
3369
+ white-space: pre-wrap;
3370
+ }
3371
+
3372
+ .pf-v6-c-code-block__code {
3373
+ font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
3374
+ }
3375
+
3376
+ :root {
3377
+ --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
3378
+ --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
3379
+ --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
3380
+ --pf-v6-c-content--m-editorial--FontSize: var(--pf-t--global--font--size--body--lg);
3381
+ --pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body--default);
3382
+ --pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
3383
+ --pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
3384
+ --pf-v6-c-content--h1--MarginBlockStart: var(--pf-t--global--spacer--lg);
3389
3385
  --pf-v6-c-content--h1--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3390
3386
  --pf-v6-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
3391
3387
  --pf-v6-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--h1);
@@ -3415,6 +3411,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3415
3411
  --pf-v6-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
3416
3412
  --pf-v6-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--h6);
3417
3413
  --pf-v6-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
3414
+ --pf-v6-c-content--heading--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
3418
3415
  --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
3419
3416
  --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
3420
3417
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
@@ -3519,6 +3516,15 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
3519
3516
  margin-block-end: 0;
3520
3517
  }
3521
3518
 
3519
+ :is(.pf-v6-c-content--h1,
3520
+ .pf-v6-c-content--h2,
3521
+ .pf-v6-c-content--h3,
3522
+ .pf-v6-c-content--h4,
3523
+ .pf-v6-c-content--h5,
3524
+ .pf-v6-c-content--h6, .pf-v6-c-content h1, .pf-v6-c-content h2, .pf-v6-c-content h3, .pf-v6-c-content h4, .pf-v6-c-content h5, .pf-v6-c-content h6).pf-m-page-title {
3525
+ font-weight: var(--pf-v6-c-content--heading--m-page-title--FontWeight);
3526
+ }
3527
+
3522
3528
  :is(.pf-v6-c-content--h1, .pf-v6-c-content h1) {
3523
3529
  margin-block-start: var(--pf-v6-c-content--h1--MarginBlockStart);
3524
3530
  margin-block-end: var(--pf-v6-c-content--h1--MarginBlockEnd);
@@ -6261,66 +6267,6 @@ ul) {
6261
6267
  justify-content: center;
6262
6268
  }
6263
6269
 
6264
- .pf-v6-c-file-upload {
6265
- --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6266
- --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6267
- --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6268
- --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6269
- --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6270
- --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
6271
- --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
6272
- --pf-v6-c-file-upload--BorderColor: transparent;
6273
- --pf-v6-c-file-upload--BorderStyle: solid;
6274
- --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
6275
- --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
6276
- --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
6277
- --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
6278
- }
6279
-
6280
- .pf-v6-c-file-upload {
6281
- position: relative;
6282
- display: flex;
6283
- flex-direction: column;
6284
- row-gap: var(--pf-v6-c-file-upload--RowGap);
6285
- padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
6286
- padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
6287
- padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
6288
- padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
6289
- border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
6290
- border-radius: var(--pf-v6-c-file-upload--BorderRadius);
6291
- }
6292
-
6293
- .pf-v6-c-file-upload.pf-m-drag-hover {
6294
- --pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
6295
- --pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
6296
- }
6297
-
6298
- .pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
6299
- position: relative;
6300
- }
6301
-
6302
- .pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
6303
- outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
6304
- }
6305
-
6306
- .pf-v6-c-file-upload__file-details {
6307
- position: relative;
6308
- display: flex;
6309
- }
6310
-
6311
- .pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
6312
- flex: 1 1 auto;
6313
- min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
6314
- border-block-start: 0;
6315
- }
6316
-
6317
- .pf-v6-c-file-upload__file-details-spinner {
6318
- position: absolute;
6319
- inset-block-start: 50%;
6320
- inset-inline-start: 50%;
6321
- transform: translate(-50%, -50%);
6322
- }
6323
-
6324
6270
  .pf-v6-c-expandable-section {
6325
6271
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
6326
6272
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
@@ -6409,6 +6355,66 @@ ul) {
6409
6355
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
6410
6356
  }
6411
6357
 
6358
+ .pf-v6-c-file-upload {
6359
+ --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6360
+ --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6361
+ --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6362
+ --pf-v6-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6363
+ --pf-v6-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6364
+ --pf-v6-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
6365
+ --pf-v6-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
6366
+ --pf-v6-c-file-upload--BorderColor: transparent;
6367
+ --pf-v6-c-file-upload--BorderStyle: solid;
6368
+ --pf-v6-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
6369
+ --pf-v6-c-file-upload--m-drag-hover--BorderStyle: dashed;
6370
+ --pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
6371
+ --pf-v6-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
6372
+ }
6373
+
6374
+ .pf-v6-c-file-upload {
6375
+ position: relative;
6376
+ display: flex;
6377
+ flex-direction: column;
6378
+ row-gap: var(--pf-v6-c-file-upload--RowGap);
6379
+ padding-block-start: var(--pf-v6-c-file-upload--PaddingBlockStart);
6380
+ padding-block-end: var(--pf-v6-c-file-upload--PaddingBlockEnd);
6381
+ padding-inline-start: var(--pf-v6-c-file-upload--PaddingInlineStart);
6382
+ padding-inline-end: var(--pf-v6-c-file-upload--PaddingInlineEnd);
6383
+ border: var(--pf-v6-c-file-upload--BorderWidth) var(--pf-v6-c-file-upload--BorderStyle) var(--pf-v6-c-file-upload--BorderColor);
6384
+ border-radius: var(--pf-v6-c-file-upload--BorderRadius);
6385
+ }
6386
+
6387
+ .pf-v6-c-file-upload.pf-m-drag-hover {
6388
+ --pf-v6-c-file-upload--BorderColor: var(--pf-v6-c-file-upload--m-drag-hover--BorderColor);
6389
+ --pf-v6-c-file-upload--BorderStyle: var(--pf-v6-c-file-upload--m-drag-hover--BorderStyle);
6390
+ }
6391
+
6392
+ .pf-v6-c-file-upload.pf-m-loading .pf-v6-c-file-upload__file-details {
6393
+ position: relative;
6394
+ }
6395
+
6396
+ .pf-v6-c-file-upload__file-select .pf-v6-c-button.pf-m-control {
6397
+ outline-offset: var(--pf-v6-c-file-upload__file-select__c-button--m-control--OutlineOffset);
6398
+ }
6399
+
6400
+ .pf-v6-c-file-upload__file-details {
6401
+ position: relative;
6402
+ display: flex;
6403
+ }
6404
+
6405
+ .pf-v6-c-file-upload__file-details .pf-v6-c-form-control {
6406
+ flex: 1 1 auto;
6407
+ min-height: var(--pf-v6-c-file-upload__file-details__c-form-control--MinHeight);
6408
+ border-block-start: 0;
6409
+ }
6410
+
6411
+ .pf-v6-c-file-upload__file-details-spinner {
6412
+ position: absolute;
6413
+ inset-block-start: 50%;
6414
+ inset-inline-start: 50%;
6415
+ transform: translate(-50%, -50%);
6416
+ }
6417
+
6412
6418
  .pf-v6-c-form {
6413
6419
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
6414
6420
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -6948,72 +6954,150 @@ ul) {
6948
6954
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
6949
6955
  }
6950
6956
 
6951
- .pf-v6-c-form-control {
6952
- --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6953
- --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
6954
- --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
6955
- --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
6956
- --pf-v6-c-form-control--Resize: none;
6957
- --pf-v6-c-form-control--OutlineOffset: -6px;
6958
- --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
6959
- --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
6960
- --pf-v6-c-form-control--before--BorderStyle: solid;
6961
- --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
6962
- --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6963
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6964
- --pf-v6-c-form-control--after--BorderStyle: solid;
6965
- --pf-v6-c-form-control--after--BorderColor: transparent;
6966
- --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6967
- --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6968
- --pf-v6-c-form-control--Width: 100%;
6969
- --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
6970
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
6971
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
6972
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
6973
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
6974
- --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
6975
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
6976
- --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
6977
- --pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
6978
- --pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
6979
- --pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
6980
- --pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
6981
- --pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
6982
- --pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
6983
- --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
6984
- --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6985
- --pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
6986
- --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
6987
- --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
6988
- --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
6989
- --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
6990
- --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
6991
- --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
6992
- --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
6993
- --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6994
- --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
6995
- --pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
6996
- --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6997
- --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
6998
- --pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
6999
- --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
7000
- --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
7001
- --pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
7002
- --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
7003
- --pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
7004
- --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
7005
- --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
7006
- --pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-error--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
7007
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
7008
- --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
7009
- --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
7010
- --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
7011
- --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
7012
- --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
7013
- --pf-v6-c-form-control--textarea--Height: auto;
7014
- --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
7015
- --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
7016
- --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6957
+ .pf-v6-c-helper-text {
6958
+ --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
6959
+ --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
6960
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
6961
+ --pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
6962
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
6963
+ --pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
6964
+ --pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
6965
+ --pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
6966
+ --pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
6967
+ --pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
6968
+ --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
6969
+ --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
6970
+ --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
6971
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
6972
+ --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
6973
+ --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
6974
+ --pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6975
+ --pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6976
+ --pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
6977
+ --pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6978
+ --pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
6979
+ }
6980
+
6981
+ .pf-v6-c-helper-text {
6982
+ display: grid;
6983
+ gap: var(--pf-v6-c-helper-text--Gap);
6984
+ font-size: var(--pf-v6-c-helper-text--FontSize);
6985
+ }
6986
+
6987
+ .pf-v6-c-helper-text.pf-m-hidden {
6988
+ visibility: hidden;
6989
+ opacity: 0;
6990
+ }
6991
+
6992
+ .pf-v6-c-helper-text__item {
6993
+ display: flex;
6994
+ font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
6995
+ }
6996
+
6997
+ .pf-v6-c-helper-text__item.pf-m-indeterminate {
6998
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
6999
+ --pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
7000
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
7001
+ --pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
7002
+ }
7003
+
7004
+ .pf-v6-c-helper-text__item.pf-m-warning {
7005
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
7006
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
7007
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
7008
+ }
7009
+
7010
+ .pf-v6-c-helper-text__item.pf-m-success {
7011
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
7012
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
7013
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
7014
+ }
7015
+
7016
+ .pf-v6-c-helper-text__item.pf-m-error {
7017
+ --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
7018
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
7019
+ --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
7020
+ }
7021
+
7022
+ .pf-v6-c-helper-text__item.pf-m-dynamic {
7023
+ --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
7024
+ }
7025
+
7026
+ .pf-v6-c-helper-text__item-icon {
7027
+ margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
7028
+ color: var(--pf-v6-c-helper-text__item-icon--Color);
7029
+ }
7030
+
7031
+ .pf-v6-c-helper-text__item-text {
7032
+ color: var(--pf-v6-c-helper-text__item-text--Color);
7033
+ }
7034
+
7035
+ .pf-v6-c-form-control {
7036
+ --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
7037
+ --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
7038
+ --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
7039
+ --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
7040
+ --pf-v6-c-form-control--Resize: none;
7041
+ --pf-v6-c-form-control--OutlineOffset: -6px;
7042
+ --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
7043
+ --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
7044
+ --pf-v6-c-form-control--before--BorderStyle: solid;
7045
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
7046
+ --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
7047
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
7048
+ --pf-v6-c-form-control--after--BorderStyle: solid;
7049
+ --pf-v6-c-form-control--after--BorderColor: transparent;
7050
+ --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
7051
+ --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
7052
+ --pf-v6-c-form-control--Width: 100%;
7053
+ --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
7054
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
7055
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
7056
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
7057
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
7058
+ --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
7059
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
7060
+ --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
7061
+ --pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
7062
+ --pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
7063
+ --pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
7064
+ --pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
7065
+ --pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
7066
+ --pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
7067
+ --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7068
+ --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7069
+ --pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
7070
+ --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
7071
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
7072
+ --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
7073
+ --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
7074
+ --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
7075
+ --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
7076
+ --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
7077
+ --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
7078
+ --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
7079
+ --pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
7080
+ --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
7081
+ --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
7082
+ --pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
7083
+ --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
7084
+ --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
7085
+ --pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--ColumnGap));
7086
+ --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
7087
+ --pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
7088
+ --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
7089
+ --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
7090
+ --pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--inset--base) + var(--pf-v6-c-form-control--m-error--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer));
7091
+ --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
7092
+ --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
7093
+ --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
7094
+ --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
7095
+ --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
7096
+ --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
7097
+ --pf-v6-c-form-control--textarea--Height: auto;
7098
+ --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
7099
+ --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
7100
+ --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
7017
7101
  --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
7018
7102
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
7019
7103
  --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
@@ -7271,84 +7355,6 @@ select ~ .pf-v6-c-form-control__utilities {
7271
7355
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
7272
7356
  }
7273
7357
 
7274
- .pf-v6-c-helper-text {
7275
- --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
7276
- --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
7277
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
7278
- --pf-v6-c-helper-text__item-text--Color: var(--pf-t--global--text--color--regular);
7279
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-t--global--font--weight--body--default);
7280
- --pf-v6-c-helper-text__item-icon--m-indeterminate--Color: var(--pf-t--global--icon--color--subtle);
7281
- --pf-v6-c-helper-text__item-text--m-indeterminate--Color: var(--pf-t--global--text--color--subtle);
7282
- --pf-v6-c-helper-text__item-icon--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
7283
- --pf-v6-c-helper-text__item-text--m-warning--FontWeight: var(--pf-t--global--font--weight--body--bold);
7284
- --pf-v6-c-helper-text__item-icon--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
7285
- --pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
7286
- --pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
7287
- --pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
7288
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
7289
- --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
7290
- --pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
7291
- --pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
7292
- --pf-v6-c-helper-text--m-dynamic--m-warning__item-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
7293
- --pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color: var(--pf-t--global--icon--color--status--success--default);
7294
- --pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
7295
- --pf-v6-c-helper-text__item-icon--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7296
- }
7297
-
7298
- .pf-v6-c-helper-text {
7299
- display: grid;
7300
- gap: var(--pf-v6-c-helper-text--Gap);
7301
- font-size: var(--pf-v6-c-helper-text--FontSize);
7302
- }
7303
-
7304
- .pf-v6-c-helper-text.pf-m-hidden {
7305
- visibility: hidden;
7306
- opacity: 0;
7307
- }
7308
-
7309
- .pf-v6-c-helper-text__item {
7310
- display: flex;
7311
- font-weight: var(--pf-v6-c-helper-text__item-text--FontWeight);
7312
- }
7313
-
7314
- .pf-v6-c-helper-text__item.pf-m-indeterminate {
7315
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-indeterminate--Color);
7316
- --pf-v6-c-helper-text__item-text--Color: var(--pf-v6-c-helper-text__item-text--m-indeterminate--Color);
7317
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color);
7318
- --pf-v6-c-helper-text--m-dynamic__item-text--Color: var(--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color);
7319
- }
7320
-
7321
- .pf-v6-c-helper-text__item.pf-m-warning {
7322
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-warning--FontWeight);
7323
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-warning--Color);
7324
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-warning__item-icon--Color);
7325
- }
7326
-
7327
- .pf-v6-c-helper-text__item.pf-m-success {
7328
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-success--FontWeight);
7329
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-success--Color);
7330
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-success__item-icon--Color);
7331
- }
7332
-
7333
- .pf-v6-c-helper-text__item.pf-m-error {
7334
- --pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
7335
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
7336
- --pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
7337
- }
7338
-
7339
- .pf-v6-c-helper-text__item.pf-m-dynamic {
7340
- --pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
7341
- }
7342
-
7343
- .pf-v6-c-helper-text__item-icon {
7344
- margin-inline-end: var(--pf-v6-c-helper-text__item-icon--MarginInlineEnd);
7345
- color: var(--pf-v6-c-helper-text__item-icon--Color);
7346
- }
7347
-
7348
- .pf-v6-c-helper-text__item-text {
7349
- color: var(--pf-v6-c-helper-text__item-text--Color);
7350
- }
7351
-
7352
7358
  .pf-v6-c-hint {
7353
7359
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
7354
7360
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
@@ -8423,6 +8429,7 @@ label.pf-v6-c-input-group__text {
8423
8429
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8424
8430
  --pf-v6-c-label--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8425
8431
  --pf-v6-c-label--MaxWidth: 100%;
8432
+ --pf-v6-c-label--MinWidth: 3em;
8426
8433
  --pf-v6-c-label--BorderWidth: 0;
8427
8434
  --pf-v6-c-label--BorderColor: transparent;
8428
8435
  --pf-v6-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -8612,6 +8619,7 @@ label.pf-v6-c-input-group__text {
8612
8619
 
8613
8620
  .pf-v6-c-label {
8614
8621
  position: relative;
8622
+ min-width: var(--pf-v6-c-label--MinWidth);
8615
8623
  max-width: var(--pf-v6-c-label--MaxWidth);
8616
8624
  padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
8617
8625
  padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
@@ -8947,16 +8955,22 @@ input.pf-v6-c-label__content {
8947
8955
  .pf-v6-c-label-group {
8948
8956
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
8949
8957
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
8958
+ --pf-v6-c-label-group--MaxWidth: 100%;
8950
8959
  --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
8951
8960
  --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
8952
8961
  --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
8953
8962
  --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
8963
+ --pf-v6-c-label-group__main--MaxWidth: 100%;
8964
+ --pf-v6-c-label-group__main--MinWidth: 0;
8954
8965
  --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
8955
8966
  --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
8956
8967
  --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
8957
8968
  --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
8969
+ --pf-v6-c-label-group__list--MaxWidth: 100%;
8970
+ --pf-v6-c-label-group__list--MinWidth: 0;
8958
8971
  --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
8959
8972
  --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
8973
+ --pf-v6-c-label-group__list-item--MaxWidth: 100%;
8960
8974
  --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8961
8975
  --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8962
8976
  --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -8983,6 +8997,7 @@ input.pf-v6-c-label__content {
8983
8997
  row-gap: var(--pf-v6-c-label-group--RowGap);
8984
8998
  column-gap: var(--pf-v6-c-label-group--ColumnGap);
8985
8999
  align-items: center;
9000
+ max-width: var(--pf-v6-c-label-group--MaxWidth);
8986
9001
  }
8987
9002
 
8988
9003
  .pf-v6-c-label-group.pf-m-category {
@@ -9012,10 +9027,12 @@ input.pf-v6-c-label__content {
9012
9027
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
9013
9028
  flex-direction: column;
9014
9029
  align-items: flex-start;
9030
+ max-width: var(--pf-v6-c-label-group__list--MaxWidth);
9015
9031
  }
9016
9032
 
9017
9033
  .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
9018
9034
  flex-direction: column;
9035
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
9019
9036
  }
9020
9037
 
9021
9038
  .pf-v6-c-label-group.pf-m-editable,
@@ -9038,6 +9055,7 @@ input.pf-v6-c-label__content {
9038
9055
  row-gap: var(--pf-v6-c-label-group__main--RowGap);
9039
9056
  column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
9040
9057
  align-items: baseline;
9058
+ min-width: var(--pf-v6-c-label-group__main--MinWidth);
9041
9059
  }
9042
9060
 
9043
9061
  .pf-v6-c-label-group__list {
@@ -9045,10 +9063,12 @@ input.pf-v6-c-label__content {
9045
9063
  flex-wrap: wrap;
9046
9064
  row-gap: var(--pf-v6-c-label-group__list--RowGap);
9047
9065
  column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
9066
+ min-width: var(--pf-v6-c-label-group__list--MinWidth);
9048
9067
  }
9049
9068
 
9050
9069
  .pf-v6-c-label-group__list-item {
9051
9070
  display: inline-flex;
9071
+ max-width: var(--pf-v6-c-label-group__list-item--MaxWidth);
9052
9072
  }
9053
9073
 
9054
9074
  .pf-v6-c-label-group__label {
@@ -10856,218 +10876,6 @@ ul.pf-v6-c-list {
10856
10876
  --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
10857
10877
  }
10858
10878
  }
10859
- .pf-v6-c-multiple-file-upload {
10860
- --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
10861
- --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
10862
- --pf-v6-c-multiple-file-upload__main--TextAlign: center;
10863
- --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
10864
- --pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
10865
- --pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
10866
- "title"
10867
- "upload"
10868
- "info";
10869
- --pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
10870
- --pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
10871
- --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
10872
- --pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
10873
- --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
10874
- --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
10875
- --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
10876
- --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
10877
- --pf-v6-c-multiple-file-upload__title--Display: grid;
10878
- --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
10879
- --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
10880
- --pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
10881
- --pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
10882
- --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
10883
- --pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
10884
- --pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
10885
- --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
10886
- --pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
10887
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
10888
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
10889
- --pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
10890
- --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
10891
- --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
10892
- --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
10893
- --pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
10894
- --pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
10895
- --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
10896
- --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
10897
- --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
10898
- --pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
10899
- --pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
10900
- --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
10901
- --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
10902
- "title upload"
10903
- "info upload";
10904
- --pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
10905
- --pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
10906
- --pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
10907
- --pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
10908
- --pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
10909
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
10910
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
10911
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
10912
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
10913
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
10914
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
10915
- --pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
10916
- --pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10917
- --pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10918
- --pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
10919
- --pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10920
- --pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
10921
- --pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
10922
- --pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
10923
- --pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
10924
- --pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10925
- --pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
10926
- --pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
10927
- --pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
10928
- --pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
10929
- --pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
10930
- --pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
10931
- --pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
10932
- --pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
10933
- --pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
10934
- }
10935
-
10936
- .pf-v6-c-multiple-file-upload {
10937
- display: grid;
10938
- grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
10939
- gap: var(--pf-v6-c-multiple-file-upload--Gap);
10940
- }
10941
-
10942
- .pf-v6-c-multiple-file-upload.pf-m-horizontal {
10943
- --pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
10944
- --pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
10945
- --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
10946
- --pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
10947
- --pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
10948
- --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
10949
- --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
10950
- --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
10951
- --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
10952
- --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
10953
- --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
10954
- --pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
10955
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
10956
- --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
10957
- --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
10958
- --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
10959
- }
10960
-
10961
- .pf-v6-c-multiple-file-upload.pf-m-drag-over {
10962
- --pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
10963
- --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
10964
- }
10965
-
10966
- .pf-v6-c-multiple-file-upload__main {
10967
- display: grid;
10968
- grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
10969
- grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
10970
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
10971
- gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
10972
- align-items: center;
10973
- padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
10974
- padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
10975
- padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
10976
- padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
10977
- text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
10978
- border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
10979
- border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
10980
- }
10981
-
10982
- .pf-v6-c-multiple-file-upload__title {
10983
- display: var(--pf-v6-c-multiple-file-upload__title--Display);
10984
- grid-area: title;
10985
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
10986
- gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
10987
- }
10988
-
10989
- .pf-v6-c-multiple-file-upload__title-icon {
10990
- font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
10991
- color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
10992
- }
10993
-
10994
- .pf-v6-c-multiple-file-upload__title-text {
10995
- font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
10996
- font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
10997
- font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
10998
- color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
10999
- }
11000
-
11001
- .pf-v6-c-multiple-file-upload__title-text-separator {
11002
- display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
11003
- margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
11004
- margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
11005
- font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
11006
- font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
11007
- font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
11008
- color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
11009
- }
11010
-
11011
- .pf-v6-c-multiple-file-upload__upload {
11012
- grid-area: upload;
11013
- }
11014
-
11015
- .pf-v6-c-multiple-file-upload__info {
11016
- grid-area: info;
11017
- margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
11018
- font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
11019
- color: var(--pf-v6-c-multiple-file-upload__info--Color);
11020
- }
11021
-
11022
- .pf-v6-c-multiple-file-upload__status {
11023
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
11024
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
11025
- padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
11026
- padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
11027
- }
11028
-
11029
- .pf-v6-c-multiple-file-upload__status,
11030
- .pf-v6-c-multiple-file-upload__status-item-main {
11031
- min-width: 0;
11032
- }
11033
-
11034
- .pf-v6-c-multiple-file-upload__status-progress {
11035
- display: grid;
11036
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
11037
- gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
11038
- }
11039
-
11040
- .pf-v6-c-multiple-file-upload__status-progress-icon {
11041
- color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
11042
- }
11043
-
11044
- .pf-v6-c-multiple-file-upload__status-item {
11045
- display: grid;
11046
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
11047
- gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
11048
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
11049
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
11050
- border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
11051
- }
11052
-
11053
- .pf-v6-c-multiple-file-upload__status-item-icon {
11054
- color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
11055
- }
11056
-
11057
- .pf-v6-c-multiple-file-upload__status-item-progress {
11058
- display: grid;
11059
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
11060
- gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
11061
- }
11062
-
11063
- .pf-v6-c-multiple-file-upload__status-item-progress-text {
11064
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
11065
- }
11066
-
11067
- .pf-v6-c-multiple-file-upload__status-item-progress-size {
11068
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
11069
- }
11070
-
11071
10879
  .pf-v6-c-nav {
11072
10880
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11073
10881
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -11404,6 +11212,218 @@ ul.pf-v6-c-list {
11404
11212
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
11405
11213
  }
11406
11214
 
11215
+ .pf-v6-c-multiple-file-upload {
11216
+ --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
11217
+ --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
11218
+ --pf-v6-c-multiple-file-upload__main--TextAlign: center;
11219
+ --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
11220
+ --pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
11221
+ --pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
11222
+ "title"
11223
+ "upload"
11224
+ "info";
11225
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
11226
+ --pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
11227
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
11228
+ --pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
11229
+ --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
11230
+ --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
11231
+ --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
11232
+ --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
11233
+ --pf-v6-c-multiple-file-upload__title--Display: grid;
11234
+ --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
11235
+ --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
11236
+ --pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
11237
+ --pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
11238
+ --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
11239
+ --pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
11240
+ --pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
11241
+ --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
11242
+ --pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
11243
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
11244
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
11245
+ --pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
11246
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
11247
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
11248
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
11249
+ --pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
11250
+ --pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
11251
+ --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
11252
+ --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
11253
+ --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
11254
+ --pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
11255
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
11256
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
11257
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
11258
+ "title upload"
11259
+ "info upload";
11260
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
11261
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11262
+ --pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
11263
+ --pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
11264
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
11265
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
11266
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
11267
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
11268
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
11269
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
11270
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
11271
+ --pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
11272
+ --pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11273
+ --pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11274
+ --pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
11275
+ --pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11276
+ --pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
11277
+ --pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
11278
+ --pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
11279
+ --pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
11280
+ --pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
11281
+ --pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
11282
+ --pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
11283
+ --pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
11284
+ --pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
11285
+ --pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
11286
+ --pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
11287
+ --pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
11288
+ --pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
11289
+ --pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
11290
+ }
11291
+
11292
+ .pf-v6-c-multiple-file-upload {
11293
+ display: grid;
11294
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
11295
+ gap: var(--pf-v6-c-multiple-file-upload--Gap);
11296
+ }
11297
+
11298
+ .pf-v6-c-multiple-file-upload.pf-m-horizontal {
11299
+ --pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
11300
+ --pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
11301
+ --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
11302
+ --pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
11303
+ --pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
11304
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
11305
+ --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
11306
+ --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
11307
+ --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
11308
+ --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
11309
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
11310
+ --pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
11311
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
11312
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
11313
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
11314
+ --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
11315
+ }
11316
+
11317
+ .pf-v6-c-multiple-file-upload.pf-m-drag-over {
11318
+ --pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
11319
+ --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
11320
+ }
11321
+
11322
+ .pf-v6-c-multiple-file-upload__main {
11323
+ display: grid;
11324
+ grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
11325
+ grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
11326
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
11327
+ gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
11328
+ align-items: center;
11329
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
11330
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
11331
+ padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
11332
+ padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
11333
+ text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
11334
+ border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
11335
+ border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
11336
+ }
11337
+
11338
+ .pf-v6-c-multiple-file-upload__title {
11339
+ display: var(--pf-v6-c-multiple-file-upload__title--Display);
11340
+ grid-area: title;
11341
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
11342
+ gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
11343
+ }
11344
+
11345
+ .pf-v6-c-multiple-file-upload__title-icon {
11346
+ font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
11347
+ color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
11348
+ }
11349
+
11350
+ .pf-v6-c-multiple-file-upload__title-text {
11351
+ font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
11352
+ font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
11353
+ font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
11354
+ color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
11355
+ }
11356
+
11357
+ .pf-v6-c-multiple-file-upload__title-text-separator {
11358
+ display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
11359
+ margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
11360
+ margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
11361
+ font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
11362
+ font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
11363
+ font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
11364
+ color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
11365
+ }
11366
+
11367
+ .pf-v6-c-multiple-file-upload__upload {
11368
+ grid-area: upload;
11369
+ }
11370
+
11371
+ .pf-v6-c-multiple-file-upload__info {
11372
+ grid-area: info;
11373
+ margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
11374
+ font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
11375
+ color: var(--pf-v6-c-multiple-file-upload__info--Color);
11376
+ }
11377
+
11378
+ .pf-v6-c-multiple-file-upload__status {
11379
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
11380
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
11381
+ padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
11382
+ padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
11383
+ }
11384
+
11385
+ .pf-v6-c-multiple-file-upload__status,
11386
+ .pf-v6-c-multiple-file-upload__status-item-main {
11387
+ min-width: 0;
11388
+ }
11389
+
11390
+ .pf-v6-c-multiple-file-upload__status-progress {
11391
+ display: grid;
11392
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
11393
+ gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
11394
+ }
11395
+
11396
+ .pf-v6-c-multiple-file-upload__status-progress-icon {
11397
+ color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
11398
+ }
11399
+
11400
+ .pf-v6-c-multiple-file-upload__status-item {
11401
+ display: grid;
11402
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
11403
+ gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
11404
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
11405
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
11406
+ border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
11407
+ }
11408
+
11409
+ .pf-v6-c-multiple-file-upload__status-item-icon {
11410
+ color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
11411
+ }
11412
+
11413
+ .pf-v6-c-multiple-file-upload__status-item-progress {
11414
+ display: grid;
11415
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
11416
+ gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
11417
+ }
11418
+
11419
+ .pf-v6-c-multiple-file-upload__status-item-progress-text {
11420
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
11421
+ }
11422
+
11423
+ .pf-v6-c-multiple-file-upload__status-item-progress-size {
11424
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
11425
+ }
11426
+
11407
11427
  .pf-v6-c-notification-drawer {
11408
11428
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
11409
11429
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -11663,71 +11683,32 @@ ul.pf-v6-c-list {
11663
11683
  .pf-v6-c-notification-drawer__group-toggle-title {
11664
11684
  display: -webkit-box;
11665
11685
  -webkit-box-orient: vertical;
11666
- -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
11667
- overflow: hidden;
11668
- flex: 1;
11669
- margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
11670
- font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
11671
- text-align: start;
11672
- word-break: break-word;
11673
- }
11674
-
11675
- .pf-v6-c-notification-drawer__group-toggle-count {
11676
- margin-inline-start: auto;
11677
- margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
11678
- }
11679
-
11680
- .pf-v6-c-notification-drawer__group-toggle-icon {
11681
- margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
11682
- color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
11683
- transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
11684
- }
11685
-
11686
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
11687
- scale: -1 1;
11688
- }
11689
-
11690
- .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
11691
- transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
11692
- }
11693
-
11694
- .pf-v6-c-overflow-menu {
11695
- --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
11696
- --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
11697
- --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
11698
- --pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
11699
- }
11700
-
11701
- .pf-v6-c-overflow-menu {
11702
- display: inline-flex;
11703
- column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11704
- }
11705
-
11706
- .pf-v6-c-overflow-menu__content,
11707
- .pf-v6-c-overflow-menu__group {
11708
- display: flex;
11709
- align-items: start;
11710
- }
11711
-
11712
- .pf-v6-c-overflow-menu__group {
11713
- column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
11686
+ -webkit-line-clamp: var(--pf-v6-c-notification-drawer__group-toggle-title--max-lines);
11687
+ overflow: hidden;
11688
+ flex: 1;
11689
+ margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
11690
+ font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
11691
+ text-align: start;
11692
+ word-break: break-word;
11714
11693
  }
11715
11694
 
11716
- .pf-v6-c-overflow-menu__group.pf-m-button-group {
11717
- column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
11695
+ .pf-v6-c-notification-drawer__group-toggle-count {
11696
+ margin-inline-start: auto;
11697
+ margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd);
11718
11698
  }
11719
11699
 
11720
- .pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
11721
- column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
11700
+ .pf-v6-c-notification-drawer__group-toggle-icon {
11701
+ margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd);
11702
+ color: var(--pf-v6-c-notification-drawer__group-toggle-icon--Color);
11703
+ transition: var(--pf-v6-c-notification-drawer__group-toggle-icon--Transition);
11722
11704
  }
11723
11705
 
11724
- .pf-v6-c-overflow-menu__item {
11725
- column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
11706
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-notification-drawer__group-toggle-icon {
11707
+ scale: -1 1;
11726
11708
  }
11727
11709
 
11728
- .pf-v6-c-overflow-menu__content,
11729
- .pf-v6-c-overflow-menu__control {
11730
- column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
11710
+ .pf-v6-c-notification-drawer__group.pf-m-expanded .pf-v6-c-notification-drawer__group-toggle-icon {
11711
+ transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
11731
11712
  }
11732
11713
 
11733
11714
  .pf-v6-c-page {
@@ -12378,6 +12359,45 @@ ul.pf-v6-c-list {
12378
12359
  flex-grow: 1;
12379
12360
  }
12380
12361
 
12362
+ .pf-v6-c-overflow-menu {
12363
+ --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
12364
+ --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
12365
+ --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
12366
+ --pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
12367
+ }
12368
+
12369
+ .pf-v6-c-overflow-menu {
12370
+ display: inline-flex;
12371
+ column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
12372
+ }
12373
+
12374
+ .pf-v6-c-overflow-menu__content,
12375
+ .pf-v6-c-overflow-menu__group {
12376
+ display: flex;
12377
+ align-items: start;
12378
+ }
12379
+
12380
+ .pf-v6-c-overflow-menu__group {
12381
+ column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
12382
+ }
12383
+
12384
+ .pf-v6-c-overflow-menu__group.pf-m-button-group {
12385
+ column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
12386
+ }
12387
+
12388
+ .pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
12389
+ column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
12390
+ }
12391
+
12392
+ .pf-v6-c-overflow-menu__item {
12393
+ column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
12394
+ }
12395
+
12396
+ .pf-v6-c-overflow-menu__content,
12397
+ .pf-v6-c-overflow-menu__control {
12398
+ column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
12399
+ }
12400
+
12381
12401
  .pf-v6-c-pagination {
12382
12402
  --pf-v6-c-pagination--inset: 0;
12383
12403
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
@@ -13159,6 +13179,92 @@ ul.pf-v6-c-list {
13159
13179
  font-variant-numeric: tabular-nums;
13160
13180
  }
13161
13181
 
13182
+ .pf-v6-c-radio {
13183
+ --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
13184
+ --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
13185
+ --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
13186
+ --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
13187
+ --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
13188
+ --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
13189
+ --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
13190
+ --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
13191
+ --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
13192
+ --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
13193
+ --pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
13194
+ --pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
13195
+ --pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
13196
+ --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
13197
+ }
13198
+
13199
+ .pf-v6-c-radio {
13200
+ display: grid;
13201
+ grid-template-columns: auto 1fr;
13202
+ grid-gap: var(--pf-v6-c-radio--GridGap);
13203
+ align-items: baseline;
13204
+ accent-color: var(--pf-v6-c-radio--AccentColor);
13205
+ }
13206
+
13207
+ .pf-v6-c-radio.pf-m-standalone {
13208
+ display: inline-grid;
13209
+ grid-template-columns: auto;
13210
+ min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
13211
+ }
13212
+
13213
+ .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
13214
+ align-self: center;
13215
+ transform: none;
13216
+ }
13217
+
13218
+ .pf-v6-c-radio__input {
13219
+ align-self: start;
13220
+ font-size: var(--pf-v6-c-radio__label--FontSize);
13221
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
13222
+ transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
13223
+ }
13224
+
13225
+ .pf-v6-c-radio__input:first-child {
13226
+ margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
13227
+ }
13228
+
13229
+ .pf-v6-c-radio__input:last-child {
13230
+ margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
13231
+ }
13232
+
13233
+ .pf-v6-c-radio__label {
13234
+ font-size: var(--pf-v6-c-radio__label--FontSize);
13235
+ font-weight: var(--pf-v6-c-radio__label--FontWeight);
13236
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
13237
+ color: var(--pf-v6-c-radio__label--Color);
13238
+ }
13239
+
13240
+ .pf-v6-c-radio__description {
13241
+ grid-column: 2;
13242
+ font-size: var(--pf-v6-c-radio__description--FontSize);
13243
+ color: var(--pf-v6-c-radio__description--Color);
13244
+ }
13245
+
13246
+ .pf-v6-c-radio__body {
13247
+ grid-column: 2;
13248
+ margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
13249
+ }
13250
+
13251
+ .pf-v6-c-radio__label,
13252
+ .pf-v6-c-radio__input {
13253
+ justify-self: start;
13254
+ }
13255
+
13256
+ label.pf-v6-c-radio, .pf-v6-c-radio__label,
13257
+ .pf-v6-c-radio__input {
13258
+ cursor: pointer;
13259
+ }
13260
+
13261
+ .pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
13262
+ .pf-v6-c-radio__input:disabled,
13263
+ .pf-v6-c-radio__input.pf-m-disabled {
13264
+ --pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
13265
+ cursor: not-allowed;
13266
+ }
13267
+
13162
13268
  .pf-v6-c-progress-stepper {
13163
13269
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
13164
13270
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
@@ -14000,121 +14106,18 @@ ul.pf-v6-c-list {
14000
14106
  }
14001
14107
 
14002
14108
  .pf-v6-c-text-input-group__utilities {
14003
- display: flex;
14004
- align-items: center;
14005
- margin-inline-start: var(--pf-v6-c-text-input-group__utilities--MarginInlineStart);
14006
- margin-inline-end: var(--pf-v6-c-text-input-group__utilities--MarginInlineEnd);
14007
- }
14008
-
14009
- .pf-v6-c-text-input-group__utilities > * + * {
14010
- margin-inline-start: var(--pf-v6-c-text-input-group__utilities--child--MarginInlineStart);
14011
- }
14012
-
14013
- .pf-v6-c-text-input-group__group {
14014
- display: flex;
14015
- }
14016
-
14017
- .pf-v6-c-radio {
14018
- --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
14019
- --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
14020
- --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
14021
- --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
14022
- --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
14023
- --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
14024
- --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
14025
- --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
14026
- --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
14027
- --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
14028
- --pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
14029
- --pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
14030
- --pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
14031
- --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
14032
- }
14033
-
14034
- .pf-v6-c-radio {
14035
- display: grid;
14036
- grid-template-columns: auto 1fr;
14037
- grid-gap: var(--pf-v6-c-radio--GridGap);
14038
- align-items: baseline;
14039
- accent-color: var(--pf-v6-c-radio--AccentColor);
14040
- }
14041
-
14042
- .pf-v6-c-radio.pf-m-standalone {
14043
- display: inline-grid;
14044
- grid-template-columns: auto;
14045
- min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
14046
- }
14047
-
14048
- .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
14049
- align-self: center;
14050
- transform: none;
14051
- }
14052
-
14053
- .pf-v6-c-radio__input {
14054
- align-self: start;
14055
- font-size: var(--pf-v6-c-radio__label--FontSize);
14056
- line-height: var(--pf-v6-c-radio__label--LineHeight);
14057
- transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
14058
- }
14059
-
14060
- .pf-v6-c-radio__input:first-child {
14061
- margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
14062
- }
14063
-
14064
- .pf-v6-c-radio__input:last-child {
14065
- margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
14066
- }
14067
-
14068
- .pf-v6-c-radio__label {
14069
- font-size: var(--pf-v6-c-radio__label--FontSize);
14070
- font-weight: var(--pf-v6-c-radio__label--FontWeight);
14071
- line-height: var(--pf-v6-c-radio__label--LineHeight);
14072
- color: var(--pf-v6-c-radio__label--Color);
14073
- }
14074
-
14075
- .pf-v6-c-radio__description {
14076
- grid-column: 2;
14077
- font-size: var(--pf-v6-c-radio__description--FontSize);
14078
- color: var(--pf-v6-c-radio__description--Color);
14079
- }
14080
-
14081
- .pf-v6-c-radio__body {
14082
- grid-column: 2;
14083
- margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
14084
- }
14085
-
14086
- .pf-v6-c-radio__label,
14087
- .pf-v6-c-radio__input {
14088
- justify-self: start;
14089
- }
14090
-
14091
- label.pf-v6-c-radio, .pf-v6-c-radio__label,
14092
- .pf-v6-c-radio__input {
14093
- cursor: pointer;
14094
- }
14095
-
14096
- .pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
14097
- .pf-v6-c-radio__input:disabled,
14098
- .pf-v6-c-radio__input.pf-m-disabled {
14099
- --pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
14100
- cursor: not-allowed;
14101
- }
14102
-
14103
- .pf-v6-c-skip-to-content {
14104
- --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14105
- --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
14106
- --pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
14109
+ display: flex;
14110
+ align-items: center;
14111
+ margin-inline-start: var(--pf-v6-c-text-input-group__utilities--MarginInlineStart);
14112
+ margin-inline-end: var(--pf-v6-c-text-input-group__utilities--MarginInlineEnd);
14107
14113
  }
14108
14114
 
14109
- .pf-v6-c-skip-to-content {
14110
- position: absolute;
14111
- inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
14112
- inset-inline-start: -300%;
14113
- z-index: var(--pf-v6-c-skip-to-content--ZIndex);
14115
+ .pf-v6-c-text-input-group__utilities > * + * {
14116
+ margin-inline-start: var(--pf-v6-c-text-input-group__utilities--child--MarginInlineStart);
14114
14117
  }
14115
14118
 
14116
- .pf-v6-c-skip-to-content:focus-within {
14117
- inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14119
+ .pf-v6-c-text-input-group__group {
14120
+ display: flex;
14118
14121
  }
14119
14122
 
14120
14123
  .pf-v6-c-simple-list {
@@ -14383,6 +14386,23 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
14383
14386
  transform: translateX(100%);
14384
14387
  }
14385
14388
  }
14389
+ .pf-v6-c-skip-to-content {
14390
+ --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
14391
+ --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
14392
+ --pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
14393
+ }
14394
+
14395
+ .pf-v6-c-skip-to-content {
14396
+ position: absolute;
14397
+ inset-block-start: var(--pf-v6-c-skip-to-content--InsetBlockStart);
14398
+ inset-inline-start: -300%;
14399
+ z-index: var(--pf-v6-c-skip-to-content--ZIndex);
14400
+ }
14401
+
14402
+ .pf-v6-c-skip-to-content:focus-within {
14403
+ inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
14404
+ }
14405
+
14386
14406
  .pf-v6-c-slider {
14387
14407
  --pf-v6-c-slider--value: 0;
14388
14408
  --pf-v6-c-slider__step--InsetInlineStart: 0;
@@ -15819,6 +15839,136 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15819
15839
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
15820
15840
  }
15821
15841
 
15842
+ .pf-v6-c-toggle-group {
15843
+ --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15844
+ --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
15845
+ --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
15846
+ --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
15847
+ --pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
15848
+ --pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
15849
+ --pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
15850
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
15851
+ --pf-v6-c-toggle-group__button--ZIndex: auto;
15852
+ --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
15853
+ --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
15854
+ --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
15855
+ --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
15856
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
15857
+ --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
15858
+ --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
15859
+ --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
15860
+ --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
15861
+ --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
15862
+ --pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
15863
+ --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
15864
+ --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
15865
+ --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
15866
+ --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
15867
+ --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
15868
+ --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15869
+ --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
15870
+ --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
15871
+ --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
15872
+ --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
15873
+ --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
15874
+ --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15875
+ --pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
15876
+ --pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15877
+ --pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
15878
+ }
15879
+
15880
+ .pf-v6-c-toggle-group {
15881
+ display: flex;
15882
+ }
15883
+
15884
+ .pf-v6-c-toggle-group.pf-m-compact {
15885
+ --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
15886
+ --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
15887
+ --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
15888
+ --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
15889
+ --pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
15890
+ }
15891
+
15892
+ .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
15893
+ margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
15894
+ }
15895
+
15896
+ .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
15897
+ border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
15898
+ border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
15899
+ }
15900
+
15901
+ .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
15902
+ border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
15903
+ border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
15904
+ }
15905
+
15906
+ .pf-v6-c-toggle-group__button {
15907
+ position: relative;
15908
+ z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
15909
+ display: inline-flex;
15910
+ padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
15911
+ padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
15912
+ padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
15913
+ padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
15914
+ font-size: var(--pf-v6-c-toggle-group__button--FontSize);
15915
+ line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
15916
+ color: var(--pf-v6-c-toggle-group__button--Color);
15917
+ background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
15918
+ border: 0;
15919
+ }
15920
+
15921
+ .pf-v6-c-toggle-group__button::before {
15922
+ position: absolute;
15923
+ inset-block-start: 0;
15924
+ inset-block-end: 0;
15925
+ inset-inline-start: 0;
15926
+ inset-inline-end: 0;
15927
+ pointer-events: none;
15928
+ content: "";
15929
+ border-style: solid;
15930
+ border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
15931
+ border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
15932
+ border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
15933
+ border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
15934
+ border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
15935
+ }
15936
+
15937
+ .pf-v6-c-toggle-group__button:is(:hover, :focus) {
15938
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
15939
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
15940
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
15941
+ text-decoration: none;
15942
+ }
15943
+
15944
+ .pf-v6-c-toggle-group__button.pf-m-selected {
15945
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
15946
+ --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
15947
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
15948
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
15949
+ }
15950
+
15951
+ .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
15952
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
15953
+ --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
15954
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
15955
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
15956
+ pointer-events: none;
15957
+ }
15958
+
15959
+ .pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
15960
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
15961
+ }
15962
+
15963
+ .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
15964
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
15965
+ }
15966
+
15967
+ .pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
15968
+ .pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
15969
+ margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
15970
+ }
15971
+
15822
15972
  .pf-v6-c-title {
15823
15973
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
15824
15974
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -15857,6 +16007,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15857
16007
  --pf-v6-c-title--m-h6--LineHeight: var(--pf-t--global--font--line-height--heading);
15858
16008
  --pf-v6-c-title--m-h6--FontSize: var(--pf-t--global--font--size--heading--h6);
15859
16009
  --pf-v6-c-title--m-h6--FontWeight: var(--pf-t--global--font--weight--heading--default);
16010
+ --pf-v6-c-title--m-page-title--FontWeight: var(--pf-t--global--font--weight--heading--bold);
15860
16011
  }
15861
16012
 
15862
16013
  .pf-v6-c-title {
@@ -15935,135 +16086,51 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
15935
16086
  font-weight: var(--pf-v6-c-title--m-h6--FontWeight);
15936
16087
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
15937
16088
  }
15938
-
15939
- .pf-v6-c-toggle-group {
15940
- --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15941
- --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
15942
- --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
15943
- --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
15944
- --pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
15945
- --pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
15946
- --pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
15947
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
15948
- --pf-v6-c-toggle-group__button--ZIndex: auto;
15949
- --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
15950
- --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
15951
- --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
15952
- --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
15953
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
15954
- --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
15955
- --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
15956
- --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
15957
- --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
15958
- --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
15959
- --pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
15960
- --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
15961
- --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
15962
- --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
15963
- --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
15964
- --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
15965
- --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
15966
- --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
15967
- --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
15968
- --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
15969
- --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
15970
- --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
15971
- --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15972
- --pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
15973
- --pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15974
- --pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
15975
- }
15976
-
15977
- .pf-v6-c-toggle-group {
15978
- display: flex;
15979
- }
15980
-
15981
- .pf-v6-c-toggle-group.pf-m-compact {
15982
- --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
15983
- --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
15984
- --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
15985
- --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
15986
- --pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
15987
- }
15988
-
15989
- .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
15990
- margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
15991
- }
15992
-
15993
- .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
15994
- border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
15995
- border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
15996
- }
15997
-
15998
- .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
15999
- border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
16000
- border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
16001
- }
16002
-
16003
- .pf-v6-c-toggle-group__button {
16004
- position: relative;
16005
- z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
16006
- display: inline-flex;
16007
- padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
16008
- padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
16009
- padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
16010
- padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
16011
- font-size: var(--pf-v6-c-toggle-group__button--FontSize);
16012
- line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
16013
- color: var(--pf-v6-c-toggle-group__button--Color);
16014
- background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
16015
- border: 0;
16016
- }
16017
-
16018
- .pf-v6-c-toggle-group__button::before {
16019
- position: absolute;
16020
- inset-block-start: 0;
16021
- inset-block-end: 0;
16022
- inset-inline-start: 0;
16023
- inset-inline-end: 0;
16024
- pointer-events: none;
16025
- content: "";
16026
- border-style: solid;
16027
- border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
16028
- border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
16029
- border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
16030
- border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
16031
- border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
16089
+
16090
+ .pf-v6-c-title.pf-m-page-title {
16091
+ font-weight: var(--pf-v6-c-title--m-page-title--FontWeight);
16032
16092
  }
16033
16093
 
16034
- .pf-v6-c-toggle-group__button:is(:hover, :focus) {
16035
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
16036
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
16037
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
16038
- text-decoration: none;
16094
+ .pf-v6-c-number-input {
16095
+ --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
16096
+ --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
16097
+ --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
16098
+ --pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
16099
+ --pf-v6-c-number-input--c-form-control--width-chars: 4;
16100
+ --pf-v6-c-number-input--c-form-control--Width:
16101
+ calc(
16102
+ calc(
16103
+ var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
16104
+ ) + var(--pf-v6-c-number-input--c-form-control--width-icon)
16105
+ );
16039
16106
  }
16040
16107
 
16041
- .pf-v6-c-toggle-group__button.pf-m-selected {
16042
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
16043
- --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
16044
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
16045
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
16108
+ .pf-v6-c-number-input {
16109
+ display: inline-flex;
16110
+ align-items: center;
16046
16111
  }
16047
16112
 
16048
- .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
16049
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
16050
- --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
16051
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
16052
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
16053
- pointer-events: none;
16113
+ .pf-v6-c-number-input .pf-v6-c-form-control {
16114
+ width: var(--pf-v6-c-number-input--c-form-control--Width);
16054
16115
  }
16055
16116
 
16056
- .pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
16057
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
16117
+ .pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
16118
+ text-align: end;
16119
+ appearance: textfield;
16058
16120
  }
16059
16121
 
16060
- .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
16061
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
16122
+ .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
16123
+ margin: 0;
16124
+ appearance: none;
16062
16125
  }
16063
16126
 
16064
- .pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
16065
- .pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
16066
- margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
16127
+ .pf-v6-c-input-group + .pf-v6-c-number-input__unit,
16128
+ .pf-v6-c-number-input__unit + .pf-v6-c-input-group {
16129
+ margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
16130
+ }
16131
+
16132
+ .pf-v6-c-number-input__icon {
16133
+ font-size: var(--pf-v6-c-number-input__icon--FontSize);
16067
16134
  }
16068
16135
 
16069
16136
  .pf-v6-c-toolbar {
@@ -18178,48 +18245,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18178
18245
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
18179
18246
  }
18180
18247
 
18181
- .pf-v6-c-number-input {
18182
- --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
18183
- --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
18184
- --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
18185
- --pf-v6-c-number-input--c-form-control--width-icon: var(--pf-t--global--spacer--xl);
18186
- --pf-v6-c-number-input--c-form-control--width-chars: 4;
18187
- --pf-v6-c-number-input--c-form-control--Width:
18188
- calc(
18189
- calc(
18190
- var(--pf-v6-c-number-input--c-form-control--width-base) + var(--pf-v6-c-number-input--c-form-control--width-chars) * 1ch
18191
- ) + var(--pf-v6-c-number-input--c-form-control--width-icon)
18192
- );
18193
- }
18194
-
18195
- .pf-v6-c-number-input {
18196
- display: inline-flex;
18197
- align-items: center;
18198
- }
18199
-
18200
- .pf-v6-c-number-input .pf-v6-c-form-control {
18201
- width: var(--pf-v6-c-number-input--c-form-control--Width);
18202
- }
18203
-
18204
- .pf-v6-c-number-input .pf-v6-c-form-control > :is(input) {
18205
- text-align: end;
18206
- appearance: textfield;
18207
- }
18208
-
18209
- .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v6-c-number-input .pf-v6-c-form-control > :is(input)::-webkit-outer-spin-button {
18210
- margin: 0;
18211
- appearance: none;
18212
- }
18213
-
18214
- .pf-v6-c-input-group + .pf-v6-c-number-input__unit,
18215
- .pf-v6-c-number-input__unit + .pf-v6-c-input-group {
18216
- margin-inline-start: var(--pf-v6-c-number-input__unit--c-input-group--MarginInlineStart);
18217
- }
18218
-
18219
- .pf-v6-c-number-input__icon {
18220
- font-size: var(--pf-v6-c-number-input__icon--FontSize);
18221
- }
18222
-
18223
18248
  .pf-v6-c-tree-view {
18224
18249
  --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
18225
18250
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
@@ -18797,7 +18822,7 @@ label.pf-v6-c-tree-view__node-text {
18797
18822
  --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
18798
18823
  --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
18799
18824
  --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
18800
- --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
18825
+ --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--sm);
18801
18826
  --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
18802
18827
  --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
18803
18828
  --pf-v6-c-wizard__nav--Width: 100%;
@@ -19353,6 +19378,54 @@ label.pf-v6-c-tree-view__node-text {
19353
19378
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
19354
19379
  }
19355
19380
 
19381
+ .pf-v6-c-truncate {
19382
+ --pf-v6-c-truncate--MinWidth: 6ch;
19383
+ --pf-v6-c-truncate__start--MinWidth: 6ch;
19384
+ }
19385
+
19386
+ .pf-v6-c-truncate {
19387
+ display: inline-grid;
19388
+ grid-auto-flow: column;
19389
+ align-items: baseline;
19390
+ min-width: var(--pf-v6-c-truncate--MinWidth);
19391
+ }
19392
+
19393
+ .pf-v6-c-truncate__start,
19394
+ .pf-v6-c-truncate__end {
19395
+ overflow: hidden;
19396
+ text-overflow: ellipsis;
19397
+ white-space: pre;
19398
+ }
19399
+
19400
+ .pf-v6-c-truncate__start {
19401
+ min-width: var(--pf-v6-c-truncate__start--MinWidth);
19402
+ }
19403
+
19404
+ .pf-v6-c-truncate__end {
19405
+ direction: rtl;
19406
+ }
19407
+
19408
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19409
+ direction: ltr;
19410
+ }
19411
+
19412
+ .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19413
+ overflow: visible;
19414
+ direction: ltr;
19415
+ }
19416
+
19417
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19418
+ direction: rtl;
19419
+ }
19420
+
19421
+ @supports (-webkit-hyphens: none) {
19422
+ .pf-v6-c-truncate__end {
19423
+ direction: ltr;
19424
+ }
19425
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19426
+ direction: rtl;
19427
+ }
19428
+ }
19356
19429
  .pf-v6-c-panel {
19357
19430
  --pf-v6-c-panel--Width: auto;
19358
19431
  --pf-v6-c-panel--MinWidth: auto;
@@ -19455,54 +19528,6 @@ label.pf-v6-c-tree-view__node-text {
19455
19528
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
19456
19529
  }
19457
19530
 
19458
- .pf-v6-c-truncate {
19459
- --pf-v6-c-truncate--MinWidth: 6ch;
19460
- --pf-v6-c-truncate__start--MinWidth: 6ch;
19461
- }
19462
-
19463
- .pf-v6-c-truncate {
19464
- display: inline-grid;
19465
- grid-auto-flow: column;
19466
- align-items: baseline;
19467
- min-width: var(--pf-v6-c-truncate--MinWidth);
19468
- }
19469
-
19470
- .pf-v6-c-truncate__start,
19471
- .pf-v6-c-truncate__end {
19472
- overflow: hidden;
19473
- text-overflow: ellipsis;
19474
- white-space: pre;
19475
- }
19476
-
19477
- .pf-v6-c-truncate__start {
19478
- min-width: var(--pf-v6-c-truncate__start--MinWidth);
19479
- }
19480
-
19481
- .pf-v6-c-truncate__end {
19482
- direction: rtl;
19483
- }
19484
-
19485
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19486
- direction: ltr;
19487
- }
19488
-
19489
- .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19490
- overflow: visible;
19491
- direction: ltr;
19492
- }
19493
-
19494
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__start + .pf-v6-c-truncate__end {
19495
- direction: rtl;
19496
- }
19497
-
19498
- @supports (-webkit-hyphens: none) {
19499
- .pf-v6-c-truncate__end {
19500
- direction: ltr;
19501
- }
19502
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-truncate__end {
19503
- direction: rtl;
19504
- }
19505
- }
19506
19531
  .pf-v6-l-bullseye {
19507
19532
  --pf-v6-l-bullseye--Padding: 0;
19508
19533
  }
@@ -22084,39 +22109,6 @@ label.pf-v6-c-tree-view__node-text {
22084
22109
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
22085
22110
  }
22086
22111
  }
22087
- .pf-v6-l-level {
22088
- --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
22089
- }
22090
-
22091
- .pf-v6-l-level {
22092
- display: flex;
22093
- flex-wrap: wrap;
22094
- align-items: center;
22095
- justify-content: space-between;
22096
- }
22097
-
22098
- .pf-v6-l-level.pf-m-gutter {
22099
- gap: var(--pf-v6-l-level--m-gutter--Gap);
22100
- }
22101
-
22102
- .pf-v6-l-stack {
22103
- --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
22104
- }
22105
-
22106
- .pf-v6-l-stack {
22107
- display: flex;
22108
- flex-direction: column;
22109
- height: 100%;
22110
- }
22111
-
22112
- .pf-v6-l-stack__item.pf-m-fill {
22113
- flex-grow: 1;
22114
- }
22115
-
22116
- .pf-v6-l-stack.pf-m-gutter {
22117
- gap: var(--pf-v6-l-stack--m-gutter--Gap);
22118
- }
22119
-
22120
22112
  .pf-v6-l-split {
22121
22113
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
22122
22114
  }
@@ -22131,7 +22123,7 @@ label.pf-v6-c-tree-view__node-text {
22131
22123
  flex-wrap: wrap;
22132
22124
  }
22133
22125
 
22134
- .pf-v6-l-split__item.pf-m-fill {
22126
+ .pf-v6-l-split__item.pf-m-fill, .pf-v6-l-split > .pf-m-fill {
22135
22127
  flex-grow: 1;
22136
22128
  }
22137
22129
 
@@ -22139,6 +22131,21 @@ label.pf-v6-c-tree-view__node-text {
22139
22131
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
22140
22132
  }
22141
22133
 
22134
+ .pf-v6-l-level {
22135
+ --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
22136
+ }
22137
+
22138
+ .pf-v6-l-level {
22139
+ display: flex;
22140
+ flex-wrap: wrap;
22141
+ align-items: center;
22142
+ justify-content: space-between;
22143
+ }
22144
+
22145
+ .pf-v6-l-level.pf-m-gutter {
22146
+ gap: var(--pf-v6-l-level--m-gutter--Gap);
22147
+ }
22148
+
22142
22149
  .pf-v6-l-grid {
22143
22150
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
22144
22151
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -23126,6 +23133,24 @@ label.pf-v6-c-tree-view__node-text {
23126
23133
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
23127
23134
  }
23128
23135
 
23136
+ .pf-v6-l-stack {
23137
+ --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
23138
+ }
23139
+
23140
+ .pf-v6-l-stack {
23141
+ display: flex;
23142
+ flex-direction: column;
23143
+ height: 100%;
23144
+ }
23145
+
23146
+ .pf-v6-l-stack__item.pf-m-fill, .pf-v6-l-stack > .pf-m-fill {
23147
+ flex-grow: 1;
23148
+ }
23149
+
23150
+ .pf-v6-l-stack.pf-m-gutter {
23151
+ gap: var(--pf-v6-l-stack--m-gutter--Gap);
23152
+ }
23153
+
23129
23154
  .pf-v6-c-about-modal-box {
23130
23155
  --pf-v6-c-about-modal-box--BackgroundImage: none;
23131
23156
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);