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

Sign up to get free protection for your applications and to get access to all the features.
@@ -391,14 +391,14 @@
391
391
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
392
392
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
393
393
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
394
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
395
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
394
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
395
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
396
396
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
397
397
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
398
398
  --pf-v6-c-alert__toggle-icon--Transition: var(--pf-t--global--transition);
399
399
  --pf-v6-c-alert__icon--Color: var(--pf-t--global--icon--color--regular);
400
400
  --pf-v6-c-alert__icon--MarginBlockStart: 0.25rem;
401
- --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
401
+ --pf-v6-c-alert__icon--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
402
402
  --pf-v6-c-alert__icon--FontSize: var(--pf-t--global--icon--size--md);
403
403
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
404
404
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
@@ -1409,10 +1409,10 @@ button.pf-v6-c-breadcrumb__link {
1409
1409
  --pf-v6-c-button--AlignItems: baseline;
1410
1410
  --pf-v6-c-button--JustifyContent: center;
1411
1411
  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
1412
- --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1413
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
1414
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1415
- --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--lg);
1412
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
1413
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
1414
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
1415
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
1416
1416
  --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
1417
1417
  --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
1418
1418
  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
@@ -1471,8 +1471,8 @@ button.pf-v6-c-breadcrumb__link {
1471
1471
  --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
1472
1472
  --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
1473
1473
  --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
1474
- --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1475
- --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--md);
1474
+ --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
1475
+ --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
1476
1476
  --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
1477
1477
  --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
1478
1478
  --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
@@ -1509,17 +1509,15 @@ button.pf-v6-c-breadcrumb__link {
1509
1509
  --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
1510
1510
  --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
1511
1511
  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
1512
- --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
1513
- --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
1512
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
1513
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
1514
1514
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
1515
- --pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1516
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
1517
- --pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1518
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--sm);
1519
- --pf-v6-c-button--m-plain--Color: var(--pf-t--global--text--color--regular);
1520
- --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--icon--color--regular);
1515
+ --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
1516
+ --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
1517
+ --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
1518
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
1521
1519
  --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
1522
- --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--m-plain--PaddingBlockStart) + var(--pf-v6-c-button--m-plain--PaddingBlockEnd));
1520
+ --pf-v6-c-button--m-plain--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
1523
1521
  --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
1524
1522
  --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
1525
1523
  --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
@@ -1527,10 +1525,8 @@ button.pf-v6-c-breadcrumb__link {
1527
1525
  --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
1528
1526
  --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
1529
1527
  --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
1530
- --pf-v6-c-button--m-plain--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1531
- --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
1532
- --pf-v6-c-button--m-plain--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
1533
- --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--xs);
1528
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1529
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
1534
1530
  --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
1535
1531
  --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
1536
1532
  --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
@@ -1541,8 +1537,8 @@ button.pf-v6-c-breadcrumb__link {
1541
1537
  --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
1542
1538
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
1543
1539
  --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
1544
- --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--md);
1545
- --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1540
+ --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1541
+ --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1546
1542
  --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
1547
1543
  --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
1548
1544
  --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
@@ -1559,8 +1555,8 @@ button.pf-v6-c-breadcrumb__link {
1559
1555
  --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
1560
1556
  --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
1561
1557
  --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
1562
- --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--md);
1563
- --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1558
+ --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1559
+ --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1564
1560
  --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
1565
1561
  --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
1566
1562
  --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
@@ -1603,16 +1599,16 @@ button.pf-v6-c-breadcrumb__link {
1603
1599
  --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
1604
1600
  --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
1605
1601
  --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
1606
- --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--md);
1607
- --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
1608
- --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1609
- --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--xl);
1602
+ --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
1603
+ --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
1604
+ --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
1605
+ --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
1610
1606
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
1611
1607
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
1612
- --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1613
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1614
- --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
1615
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--md);
1608
+ --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
1609
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
1610
+ --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
1611
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
1616
1612
  --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
1617
1613
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
1618
1614
  --pf-v6-c-button--disabled--BorderColor: transparent;
@@ -1629,12 +1625,12 @@ button.pf-v6-c-breadcrumb__link {
1629
1625
  --pf-v6-c-button__progress--TranslateY: -50%;
1630
1626
  --pf-v6-c-button__progress--TranslateX: 0;
1631
1627
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
1632
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--md);
1628
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
1633
1629
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
1634
- --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
1635
- --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width) / 2);
1636
- --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--md);
1637
- --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--md) + var(--pf-v6-c-button__progress--width));
1630
+ --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
1631
+ --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
1632
+ --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
1633
+ --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
1638
1634
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
1639
1635
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
1640
1636
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
@@ -1873,9 +1869,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1873
1869
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
1874
1870
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
1875
1871
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
1876
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--PaddingBlockStart);
1877
1872
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
1878
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--PaddingBlockEnd);
1879
1873
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
1880
1874
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
1881
1875
  --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
@@ -1885,9 +1879,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1885
1879
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
1886
1880
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
1887
1881
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
1888
- --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
1889
1882
  --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
1890
- --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockEnd);
1891
1883
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
1892
1884
  min-width: var(--pf-v6-c-button--m-plain--MinWidth);
1893
1885
  }
@@ -1895,9 +1887,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
1895
1887
  --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
1896
1888
  --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
1897
1889
  --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
1898
- --pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
1890
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
1891
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
1899
1892
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
1900
- --pf-v6-c-button--m-plain--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
1901
1893
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
1902
1894
  min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
1903
1895
  }
@@ -2230,7 +2222,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2230
2222
  --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2231
2223
  --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2232
2224
  --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2233
- --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
2225
+ --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
2234
2226
  --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
2235
2227
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2236
2228
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
@@ -2273,8 +2265,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2273
2265
  --pf-v6-c-card--m-full-height--Height: 100%;
2274
2266
  --pf-v6-c-card--m-plain--BorderColor: transparent;
2275
2267
  --pf-v6-c-card--m-plain--BackgroundColor: transparent;
2276
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--compact) * -1);
2277
- --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
2268
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
2269
+ --pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
2278
2270
  }
2279
2271
 
2280
2272
  .pf-v6-c-card {
@@ -3641,7 +3633,7 @@ ul) {
3641
3633
  --pf-v6-c-data-list--cell--WhiteSpace: normal;
3642
3634
  --pf-v6-c-data-list--cell--WordBreak: normal;
3643
3635
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
3644
- --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--sm) * -1);
3636
+ --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
3645
3637
  --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3646
3638
  --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
3647
3639
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
@@ -6346,8 +6338,8 @@ ul) {
6346
6338
  --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
6347
6339
  --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
6348
6340
  --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
6349
- --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-v6-c-button--m-plain--PaddingBlockStart) * -1);
6350
- --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-v6-c-button--m-plain--PaddingBlockEnd) * -1);
6341
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
6342
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
6351
6343
  --pf-v6-c-form__field-group-toggle-icon--Transition: var(--pf-t--global--transition);
6352
6344
  --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
6353
6345
  --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
@@ -6824,7 +6816,7 @@ ul) {
6824
6816
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6825
6817
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6826
6818
  --pf-v6-c-form-control--Width: 100%;
6827
- --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--md);
6819
+ --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
6828
6820
  --pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
6829
6821
  --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
6830
6822
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
@@ -6850,35 +6842,34 @@ ul) {
6850
6842
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
6851
6843
  --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6852
6844
  --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
6853
- --pf-v6-c-form-control--m-success--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
6845
+ --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));
6854
6846
  --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6855
6847
  --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
6856
- --pf-v6-c-form-control--m-warning--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
6848
+ --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));
6857
6849
  --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6858
6850
  --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
6859
- --pf-v6-c-form-control--m-error--PaddingInlineEnd: calc(var(--pf-t--global--spacer--xl) + var(--pf-v6-c-form-control--ColumnGap));
6851
+ --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));
6860
6852
  --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
6861
6853
  --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));
6862
6854
  --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
6863
- --pf-v6-c-form-control--m-icon--icon--spacer: var(--pf-t--global--spacer--sm);
6855
+ --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
6864
6856
  --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));
6865
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6866
- --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-t--global--spacer--md);
6867
- --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
6868
- --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
6869
- --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
6857
+ --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
6858
+ --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
6859
+ --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));
6860
+ --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));
6861
+ --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));
6870
6862
  --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
6871
6863
  --pf-v6-c-form-control--textarea--Height: auto;
6872
- --pf-v6-c-form-control__icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6873
6864
  --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
6865
+ --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6874
6866
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
6875
6867
  --pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
6876
6868
  --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
6877
6869
  --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
6878
6870
  --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--sm);
6879
- --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--inset--base);
6871
+ --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
6880
6872
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
6881
- --pf-v6-c-form-control__toggle-icon--PaddingBlockStart: var(--pf-t--global--spacer--sm);
6882
6873
  --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
6883
6874
  --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
6884
6875
  --pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -7046,7 +7037,7 @@ ul) {
7046
7037
  }
7047
7038
 
7048
7039
  .pf-v6-c-form-control__icon {
7049
- padding-block-start: var(--pf-v6-c-form-control__icon--PaddingBlockStart);
7040
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
7050
7041
  color: var(--pf-v6-c-form-control__icon--Color);
7051
7042
  }
7052
7043
  .pf-v6-c-form-control__icon.pf-m-status {
@@ -7056,7 +7047,6 @@ ul) {
7056
7047
  .pf-v6-c-form-control__toggle-icon {
7057
7048
  grid-row: 1/2;
7058
7049
  grid-column: 3;
7059
- padding-block-start: var(--pf-v6-c-form-control__toggle-icon--PaddingBlockStart);
7060
7050
  padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
7061
7051
  padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
7062
7052
  color: var(--pf-v6-c-form-control__toggle-icon--Color);
@@ -7069,6 +7059,7 @@ ul) {
7069
7059
  grid-row: 1/2;
7070
7060
  grid-column: 2;
7071
7061
  gap: var(--pf-v6-c-form-control__utilities--Gap);
7062
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
7072
7063
  padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
7073
7064
  pointer-events: none;
7074
7065
  }
@@ -8835,44 +8826,61 @@ ul.pf-v6-c-list {
8835
8826
 
8836
8827
  :where(:root, .pf-v6-c-masthead) {
8837
8828
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
8838
- --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--md);
8829
+ --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
8839
8830
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
8840
8831
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
8841
8832
  --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
8842
8833
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
8843
8834
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
8844
- --pf-v6-c-masthead__brand--MarginInlineEnd: var(--pf-t--global--spacer--md);
8845
- --pf-v6-c-masthead__brand--MaxHeight: 2.375rem;
8835
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
8836
+ --pf-v6-c-masthead__main--MarginInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
8837
+ --pf-v6-c-masthead__logo--MaxHeight: 2.375rem;
8838
+ --pf-v6-c-masthead__logo--Width: 11.8125rem;
8846
8839
  --pf-v6-c-masthead__toggle--Size: var(--pf-t--global--icon--size--xl);
8840
+ --pf-v6-c-masthead__content--ColumnGap: var(--pf-t--global--spacer--md);
8841
+ --pf-v6-c-masthead--m-display-stack--ColumnGap: var(--pf-t--global--spacer--gutter--default);
8847
8842
  --pf-v6-c-masthead--m-display-stack--GridTemplateColumns: max-content 1fr;
8848
- --pf-v6-c-masthead--m-display-stack__main--GridColumn: -1 / 1;
8849
- --pf-v6-c-masthead--m-display-stack__main--Order: -1;
8850
- --pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
8851
- --pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
8852
- --pf-v6-c-masthead--m-display-stack__content--GridColumn: 2;
8843
+ --pf-v6-c-masthead--m-display-stack__brand--GridColumn: -1 / 1;
8844
+ --pf-v6-c-masthead--m-display-stack__brand--Order: -1;
8845
+ --pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--RowGap);
8846
+ --pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
8847
+ --pf-v6-c-masthead--m-display-stack__content--GridColumn: 1;
8853
8848
  --pf-v6-c-masthead--m-display-stack__content--Order: 1;
8854
- --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: max-content max-content 1fr;
8855
- --pf-v6-c-masthead--m-display-inline__main--GridColumn: 2;
8856
- --pf-v6-c-masthead--m-display-inline__main--Order: 0;
8857
- --pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd: 0;
8858
- --pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd: 0;
8859
- --pf-v6-c-masthead--m-display-inline__content--GridColumn: 3;
8849
+ --pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn: 2;
8850
+ --pf-v6-c-masthead--m-display-stack__main--Display: contents;
8851
+ --pf-v6-c-masthead--m-display-stack__main--ColumnGap: unset;
8852
+ --pf-v6-c-masthead--m-display-inline--ColumnGap: 0;
8853
+ --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
8854
+ --pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns: subgrid;
8855
+ --pf-v6-c-masthead--m-display-inline__brand--GridColumn: initial;
8856
+ --pf-v6-c-masthead--m-display-inline__brand--Order: initial;
8857
+ --pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd: 0;
8858
+ --pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd: 0;
8859
+ --pf-v6-c-masthead--m-display-inline__main--GridColumn: 1;
8860
+ --pf-v6-c-masthead--m-display-inline__content--GridColumn: 2;
8860
8861
  --pf-v6-c-masthead--m-display-inline__content--Order: 0;
8862
+ --pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn: 2;
8863
+ --pf-v6-c-masthead--m-display-inline__main--Display: flex;
8864
+ --pf-v6-c-masthead--m-display-inline__main--ColumnGap: var(--pf-t--global--spacer--md);
8861
8865
  --pf-v6-c-masthead__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
8862
8866
  --pf-v6-c-masthead__expandable-content--BorderBlockStart: var(--pf-v6-c-masthead--BorderWidth) solid var(--pf-v6-c-masthead--BorderColor);
8863
8867
  --pf-v6-c-masthead--c-toolbar--Width: 100%;
8864
8868
  --pf-v6-c-masthead--c-toolbar--PaddingBlock: 0;
8865
- --pf-v6-c-masthead--c-toolbar--PaddingInline: 0;
8866
8869
  }
8867
8870
 
8868
8871
  .pf-v6-c-masthead {
8872
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
8869
8873
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
8870
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
8871
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
8872
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
8873
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
8874
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
8875
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
8876
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
8877
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
8878
+ --pf-v6-c-masthead__main--GridColumn: unset;
8874
8879
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
8875
8880
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
8881
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
8882
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
8883
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
8876
8884
  display: grid;
8877
8885
  grid-template-columns: var(--pf-v6-c-masthead--GridTemplateColumns);
8878
8886
  row-gap: var(--pf-v6-c-masthead--RowGap);
@@ -8888,18 +8896,22 @@ ul.pf-v6-c-list {
8888
8896
  .pf-v6-c-masthead .pf-v6-c-toolbar {
8889
8897
  --pf-v6-c-toolbar--Width: var(--pf-v6-c-masthead--c-toolbar--Width);
8890
8898
  --pf-v6-c-toolbar--PaddingBlockEnd: 0;
8891
- --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-masthead--c-toolbar--PaddingInline);
8892
8899
  --pf-v6-c-toolbar__content--MinWidth: 0;
8893
8900
  }
8894
8901
  @media screen and (min-width: 48rem) {
8895
8902
  :where(:not(.pf-m-resize-observer)) .pf-v6-c-masthead {
8903
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
8896
8904
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
8905
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
8906
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
8907
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
8908
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
8897
8909
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
8898
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
8899
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
8900
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
8901
8910
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
8902
8911
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
8912
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
8913
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
8914
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
8903
8915
  }
8904
8916
  }
8905
8917
  .pf-v6-c-masthead .pf-v6-c-toolbar__content-section {
@@ -8912,22 +8924,32 @@ ul.pf-v6-c-list {
8912
8924
  box-shadow: var(--pf-v6-c-masthead__expandable-content--BoxShadow);
8913
8925
  }
8914
8926
  .pf-v6-c-masthead.pf-m-display-stack {
8927
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
8915
8928
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
8916
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
8917
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
8918
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
8919
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
8929
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
8930
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
8931
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
8932
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
8933
+ --pf-v6-c-masthead__main--GridColumn: unset;
8920
8934
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
8921
8935
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
8936
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
8937
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
8938
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
8922
8939
  }
8923
8940
  .pf-v6-c-masthead.pf-m-display-inline {
8941
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
8924
8942
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
8943
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
8944
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
8945
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
8946
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
8925
8947
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
8926
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
8927
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
8928
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
8929
8948
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
8930
8949
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
8950
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
8951
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
8952
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
8931
8953
  }
8932
8954
  .pf-v6-c-masthead.pf-m-inset-none {
8933
8955
  padding-inline-start: 0;
@@ -8954,48 +8976,55 @@ ul.pf-v6-c-list {
8954
8976
  padding-inline-end: var(--pf-t--global--spacer--2xl);
8955
8977
  }
8956
8978
 
8957
- .pf-v6-c-masthead,
8958
8979
  .pf-v6-c-masthead__main {
8980
+ display: var(--pf-v6-c-masthead__main--Display);
8981
+ grid-column: var(--pf-v6-c-masthead__main--GridColumn);
8982
+ column-gap: var(--pf-v6-c-masthead__main--ColumnGap);
8983
+ align-items: center;
8984
+ margin-inline-end: var(--pf-v6-c-masthead__main--MarginInlineEnd);
8985
+ }
8986
+ .pf-v6-c-masthead__main:has(.pf-v6-c-masthead__toggle) ~ .pf-v6-c-masthead__content {
8987
+ --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead__main--toggle--content--GridColumn);
8988
+ }
8989
+
8990
+ .pf-v6-c-masthead,
8991
+ .pf-v6-c-masthead__brand {
8959
8992
  position: relative;
8960
8993
  }
8961
8994
 
8962
- .pf-v6-c-masthead__main,
8963
- .pf-v6-c-masthead__content,
8964
- .pf-v6-c-masthead__logo,
8965
8995
  .pf-v6-c-masthead__brand {
8966
8996
  display: flex;
8997
+ flex-shrink: 0;
8998
+ grid-column: var(--pf-v6-c-masthead__brand--GridColumn, revert);
8999
+ row-gap: var(--pf-v6-c-masthead__brand--RowGap, var(--pf-v6-c-masthead--RowGap));
8967
9000
  align-self: stretch;
8968
- }
8969
-
8970
- .pf-v6-c-masthead__main,
8971
- .pf-v6-c-masthead__brand,
8972
- .pf-v6-c-masthead__content {
9001
+ order: var(--pf-v6-c-masthead__brand--Order, revert);
8973
9002
  min-width: 0.25rem;
8974
- }
8975
-
8976
- .pf-v6-c-masthead__main {
8977
- grid-column: var(--pf-v6-c-masthead__main--GridColumn);
8978
- row-gap: var(--pf-v6-c-masthead__main--RowGap, var(--pf-v6-c-masthead--RowGap));
8979
- align-items: var(--pf-v6-c-masthead__main--AlignItems, var(--pf-v6-c-masthead--AlignItems));
8980
- order: var(--pf-v6-c-masthead__main--Order);
8981
- padding-block-end: var(--pf-v6-c-masthead__main--PaddingBlockEnd);
8982
- border-block-end: var(--pf-v6-c-masthead__main--BorderBlockEnd);
9003
+ padding-block-end: var(--pf-v6-c-masthead__brand--PaddingBlockEnd);
9004
+ border-block-end: var(--pf-v6-c-masthead__brand--BorderBlockEnd);
8983
9005
  }
8984
9006
 
8985
9007
  .pf-v6-c-masthead__content {
9008
+ display: flex;
8986
9009
  flex-wrap: wrap;
8987
9010
  grid-column: var(--pf-v6-c-masthead__content--GridColumn);
8988
9011
  grid-column-end: -1;
8989
9012
  row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
8990
- column-gap: var(--pf-v6-c-masthead__content-ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
8991
- align-items: var(--pf-v6-c-masthead__content--AlignItems, var(--pf-v6-c-masthead--AlignItems));
9013
+ column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
9014
+ align-self: stretch;
8992
9015
  order: var(--pf-v6-c-masthead__content--Order);
9016
+ min-width: 0.25rem;
8993
9017
  }
8994
9018
 
8995
- .pf-v6-c-masthead__brand {
8996
- align-items: var(--pf-v6-c-masthead__brand--AlignItems, var(--pf-v6-c-masthead--AlignItems));
8997
- max-height: var(--pf-v6-c-masthead__brand--MaxHeight);
8998
- margin-inline-end: var(--pf-v6-c-masthead__brand--MarginInlineEnd);
9019
+ .pf-v6-c-masthead__logo {
9020
+ position: relative;
9021
+ width: var(--pf-v6-c-masthead__logo--Width);
9022
+ max-height: var(--pf-v6-c-masthead__logo--MaxHeight);
9023
+ }
9024
+ .pf-v6-c-masthead__logo > * {
9025
+ max-width: 100%;
9026
+ max-height: 100%;
9027
+ vertical-align: middle;
8999
9028
  }
9000
9029
 
9001
9030
  .pf-v6-c-masthead__toggle {
@@ -9008,22 +9037,32 @@ ul.pf-v6-c-list {
9008
9037
  }
9009
9038
 
9010
9039
  .pf-v6-c-masthead.pf-m-display-stack {
9040
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9011
9041
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9012
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9013
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9014
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9015
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9042
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9043
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9044
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9045
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9046
+ --pf-v6-c-masthead__main--GridColumn: unset;
9016
9047
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9017
9048
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9049
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
9050
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9051
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9018
9052
  }
9019
9053
  .pf-v6-c-masthead.pf-m-display-inline {
9054
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9020
9055
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9056
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9057
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9058
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9059
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9021
9060
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9022
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9023
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9024
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9025
9061
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9026
9062
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9063
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
9064
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9065
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9027
9066
  }
9028
9067
  .pf-v6-c-masthead.pf-m-inset-none {
9029
9068
  padding-inline-start: 0;
@@ -9051,22 +9090,32 @@ ul.pf-v6-c-list {
9051
9090
  }
9052
9091
  @media (min-width: 36rem) {
9053
9092
  .pf-v6-c-masthead.pf-m-display-stack-on-sm {
9093
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9054
9094
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9055
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9056
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9057
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9058
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9095
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9096
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9097
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9098
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9099
+ --pf-v6-c-masthead__main--GridColumn: unset;
9059
9100
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9060
9101
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9102
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
9103
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9104
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9061
9105
  }
9062
9106
  .pf-v6-c-masthead.pf-m-display-inline-on-sm {
9107
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9063
9108
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9109
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9110
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9111
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9112
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9064
9113
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9065
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9066
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9067
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9068
9114
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9069
9115
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9116
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
9117
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9118
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9070
9119
  }
9071
9120
  }
9072
9121
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9095,22 +9144,32 @@ ul.pf-v6-c-list {
9095
9144
  }
9096
9145
  @media (min-width: 48rem) {
9097
9146
  .pf-v6-c-masthead.pf-m-display-stack-on-md {
9147
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9098
9148
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9099
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9100
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9101
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9102
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9149
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9150
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9151
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9152
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9153
+ --pf-v6-c-masthead__main--GridColumn: unset;
9103
9154
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9104
9155
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9156
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
9157
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9158
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9105
9159
  }
9106
9160
  .pf-v6-c-masthead.pf-m-display-inline-on-md {
9161
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9107
9162
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9163
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9164
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9165
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9166
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9108
9167
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9109
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9110
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9111
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9112
9168
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9113
9169
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9170
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
9171
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9172
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9114
9173
  }
9115
9174
  }
9116
9175
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9139,22 +9198,32 @@ ul.pf-v6-c-list {
9139
9198
  }
9140
9199
  @media (min-width: 62rem) {
9141
9200
  .pf-v6-c-masthead.pf-m-display-stack-on-lg {
9201
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9142
9202
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9143
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9144
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9145
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9146
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9203
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9204
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9205
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9206
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9207
+ --pf-v6-c-masthead__main--GridColumn: unset;
9147
9208
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9148
9209
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9210
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
9211
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9212
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9149
9213
  }
9150
9214
  .pf-v6-c-masthead.pf-m-display-inline-on-lg {
9215
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9151
9216
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9217
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9218
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9219
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9220
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9152
9221
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9153
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9154
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9155
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9156
9222
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9157
9223
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9224
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
9225
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9226
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9158
9227
  }
9159
9228
  }
9160
9229
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9183,22 +9252,32 @@ ul.pf-v6-c-list {
9183
9252
  }
9184
9253
  @media (min-width: 75rem) {
9185
9254
  .pf-v6-c-masthead.pf-m-display-stack-on-xl {
9255
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9186
9256
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9187
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9188
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9189
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9190
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9257
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9258
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9259
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9260
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9261
+ --pf-v6-c-masthead__main--GridColumn: unset;
9191
9262
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9192
9263
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9264
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
9265
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9266
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9193
9267
  }
9194
9268
  .pf-v6-c-masthead.pf-m-display-inline-on-xl {
9269
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9195
9270
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9271
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9272
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9273
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9274
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9196
9275
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9197
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9198
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9199
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9200
9276
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9201
9277
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9278
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
9279
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9280
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9202
9281
  }
9203
9282
  }
9204
9283
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9227,22 +9306,32 @@ ul.pf-v6-c-list {
9227
9306
  }
9228
9307
  @media (min-width: 90.625rem) {
9229
9308
  .pf-v6-c-masthead.pf-m-display-stack-on-2xl {
9309
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-stack--ColumnGap);
9230
9310
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-stack--GridTemplateColumns);
9231
- --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--GridColumn);
9232
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-stack__main--Order);
9233
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--PaddingBlockEnd);
9234
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__main--BorderBlockEnd);
9311
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-stack__brand--GridColumn);
9312
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-stack__brand--Order);
9313
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--PaddingBlockEnd);
9314
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-stack__brand--BorderBlockEnd);
9315
+ --pf-v6-c-masthead__main--GridColumn: unset;
9235
9316
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__content--GridColumn);
9236
9317
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-stack__content--Order);
9318
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-stack__main--toggle--content--GridColumn);
9319
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-stack__main--Display);
9320
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-stack__main--ColumnGap);
9237
9321
  }
9238
9322
  .pf-v6-c-masthead.pf-m-display-inline-on-2xl {
9323
+ --pf-v6-c-masthead--ColumnGap: var(--pf-v6-c-masthead--m-display-inline--ColumnGap);
9239
9324
  --pf-v6-c-masthead--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--GridTemplateColumns);
9325
+ --pf-v6-c-masthead__brand--GridColumn: var(--pf-v6-c-masthead--m-display-inline__brand--GridColumn);
9326
+ --pf-v6-c-masthead__brand--Order: var(--pf-v6-c-masthead--m-display-inline__brand--Order);
9327
+ --pf-v6-c-masthead__brand--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--PaddingBlockEnd);
9328
+ --pf-v6-c-masthead__brand--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__brand--BorderBlockEnd);
9240
9329
  --pf-v6-c-masthead__main--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--GridColumn);
9241
- --pf-v6-c-masthead__main--Order: var(--pf-v6-c-masthead--m-display-inline__main--Order);
9242
- --pf-v6-c-masthead__main--PaddingBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--PaddingBlockEnd);
9243
- --pf-v6-c-masthead__main--BorderBlockEnd: var(--pf-v6-c-masthead--m-display-inline__main--BorderBlockEnd);
9244
9330
  --pf-v6-c-masthead__content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__content--GridColumn);
9245
9331
  --pf-v6-c-masthead__content--Order: var(--pf-v6-c-masthead--m-display-inline__content--Order);
9332
+ --pf-v6-c-masthead__main--toggle--content--GridColumn: var(--pf-v6-c-masthead--m-display-inline__main--toggle--content--GridColumn);
9333
+ --pf-v6-c-masthead__main--Display: var(--pf-v6-c-masthead--m-display-inline__main--Display);
9334
+ --pf-v6-c-masthead__main--ColumnGap: var(--pf-v6-c-masthead--m-display-inline__main--ColumnGap);
9246
9335
  }
9247
9336
  }
9248
9337
  .pf-v6-c-masthead.pf-m-inset-none {
@@ -9853,10 +9942,10 @@ ul.pf-v6-c-list {
9853
9942
 
9854
9943
  :where(:root, .pf-v6-c-menu-toggle) {
9855
9944
  --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
9856
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9857
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9858
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9859
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9945
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
9946
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
9947
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
9948
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
9860
9949
  --pf-v6-c-menu-toggle--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
9861
9950
  --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
9862
9951
  --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
@@ -9883,15 +9972,9 @@ ul.pf-v6-c-list {
9883
9972
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
9884
9973
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
9885
9974
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
9886
- --pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
9887
- --pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9975
+ --pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
9976
+ --pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
9888
9977
  --pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
9889
- --pf-v6-c-menu-toggle--m-control--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9890
- --pf-v6-c-menu-toggle--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9891
- --pf-v6-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
9892
- --pf-v6-c-menu-toggle--m-action--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9893
- --pf-v6-c-menu-toggle--m-action--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
9894
- --pf-v6-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
9895
9978
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineStart);
9896
9979
  --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd);
9897
9980
  --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
@@ -9922,8 +10005,8 @@ ul.pf-v6-c-list {
9922
10005
  --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
9923
10006
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
9924
10007
  --pf-v6-c-menu-toggle__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
9925
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
9926
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--lg);
10008
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
10009
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
9927
10010
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9928
10011
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
9929
10012
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
@@ -9937,8 +10020,8 @@ ul.pf-v6-c-list {
9937
10020
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
9938
10021
  --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
9939
10022
  --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
9940
- --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9941
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
10023
+ --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
10024
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
9942
10025
  --pf-v6-c-menu-toggle__button--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
9943
10026
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
9944
10027
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
@@ -9948,13 +10031,11 @@ ul.pf-v6-c-list {
9948
10031
  --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9949
10032
  --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
9950
10033
  --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
9951
- --pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
9952
10034
  --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
9953
- --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
9954
- --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
9955
- --pf-v6-c-menu-toggle--m-small--ColumnGap: calc(var(--pf-t--global--spacer--control--horizontal--compact) / 2);
9956
- --pf-v6-c-menu-toggle--m-small--FontSize: var(--pf-t--global--font--size--body--sm);
9957
- --pf-v6-c-menu-toggle--m-small__controls--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--xs));
10035
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
10036
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
10037
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
10038
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
9958
10039
  --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
9959
10040
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
9960
10041
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
@@ -10082,9 +10163,8 @@ ul.pf-v6-c-list {
10082
10163
  .pf-v6-c-menu-toggle.pf-m-small {
10083
10164
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
10084
10165
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
10085
- --pf-v6-c-menu-toggle--FontSize: var(--pf-v6-c-menu-toggle--m-small--FontSize);
10086
- --pf-v6-c-menu-toggle--ColumnGap: var(--pf-v6-c-menu-toggle--m-small--ColumnGap);
10087
- --pf-v6-c-menu-toggle__controls--MinWidth: var(--pf-v6-c-menu-toggle--m-small__controls--MinWidth);
10166
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
10167
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
10088
10168
  }
10089
10169
  .pf-v6-c-menu-toggle:has(.pf-v6-c-button) {
10090
10170
  background-color: transparent;
@@ -10187,7 +10267,6 @@ ul.pf-v6-c-list {
10187
10267
  align-items: stretch;
10188
10268
  }
10189
10269
  .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
10190
- --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingInlineEnd);
10191
10270
  --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
10192
10271
  flex: 1;
10193
10272
  }
@@ -10672,8 +10751,8 @@ ul.pf-v6-c-list {
10672
10751
  --pf-v6-c-nav__list--ColumnGap: var(--pf-t--global--spacer--xs);
10673
10752
  --pf-v6-c-nav--PaddingBlockStart: var(--pf-t--global--spacer--md);
10674
10753
  --pf-v6-c-nav--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10675
- --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
10676
- --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10754
+ --pf-v6-c-nav--PaddingInlineStart: 0;
10755
+ --pf-v6-c-nav--PaddingInlineEnd: 0;
10677
10756
  --pf-v6-c-nav--RowGap: var(--pf-t--global--spacer--lg);
10678
10757
  --pf-v6-c-nav--ColumnGap: 0;
10679
10758
  --pf-v6-c-nav--AlignItems: baseline;
@@ -10763,8 +10842,9 @@ ul.pf-v6-c-list {
10763
10842
  .pf-v6-c-nav.pf-m-overflow-hidden {
10764
10843
  overflow: hidden;
10765
10844
  }
10766
- .pf-v6-c-nav.pf-m-full-width {
10767
- width: 100%;
10845
+ .pf-v6-c-nav.pf-m-inset {
10846
+ --pf-v6-c-nav--PaddingInlineStart: var(--pf-t--global--spacer--md);
10847
+ --pf-v6-c-nav--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10768
10848
  }
10769
10849
  .pf-v6-c-nav.pf-m-fill {
10770
10850
  flex-grow: 1;
@@ -11359,8 +11439,7 @@ ul.pf-v6-c-list {
11359
11439
 
11360
11440
  :where(:root, .pf-v6-c-page) {
11361
11441
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11362
- --pf-v6-c-page--inset: var(--pf-t--global--spacer--md);
11363
- --pf-v6-c-page--xl--inset: var(--pf-t--global--spacer--xl);
11442
+ --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
11364
11443
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
11365
11444
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
11366
11445
  --pf-v6-c-page__sidebar--Width: 18.125rem;
@@ -11374,6 +11453,7 @@ ul.pf-v6-c-list {
11374
11453
  --pf-v6-c-page__sidebar--MarginInlineEnd: 0;
11375
11454
  --pf-v6-c-page__sidebar--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
11376
11455
  --pf-v6-c-page__sidebar--PaddingInlineStart: 0;
11456
+ --pf-v6-c-page__sidebar--PaddingInlineEnd: 0;
11377
11457
  --pf-v6-c-page__sidebar-header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
11378
11458
  --pf-v6-c-page__sidebar-header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
11379
11459
  --pf-v6-c-page__sidebar-header--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -11383,17 +11463,19 @@ ul.pf-v6-c-list {
11383
11463
  --pf-v6-c-page__sidebar-title--LineHeight: var(--pf-t--global--font--line-height--heading);
11384
11464
  --pf-v6-c-page__sidebar-title--FontFamily: var(--pf-t--global--font--family--heading);
11385
11465
  --pf-v6-c-page__sidebar-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
11386
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd: 0;
11387
- --pf-v6-c-page__sidebar-body--PaddingInlineStart: 0;
11466
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
11467
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
11388
11468
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineEnd: var(--pf-v6-c-page--inset);
11389
11469
  --pf-v6-c-page__sidebar-body--m-page-insets--PaddingInlineStart: var(--pf-v6-c-page--inset);
11390
11470
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineEnd: var(--pf-t--global--spacer--md);
11391
11471
  --pf-v6-c-page__sidebar-body--m-context-selector--PaddingInlineStart: var(--pf-t--global--spacer--md);
11392
11472
  --pf-v6-c-page__main-container--ZIndex: var(--pf-t--global--z-index--xs);
11473
+ --pf-v6-c-page__main-container--GridArea: main;
11474
+ --pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
11393
11475
  --pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
11394
11476
  --pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11395
- --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-t--global--spacer--lg);
11396
- --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-t--global--spacer--lg);
11477
+ --pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
11478
+ --pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
11397
11479
  --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
11398
11480
  --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
11399
11481
  --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
@@ -11434,11 +11516,6 @@ ul.pf-v6-c-list {
11434
11516
  --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
11435
11517
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
11436
11518
  }
11437
- @media (min-width: 75rem) {
11438
- :where(:root, .pf-v6-c-page) {
11439
- --pf-v6-c-page--inset: var(--pf-v6-c-page--xl--inset);
11440
- }
11441
- }
11442
11519
  @media screen and (min-width: 75rem) {
11443
11520
  :where(:root, .pf-v6-c-page) {
11444
11521
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
@@ -11458,7 +11535,7 @@ ul.pf-v6-c-list {
11458
11535
  @media (min-width: 75rem) {
11459
11536
  .pf-v6-c-page {
11460
11537
  grid-template-areas: "header header" "sidebar main";
11461
- grid-template-columns: max-content 1fr;
11538
+ grid-template-columns: var(--pf-v6-c-page__sidebar--Width) 1fr;
11462
11539
  }
11463
11540
  }
11464
11541
 
@@ -11466,6 +11543,11 @@ ul.pf-v6-c-list {
11466
11543
  z-index: var(--pf-v6-c-page--c-masthead--ZIndex);
11467
11544
  grid-area: header;
11468
11545
  }
11546
+ @media (min-width: 75rem) {
11547
+ .pf-v6-c-page > .pf-v6-c-masthead {
11548
+ --pf-v6-c-masthead--m-display-inline--GridTemplateColumns: var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns);
11549
+ }
11550
+ }
11469
11551
 
11470
11552
  .pf-v6-c-page__sidebar {
11471
11553
  z-index: var(--pf-v6-c-page__sidebar--ZIndex);
@@ -11478,6 +11560,7 @@ ul.pf-v6-c-list {
11478
11560
  padding-block-start: 0;
11479
11561
  padding-block-end: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
11480
11562
  padding-inline-start: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
11563
+ padding-inline-end: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
11481
11564
  margin-inline-end: var(--pf-v6-c-page__sidebar--MarginInlineEnd);
11482
11565
  overflow-x: hidden;
11483
11566
  overflow-y: auto;
@@ -11749,26 +11832,37 @@ ul.pf-v6-c-list {
11749
11832
  flex-direction: column;
11750
11833
  align-self: start;
11751
11834
  max-height: var(--pf-v6-c-page__main-container--MaxHeight);
11752
- margin-block-start: 0;
11753
11835
  margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
11754
11836
  margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
11755
- overflow: auto;
11756
11837
  background: var(--pf-v6-c-page__main-container--BackgroundColor);
11757
11838
  border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
11758
11839
  border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
11759
11840
  }
11760
- .pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard) {
11761
- align-self: stretch;
11762
- }
11763
11841
 
11764
11842
  .pf-v6-c-page__main-container,
11765
11843
  .pf-v6-c-page__drawer {
11766
11844
  z-index: var(--pf-v6-c-page__main-container--ZIndex);
11767
- grid-area: main;
11845
+ grid-area: var(--pf-v6-c-page__main-container--GridArea);
11768
11846
  overflow-x: hidden;
11769
11847
  overflow-y: auto;
11770
11848
  -webkit-overflow-scrolling: touch;
11771
11849
  }
11850
+ @media screen and (min-width: 75rem) {
11851
+ .pf-v6-c-masthead + .pf-v6-c-page__main-container, .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__main-container,
11852
+ .pf-v6-c-masthead + .pf-v6-c-page__drawer,
11853
+ .pf-v6-c-page__sidebar.pf-m-collapsed + .pf-v6-c-page__drawer {
11854
+ --pf-v6-c-page__main-container--GridArea: var(--pf-v6-c-page--masthead--main-container--GridArea);
11855
+ }
11856
+ .pf-v6-c-page__sidebar:not(.pf-m-collapsed) + .pf-v6-c-page__main-container,
11857
+ .pf-v6-c-page__sidebar:not(.pf-m-collapsed) + .pf-v6-c-page__drawer {
11858
+ --pf-v6-c-page__main-container--MarginInlineStart: 0;
11859
+ }
11860
+ }
11861
+ .pf-v6-c-page__main-container.pf-m-fill, .pf-v6-c-page__main-container:has(.pf-v6-c-page__main-wizard),
11862
+ .pf-v6-c-page__drawer.pf-m-fill,
11863
+ .pf-v6-c-page__drawer:has(.pf-v6-c-page__main-wizard) {
11864
+ align-self: stretch;
11865
+ }
11772
11866
  .pf-v6-c-page__main-container:focus,
11773
11867
  .pf-v6-c-page__drawer:focus {
11774
11868
  outline: 0;
@@ -16225,8 +16319,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16225
16319
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
16226
16320
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
16227
16321
  --pf-v6-c-table__subhead--Color: var(--pf-t--global--text--color--subtle);
16228
- --pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--sm));
16229
- --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - var(--pf-t--global--spacer--xs));
16322
+ --pf-v6-c-table__nested-column-header__button--PaddingInlineStart: calc(var(--pf-v6-c-table__button--PaddingInlineStart) - var(--pf-t--global--spacer--control--horizontal--plain));
16323
+ --pf-v6-c-table__nested-column-header__button--PaddingInlineEnd: calc(var(--pf-v6-c-table__button--PaddingInlineEnd) - (var(--pf-t--global--spacer--control--horizontal--plain) / 2));
16230
16324
  --pf-v6-c-table--m-striped__tr--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
16231
16325
  --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-t--global--z-index--xs);
16232
16326
  --pf-v6-c-table--m-sticky-header--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
@@ -16676,10 +16770,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
16676
16770
  --pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
16677
16771
  }
16678
16772
  .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
16679
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
16773
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
16680
16774
  }
16681
16775
  .pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
16682
- --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
16776
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
16683
16777
  }
16684
16778
 
16685
16779
  .pf-v6-c-table__draggable .pf-v6-c-button {
@@ -18668,8 +18762,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18668
18762
  --pf-v6-c-text-input-group--m-hover--m-success--BorderColor: var(--pf-t--global--border--color--status--success--hover);
18669
18763
  --pf-v6-c-text-input-group--m-hover--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
18670
18764
  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
18671
- --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: var(--pf-t--global--spacer--xs);
18672
- --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: var(--pf-t--global--spacer--xl);
18765
+ --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
18766
+ --pf-v6-c-text-input-group__main--m-icon__text-input--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
18673
18767
  --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
18674
18768
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
18675
18769
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
@@ -18678,18 +18772,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18678
18772
  --pf-v6-c-text-input-group__text--BorderStartEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
18679
18773
  --pf-v6-c-text-input-group__text--BorderEndEndRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
18680
18774
  --pf-v6-c-text-input-group__text--BorderEndStartRadius: var(--pf-v6-c-text-input-group__text--BorderRadius--base);
18681
- --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: var(--pf-t--global--spacer--xs);
18682
- --pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
18683
- --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
18684
- --pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--sm);
18685
- --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
18686
- --pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
18687
- --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--sm);
18775
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
18776
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
18777
+ --pf-v6-c-text-input-group--c-label-group__main--PaddingBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) / 2);
18778
+ --pf-v6-c-text-input-group__text-input--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
18779
+ --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
18780
+ --pf-v6-c-text-input-group__text-input--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
18781
+ --pf-v6-c-text-input-group__text-input--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
18688
18782
  --pf-v6-c-text-input-group__text-input--MinWidth: 12ch;
18689
18783
  --pf-v6-c-text-input-group__text-input--m-hint--Color: var(--pf-t--global--text--color--placeholder);
18690
18784
  --pf-v6-c-text-input-group__text-input--placeholder--Color: var(--pf-t--global--text--color--placeholder);
18691
18785
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
18692
18786
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
18787
+ --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
18693
18788
  --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
18694
18789
  --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
18695
18790
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -18701,8 +18796,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18701
18796
  --pf-v6-c-text-input-group__main--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
18702
18797
  --pf-v6-c-text-input-group__icon--TranslateY: -50%;
18703
18798
  --pf-v6-c-text-input-group__utilities--child--MarginInlineStart: var(--pf-t--global--spacer--xs);
18704
- --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
18705
- --pf-v6-c-text-input-group__utilities--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
18706
18799
  --pf-v6-c-text-input-group--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
18707
18800
  --pf-v6-c-text-input-group--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
18708
18801
  }
@@ -18782,8 +18875,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18782
18875
  min-width: calc(var(--pf-v6-c-text-input-group__LineHeight) * var(--pf-v6-c-text-input-group__FontSize));
18783
18876
  }
18784
18877
  .pf-v6-c-text-input-group__main > :first-child:not(.pf-v6-c-text-input-group__text) {
18785
- padding-block-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockStart);
18786
- padding-block-end: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--PaddingBlockEnd);
18787
18878
  margin-inline-start: var(--pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart);
18788
18879
  }
18789
18880
  .pf-v6-c-text-input-group__main .pf-v6-c-label-group__main {
@@ -18804,6 +18895,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
18804
18895
  position: absolute;
18805
18896
  inset-block-start: 50%;
18806
18897
  inset-inline-start: var(--pf-v6-c-text-input-group__icon--InsetInlineStart);
18898
+ font-size: var(--pf-v6-c-text-input-group__icon--FontSize);
18807
18899
  color: var(--pf-v6-c-text-input-group__icon--Color);
18808
18900
  transform: translateY(var(--pf-v6-c-text-input-group__icon--TranslateY));
18809
18901
  }
@@ -21783,7 +21875,7 @@ label.pf-v6-c-tree-view__node-text {
21783
21875
  --pf-v6-c-wizard__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21784
21876
  --pf-v6-c-wizard__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
21785
21877
  --pf-v6-c-wizard__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
21786
- --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-button--m-plain--PaddingBlockStart));
21878
+ --pf-v6-c-wizard__close--InsetBlockStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-t--global--spacer--control--vertical--plain));
21787
21879
  --pf-v6-c-wizard__close--InsetInlineEnd: var(--pf-t--global--spacer--sm);
21788
21880
  --pf-v6-c-wizard__close--FontSize: var(--pf-t--global--font--size--xl);
21789
21881
  --pf-v6-c-wizard__title--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);