@patternfly/react-table 6.0.0-alpha.99 → 6.0.0-prerelease.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/CHANGELOG.md +44 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/Table/package.json +1 -1
  5. package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
  6. package/dist/dynamic/components/Table/utils/package.json +1 -1
  7. package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
  8. package/dist/dynamic/deprecated/components/Table/package.json +1 -1
  9. package/dist/dynamic/deprecated/components/package.json +1 -1
  10. package/dist/esm/components/Table/CollapseColumn.d.ts.map +1 -1
  11. package/dist/esm/components/Table/CollapseColumn.js +2 -3
  12. package/dist/esm/components/Table/CollapseColumn.js.map +1 -1
  13. package/dist/esm/components/Table/utils/decorators/treeRow.d.ts.map +1 -1
  14. package/dist/esm/components/Table/utils/decorators/treeRow.js +4 -6
  15. package/dist/esm/components/Table/utils/decorators/treeRow.js.map +1 -1
  16. package/dist/esm/demos/DashboardHeader.d.ts.map +1 -1
  17. package/dist/esm/demos/DashboardHeader.js +2 -2
  18. package/dist/esm/demos/DashboardHeader.js.map +1 -1
  19. package/dist/js/components/Table/CollapseColumn.d.ts.map +1 -1
  20. package/dist/js/components/Table/CollapseColumn.js +2 -3
  21. package/dist/js/components/Table/CollapseColumn.js.map +1 -1
  22. package/dist/js/components/Table/utils/decorators/treeRow.d.ts.map +1 -1
  23. package/dist/js/components/Table/utils/decorators/treeRow.js +4 -6
  24. package/dist/js/components/Table/utils/decorators/treeRow.js.map +1 -1
  25. package/dist/js/demos/DashboardHeader.d.ts.map +1 -1
  26. package/dist/js/demos/DashboardHeader.js +2 -2
  27. package/dist/js/demos/DashboardHeader.js.map +1 -1
  28. package/dist/umd/assets/{output-CpgimXBM.css → output-DGlugB0-.css} +1820 -1822
  29. package/dist/umd/react-table.min.js +1 -1
  30. package/package.json +9 -9
  31. package/src/components/Table/CollapseColumn.tsx +6 -5
  32. package/src/components/Table/utils/decorators/treeRow.tsx +12 -10
  33. package/src/demos/DashboardHeader.tsx +2 -3
  34. package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +11 -11
package/dist/umd/assets/{output-CpgimXBM.css → output-DGlugB0-.css} RENAMED
@@ -778,17 +778,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
778
778
  transition: var(--pf-v6-c-table__expandable-row--Transition);
779
779
  }
780
780
 
781
- .pf-v6-c-table__expandable-row > td,
782
- .pf-v6-c-table__expandable-row > th {
781
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__th,
782
+ :not(.pf-v6-c-table__control-row) ~ .pf-v6-c-table__expandable-row > .pf-v6-c-table__td {
783
783
  padding-block-start: 0;
784
784
  }
785
785
 
786
786
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding,
787
787
  .pf-v6-c-table__expandable-row th:where(.pf-v6-c-table__th).pf-m-no-padding {
788
788
  padding-block-start: 0;
789
- padding-inline-end: 0;
790
789
  padding-block-end: 0;
791
790
  padding-inline-start: 0;
791
+ padding-inline-end: 0;
792
792
  }
793
793
 
794
794
  .pf-v6-c-table__expandable-row td:where(.pf-v6-c-table__td).pf-m-no-padding .pf-v6-c-table__expandable-row-content,
@@ -3443,74 +3443,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3443
3443
  --pf-v6-c-table--cell--Width: auto;
3444
3444
  }
3445
3445
  }
3446
- :where(:root, .pf-v6-c-table) {
3447
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
3448
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
3449
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
3450
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
3451
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
3452
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3453
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
3454
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
3455
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
3456
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
3457
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
3458
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
3459
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
3460
- }
3461
-
3462
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
3463
- position: sticky;
3464
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
3465
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
3466
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
3467
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
3468
- }
3469
-
3470
- .pf-v6-c-table__sticky-cell {
3471
- --pf-v6-c-table--cell--Overflow: visible;
3472
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
3473
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
3474
- background-clip: padding-box;
3475
- }
3476
-
3477
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
3478
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
3479
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
3480
- }
3481
-
3482
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
3483
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
3484
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
3485
- }
3486
-
3487
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
3488
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
3489
- }
3490
-
3491
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
3492
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
3493
- }
3494
-
3495
- .pf-v6-c-scroll-outer-wrapper {
3496
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
3497
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
3498
- display: flex;
3499
- flex-direction: column;
3500
- max-width: 100%;
3501
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
3502
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
3503
- overflow: hidden;
3504
- }
3505
-
3506
- .pf-v6-c-scroll-inner-wrapper {
3507
- display: flex;
3508
- flex-direction: column;
3509
- max-width: 100%;
3510
- max-height: 100%;
3511
- overflow: auto;
3512
- }
3513
-
3514
3446
  :where(:root, .pf-v6-c-inline-edit) {
3515
3447
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3516
3448
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
@@ -3603,6 +3535,74 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3603
3535
  display: none;
3604
3536
  }
3605
3537
 
3538
+ :where(:root, .pf-v6-c-table) {
3539
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
3540
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
3541
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
3542
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
3543
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
3544
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3545
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
3546
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
3547
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
3548
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
3549
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
3550
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
3551
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
3552
+ }
3553
+
3554
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
3555
+ position: sticky;
3556
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
3557
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
3558
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
3559
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
3560
+ }
3561
+
3562
+ .pf-v6-c-table__sticky-cell {
3563
+ --pf-v6-c-table--cell--Overflow: visible;
3564
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
3565
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
3566
+ background-clip: padding-box;
3567
+ }
3568
+
3569
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
3570
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
3571
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
3572
+ }
3573
+
3574
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
3575
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
3576
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
3577
+ }
3578
+
3579
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
3580
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
3581
+ }
3582
+
3583
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
3584
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
3585
+ }
3586
+
3587
+ .pf-v6-c-scroll-outer-wrapper {
3588
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
3589
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
3590
+ display: flex;
3591
+ flex-direction: column;
3592
+ max-width: 100%;
3593
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
3594
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
3595
+ overflow: hidden;
3596
+ }
3597
+
3598
+ .pf-v6-c-scroll-inner-wrapper {
3599
+ display: flex;
3600
+ flex-direction: column;
3601
+ max-width: 100%;
3602
+ max-height: 100%;
3603
+ overflow: auto;
3604
+ }
3605
+
3606
3606
  :where(:root, .pf-v6-c-form) {
3607
3607
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
3608
3608
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
@@ -3711,8 +3711,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3711
3711
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3712
3712
  }
3713
3713
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
3714
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3714
3715
  flex-direction: column;
3715
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3716
3716
  align-items: flex-start;
3717
3717
  }
3718
3718
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
@@ -3739,8 +3739,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3739
3739
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3740
3740
  }
3741
3741
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
3742
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3742
3743
  flex-direction: column;
3743
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3744
3744
  align-items: flex-start;
3745
3745
  }
3746
3746
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
@@ -3767,8 +3767,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3767
3767
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3768
3768
  }
3769
3769
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
3770
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3770
3771
  flex-direction: column;
3771
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3772
3772
  align-items: flex-start;
3773
3773
  }
3774
3774
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
@@ -3795,8 +3795,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3795
3795
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3796
3796
  }
3797
3797
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
3798
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3798
3799
  flex-direction: column;
3799
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3800
3800
  align-items: flex-start;
3801
3801
  }
3802
3802
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
@@ -3823,8 +3823,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3823
3823
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3824
3824
  }
3825
3825
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
3826
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3826
3827
  flex-direction: column;
3827
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3828
3828
  align-items: flex-start;
3829
3829
  }
3830
3830
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
@@ -3851,8 +3851,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3851
3851
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3852
3852
  }
3853
3853
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
3854
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3854
3855
  flex-direction: column;
3855
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3856
3856
  align-items: flex-start;
3857
3857
  }
3858
3858
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
@@ -3879,8 +3879,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3879
3879
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3880
3880
  }
3881
3881
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
3882
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3882
3883
  flex-direction: column;
3883
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3884
3884
  align-items: flex-start;
3885
3885
  }
3886
3886
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
@@ -3927,6 +3927,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3927
3927
 
3928
3928
  .pf-v6-c-form__group-label.pf-m-info {
3929
3929
  display: flex;
3930
+ gap: var(--pf-v6-c-form__group-label--m-info--Gap);
3930
3931
  align-items: flex-end;
3931
3932
  }
3932
3933
 
@@ -3935,7 +3936,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3935
3936
  }
3936
3937
 
3937
3938
  .pf-v6-c-form__group-label-info {
3938
- margin-inline-start: var(--pf-v6-c-form__group-label-info--MarginInlineStart);
3939
3939
  font-size: var(--pf-v6-c-form__group-label-info--FontSize);
3940
3940
  }
3941
3941
 
@@ -4285,322 +4285,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4285
4285
  pointer-events: none;
4286
4286
  }
4287
4287
 
4288
- :where(:root, .pf-v6-c-divider) {
4289
- --pf-v6-c-divider--Display: flex;
4290
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
4291
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
4292
- --pf-v6-c-divider--before--FlexBasis: 100%;
4293
- }
4294
-
4295
- .pf-v6-c-divider {
4296
- flex-direction: row;
4297
- width: 100%;
4298
- height: var(--pf-v6-c-divider--Size);
4299
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
4300
- --pf-v6-hidden-visible--hidden--Display: none;
4301
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4302
- display: var(--pf-v6-hidden-visible--Display);
4303
- flex-shrink: 0;
4304
- align-items: stretch;
4305
- align-self: stretch;
4306
- justify-content: center;
4307
- border: 0;
4308
- }
4309
-
4310
- .pf-v6-c-divider.pf-m-hidden {
4311
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4312
- }
4313
-
4314
- @media screen and (min-width: 36rem) {
4315
- .pf-v6-c-divider.pf-m-hidden-on-sm {
4316
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4317
- }
4318
- .pf-v6-c-divider.pf-m-visible-on-sm {
4319
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4320
- }
4321
- }
4322
- @media screen and (min-width: 48rem) {
4323
- .pf-v6-c-divider.pf-m-hidden-on-md {
4324
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4325
- }
4326
- .pf-v6-c-divider.pf-m-visible-on-md {
4327
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4328
- }
4329
- }
4330
- @media screen and (min-width: 62rem) {
4331
- .pf-v6-c-divider.pf-m-hidden-on-lg {
4332
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4333
- }
4334
- .pf-v6-c-divider.pf-m-visible-on-lg {
4335
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4336
- }
4337
- }
4338
- @media screen and (min-width: 75rem) {
4339
- .pf-v6-c-divider.pf-m-hidden-on-xl {
4340
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4341
- }
4342
- .pf-v6-c-divider.pf-m-visible-on-xl {
4343
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4344
- }
4345
- }
4346
- @media screen and (min-width: 90.625rem) {
4347
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
4348
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4349
- }
4350
- .pf-v6-c-divider.pf-m-visible-on-2xl {
4351
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4352
- }
4353
- }
4354
- .pf-v6-c-divider::before {
4355
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
4356
- content: "";
4357
- background-color: var(--pf-v6-c-divider--Color);
4358
- }
4359
-
4360
- .pf-v6-c-divider.pf-m-horizontal {
4361
- flex-direction: row;
4362
- width: 100%;
4363
- height: var(--pf-v6-c-divider--Size);
4364
- }
4365
-
4366
- .pf-v6-c-divider.pf-m-vertical {
4367
- flex-direction: column;
4368
- width: var(--pf-v6-c-divider--Size);
4369
- height: inherit;
4370
- }
4371
-
4372
- .pf-v6-c-divider.pf-m-inset-none {
4373
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
4374
- }
4375
-
4376
- .pf-v6-c-divider.pf-m-inset-xs {
4377
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4378
- }
4379
-
4380
- .pf-v6-c-divider.pf-m-inset-sm {
4381
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4382
- }
4383
-
4384
- .pf-v6-c-divider.pf-m-inset-md {
4385
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4386
- }
4387
-
4388
- .pf-v6-c-divider.pf-m-inset-lg {
4389
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4390
- }
4391
-
4392
- .pf-v6-c-divider.pf-m-inset-xl {
4393
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4394
- }
4395
-
4396
- .pf-v6-c-divider.pf-m-inset-2xl {
4397
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4398
- }
4399
-
4400
- .pf-v6-c-divider.pf-m-inset-3xl {
4401
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4402
- }
4403
-
4404
- @media (min-width: 36rem) {
4405
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
4406
- flex-direction: row;
4407
- width: 100%;
4408
- height: var(--pf-v6-c-divider--Size);
4409
- }
4410
- }
4411
- @media (min-width: 36rem) {
4412
- .pf-v6-c-divider.pf-m-vertical-on-sm {
4413
- flex-direction: column;
4414
- width: var(--pf-v6-c-divider--Size);
4415
- height: inherit;
4416
- }
4417
- }
4418
- @media (min-width: 36rem) {
4419
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
4420
- --pf-v6-c-divider--before--FlexBasis: 100%;
4421
- }
4422
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
4423
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4424
- }
4425
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
4426
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4427
- }
4428
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
4429
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4430
- }
4431
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
4432
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4433
- }
4434
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
4435
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4436
- }
4437
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
4438
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4439
- }
4440
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
4441
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4442
- }
4443
- }
4444
- @media (min-width: 48rem) {
4445
- .pf-v6-c-divider.pf-m-horizontal-on-md {
4446
- flex-direction: row;
4447
- width: 100%;
4448
- height: var(--pf-v6-c-divider--Size);
4449
- }
4450
- }
4451
- @media (min-width: 48rem) {
4452
- .pf-v6-c-divider.pf-m-vertical-on-md {
4453
- flex-direction: column;
4454
- width: var(--pf-v6-c-divider--Size);
4455
- height: inherit;
4456
- }
4457
- }
4458
- @media (min-width: 48rem) {
4459
- .pf-v6-c-divider.pf-m-inset-none-on-md {
4460
- --pf-v6-c-divider--before--FlexBasis: 100%;
4461
- }
4462
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
4463
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4464
- }
4465
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
4466
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4467
- }
4468
- .pf-v6-c-divider.pf-m-inset-md-on-md {
4469
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4470
- }
4471
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
4472
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4473
- }
4474
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
4475
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4476
- }
4477
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
4478
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4479
- }
4480
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
4481
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4482
- }
4483
- }
4484
- @media (min-width: 62rem) {
4485
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
4486
- flex-direction: row;
4487
- width: 100%;
4488
- height: var(--pf-v6-c-divider--Size);
4489
- }
4490
- }
4491
- @media (min-width: 62rem) {
4492
- .pf-v6-c-divider.pf-m-vertical-on-lg {
4493
- flex-direction: column;
4494
- width: var(--pf-v6-c-divider--Size);
4495
- height: inherit;
4496
- }
4497
- }
4498
- @media (min-width: 62rem) {
4499
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
4500
- --pf-v6-c-divider--before--FlexBasis: 100%;
4501
- }
4502
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
4503
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4504
- }
4505
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
4506
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4507
- }
4508
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
4509
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4510
- }
4511
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
4512
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4513
- }
4514
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
4515
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4516
- }
4517
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
4518
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4519
- }
4520
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
4521
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4522
- }
4523
- }
4524
- @media (min-width: 75rem) {
4525
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
4526
- flex-direction: row;
4527
- width: 100%;
4528
- height: var(--pf-v6-c-divider--Size);
4529
- }
4530
- }
4531
- @media (min-width: 75rem) {
4532
- .pf-v6-c-divider.pf-m-vertical-on-xl {
4533
- flex-direction: column;
4534
- width: var(--pf-v6-c-divider--Size);
4535
- height: inherit;
4536
- }
4537
- }
4538
- @media (min-width: 75rem) {
4539
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
4540
- --pf-v6-c-divider--before--FlexBasis: 100%;
4541
- }
4542
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
4543
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4544
- }
4545
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
4546
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4547
- }
4548
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
4549
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4550
- }
4551
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
4552
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4553
- }
4554
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
4555
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4556
- }
4557
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
4558
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4559
- }
4560
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
4561
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4562
- }
4563
- }
4564
- @media (min-width: 90.625rem) {
4565
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
4566
- flex-direction: row;
4567
- width: 100%;
4568
- height: var(--pf-v6-c-divider--Size);
4569
- }
4570
- }
4571
- @media (min-width: 90.625rem) {
4572
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
4573
- flex-direction: column;
4574
- width: var(--pf-v6-c-divider--Size);
4575
- height: inherit;
4576
- }
4577
- }
4578
- @media (min-width: 90.625rem) {
4579
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
4580
- --pf-v6-c-divider--before--FlexBasis: 100%;
4581
- }
4582
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
4583
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4584
- }
4585
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
4586
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4587
- }
4588
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
4589
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4590
- }
4591
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
4592
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4593
- }
4594
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
4595
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4596
- }
4597
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
4598
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4599
- }
4600
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
4601
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4602
- }
4603
- }
4604
4288
  :where(:root, .pf-v6-c-button) {
4605
4289
  --pf-v6-c-button--Display: inline-flex;
4606
4290
  --pf-v6-c-button--AlignItems: baseline;
@@ -5254,17 +4938,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5254
4938
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
5255
4939
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5256
4940
  --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
4941
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
4942
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
4943
+ --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
5257
4944
  --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5258
4945
  --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
4946
+ --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
5259
4947
  --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu__item--FontSize) * var(--pf-v6-c-menu__item--LineHeight));
5260
- --pf-v6-c-menu-toggle--m-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5261
- --pf-v6-c-menu-toggle--m-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5262
- --pf-v6-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
5263
- --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineStart);
5264
- --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd);
4948
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
4949
+ --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
4950
+ --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5265
4951
  --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
5266
4952
  --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
5267
- --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
4953
+ --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
5268
4954
  --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
5269
4955
  --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
5270
4956
  --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
@@ -5275,11 +4961,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5275
4961
  --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
5276
4962
  --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
5277
4963
  --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
5278
- --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineStart);
5279
- --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-button--PaddingInlineEnd);
4964
+ --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
4965
+ --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5280
4966
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
5281
4967
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
5282
- --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
4968
+ --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
5283
4969
  --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5284
4970
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
5285
4971
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
@@ -5287,7 +4973,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5287
4973
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5288
4974
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
5289
4975
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
5290
- --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
4976
+ --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
5291
4977
  --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5292
4978
  --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));
5293
4979
  --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
@@ -5296,7 +4982,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5296
4982
  --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5297
4983
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
5298
4984
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
5299
- --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v6-c-menu-toggle--m-button--BorderRadius);
4985
+ --pf-v6-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-t--global--border--radius--pill);
5300
4986
  --pf-v6-c-menu-toggle--m-split-button--m-action--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
5301
4987
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
5302
4988
  --pf-v6-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
@@ -5309,6 +4995,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5309
4995
  --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
5310
4996
  --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));
5311
4997
  --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
4998
+ --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
4999
+ --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
5312
5000
  --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
5313
5001
  --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5314
5002
  --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
@@ -5322,12 +5010,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5322
5010
  --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5323
5011
  --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5324
5012
  --pf-v6-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
5013
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
5325
5014
  --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
5326
5015
  --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5327
5016
  --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
5328
5017
  --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5329
5018
  --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5330
5019
  --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5020
+ --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
5331
5021
  }
5332
5022
 
5333
5023
  .pf-v6-c-menu-toggle {
@@ -5385,6 +5075,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5385
5075
  --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
5386
5076
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
5387
5077
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
5078
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
5388
5079
  }
5389
5080
 
5390
5081
  .pf-v6-c-menu-toggle.pf-m-secondary {
@@ -5400,6 +5091,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5400
5091
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
5401
5092
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
5402
5093
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
5094
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
5403
5095
  }
5404
5096
 
5405
5097
  .pf-v6-c-menu-toggle.pf-m-full-height {
@@ -5415,6 +5107,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5415
5107
  }
5416
5108
 
5417
5109
  .pf-v6-c-menu-toggle.pf-m-plain {
5110
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
5111
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
5418
5112
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
5419
5113
  --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5420
5114
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
@@ -5445,16 +5139,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5445
5139
  --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
5446
5140
  }
5447
5141
 
5448
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
5449
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
5450
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
5451
- }
5452
-
5453
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
5454
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
5455
- pointer-events: none;
5456
- }
5457
-
5458
5142
  .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
5459
5143
  border: 0;
5460
5144
  }
@@ -5485,6 +5169,23 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5485
5169
  --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
5486
5170
  }
5487
5171
 
5172
+ .pf-v6-c-menu-toggle.pf-m-placeholder {
5173
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
5174
+ }
5175
+
5176
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
5177
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
5178
+ --pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
5179
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
5180
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
5181
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
5182
+ }
5183
+
5184
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
5185
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
5186
+ pointer-events: none;
5187
+ }
5188
+
5488
5189
  .pf-v6-c-menu-toggle.pf-m-split-button {
5489
5190
  --pf-v6-c-menu-toggle--ColumnGap: 0;
5490
5191
  padding: 0;
@@ -5735,42 +5436,358 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5735
5436
  color: var(--pf-v6-c-check__label-required--Color);
5736
5437
  }
5737
5438
 
5738
- :where(:root, .pf-v6-c-popover) {
5739
- --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
5740
- --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5741
- --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5742
- --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
5743
- --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
5744
- --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5745
- --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5746
- --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5747
- --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
5748
- --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5749
- --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5750
- --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
5751
- --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5752
- --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5753
- --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
5754
- --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
5755
- --pf-v6-c-popover__arrow--Width: 0.9375rem;
5756
- --pf-v6-c-popover__arrow--Height: 0.9375rem;
5757
- --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
5758
- --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5759
- --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
5760
- --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
5761
- --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
5762
- --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
5763
- --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
5764
- --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
5765
- --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
5766
- --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
5767
- --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
5768
- --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
5769
- --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
5770
- --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
5771
- --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
5772
- --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
5773
- --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
5439
+ :where(:root, .pf-v6-c-divider) {
5440
+ --pf-v6-c-divider--Display: flex;
5441
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
5442
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
5443
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5444
+ }
5445
+
5446
+ .pf-v6-c-divider {
5447
+ flex-direction: row;
5448
+ width: 100%;
5449
+ height: var(--pf-v6-c-divider--Size);
5450
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
5451
+ --pf-v6-hidden-visible--hidden--Display: none;
5452
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5453
+ display: var(--pf-v6-hidden-visible--Display);
5454
+ flex-shrink: 0;
5455
+ align-items: stretch;
5456
+ align-self: stretch;
5457
+ justify-content: center;
5458
+ border: 0;
5459
+ }
5460
+
5461
+ .pf-v6-c-divider.pf-m-hidden {
5462
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5463
+ }
5464
+
5465
+ @media screen and (min-width: 36rem) {
5466
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
5467
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5468
+ }
5469
+ .pf-v6-c-divider.pf-m-visible-on-sm {
5470
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5471
+ }
5472
+ }
5473
+ @media screen and (min-width: 48rem) {
5474
+ .pf-v6-c-divider.pf-m-hidden-on-md {
5475
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5476
+ }
5477
+ .pf-v6-c-divider.pf-m-visible-on-md {
5478
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5479
+ }
5480
+ }
5481
+ @media screen and (min-width: 62rem) {
5482
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
5483
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5484
+ }
5485
+ .pf-v6-c-divider.pf-m-visible-on-lg {
5486
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5487
+ }
5488
+ }
5489
+ @media screen and (min-width: 75rem) {
5490
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
5491
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5492
+ }
5493
+ .pf-v6-c-divider.pf-m-visible-on-xl {
5494
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5495
+ }
5496
+ }
5497
+ @media screen and (min-width: 90.625rem) {
5498
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
5499
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5500
+ }
5501
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
5502
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5503
+ }
5504
+ }
5505
+ .pf-v6-c-divider::before {
5506
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5507
+ content: "";
5508
+ background-color: var(--pf-v6-c-divider--Color);
5509
+ }
5510
+
5511
+ .pf-v6-c-divider.pf-m-horizontal {
5512
+ flex-direction: row;
5513
+ width: 100%;
5514
+ height: var(--pf-v6-c-divider--Size);
5515
+ }
5516
+
5517
+ .pf-v6-c-divider.pf-m-vertical {
5518
+ flex-direction: column;
5519
+ width: var(--pf-v6-c-divider--Size);
5520
+ height: inherit;
5521
+ }
5522
+
5523
+ .pf-v6-c-divider.pf-m-inset-none {
5524
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
5525
+ }
5526
+
5527
+ .pf-v6-c-divider.pf-m-inset-xs {
5528
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5529
+ }
5530
+
5531
+ .pf-v6-c-divider.pf-m-inset-sm {
5532
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5533
+ }
5534
+
5535
+ .pf-v6-c-divider.pf-m-inset-md {
5536
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5537
+ }
5538
+
5539
+ .pf-v6-c-divider.pf-m-inset-lg {
5540
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5541
+ }
5542
+
5543
+ .pf-v6-c-divider.pf-m-inset-xl {
5544
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5545
+ }
5546
+
5547
+ .pf-v6-c-divider.pf-m-inset-2xl {
5548
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5549
+ }
5550
+
5551
+ .pf-v6-c-divider.pf-m-inset-3xl {
5552
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5553
+ }
5554
+
5555
+ @media (min-width: 36rem) {
5556
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
5557
+ flex-direction: row;
5558
+ width: 100%;
5559
+ height: var(--pf-v6-c-divider--Size);
5560
+ }
5561
+ }
5562
+ @media (min-width: 36rem) {
5563
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
5564
+ flex-direction: column;
5565
+ width: var(--pf-v6-c-divider--Size);
5566
+ height: inherit;
5567
+ }
5568
+ }
5569
+ @media (min-width: 36rem) {
5570
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
5571
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5572
+ }
5573
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
5574
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5575
+ }
5576
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
5577
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5578
+ }
5579
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
5580
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5581
+ }
5582
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
5583
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5584
+ }
5585
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
5586
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5587
+ }
5588
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
5589
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5590
+ }
5591
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
5592
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5593
+ }
5594
+ }
5595
+ @media (min-width: 48rem) {
5596
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
5597
+ flex-direction: row;
5598
+ width: 100%;
5599
+ height: var(--pf-v6-c-divider--Size);
5600
+ }
5601
+ }
5602
+ @media (min-width: 48rem) {
5603
+ .pf-v6-c-divider.pf-m-vertical-on-md {
5604
+ flex-direction: column;
5605
+ width: var(--pf-v6-c-divider--Size);
5606
+ height: inherit;
5607
+ }
5608
+ }
5609
+ @media (min-width: 48rem) {
5610
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
5611
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5612
+ }
5613
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
5614
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5615
+ }
5616
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
5617
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5618
+ }
5619
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
5620
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5621
+ }
5622
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
5623
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5624
+ }
5625
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
5626
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5627
+ }
5628
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
5629
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5630
+ }
5631
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
5632
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5633
+ }
5634
+ }
5635
+ @media (min-width: 62rem) {
5636
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
5637
+ flex-direction: row;
5638
+ width: 100%;
5639
+ height: var(--pf-v6-c-divider--Size);
5640
+ }
5641
+ }
5642
+ @media (min-width: 62rem) {
5643
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
5644
+ flex-direction: column;
5645
+ width: var(--pf-v6-c-divider--Size);
5646
+ height: inherit;
5647
+ }
5648
+ }
5649
+ @media (min-width: 62rem) {
5650
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
5651
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5652
+ }
5653
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
5654
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5655
+ }
5656
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
5657
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5658
+ }
5659
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
5660
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5661
+ }
5662
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
5663
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5664
+ }
5665
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
5666
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5667
+ }
5668
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
5669
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5670
+ }
5671
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
5672
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5673
+ }
5674
+ }
5675
+ @media (min-width: 75rem) {
5676
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
5677
+ flex-direction: row;
5678
+ width: 100%;
5679
+ height: var(--pf-v6-c-divider--Size);
5680
+ }
5681
+ }
5682
+ @media (min-width: 75rem) {
5683
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
5684
+ flex-direction: column;
5685
+ width: var(--pf-v6-c-divider--Size);
5686
+ height: inherit;
5687
+ }
5688
+ }
5689
+ @media (min-width: 75rem) {
5690
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
5691
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5692
+ }
5693
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
5694
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5695
+ }
5696
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
5697
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5698
+ }
5699
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
5700
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5701
+ }
5702
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
5703
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5704
+ }
5705
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
5706
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5707
+ }
5708
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
5709
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5710
+ }
5711
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
5712
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5713
+ }
5714
+ }
5715
+ @media (min-width: 90.625rem) {
5716
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
5717
+ flex-direction: row;
5718
+ width: 100%;
5719
+ height: var(--pf-v6-c-divider--Size);
5720
+ }
5721
+ }
5722
+ @media (min-width: 90.625rem) {
5723
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
5724
+ flex-direction: column;
5725
+ width: var(--pf-v6-c-divider--Size);
5726
+ height: inherit;
5727
+ }
5728
+ }
5729
+ @media (min-width: 90.625rem) {
5730
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
5731
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5732
+ }
5733
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
5734
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5735
+ }
5736
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
5737
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5738
+ }
5739
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
5740
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5741
+ }
5742
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
5743
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5744
+ }
5745
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
5746
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5747
+ }
5748
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
5749
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5750
+ }
5751
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
5752
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5753
+ }
5754
+ }
5755
+ :where(:root, .pf-v6-c-popover) {
5756
+ --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
5757
+ --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5758
+ --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5759
+ --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
5760
+ --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
5761
+ --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5762
+ --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5763
+ --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5764
+ --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
5765
+ --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5766
+ --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5767
+ --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
5768
+ --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5769
+ --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5770
+ --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
5771
+ --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
5772
+ --pf-v6-c-popover__arrow--Width: 0.9375rem;
5773
+ --pf-v6-c-popover__arrow--Height: 0.9375rem;
5774
+ --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
5775
+ --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5776
+ --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
5777
+ --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
5778
+ --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
5779
+ --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
5780
+ --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
5781
+ --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
5782
+ --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
5783
+ --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
5784
+ --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
5785
+ --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
5786
+ --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
5787
+ --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
5788
+ --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
5789
+ --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
5790
+ --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
5774
5791
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
5775
5792
  --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
5776
5793
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
@@ -5976,8 +5993,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5976
5993
  --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
5977
5994
  --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
5978
5995
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
5979
- --pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
5980
- --pf-v6-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
5996
+ --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
5997
+ --pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
5998
+ --pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
5981
5999
  --pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
5982
6000
  --pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
5983
6001
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
@@ -5988,8 +6006,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5988
6006
  --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
5989
6007
  --pf-v6-c-form-control--m-readonly--BorderColor: transparent;
5990
6008
  --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
5991
- --pf-v6-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
5992
- --pf-v6-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
5993
6009
  --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
5994
6010
  --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
5995
6011
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
@@ -6100,8 +6116,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6100
6116
 
6101
6117
  .pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
6102
6118
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6103
- --pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth);
6104
- --pf-v6-c-form-control--focus--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor);
6105
6119
  }
6106
6120
 
6107
6121
  .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
@@ -6112,11 +6126,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6112
6126
  --pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
6113
6127
  }
6114
6128
 
6115
- .pf-v6-c-form-control:hover {
6116
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6117
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6118
- }
6119
-
6120
6129
  .pf-v6-c-form-control.pf-m-expanded {
6121
6130
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
6122
6131
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
@@ -6135,6 +6144,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6135
6144
  .pf-v6-c-form-control.pf-m-error {
6136
6145
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
6137
6146
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
6147
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
6138
6148
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
6139
6149
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
6140
6150
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
@@ -6147,6 +6157,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6147
6157
  .pf-v6-c-form-control.pf-m-success {
6148
6158
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
6149
6159
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
6160
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
6150
6161
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
6151
6162
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
6152
6163
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
@@ -6159,6 +6170,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6159
6170
  .pf-v6-c-form-control.pf-m-warning {
6160
6171
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
6161
6172
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
6173
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
6162
6174
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
6163
6175
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
6164
6176
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
@@ -6168,6 +6180,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6168
6180
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6169
6181
  }
6170
6182
 
6183
+ .pf-v6-c-form-control:hover {
6184
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6185
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6186
+ }
6187
+
6171
6188
  .pf-v6-c-form-control.pf-m-icon {
6172
6189
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6173
6190
  }
@@ -6251,6 +6268,38 @@ select ~ .pf-v6-c-form-control__utilities {
6251
6268
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
6252
6269
  }
6253
6270
 
6271
+ :where(:root, .pf-v6-c-action-list) {
6272
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6273
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
6274
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6275
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6276
+ }
6277
+
6278
+ .pf-v6-c-action-list,
6279
+ .pf-v6-c-action-list__group {
6280
+ display: flex;
6281
+ align-items: start;
6282
+ }
6283
+
6284
+ .pf-v6-c-action-list {
6285
+ row-gap: var(--pf-v6-c-action-list--RowGap);
6286
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
6287
+ }
6288
+
6289
+ .pf-v6-c-action-list.pf-m-icons {
6290
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6291
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6292
+ }
6293
+
6294
+ .pf-v6-c-action-list__group {
6295
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6296
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6297
+ }
6298
+
6299
+ .pf-v6-c-action-list__group.pf-m-icons {
6300
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6301
+ }
6302
+
6254
6303
  :where(:root, .pf-v6-c-accordion) {
6255
6304
  --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6256
6305
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
@@ -6413,38 +6462,6 @@ select ~ .pf-v6-c-form-control__utilities {
6413
6462
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
6414
6463
  }
6415
6464
 
6416
- :where(:root, .pf-v6-c-action-list) {
6417
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6418
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
6419
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6420
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6421
- }
6422
-
6423
- .pf-v6-c-action-list,
6424
- .pf-v6-c-action-list__group {
6425
- display: flex;
6426
- align-items: start;
6427
- }
6428
-
6429
- .pf-v6-c-action-list {
6430
- row-gap: var(--pf-v6-c-action-list--RowGap);
6431
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
6432
- }
6433
-
6434
- .pf-v6-c-action-list.pf-m-icons {
6435
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6436
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6437
- }
6438
-
6439
- .pf-v6-c-action-list__group {
6440
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6441
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6442
- }
6443
-
6444
- .pf-v6-c-action-list__group.pf-m-icons {
6445
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6446
- }
6447
-
6448
6465
  :where(:root, .pf-v6-c-alert) {
6449
6466
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
6450
6467
  --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
@@ -7077,9 +7094,7 @@ select ~ .pf-v6-c-form-control__utilities {
7077
7094
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
7078
7095
  --pf-v6-c-banner--link--TextDecoration: underline;
7079
7096
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
7080
- --pf-v6-c-banner--link--hover--FontWeight: var(--pf-t--global--font--weight--body--bold);
7081
- --pf-v6-c-banner--link--disabled--Color: var(--pf-v6-c-banner--Color);
7082
- --pf-v6-c-banner--link--disabled--TextDecoration: none;
7097
+ --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
7083
7098
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
7084
7099
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
7085
7100
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -7207,29 +7222,21 @@ select ~ .pf-v6-c-form-control__utilities {
7207
7222
 
7208
7223
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
7209
7224
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
7210
- font-weight: var(--pf-v6-c-banner--link--hover--FontWeight);
7211
7225
  }
7212
7226
 
7213
7227
  .pf-v6-c-banner a.pf-m-disabled {
7214
7228
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--disabled--Color);
7215
- --pf-v6-c-banner--link--TextDecoration: var(--pf-v6-c-banner--link--disabled--TextDecoration);
7216
7229
  cursor: not-allowed;
7217
7230
  }
7218
7231
 
7219
7232
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
7220
7233
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
7221
- --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
7234
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
7222
7235
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
7223
7236
  text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
7224
7237
  }
7225
7238
 
7226
- .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:hover {
7227
- --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
7228
- font-weight: var(--pf-v6-c-banner--link--hover--FontWeight);
7229
- }
7230
-
7231
7239
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
7232
- --pf-v6-c-banner--link--TextDecoration: var(--pf-v6-c-banner--link--disabled--TextDecoration);
7233
7240
  cursor: not-allowed;
7234
7241
  }
7235
7242
 
@@ -7667,6 +7674,8 @@ button.pf-v6-c-breadcrumb__link {
7667
7674
  --pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
7668
7675
  --pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
7669
7676
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
7677
+ --pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
7678
+ --pf-v6-c-card--m-clickable--m-current--BorderWidth: var(--pf-t--global--border--width--box--clicked);
7670
7679
  --pf-v6-c-card--m-selectable--m-selected--BorderColor: var(--pf-t--global--border--color--clicked);
7671
7680
  --pf-v6-c-card--m-selectable--m-selected--BorderWidth: var(--pf-t--global--border--width--box--clicked);
7672
7681
  --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-t--global--border--color--hover);
@@ -7739,26 +7748,29 @@ button.pf-v6-c-breadcrumb__link {
7739
7748
  border: none;
7740
7749
  }
7741
7750
 
7742
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label,
7743
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label {
7751
+ .pf-v6-c-card.pf-m-current {
7752
+ --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
7753
+ --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-clickable--m-current--BorderWidth);
7754
+ --pf-v6-c-card--m-selectable--hover--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
7755
+ --pf-v6-c-card--m-selectable--focus--BorderColor: var(--pf-v6-c-card--m-clickable--m-current--BorderColor);
7756
+ }
7757
+
7758
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
7744
7759
  position: unset;
7745
7760
  }
7746
7761
 
7747
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before,
7748
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label::before {
7762
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label)::before {
7749
7763
  position: absolute;
7750
7764
  inset: 0;
7751
7765
  cursor: pointer;
7752
7766
  }
7753
7767
 
7754
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible) ~ .pf-v6-c-check__label,
7755
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible) ~ .pf-v6-c-radio__label {
7768
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
7756
7769
  --pf-v6-c-card--BackgroundColor: revert;
7757
7770
  --pf-v6-c-card--BorderColor: revert;
7758
7771
  }
7759
7772
 
7760
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label,
7761
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:checked) ~ .pf-v6-c-radio__label, .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
7773
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-selected {
7762
7774
  --pf-v6-c-card--BorderColor: revert;
7763
7775
  --pf-v6-c-card--m-selectable--BorderWidth: revert;
7764
7776
  }
@@ -7768,8 +7780,7 @@ button.pf-v6-c-breadcrumb__link {
7768
7780
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth);
7769
7781
  }
7770
7782
 
7771
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label,
7772
- .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:disabled) ~ .pf-v6-c-radio__label, .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
7783
+ .pf-v6-c-card.pf-m-selectable.pf-m-clickable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label), .pf-v6-c-card.pf-m-selectable.pf-m-clickable.pf-m-disabled {
7773
7784
  --pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-selectable--m-disabled--BackgroundColor);
7774
7785
  }
7775
7786
 
@@ -7892,16 +7903,14 @@ button.pf-v6-c-breadcrumb__link {
7892
7903
  --pf-v6-c-card__actions--MarginBlockEnd: 0;
7893
7904
  }
7894
7905
 
7895
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__label,
7896
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label {
7906
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action) {
7897
7907
  position: absolute;
7898
7908
  inset: 0;
7899
7909
  justify-self: auto;
7900
7910
  cursor: pointer;
7901
7911
  }
7902
7912
 
7903
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__label::before,
7904
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label::before {
7913
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action)::before {
7905
7914
  position: absolute;
7906
7915
  inset: 0;
7907
7916
  z-index: -1;
@@ -7911,32 +7920,28 @@ button.pf-v6-c-breadcrumb__link {
7911
7920
  border-radius: var(--pf-v6-c-card--BorderRadius);
7912
7921
  }
7913
7922
 
7914
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__label:hover,
7915
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__label:hover {
7923
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__label, .pf-v6-c-radio__label, .pf-v6-c-card__clickable-action):hover {
7916
7924
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--hover--BorderColor);
7917
7925
  }
7918
7926
 
7919
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:checked) ~ .pf-v6-c-check__label,
7920
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:checked) ~ .pf-v6-c-radio__label,
7927
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:checked) ~ :is(.pf-v6-c-radio__label, .pf-v6-c-check__label),
7921
7928
  .pf-v6-c-card.pf-m-selected {
7922
7929
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--BorderColor);
7923
7930
  --pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--BorderWidth);
7924
7931
  }
7925
7932
 
7926
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible) ~ .pf-v6-c-check__label,
7927
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible) ~ .pf-v6-c-radio__label {
7933
+ .pf-v6-c-card__selectable-actions .pf-v6-c-card__clickable-action:where(:focus-visible),
7934
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input, .pf-v6-c-card__clickable-action):where(:focus-visible) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
7928
7935
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--focus--BorderColor);
7929
7936
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--focus--BorderWidth);
7930
7937
  }
7931
7938
 
7932
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:focus-visible):where(:checked) ~ .pf-v6-c-check__label,
7933
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:focus-visible):where(:checked) ~ .pf-v6-c-radio__label {
7939
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:focus-visible):where(:checked) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label) {
7934
7940
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-selected--focus--BorderColor);
7935
7941
  --pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-selectable--m-selected--focus--BorderWidth);
7936
7942
  }
7937
7943
 
7938
- .pf-v6-c-card__selectable-actions .pf-v6-c-check__input:where(:disabled) ~ .pf-v6-c-check__label,
7939
- .pf-v6-c-card__selectable-actions .pf-v6-c-radio__input:where(:disabled) ~ .pf-v6-c-radio__label,
7944
+ .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check__input, .pf-v6-c-radio__input):where(:disabled) ~ :is(.pf-v6-c-check__label, .pf-v6-c-radio__label),
7940
7945
  .pf-v6-c-card.pf-m-disabled {
7941
7946
  --pf-v6-c-card__title-text--Color: var(--pf-v6-c-card--m-selectable--m-disabled__title-text--Color);
7942
7947
  --pf-v6-c-card__body--Color: var(--pf-v6-c-card--m-selectable--m-disabled__body--Color);
@@ -7945,6 +7950,16 @@ button.pf-v6-c-breadcrumb__link {
7945
7950
  --pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-selectable--m-disabled--BorderColor);
7946
7951
  }
7947
7952
 
7953
+ .pf-v6-c-card__clickable-action {
7954
+ background: none;
7955
+ border: 0;
7956
+ outline: 0;
7957
+ }
7958
+
7959
+ .pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
7960
+ pointer-events: none;
7961
+ }
7962
+
7948
7963
  .pf-v6-c-card__header,
7949
7964
  .pf-v6-c-card__title,
7950
7965
  .pf-v6-c-card__body,
@@ -7989,6 +8004,60 @@ button.pf-v6-c-breadcrumb__link {
7989
8004
  color: var(--pf-v6-c-card__footer--Color);
7990
8005
  }
7991
8006
 
8007
+ :where(:root, .pf-v6-c-code-block) {
8008
+ --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
8009
+ --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
8010
+ --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
8011
+ --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
8012
+ --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8013
+ --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8014
+ --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8015
+ --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8016
+ --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
8017
+ --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
8018
+ --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
8019
+ --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
8020
+ --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
8021
+ --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
8022
+ }
8023
+
8024
+ .pf-v6-c-code-block {
8025
+ background-color: var(--pf-v6-c-code-block--BackgroundColor);
8026
+ border-radius: var(--pf-v6-c-code-block--BorderRadius);
8027
+ }
8028
+
8029
+ .pf-v6-c-code-block__header {
8030
+ display: flex;
8031
+ padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
8032
+ padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
8033
+ padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
8034
+ padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
8035
+ border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
8036
+ }
8037
+
8038
+ .pf-v6-c-code-block__actions {
8039
+ display: flex;
8040
+ margin-inline-start: auto;
8041
+ }
8042
+
8043
+ .pf-v6-c-code-block__content {
8044
+ padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
8045
+ padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
8046
+ padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
8047
+ padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
8048
+ }
8049
+
8050
+ .pf-v6-c-code-block__pre {
8051
+ font-family: var(--pf-v6-c-code-block__pre--FontFamily);
8052
+ font-size: var(--pf-v6-c-code-block__pre--FontSize);
8053
+ overflow-wrap: break-word;
8054
+ white-space: pre-wrap;
8055
+ }
8056
+
8057
+ .pf-v6-c-code-block__code {
8058
+ font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
8059
+ }
8060
+
7992
8061
  :where(:root, .pf-v6-c-clipboard-copy) {
7993
8062
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
7994
8063
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
@@ -8065,86 +8134,32 @@ button.pf-v6-c-breadcrumb__link {
8065
8134
  border-inline-start-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderInlineStartWidth);
8066
8135
  border-inline-end-width: var(--pf-v6-c-clipboard-copy__expandable-content--BorderInlineEndWidth);
8067
8136
  border-radius: var(--pf-v6-c-clipboard-copy__expandable-content--BorderRadius);
8068
- box-shadow: var(--pf-v6-c-clipboard-copy__expandable-content--BoxShadow);
8069
- }
8070
-
8071
- .pf-v6-c-clipboard-copy__expandable-content pre {
8072
- white-space: pre-wrap;
8073
- }
8074
-
8075
- .pf-v6-c-clipboard-copy__text {
8076
- word-break: break-word;
8077
- white-space: normal;
8078
- }
8079
-
8080
- .pf-v6-c-clipboard-copy__text.pf-m-code {
8081
- font-family: var(--pf-v6-c-clipboard-copy__text--m-code--FontFamily);
8082
- font-size: var(--pf-v6-c-clipboard-copy__text--m-code--FontSize);
8083
- }
8084
-
8085
- .pf-v6-c-clipboard-copy__actions {
8086
- display: inline-flex;
8087
- gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
8088
- margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
8089
- }
8090
-
8091
- .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
8092
- --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
8093
- --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
8094
- }
8095
-
8096
- :where(:root, .pf-v6-c-code-block) {
8097
- --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
8098
- --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
8099
- --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
8100
- --pf-v6-c-code-block__header--BorderBlockEndColor: var(--pf-t--global--border--color--default);
8101
- --pf-v6-c-code-block__header--PaddingBlockStart: var(--pf-t--global--spacer--xs);
8102
- --pf-v6-c-code-block__header--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
8103
- --pf-v6-c-code-block__header--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8104
- --pf-v6-c-code-block__header--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8105
- --pf-v6-c-code-block__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
8106
- --pf-v6-c-code-block__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
8107
- --pf-v6-c-code-block__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
8108
- --pf-v6-c-code-block__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
8109
- --pf-v6-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
8110
- --pf-v6-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
8111
- }
8112
-
8113
- .pf-v6-c-code-block {
8114
- background-color: var(--pf-v6-c-code-block--BackgroundColor);
8115
- border-radius: var(--pf-v6-c-code-block--BorderRadius);
8116
- }
8117
-
8118
- .pf-v6-c-code-block__header {
8119
- display: flex;
8120
- padding-block-start: var(--pf-v6-c-code-block__header--PaddingBlockStart);
8121
- padding-block-end: var(--pf-v6-c-code-block__header--PaddingBlockEnd);
8122
- padding-inline-start: var(--pf-v6-c-code-block__header--PaddingInlineStart);
8123
- padding-inline-end: var(--pf-v6-c-code-block__header--PaddingInlineEnd);
8124
- border-block-end: var(--pf-v6-c-code-block__header--BorderBlockEndWidth) solid var(--pf-v6-c-code-block__header--BorderBlockEndColor);
8137
+ box-shadow: var(--pf-v6-c-clipboard-copy__expandable-content--BoxShadow);
8125
8138
  }
8126
8139
 
8127
- .pf-v6-c-code-block__actions {
8128
- display: flex;
8129
- margin-inline-start: auto;
8140
+ .pf-v6-c-clipboard-copy__expandable-content pre {
8141
+ white-space: pre-wrap;
8130
8142
  }
8131
8143
 
8132
- .pf-v6-c-code-block__content {
8133
- padding-block-start: var(--pf-v6-c-code-block__content--PaddingBlockStart);
8134
- padding-block-end: var(--pf-v6-c-code-block__content--PaddingBlockEnd);
8135
- padding-inline-start: var(--pf-v6-c-code-block__content--PaddingInlineStart);
8136
- padding-inline-end: var(--pf-v6-c-code-block__content--PaddingInlineEnd);
8144
+ .pf-v6-c-clipboard-copy__text {
8145
+ word-break: break-word;
8146
+ white-space: normal;
8137
8147
  }
8138
8148
 
8139
- .pf-v6-c-code-block__pre {
8140
- font-family: var(--pf-v6-c-code-block__pre--FontFamily);
8141
- font-size: var(--pf-v6-c-code-block__pre--FontSize);
8142
- overflow-wrap: break-word;
8143
- white-space: pre-wrap;
8149
+ .pf-v6-c-clipboard-copy__text.pf-m-code {
8150
+ font-family: var(--pf-v6-c-clipboard-copy__text--m-code--FontFamily);
8151
+ font-size: var(--pf-v6-c-clipboard-copy__text--m-code--FontSize);
8144
8152
  }
8145
8153
 
8146
- .pf-v6-c-code-block__code {
8147
- font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
8154
+ .pf-v6-c-clipboard-copy__actions {
8155
+ display: inline-flex;
8156
+ gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
8157
+ margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
8158
+ }
8159
+
8160
+ .pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
8161
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
8162
+ --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
8148
8163
  }
8149
8164
 
8150
8165
  @media screen and (min-width: 48rem) {
@@ -9005,6 +9020,7 @@ button.pf-v6-c-breadcrumb__link {
9005
9020
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
9006
9021
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
9007
9022
  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
9023
+ --pf-v6-c-content--m-editorial--FontSize: var(--pf-t--global--font--size--body--lg);
9008
9024
  --pf-v6-c-content--FontWeight: var(--pf-t--global--font--weight--body--default);
9009
9025
  --pf-v6-c-content--Color: var(--pf-t--global--text--color--regular);
9010
9026
  --pf-v6-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
@@ -9041,6 +9057,7 @@ button.pf-v6-c-breadcrumb__link {
9041
9057
  --pf-v6-c-content--small--MarginBlockEnd: var(--pf-t--global--spacer--md);
9042
9058
  --pf-v6-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
9043
9059
  --pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
9060
+ --pf-v6-c-content--m-editorial--small--FontSize: var(--pf-t--global--font--size--body--default);
9044
9061
  --pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
9045
9062
  --pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
9046
9063
  --pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
@@ -9060,8 +9077,10 @@ button.pf-v6-c-breadcrumb__link {
9060
9077
  --pf-v6-c-content--list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
9061
9078
  --pf-v6-c-content--list--nested--MarginBlockStart: var(--pf-v6-c-content--list--Gap);
9062
9079
  --pf-v6-c-content--ul--ListStyle: var(--pf-t--global--list-style);
9063
- --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
9064
- --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
9080
+ --pf-v6-c-content--dl--GridTemplateColumns--dt: 12ch;
9081
+ --pf-v6-c-content--dl--GridTemplateColumns--dd: 1fr;
9082
+ --pf-v6-c-content--dl--ColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
9083
+ --pf-v6-c-content--dl--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical);
9065
9084
  --pf-v6-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
9066
9085
  --pf-v6-c-content--dt--MarginBlockStart: var(--pf-t--global--spacer--md);
9067
9086
  --pf-v6-c-content--dt--sm--MarginBlockStart: 0;
@@ -9069,12 +9088,17 @@ button.pf-v6-c-breadcrumb__link {
9069
9088
  --pf-v6-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
9070
9089
  }
9071
9090
 
9072
- .pf-v6-c-content {
9091
+ [class*=pf-v6-c-content] {
9073
9092
  font-size: var(--pf-v6-c-content--FontSize);
9074
9093
  line-height: var(--pf-v6-c-content--LineHeight);
9075
9094
  color: var(--pf-v6-c-content--Color);
9076
9095
  }
9077
9096
 
9097
+ [class*=pf-v6-c-content].pf-m-editorial {
9098
+ --pf-v6-c-content--FontSize: var(--pf-v6-c-content--m-editorial--FontSize);
9099
+ --pf-v6-c-content--small--FontSize: var(--pf-v6-c-content--m-editorial--small--FontSize);
9100
+ }
9101
+
9078
9102
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
9079
9103
  color: var(--pf-v6-c-content--a--Color);
9080
9104
  text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
@@ -9241,7 +9265,7 @@ ul) {
9241
9265
 
9242
9266
  @media screen and (min-width: 36rem) {
9243
9267
  :is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
9244
- grid-template: auto/auto 1fr;
9268
+ grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
9245
9269
  grid-row-gap: var(--pf-v6-c-content--dl--RowGap);
9246
9270
  grid-column-gap: var(--pf-v6-c-content--dl--ColumnGap);
9247
9271
  }
@@ -10881,12 +10905,7 @@ ul) {
10881
10905
  }
10882
10906
 
10883
10907
  :where(:root, .pf-v6-c-expandable-section) {
10884
- --pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10885
- --pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10886
- --pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10887
- --pf-v6-c-expandable-section__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
10888
- --pf-v6-c-expandable-section__toggle--BackgroundColor: transparent;
10889
- --pf-v6-c-expandable-section__toggle--ColumnGap: calc(var(--pf-t--global--spacer--xs) + var(--pf-t--global--spacer--sm));
10908
+ --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
10890
10909
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
10891
10910
  --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
10892
10911
  --pf-v6-c-expandable-section__toggle-icon--Transition: .2s ease-in 0s;
@@ -10894,48 +10913,32 @@ ul) {
10894
10913
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
10895
10914
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
10896
10915
  --pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate: -90deg;
10897
- --pf-v6-c-expandable-section__toggle-text--Color: var(--pf-t--global--color--brand--default);
10898
- --pf-v6-c-expandable-section__toggle-text--hover--Color: var(--pf-t--global--color--brand--hover);
10899
- --pf-v6-c-expandable-section--m-expanded__toggle-text--Color: var(--pf-t--global--color--brand--hover);
10900
- --pf-v6-c-expandable-section__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10901
- --pf-v6-c-expandable-section__content--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
10902
- --pf-v6-c-expandable-section__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10903
- --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-t--global--spacer--sm);
10904
10916
  --pf-v6-c-expandable-section__content--MaxWidth: auto;
10905
10917
  --pf-v6-c-expandable-section--m-limit-width__content--MaxWidth: 46.875rem;
10918
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10919
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10920
+ --pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--md);
10921
+ --pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10922
+ --pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10906
10923
  --pf-v6-c-expandable-section--m-display-lg--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10924
+ --pf-v6-c-expandable-section--m-display-lg--BorderWidth: var(--pf-t--global--border--width--box--default);
10907
10925
  --pf-v6-c-expandable-section--m-display-lg--BorderColor: var(--pf-t--global--border--color--default);
10908
10926
  --pf-v6-c-expandable-section--m-display-lg--BorderRadius: var(--pf-t--global--border--radius--medium);
10909
- --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
10910
- --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
10911
- --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10912
- --pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineStart: var(--pf-t--global--spacer--lg);
10913
- --pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium);
10914
- --pf-v6-c-expandable-section--m-display-lg__toggle--Width: 100%;
10915
- --pf-v6-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
10916
- --pf-v6-c-expandable-section--m-display-lg__toggle--active--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
10917
- --pf-v6-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor: var(--pf-t--global--background--color--secondary--hover);
10918
- --pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
10919
- --pf-v6-c-expandable-section--m-display-lg__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
10920
- --pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart: var(--pf-t--global--spacer--lg);
10921
- --pf-v6-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius: var(--pf-t--global--border--radius--medium) var(--pf-t--global--border--radius--medium) 0 0;
10922
- --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base: calc(var(--pf-v6-c-expandable-section__toggle--ColumnGap) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
10923
- --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base) + var(--pf-v6-c-expandable-section__toggle--PaddingInlineStart));
10924
- --pf-v6-c-expandable-section--m-display-lg--m-indented__content--PaddingInlineStart: calc(var(--pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart--base) + var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart));
10925
- --pf-v6-c-expandable-section--m-truncate--PaddingBlockStart: var(--pf-t--global--spacer--sm);
10926
- --pf-v6-c-expandable-section--m-truncate--PaddingInlineEnd: var(--pf-t--global--spacer--md);
10927
- --pf-v6-c-expandable-section--m-truncate--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10928
- --pf-v6-c-expandable-section--m-truncate--PaddingInlineStart: var(--pf-t--global--spacer--md);
10929
- --pf-v6-c-expandable-section--m-truncate__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
10927
+ --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) + var(--pf-t--global--spacer--gap--text-to-element--default) + var(--pf-v6-c-expandable-section__toggle-icon--MinWidth));
10930
10928
  --pf-v6-c-expandable-section--m-truncate__content--LineClamp: 3;
10929
+ --pf-v6-c-expandable-section--m-truncate--Gap: var(--pf-t--global--spacer--xs);
10930
+ }
10931
+
10932
+ .pf-v6-c-expandable-section {
10933
+ display: flex;
10934
+ flex-direction: column;
10935
+ gap: var(--pf-v6-c-expandable-section--Gap);
10931
10936
  }
10932
10937
 
10933
10938
  .pf-v6-c-expandable-section.pf-m-expanded {
10934
- --pf-v6-c-expandable-section__toggle-text--Color: var(--pf-v6-c-expandable-section--m-expanded__toggle-text--Color);
10935
10939
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate);
10936
10940
  --pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: var(--pf-v6-c-expandable-section--m-expanded__toggle-icon--m-expand-top--Rotate);
10937
- --pf-v6-c-expandable-section--m-display-lg--after--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--after--BackgroundColor);
10938
- --pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius: var(--pf-v6-c-expandable-section--m-expanded--m-display-lg__toggle--BorderRadius);
10941
+ --pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg--m-expanded--PaddingBlockEnd);
10939
10942
  }
10940
10943
 
10941
10944
  .pf-v6-c-expandable-section.pf-m-limit-width {
@@ -10943,21 +10946,12 @@ ul) {
10943
10946
  }
10944
10947
 
10945
10948
  .pf-v6-c-expandable-section.pf-m-display-lg {
10946
- --pf-v6-c-expandable-section__toggle--PaddingBlockStart: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockStart);
10947
- --pf-v6-c-expandable-section__toggle--PaddingInlineEnd: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineEnd);
10948
- --pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingBlockEnd);
10949
- --pf-v6-c-expandable-section__toggle--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg__toggle--PaddingInlineStart);
10950
- --pf-v6-c-expandable-section__toggle--hover--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--hover--BackgroundColor);
10951
- --pf-v6-c-expandable-section__toggle--active--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--active--BackgroundColor);
10952
- --pf-v6-c-expandable-section__toggle--focus--BackgroundColor: var(--pf-v6-c-expandable-section--m-display-lg__toggle--focus--BackgroundColor);
10953
- --pf-v6-c-expandable-section__toggle--BorderRadius: var(--pf-v6-c-expandable-section--m-display-lg__toggle--BorderRadius);
10954
- --pf-v6-c-expandable-section__toggle--Width: var(--pf-v6-c-expandable-section--m-display-lg__toggle--Width);
10955
- --pf-v6-c-expandable-section__content--PaddingInlineEnd: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineEnd);
10956
- --pf-v6-c-expandable-section__content--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingBlockEnd);
10957
- --pf-v6-c-expandable-section__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg__content--PaddingInlineStart);
10958
- --pf-v6-c-expandable-section--m-indented__content--PaddingInlineStart: var(--pf-v6-c-expandable-section--m-display-lg--m-indented__content--PaddingInlineStart);
10949
+ padding-block-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockStart);
10950
+ padding-block-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingBlockEnd);
10951
+ padding-inline-start: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineStart);
10952
+ padding-inline-end: var(--pf-v6-c-expandable-section--m-display-lg--PaddingInlineEnd);
10959
10953
  background-color: var(--pf-v6-c-expandable-section--m-display-lg--BackgroundColor);
10960
- border: solid 1px var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
10954
+ border: var(--pf-v6-c-expandable-section--m-display-lg--BorderWidth) solid var(--pf-v6-c-expandable-section--m-display-lg--BorderColor);
10961
10955
  border-radius: var(--pf-v6-c-expandable-section--m-display-lg--BorderRadius);
10962
10956
  }
10963
10957
 
@@ -10966,14 +10960,7 @@ ul) {
10966
10960
  }
10967
10961
 
10968
10962
  .pf-v6-c-expandable-section.pf-m-truncate {
10969
- --pf-v6-c-expandable-section__toggle--PaddingBlockStart: 0;
10970
- --pf-v6-c-expandable-section__toggle--PaddingInlineEnd: 0;
10971
- --pf-v6-c-expandable-section__toggle--PaddingBlockEnd: var(--pf-v6-c-expandable-section--m-truncate__toggle--PaddingBlockEnd);
10972
- --pf-v6-c-expandable-section__toggle--PaddingInlineStart: 0;
10973
- --pf-v6-c-expandable-section__content--PaddingBlockStart: 0;
10974
- --pf-v6-c-expandable-section__content--PaddingInlineEnd: 0;
10975
- --pf-v6-c-expandable-section__content--PaddingBlockEnd: 0;
10976
- --pf-v6-c-expandable-section__content--PaddingInlineStart: 0;
10963
+ --pf-v6-c-expandable-section--Gap: var(--pf-v6-c-expandable-section--m-truncate--Gap);
10977
10964
  }
10978
10965
 
10979
10966
  .pf-v6-c-expandable-section.pf-m-truncate:not(.pf-m-expanded) .pf-v6-c-expandable-section__content {
@@ -10983,25 +10970,8 @@ ul) {
10983
10970
  overflow: hidden;
10984
10971
  }
10985
10972
 
10986
- .pf-v6-c-expandable-section__toggle {
10987
- display: flex;
10988
- column-gap: var(--pf-v6-c-expandable-section__toggle--ColumnGap);
10989
- width: var(--pf-v6-c-expandable-section__toggle--Width, initial);
10990
- padding-block-start: var(--pf-v6-c-expandable-section__toggle--PaddingBlockStart);
10991
- padding-block-end: var(--pf-v6-c-expandable-section__toggle--PaddingBlockEnd);
10992
- padding-inline-start: var(--pf-v6-c-expandable-section__toggle--PaddingInlineStart);
10993
- padding-inline-end: var(--pf-v6-c-expandable-section__toggle--PaddingInlineEnd);
10994
- background-color: var(--pf-v6-c-expandable-section__toggle--BackgroundColor);
10995
- border: none;
10996
- border-radius: var(--pf-v6-c-expandable-section__toggle--BorderRadius, 0);
10997
- }
10998
-
10999
- .pf-v6-c-expandable-section__toggle:is(:hover, :focus) {
11000
- --pf-v6-c-expandable-section__toggle-text--Color: var(--pf-v6-c-expandable-section__toggle-text--hover--Color);
11001
- --pf-v6-c-expandable-section__toggle--BackgroundColor: var(--pf-v6-c-expandable-section__toggle--hover--BackgroundColor, initial);
11002
- }
11003
-
11004
10973
  .pf-v6-c-expandable-section__toggle-icon {
10974
+ display: inline-block;
11005
10975
  min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
11006
10976
  color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
11007
10977
  transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
@@ -11016,16 +10986,10 @@ ul) {
11016
10986
  --pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
11017
10987
  }
11018
10988
 
11019
- .pf-v6-c-expandable-section__toggle-text {
11020
- color: var(--pf-v6-c-expandable-section__toggle-text--Color);
11021
- }
11022
-
11023
10989
  .pf-v6-c-expandable-section__content {
11024
10990
  max-width: var(--pf-v6-c-expandable-section__content--MaxWidth);
11025
- padding-block-start: var(--pf-v6-c-expandable-section__content--PaddingBlockStart);
11026
- padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd);
11027
- padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart);
11028
- padding-inline-end: var(--pf-v6-c-expandable-section__content--PaddingInlineEnd);
10991
+ padding-block-end: var(--pf-v6-c-expandable-section__content--PaddingBlockEnd, 0);
10992
+ padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
11029
10993
  }
11030
10994
 
11031
10995
  :where(:root, .pf-v6-c-empty-state) {
@@ -12286,246 +12250,102 @@ label.pf-v6-c-input-group__text {
12286
12250
  .pf-v6-c-sidebar__panel.pf-m-width-75-on-sm {
12287
12251
  --pf-v6-c-sidebar__panel--FlexBasis: 75%;
12288
12252
  }
12289
- .pf-v6-c-sidebar__panel.pf-m-width-100-on-sm {
12290
- --pf-v6-c-sidebar__panel--FlexBasis: 100%;
12291
- }
12292
- }
12293
- @media (min-width: 48rem) {
12294
- .pf-v6-c-sidebar__panel.pf-m-width-default-on-md {
12295
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
12296
- }
12297
- .pf-v6-c-sidebar__panel.pf-m-width-25-on-md {
12298
- --pf-v6-c-sidebar__panel--FlexBasis: 25%;
12299
- }
12300
- .pf-v6-c-sidebar__panel.pf-m-width-33-on-md {
12301
- --pf-v6-c-sidebar__panel--FlexBasis: 33%;
12302
- }
12303
- .pf-v6-c-sidebar__panel.pf-m-width-50-on-md {
12304
- --pf-v6-c-sidebar__panel--FlexBasis: 50%;
12305
- }
12306
- .pf-v6-c-sidebar__panel.pf-m-width-66-on-md {
12307
- --pf-v6-c-sidebar__panel--FlexBasis: 66%;
12308
- }
12309
- .pf-v6-c-sidebar__panel.pf-m-width-75-on-md {
12310
- --pf-v6-c-sidebar__panel--FlexBasis: 75%;
12311
- }
12312
- .pf-v6-c-sidebar__panel.pf-m-width-100-on-md {
12313
- --pf-v6-c-sidebar__panel--FlexBasis: 100%;
12314
- }
12315
- }
12316
- @media (min-width: 62rem) {
12317
- .pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
12318
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
12319
- }
12320
- .pf-v6-c-sidebar__panel.pf-m-width-25-on-lg {
12321
- --pf-v6-c-sidebar__panel--FlexBasis: 25%;
12322
- }
12323
- .pf-v6-c-sidebar__panel.pf-m-width-33-on-lg {
12324
- --pf-v6-c-sidebar__panel--FlexBasis: 33%;
12325
- }
12326
- .pf-v6-c-sidebar__panel.pf-m-width-50-on-lg {
12327
- --pf-v6-c-sidebar__panel--FlexBasis: 50%;
12328
- }
12329
- .pf-v6-c-sidebar__panel.pf-m-width-66-on-lg {
12330
- --pf-v6-c-sidebar__panel--FlexBasis: 66%;
12331
- }
12332
- .pf-v6-c-sidebar__panel.pf-m-width-75-on-lg {
12333
- --pf-v6-c-sidebar__panel--FlexBasis: 75%;
12334
- }
12335
- .pf-v6-c-sidebar__panel.pf-m-width-100-on-lg {
12336
- --pf-v6-c-sidebar__panel--FlexBasis: 100%;
12337
- }
12338
- }
12339
- @media (min-width: 75rem) {
12340
- .pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
12341
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
12342
- }
12343
- .pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
12344
- --pf-v6-c-sidebar__panel--FlexBasis: 25%;
12345
- }
12346
- .pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
12347
- --pf-v6-c-sidebar__panel--FlexBasis: 33%;
12348
- }
12349
- .pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
12350
- --pf-v6-c-sidebar__panel--FlexBasis: 50%;
12351
- }
12352
- .pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
12353
- --pf-v6-c-sidebar__panel--FlexBasis: 66%;
12354
- }
12355
- .pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
12356
- --pf-v6-c-sidebar__panel--FlexBasis: 75%;
12357
- }
12358
- .pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
12359
- --pf-v6-c-sidebar__panel--FlexBasis: 100%;
12360
- }
12361
- }
12362
- @media (min-width: 90.625rem) {
12363
- .pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
12364
- --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
12365
- }
12366
- .pf-v6-c-sidebar__panel.pf-m-width-25-on-2xl {
12367
- --pf-v6-c-sidebar__panel--FlexBasis: 25%;
12368
- }
12369
- .pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
12370
- --pf-v6-c-sidebar__panel--FlexBasis: 33%;
12371
- }
12372
- .pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
12373
- --pf-v6-c-sidebar__panel--FlexBasis: 50%;
12374
- }
12375
- .pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
12376
- --pf-v6-c-sidebar__panel--FlexBasis: 66%;
12377
- }
12378
- .pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
12379
- --pf-v6-c-sidebar__panel--FlexBasis: 75%;
12380
- }
12381
- .pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
12382
- --pf-v6-c-sidebar__panel--FlexBasis: 100%;
12383
- }
12384
- }
12385
- :where(:root, .pf-v6-c-label-group) {
12386
- --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
12387
- --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
12388
- --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
12389
- --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
12390
- --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
12391
- --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
12392
- --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
12393
- --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
12394
- --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
12395
- --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
12396
- --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
12397
- --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
12398
- --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
12399
- --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12400
- --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
12401
- --pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12402
- --pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
12403
- --pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
12404
- --pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
12405
- --pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12406
- --pf-v6-c-label-group__label--MaxWidth: 18ch;
12407
- --pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
12408
- --pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
12409
- --pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12410
- --pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
12411
- --pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12412
- --pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
12413
- --pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
12414
- --pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
12415
- --pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
12416
- --pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
12417
- }
12418
-
12419
- .pf-v6-c-label-group {
12420
- display: inline-flex;
12421
- row-gap: var(--pf-v6-c-label-group--RowGap);
12422
- column-gap: var(--pf-v6-c-label-group--ColumnGap);
12423
- align-items: center;
12424
- }
12425
-
12426
- .pf-v6-c-label-group.pf-m-category {
12427
- padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
12428
- padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
12429
- padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
12430
- padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
12431
- background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
12432
- border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
12433
- border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
12434
- }
12435
-
12436
- .pf-v6-c-label-group.pf-m-vertical {
12437
- --pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
12438
- --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
12439
- --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
12440
- --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
12441
- --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
12442
- --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
12443
- --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
12444
- }
12445
-
12446
- .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
12447
- align-items: flex-start;
12448
- }
12449
-
12450
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
12451
- flex-direction: column;
12452
- align-items: flex-start;
12453
- }
12454
-
12455
- .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
12456
- flex-direction: column;
12457
- }
12458
-
12459
- .pf-v6-c-label-group.pf-m-editable,
12460
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
12461
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
12462
- display: flex;
12463
- }
12464
-
12465
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
12466
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
12467
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
12468
- .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
12469
- flex: 1;
12470
- }
12471
-
12472
- .pf-v6-c-label-group__main {
12473
- display: flex;
12474
- flex: 1;
12475
- flex-wrap: wrap;
12476
- row-gap: var(--pf-v6-c-label-group__main--RowGap);
12477
- column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
12478
- align-items: baseline;
12479
- }
12480
-
12481
- .pf-v6-c-label-group__list {
12482
- display: inline-flex;
12483
- flex-wrap: wrap;
12484
- row-gap: var(--pf-v6-c-label-group__list--RowGap);
12485
- column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
12486
- }
12487
-
12488
- .pf-v6-c-label-group__list-item {
12489
- display: inline-flex;
12490
- }
12491
-
12492
- .pf-v6-c-label-group__label {
12493
- overflow: hidden;
12494
- text-overflow: ellipsis;
12495
- white-space: nowrap;
12496
- max-width: var(--pf-v6-c-label-group__label--MaxWidth);
12253
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-sm {
12254
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
12255
+ }
12497
12256
  }
12498
-
12499
- .pf-v6-c-label-group__close {
12500
- display: flex;
12501
- align-self: flex-start;
12257
+ @media (min-width: 48rem) {
12258
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-md {
12259
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
12260
+ }
12261
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-md {
12262
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
12263
+ }
12264
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-md {
12265
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
12266
+ }
12267
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-md {
12268
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
12269
+ }
12270
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-md {
12271
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
12272
+ }
12273
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-md {
12274
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
12275
+ }
12276
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-md {
12277
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
12278
+ }
12502
12279
  }
12503
-
12504
- .pf-v6-c-label-group__close .pf-v6-c-button {
12505
- --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
12506
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
12507
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
12508
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
12509
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
12280
+ @media (min-width: 62rem) {
12281
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-lg {
12282
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
12283
+ }
12284
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-lg {
12285
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
12286
+ }
12287
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-lg {
12288
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
12289
+ }
12290
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-lg {
12291
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
12292
+ }
12293
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-lg {
12294
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
12295
+ }
12296
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-lg {
12297
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
12298
+ }
12299
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-lg {
12300
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
12301
+ }
12510
12302
  }
12511
-
12512
- .pf-v6-c-label-group__textarea {
12513
- min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
12514
- padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
12515
- padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
12516
- padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
12517
- padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
12518
- white-space: nowrap;
12519
- resize: none;
12520
- border: 0;
12521
- -ms-overflow-style: none;
12522
- scrollbar-width: none;
12303
+ @media (min-width: 75rem) {
12304
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-xl {
12305
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
12306
+ }
12307
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-xl {
12308
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
12309
+ }
12310
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-xl {
12311
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
12312
+ }
12313
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-xl {
12314
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
12315
+ }
12316
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-xl {
12317
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
12318
+ }
12319
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-xl {
12320
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
12321
+ }
12322
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-xl {
12323
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
12324
+ }
12523
12325
  }
12524
-
12525
- .pf-v6-c-label-group__textarea::-webkit-scrollbar {
12526
- display: none;
12326
+ @media (min-width: 90.625rem) {
12327
+ .pf-v6-c-sidebar__panel.pf-m-width-default-on-2xl {
12328
+ --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
12329
+ }
12330
+ .pf-v6-c-sidebar__panel.pf-m-width-25-on-2xl {
12331
+ --pf-v6-c-sidebar__panel--FlexBasis: 25%;
12332
+ }
12333
+ .pf-v6-c-sidebar__panel.pf-m-width-33-on-2xl {
12334
+ --pf-v6-c-sidebar__panel--FlexBasis: 33%;
12335
+ }
12336
+ .pf-v6-c-sidebar__panel.pf-m-width-50-on-2xl {
12337
+ --pf-v6-c-sidebar__panel--FlexBasis: 50%;
12338
+ }
12339
+ .pf-v6-c-sidebar__panel.pf-m-width-66-on-2xl {
12340
+ --pf-v6-c-sidebar__panel--FlexBasis: 66%;
12341
+ }
12342
+ .pf-v6-c-sidebar__panel.pf-m-width-75-on-2xl {
12343
+ --pf-v6-c-sidebar__panel--FlexBasis: 75%;
12344
+ }
12345
+ .pf-v6-c-sidebar__panel.pf-m-width-100-on-2xl {
12346
+ --pf-v6-c-sidebar__panel--FlexBasis: 100%;
12347
+ }
12527
12348
  }
12528
-
12529
12349
  :where(:root, .pf-v6-c-label) {
12530
12350
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
12531
12351
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -13034,23 +12854,167 @@ input.pf-v6-c-label__content {
13034
12854
  white-space: nowrap;
13035
12855
  }
13036
12856
 
13037
- .pf-v6-c-label__icon {
13038
- color: var(--pf-v6-c-label__icon--Color);
12857
+ .pf-v6-c-label__icon {
12858
+ color: var(--pf-v6-c-label__icon--Color);
12859
+ }
12860
+
12861
+ .pf-v6-c-label__actions {
12862
+ margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
12863
+ }
12864
+
12865
+ .pf-v6-c-label__actions .pf-v6-c-button {
12866
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
12867
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
12868
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
12869
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
12870
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
12871
+ margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
12872
+ margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
12873
+ outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
12874
+ }
12875
+
12876
+ :where(:root, .pf-v6-c-label-group) {
12877
+ --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
12878
+ --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
12879
+ --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
12880
+ --pf-v6-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
12881
+ --pf-v6-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
12882
+ --pf-v6-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
12883
+ --pf-v6-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
12884
+ --pf-v6-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
12885
+ --pf-v6-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
12886
+ --pf-v6-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
12887
+ --pf-v6-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
12888
+ --pf-v6-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
12889
+ --pf-v6-c-label-group--m-category--PaddingBlockStart: var(--pf-t--global--spacer--xs);
12890
+ --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12891
+ --pf-v6-c-label-group--m-category--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
12892
+ --pf-v6-c-label-group--m-category--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12893
+ --pf-v6-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
12894
+ --pf-v6-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
12895
+ --pf-v6-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
12896
+ --pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12897
+ --pf-v6-c-label-group__label--MaxWidth: 18ch;
12898
+ --pf-v6-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--font--body--sm);
12899
+ --pf-v6-c-label-group__close--c-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
12900
+ --pf-v6-c-label-group__close--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
12901
+ --pf-v6-c-label-group__close--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
12902
+ --pf-v6-c-label-group__close--c-button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
12903
+ --pf-v6-c-label-group__textarea--MinWidth: 12.5rem;
12904
+ --pf-v6-c-label-group__textarea--PaddingBlockStart: 0.125rem;
12905
+ --pf-v6-c-label-group__textarea--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
12906
+ --pf-v6-c-label-group__textarea--PaddingBlockEnd: 0;
12907
+ --pf-v6-c-label-group__textarea--PaddingInlineStart: var(--pf-t--global--spacer--xs);
12908
+ }
12909
+
12910
+ .pf-v6-c-label-group {
12911
+ display: inline-flex;
12912
+ row-gap: var(--pf-v6-c-label-group--RowGap);
12913
+ column-gap: var(--pf-v6-c-label-group--ColumnGap);
12914
+ align-items: center;
12915
+ }
12916
+
12917
+ .pf-v6-c-label-group.pf-m-category {
12918
+ padding-block-start: var(--pf-v6-c-label-group--m-category--PaddingBlockStart);
12919
+ padding-block-end: var(--pf-v6-c-label-group--m-category--PaddingBlockEnd);
12920
+ padding-inline-start: var(--pf-v6-c-label-group--m-category--PaddingInlineStart);
12921
+ padding-inline-end: var(--pf-v6-c-label-group--m-category--PaddingInlineEnd);
12922
+ background-color: var(--pf-v6-c-label-group--m-category--BackgroundColor);
12923
+ border: var(--pf-v6-c-label-group--m-category--BorderWidth) solid var(--pf-v6-c-label-group--m-category--BorderColor);
12924
+ border-radius: var(--pf-v6-c-label-group--m-category--BorderRadius);
12925
+ }
12926
+
12927
+ .pf-v6-c-label-group.pf-m-vertical {
12928
+ --pf-v6-c-label-group--RowGap: var(--pf-v6-c-label-group--m-vertical--RowGap);
12929
+ --pf-v6-c-label-group--ColumnGap: var(--pf-v6-c-label-group--m-vertical--ColumnGap);
12930
+ --pf-v6-c-label-group__main--RowGap: var(--pf-v6-c-label-group--m-vertical__main--RowGap);
12931
+ --pf-v6-c-label-group__main--ColumnGap: var(--pf-v6-c-label-group--m-vertical__main--ColumnGap);
12932
+ --pf-v6-c-label-group__list--RowGap: var(--pf-v6-c-label-group--m-vertical__list--RowGap);
12933
+ --pf-v6-c-label-group__list--ColumnGap: var(--pf-v6-c-label-group--m-vertical__list--ColumnGap);
12934
+ --pf-v6-c-label-group--m-category--PaddingInlineEnd: var(--pf-v6-c-label-group--m-vertical--m-category--PaddingInlineEnd);
12935
+ }
12936
+
12937
+ .pf-v6-c-label-group.pf-m-vertical.pf-v6-c-label-group {
12938
+ align-items: flex-start;
12939
+ }
12940
+
12941
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__list {
12942
+ flex-direction: column;
12943
+ align-items: flex-start;
12944
+ }
12945
+
12946
+ .pf-v6-c-label-group.pf-m-vertical .pf-v6-c-label-group__main {
12947
+ flex-direction: column;
12948
+ }
12949
+
12950
+ .pf-v6-c-label-group.pf-m-editable,
12951
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
12952
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list {
12953
+ display: flex;
12954
+ }
12955
+
12956
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__main,
12957
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list,
12958
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__list-item.pf-m-textarea,
12959
+ .pf-v6-c-label-group.pf-m-editable .pf-v6-c-label-group__textarea {
12960
+ flex: 1;
12961
+ }
12962
+
12963
+ .pf-v6-c-label-group__main {
12964
+ display: flex;
12965
+ flex: 1;
12966
+ flex-wrap: wrap;
12967
+ row-gap: var(--pf-v6-c-label-group__main--RowGap);
12968
+ column-gap: var(--pf-v6-c-label-group__main--ColumnGap);
12969
+ align-items: baseline;
12970
+ }
12971
+
12972
+ .pf-v6-c-label-group__list {
12973
+ display: inline-flex;
12974
+ flex-wrap: wrap;
12975
+ row-gap: var(--pf-v6-c-label-group__list--RowGap);
12976
+ column-gap: var(--pf-v6-c-label-group__list--ColumnGap);
12977
+ }
12978
+
12979
+ .pf-v6-c-label-group__list-item {
12980
+ display: inline-flex;
12981
+ }
12982
+
12983
+ .pf-v6-c-label-group__label {
12984
+ overflow: hidden;
12985
+ text-overflow: ellipsis;
12986
+ white-space: nowrap;
12987
+ max-width: var(--pf-v6-c-label-group__label--MaxWidth);
12988
+ }
12989
+
12990
+ .pf-v6-c-label-group__close {
12991
+ display: flex;
12992
+ align-self: flex-start;
12993
+ }
12994
+
12995
+ .pf-v6-c-label-group__close .pf-v6-c-button {
12996
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-label-group__close--c-button--FontSize);
12997
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label-group__close--c-button--PaddingBlockStart);
12998
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label-group__close--c-button--PaddingInlineEnd);
12999
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label-group__close--c-button--PaddingBlockEnd);
13000
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label-group__close--c-button--PaddingInlineStart);
13039
13001
  }
13040
13002
 
13041
- .pf-v6-c-label__actions {
13042
- margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
13003
+ .pf-v6-c-label-group__textarea {
13004
+ min-width: var(--pf-v6-c-label-group__textarea--MinWidth);
13005
+ padding-block-start: var(--pf-v6-c-label-group__textarea--PaddingBlockStart);
13006
+ padding-block-end: var(--pf-v6-c-label-group__textarea--PaddingBlockEnd);
13007
+ padding-inline-start: var(--pf-v6-c-label-group__textarea--PaddingInlineStart);
13008
+ padding-inline-end: var(--pf-v6-c-label-group__textarea--PaddingInlineEnd);
13009
+ white-space: nowrap;
13010
+ resize: none;
13011
+ border: 0;
13012
+ -ms-overflow-style: none;
13013
+ scrollbar-width: none;
13043
13014
  }
13044
13015
 
13045
- .pf-v6-c-label__actions .pf-v6-c-button {
13046
- --pf-v6-c-button--FontSize: var(--pf-v6-c-label__actions--c-button--FontSize);
13047
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: var(--pf-v6-c-label__actions--c-button--PaddingBlockStart);
13048
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: var(--pf-v6-c-label__actions--c-button--PaddingInlineEnd);
13049
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: var(--pf-v6-c-label__actions--c-button--PaddingBlockEnd);
13050
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: var(--pf-v6-c-label__actions--c-button--PaddingInlineStart);
13051
- margin-block-start: var(--pf-v6-c-label__actions--c-button--MarginBlockStart);
13052
- margin-block-end: var(--pf-v6-c-label__actions--c-button--MarginBlockEnd);
13053
- outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
13016
+ .pf-v6-c-label-group__textarea::-webkit-scrollbar {
13017
+ display: none;
13054
13018
  }
13055
13019
 
13056
13020
  :where(:root, .pf-v6-c-list) {
@@ -14632,6 +14596,7 @@ ul.pf-v6-c-list {
14632
14596
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14633
14597
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
14634
14598
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
14599
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
14635
14600
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
14636
14601
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
14637
14602
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -14749,288 +14714,77 @@ ul.pf-v6-c-list {
14749
14714
  display: flex;
14750
14715
  flex-direction: column;
14751
14716
  flex-grow: 1;
14752
- gap: var(--pf-v6-c-modal-box__header-main--Gap);
14753
- min-width: 0;
14754
- }
14755
-
14756
- .pf-v6-c-modal-box__title,
14757
- .pf-v6-c-modal-box__title-text {
14758
- overflow: hidden;
14759
- text-overflow: ellipsis;
14760
- white-space: nowrap;
14761
- }
14762
-
14763
- .pf-v6-c-modal-box__title {
14764
- flex: 0 0 auto;
14765
- font-family: var(--pf-v6-c-modal-box__title--FontFamily);
14766
- font-size: var(--pf-v6-c-modal-box__title--FontSize);
14767
- font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
14768
- line-height: var(--pf-v6-c-modal-box__title--LineHeight);
14769
- }
14770
-
14771
- .pf-v6-c-modal-box__title.pf-m-icon {
14772
- display: flex;
14773
- }
14774
-
14775
- .pf-v6-c-modal-box__title-icon {
14776
- margin-inline-end: var(--pf-v6-c-modal-box__title-icon--MarginInlineEnd);
14777
- color: var(--pf-v6-c-modal-box__title-icon--Color);
14778
- }
14779
-
14780
- .pf-v6-c-modal-box__description {
14781
- padding-block-start: var(--pf-v6-c-modal-box__description--PaddingBlockStart);
14782
- font-size: var(--pf-v6-c-modal-box__description--FontSize);
14783
- color: var(--pf-v6-c-modal-box__description--Color);
14784
- }
14785
-
14786
- .pf-v6-c-modal-box__body {
14787
- flex: 1 1 auto;
14788
- min-height: var(--pf-v6-c-modal-box__body--MinHeight);
14789
- padding-block-start: var(--pf-v6-c-modal-box__body--PaddingBlockStart);
14790
- padding-inline-start: var(--pf-v6-c-modal-box__body--PaddingInlineStart);
14791
- padding-inline-end: var(--pf-v6-c-modal-box__body--PaddingInlineEnd);
14792
- overflow-x: hidden;
14793
- overflow-y: auto;
14794
- overscroll-behavior: contain;
14795
- word-break: break-word;
14796
- -webkit-overflow-scrolling: touch;
14797
- }
14798
-
14799
- .pf-v6-c-modal-box__body:last-child {
14800
- padding-block-end: var(--pf-v6-c-modal-box__body--last-child--PaddingBlockEnd);
14801
- }
14802
-
14803
- .pf-v6-c-modal-box__footer {
14804
- display: flex;
14805
- flex: 0 0 auto;
14806
- align-items: center;
14807
- padding-block-start: var(--pf-v6-c-modal-box__footer--PaddingBlockStart);
14808
- padding-block-end: var(--pf-v6-c-modal-box__footer--PaddingBlockEnd);
14809
- padding-inline-start: var(--pf-v6-c-modal-box__footer--PaddingInlineStart);
14810
- padding-inline-end: var(--pf-v6-c-modal-box__footer--PaddingInlineEnd);
14811
- }
14812
-
14813
- .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
14814
- margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
14815
- }
14816
-
14817
- @media screen and (min-width: 36rem) {
14818
- .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
14819
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
14820
- }
14821
- }
14822
- :where(:root, .pf-v6-c-multiple-file-upload) {
14823
- --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
14824
- --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
14825
- --pf-v6-c-multiple-file-upload__main--TextAlign: center;
14826
- --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
14827
- --pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
14828
- --pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
14829
- "title"
14830
- "upload"
14831
- "info";
14832
- --pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
14833
- --pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
14834
- --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
14835
- --pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
14836
- --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
14837
- --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
14838
- --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
14839
- --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
14840
- --pf-v6-c-multiple-file-upload__title--Display: grid;
14841
- --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
14842
- --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
14843
- --pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
14844
- --pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
14845
- --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
14846
- --pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
14847
- --pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
14848
- --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
14849
- --pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
14850
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
14851
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
14852
- --pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
14853
- --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
14854
- --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
14855
- --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
14856
- --pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
14857
- --pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
14858
- --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
14859
- --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
14860
- --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
14861
- --pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
14862
- --pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
14863
- --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
14864
- --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
14865
- "title upload"
14866
- "info upload";
14867
- --pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
14868
- --pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14869
- --pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
14870
- --pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
14871
- --pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
14872
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
14873
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
14874
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
14875
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
14876
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
14877
- --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
14878
- --pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
14879
- --pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
14880
- --pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
14881
- --pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
14882
- --pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
14883
- --pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
14884
- --pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
14885
- --pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
14886
- --pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
14887
- --pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
14888
- --pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
14889
- --pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
14890
- --pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
14891
- --pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
14892
- --pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
14893
- --pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
14894
- --pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
14895
- --pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
14896
- --pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
14897
- }
14898
-
14899
- .pf-v6-c-multiple-file-upload {
14900
- display: grid;
14901
- grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
14902
- gap: var(--pf-v6-c-multiple-file-upload--Gap);
14903
- }
14904
-
14905
- .pf-v6-c-multiple-file-upload.pf-m-horizontal {
14906
- --pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
14907
- --pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
14908
- --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
14909
- --pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
14910
- --pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
14911
- --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
14912
- --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
14913
- --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
14914
- --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
14915
- --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
14916
- --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
14917
- --pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
14918
- --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
14919
- --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
14920
- --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
14921
- --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
14922
- }
14923
-
14924
- .pf-v6-c-multiple-file-upload.pf-m-drag-over {
14925
- --pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
14926
- --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
14927
- }
14928
-
14929
- .pf-v6-c-multiple-file-upload__main {
14930
- display: grid;
14931
- grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
14932
- grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
14933
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
14934
- gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
14935
- align-items: center;
14936
- padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
14937
- padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
14938
- padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
14939
- padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
14940
- text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
14941
- border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
14942
- border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
14943
- }
14944
-
14945
- .pf-v6-c-multiple-file-upload__title {
14946
- display: var(--pf-v6-c-multiple-file-upload__title--Display);
14947
- grid-area: title;
14948
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
14949
- gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
14950
- }
14951
-
14952
- .pf-v6-c-multiple-file-upload__title-icon {
14953
- font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
14954
- color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
14955
- }
14956
-
14957
- .pf-v6-c-multiple-file-upload__title-text {
14958
- font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
14959
- font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
14960
- font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
14961
- color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
14962
- }
14963
-
14964
- .pf-v6-c-multiple-file-upload__title-text-separator {
14965
- display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
14966
- margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
14967
- margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
14968
- font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
14969
- font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
14970
- font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
14971
- color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
14972
- }
14973
-
14974
- .pf-v6-c-multiple-file-upload__upload {
14975
- grid-area: upload;
14717
+ gap: var(--pf-v6-c-modal-box__header-main--Gap);
14718
+ min-width: 0;
14719
+ padding-block-start: var(--pf-v6-c-modal-box__header-main--PaddingBlockStart);
14976
14720
  }
14977
14721
 
14978
- .pf-v6-c-multiple-file-upload__info {
14979
- grid-area: info;
14980
- margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
14981
- font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
14982
- color: var(--pf-v6-c-multiple-file-upload__info--Color);
14722
+ .pf-v6-c-modal-box__title,
14723
+ .pf-v6-c-modal-box__title-text {
14724
+ overflow: hidden;
14725
+ text-overflow: ellipsis;
14726
+ white-space: nowrap;
14983
14727
  }
14984
14728
 
14985
- .pf-v6-c-multiple-file-upload__status {
14986
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
14987
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
14988
- padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
14989
- padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
14729
+ .pf-v6-c-modal-box__title {
14730
+ flex: 0 0 auto;
14731
+ font-family: var(--pf-v6-c-modal-box__title--FontFamily);
14732
+ font-size: var(--pf-v6-c-modal-box__title--FontSize);
14733
+ font-weight: var(--pf-v6-c-modal-box__title--FontWeight);
14734
+ line-height: var(--pf-v6-c-modal-box__title--LineHeight);
14990
14735
  }
14991
14736
 
14992
- .pf-v6-c-multiple-file-upload__status,
14993
- .pf-v6-c-multiple-file-upload__status-item-main {
14994
- min-width: 0;
14737
+ .pf-v6-c-modal-box__title.pf-m-icon {
14738
+ display: flex;
14995
14739
  }
14996
14740
 
14997
- .pf-v6-c-multiple-file-upload__status-progress {
14998
- display: grid;
14999
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
15000
- gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
14741
+ .pf-v6-c-modal-box__title-icon {
14742
+ margin-inline-end: var(--pf-v6-c-modal-box__title-icon--MarginInlineEnd);
14743
+ color: var(--pf-v6-c-modal-box__title-icon--Color);
15001
14744
  }
15002
14745
 
15003
- .pf-v6-c-multiple-file-upload__status-progress-icon {
15004
- color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
14746
+ .pf-v6-c-modal-box__description {
14747
+ padding-block-start: var(--pf-v6-c-modal-box__description--PaddingBlockStart);
14748
+ font-size: var(--pf-v6-c-modal-box__description--FontSize);
14749
+ color: var(--pf-v6-c-modal-box__description--Color);
15005
14750
  }
15006
14751
 
15007
- .pf-v6-c-multiple-file-upload__status-item {
15008
- display: grid;
15009
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
15010
- gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
15011
- padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
15012
- padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
15013
- border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
14752
+ .pf-v6-c-modal-box__body {
14753
+ flex: 1 1 auto;
14754
+ min-height: var(--pf-v6-c-modal-box__body--MinHeight);
14755
+ padding-block-start: var(--pf-v6-c-modal-box__body--PaddingBlockStart);
14756
+ padding-inline-start: var(--pf-v6-c-modal-box__body--PaddingInlineStart);
14757
+ padding-inline-end: var(--pf-v6-c-modal-box__body--PaddingInlineEnd);
14758
+ overflow-x: hidden;
14759
+ overflow-y: auto;
14760
+ overscroll-behavior: contain;
14761
+ word-break: break-word;
14762
+ -webkit-overflow-scrolling: touch;
15014
14763
  }
15015
14764
 
15016
- .pf-v6-c-multiple-file-upload__status-item-icon {
15017
- color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
14765
+ .pf-v6-c-modal-box__body:last-child {
14766
+ padding-block-end: var(--pf-v6-c-modal-box__body--last-child--PaddingBlockEnd);
15018
14767
  }
15019
14768
 
15020
- .pf-v6-c-multiple-file-upload__status-item-progress {
15021
- display: grid;
15022
- grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
15023
- gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
14769
+ .pf-v6-c-modal-box__footer {
14770
+ display: flex;
14771
+ flex: 0 0 auto;
14772
+ align-items: center;
14773
+ padding-block-start: var(--pf-v6-c-modal-box__footer--PaddingBlockStart);
14774
+ padding-block-end: var(--pf-v6-c-modal-box__footer--PaddingBlockEnd);
14775
+ padding-inline-start: var(--pf-v6-c-modal-box__footer--PaddingInlineStart);
14776
+ padding-inline-end: var(--pf-v6-c-modal-box__footer--PaddingInlineEnd);
15024
14777
  }
15025
14778
 
15026
- .pf-v6-c-multiple-file-upload__status-item-progress-text {
15027
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
14779
+ .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
14780
+ margin-inline-end: var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd);
15028
14781
  }
15029
14782
 
15030
- .pf-v6-c-multiple-file-upload__status-item-progress-size {
15031
- color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
14783
+ @media screen and (min-width: 36rem) {
14784
+ .pf-v6-c-modal-box__footer > .pf-v6-c-button:not(:last-child) {
14785
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd);
14786
+ }
15032
14787
  }
15033
-
15034
14788
  :where(:root, .pf-v6-c-nav) {
15035
14789
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15036
14790
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -15146,6 +14900,22 @@ ul.pf-v6-c-list {
15146
14900
  --pf-v6-c-menu--MinWidth: 100%;
15147
14901
  }
15148
14902
 
14903
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu {
14904
+ --pf-v6-c-menu--PaddingBlockStart: 0;
14905
+ --pf-v6-c-menu--PaddingBlockEnd: 0;
14906
+ --pf-v6-c-menu--BackgroundColor: var(--pf-v6-c-nav--BackgroundColor);
14907
+ --pf-v6-c-menu--BoxShadow: none;
14908
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: var(--pf-v6-c-nav__link--hover--BackgroundColor);
14909
+ }
14910
+
14911
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu .pf-v6-c-menu__list {
14912
+ row-gap: var(--pf-v6-c-nav__subnav--RowGap);
14913
+ }
14914
+
14915
+ .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list-item::before, .pf-v6-c-nav .pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu .pf-v6-c-menu__list-item::before {
14916
+ border-radius: var(--pf-v6-c-nav__link--BorderRadius);
14917
+ }
14918
+
15149
14919
  [class^=pf-v6-c-nav][hidden] {
15150
14920
  display: none;
15151
14921
  }
@@ -15290,104 +15060,277 @@ ul.pf-v6-c-list {
15290
15060
  border-inline-start: var(--pf-v6-c-nav__scroll-button--BorderWidth) solid var(--pf-v6-c-nav__scroll-button--BorderColor);
15291
15061
  }
15292
15062
 
15293
- .pf-v6-c-nav__scroll-button .pf-v6-c-button {
15294
- outline-offset: var(--pf-v6-c-nav--OutlineOffset);
15063
+ .pf-v6-c-nav__scroll-button .pf-v6-c-button {
15064
+ outline-offset: var(--pf-v6-c-nav--OutlineOffset);
15065
+ }
15066
+
15067
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button .pf-v6-c-button > * {
15068
+ scale: -1 1;
15069
+ }
15070
+
15071
+ .pf-v6-c-nav:where(.pf-m-horizontal) {
15072
+ padding: 0;
15073
+ overflow: hidden;
15074
+ }
15075
+
15076
+ .pf-v6-c-nav:where(.pf-m-horizontal),
15077
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__section,
15078
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__subnav,
15079
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list,
15080
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__item {
15081
+ display: flex;
15082
+ }
15083
+
15084
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
15085
+ padding-block-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart);
15086
+ padding-block-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd);
15087
+ padding-inline-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart);
15088
+ padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
15089
+ overflow-x: auto;
15090
+ white-space: nowrap;
15091
+ scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
15092
+ scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
15093
+ -webkit-overflow-scrolling: touch;
15094
+ scrollbar-width: none;
15095
+ -ms-overflow-style: -ms-autohiding-scrollbar;
15096
+ }
15097
+
15098
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
15099
+ display: none;
15100
+ }
15101
+
15102
+ .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
15103
+ outline-offset: var(--pf-v6-c-nav--OutlineOffset);
15104
+ }
15105
+
15106
+ .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
15107
+ --pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
15108
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
15109
+ --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
15110
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
15111
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
15112
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart);
15113
+ --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
15114
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
15115
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
15116
+ border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
15117
+ }
15118
+
15119
+ .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
15120
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart);
15121
+ --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
15122
+ }
15123
+
15124
+ :where(:root, .pf-v6-c-multiple-file-upload) {
15125
+ --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
15126
+ --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
15127
+ --pf-v6-c-multiple-file-upload__main--TextAlign: center;
15128
+ --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: auto;
15129
+ --pf-v6-c-multiple-file-upload__main--GridTemplateRows: auto;
15130
+ --pf-v6-c-multiple-file-upload__main--GridTemplateAreas:
15131
+ "title"
15132
+ "upload"
15133
+ "info";
15134
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockStart: var(--pf-t--global--spacer--xl);
15135
+ --pf-v6-c-multiple-file-upload__main--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
15136
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
15137
+ --pf-v6-c-multiple-file-upload__main--PaddingInlineStart: var(--pf-t--global--spacer--xl);
15138
+ --pf-v6-c-multiple-file-upload__main--BorderWidth: var(--pf-t--global--border--width--regular);
15139
+ --pf-v6-c-multiple-file-upload__main--BorderStyle: dashed;
15140
+ --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-t--global--border--color--default);
15141
+ --pf-v6-c-multiple-file-upload__main--BorderRadius: var(--pf-t--global--border--radius--medium);
15142
+ --pf-v6-c-multiple-file-upload__title--Display: grid;
15143
+ --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: auto;
15144
+ --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-t--global--spacer--lg);
15145
+ --pf-v6-c-multiple-file-upload__title-text--Color: var(--pf-t--global--text--color--regular);
15146
+ --pf-v6-c-multiple-file-upload__title-text--FontFamily: var(--pf-t--global--font--family--heading);
15147
+ --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-t--global--font--size--heading--sm);
15148
+ --pf-v6-c-multiple-file-upload__title-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
15149
+ --pf-v6-c-multiple-file-upload__title-icon--Color: var(--pf-t--global--icon--color--regular);
15150
+ --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-t--global--icon--size--xl);
15151
+ --pf-v6-c-multiple-file-upload__title-text-separator--Display: block;
15152
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-t--global--spacer--sm);
15153
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd: var(--pf-t--global--spacer--sm);
15154
+ --pf-v6-c-multiple-file-upload__title-text-separator--Color: var(--pf-t--global--text--color--regular);
15155
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-t--global--font--family--body);
15156
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-t--global--font--size--body--lg);
15157
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-t--global--font--weight--body--default);
15158
+ --pf-v6-c-multiple-file-upload__info--FontSize: var(--pf-t--global--font--size--body--default);
15159
+ --pf-v6-c-multiple-file-upload__info--Color: var(--pf-t--global--text--color--subtle);
15160
+ --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-t--global--spacer--lg);
15161
+ --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle: dashed;
15162
+ --pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor: var(--pf-t--global--border--color--clicked);
15163
+ --pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns: fit-content(100%);
15164
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign: start;
15165
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns: 1fr auto;
15166
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas:
15167
+ "title upload"
15168
+ "info upload";
15169
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--Gap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--lg);
15170
+ --pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
15171
+ --pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns: auto 1fr;
15172
+ --pf-v6-c-multiple-file-upload--m-horizontal__title--Gap: var(--pf-t--global--spacer--sm);
15173
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize: var(--pf-t--global--font--size--heading--xs);
15174
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize: var(--pf-t--global--font--size--heading--xs);
15175
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display: inline;
15176
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart: 0;
15177
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily: var(--pf-t--global--font--family--heading);
15178
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize: var(--pf-t--global--font--size--heading--xs);
15179
+ --pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight: var(--pf-t--global--font--weight--heading--default);
15180
+ --pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart: 0;
15181
+ --pf-v6-c-multiple-file-upload__status--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15182
+ --pf-v6-c-multiple-file-upload__status--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
15183
+ --pf-v6-c-multiple-file-upload__status--PaddingInlineStart: var(--pf-t--global--spacer--md);
15184
+ --pf-v6-c-multiple-file-upload__status--PaddingInlineEnd: var(--pf-t--global--spacer--md);
15185
+ --pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns: auto 1fr;
15186
+ --pf-v6-c-multiple-file-upload__status-progress--Gap: var(--pf-t--global--spacer--sm);
15187
+ --pf-v6-c-multiple-file-upload__status-progress-icon--Color: var(--pf-t--global--icon--color--brand--default);
15188
+ --pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart: var(--pf-t--global--spacer--md);
15189
+ --pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd: var(--pf-t--global--spacer--md);
15190
+ --pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns: auto 1fr auto;
15191
+ --pf-v6-c-multiple-file-upload__status-item--Gap: var(--pf-t--global--spacer--sm);
15192
+ --pf-v6-c-multiple-file-upload__status-item--BorderWidth: var(--pf-t--global--border--width--regular);
15193
+ --pf-v6-c-multiple-file-upload__status-item--BorderColor: var(--pf-t--global--border--color--default);
15194
+ --pf-v6-c-multiple-file-upload__status-item-icon--Color: var(--pf-t--global--icon--color--regular);
15195
+ --pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns: fit-content(100%) max-content;
15196
+ --pf-v6-c-multiple-file-upload__status-item-progress--Gap: var(--pf-t--global--spacer--sm);
15197
+ --pf-v6-c-multiple-file-upload__status-item-progress-text--Color: var(--pf-t--global--text--color--regular);
15198
+ --pf-v6-c-multiple-file-upload__status-item-progress-size--Color: var(--pf-t--global--text--color--subtle);
15199
+ }
15200
+
15201
+ .pf-v6-c-multiple-file-upload {
15202
+ display: grid;
15203
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload--GridTemplateColumns);
15204
+ gap: var(--pf-v6-c-multiple-file-upload--Gap);
15205
+ }
15206
+
15207
+ .pf-v6-c-multiple-file-upload.pf-m-horizontal {
15208
+ --pf-v6-c-multiple-file-upload--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal--GridTemplateColumns);
15209
+ --pf-v6-c-multiple-file-upload__main--TextAlign: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--TextAlign);
15210
+ --pf-v6-c-multiple-file-upload__main--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateColumns);
15211
+ --pf-v6-c-multiple-file-upload__main--GridTemplateAreas: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--GridTemplateAreas);
15212
+ --pf-v6-c-multiple-file-upload__main--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--Gap);
15213
+ --pf-v6-c-multiple-file-upload__main--PaddingBlockEnd: var(--pf-v6-c-multiple-file-upload--m-horizontal__main--PaddingBlockEnd);
15214
+ --pf-v6-c-multiple-file-upload__title--GridTemplateColumns: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--GridTemplateColumns);
15215
+ --pf-v6-c-multiple-file-upload__title--Gap: var(--pf-v6-c-multiple-file-upload--m-horizontal__title--Gap);
15216
+ --pf-v6-c-multiple-file-upload__title-icon--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-icon--FontSize);
15217
+ --pf-v6-c-multiple-file-upload__title-text--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text--FontSize);
15218
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontFamily: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontFamily);
15219
+ --pf-v6-c-multiple-file-upload__title-text-separator--Display: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--Display);
15220
+ --pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--MarginBlockStart);
15221
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontSize: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontSize);
15222
+ --pf-v6-c-multiple-file-upload__title-text-separator--FontWeight: var(--pf-v6-c-multiple-file-upload--m-horizontal__title-text-separator--FontWeight);
15223
+ --pf-v6-c-multiple-file-upload__info--MarginBlockStart: var(--pf-v6-c-multiple-file-upload--m-horizontal__info--MarginBlockStart);
15224
+ }
15225
+
15226
+ .pf-v6-c-multiple-file-upload.pf-m-drag-over {
15227
+ --pf-v6-c-multiple-file-upload__main--BorderStyle: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderStyle);
15228
+ --pf-v6-c-multiple-file-upload__main--BorderColor: var(--pf-v6-c-multiple-file-upload--m-drag-over__main--BorderColor);
15295
15229
  }
15296
15230
 
15297
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__scroll-button .pf-v6-c-button > * {
15298
- scale: -1 1;
15231
+ .pf-v6-c-multiple-file-upload__main {
15232
+ display: grid;
15233
+ grid-template-areas: var(--pf-v6-c-multiple-file-upload__main--GridTemplateAreas);
15234
+ grid-template-rows: var(--pf-v6-c-multiple-file-upload__main--GridTemplateRows);
15235
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__main--GridTemplateColumns);
15236
+ gap: var(--pf-v6-c-multiple-file-upload__main--Gap);
15237
+ align-items: center;
15238
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockStart);
15239
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__main--PaddingBlockEnd);
15240
+ padding-inline-start: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineStart);
15241
+ padding-inline-end: var(--pf-v6-c-multiple-file-upload__main--PaddingInlineEnd);
15242
+ text-align: var(--pf-v6-c-multiple-file-upload__main--TextAlign);
15243
+ border: var(--pf-v6-c-multiple-file-upload__main--BorderWidth) var(--pf-v6-c-multiple-file-upload__main--BorderStyle) var(--pf-v6-c-multiple-file-upload__main--BorderColor);
15244
+ border-radius: var(--pf-v6-c-multiple-file-upload__main--BorderRadius);
15299
15245
  }
15300
15246
 
15301
- .pf-v6-c-nav:where(.pf-m-horizontal) {
15302
- padding: 0;
15303
- overflow: hidden;
15247
+ .pf-v6-c-multiple-file-upload__title {
15248
+ display: var(--pf-v6-c-multiple-file-upload__title--Display);
15249
+ grid-area: title;
15250
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__title--GridTemplateColumns);
15251
+ gap: var(--pf-v6-c-multiple-file-upload__title--Gap);
15304
15252
  }
15305
15253
 
15306
- .pf-v6-c-nav:where(.pf-m-horizontal),
15307
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__section,
15308
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__subnav,
15309
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list,
15310
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__item {
15311
- display: flex;
15254
+ .pf-v6-c-multiple-file-upload__title-icon {
15255
+ font-size: var(--pf-v6-c-multiple-file-upload__title-icon--FontSize);
15256
+ color: var(--pf-v6-c-multiple-file-upload__title-icon--Color);
15312
15257
  }
15313
15258
 
15314
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list {
15315
- padding-block-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart);
15316
- padding-block-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd);
15317
- padding-inline-start: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart);
15318
- padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
15319
- overflow-x: auto;
15320
- white-space: nowrap;
15321
- scroll-snap-type: var(--pf-v6-c-nav__list--ScrollSnapType);
15322
- scroll-padding-inline-end: var(--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd);
15323
- -webkit-overflow-scrolling: touch;
15324
- scrollbar-width: none;
15325
- -ms-overflow-style: -ms-autohiding-scrollbar;
15259
+ .pf-v6-c-multiple-file-upload__title-text {
15260
+ font-family: var(--pf-v6-c-multiple-file-upload__title-text--FontFamily);
15261
+ font-size: var(--pf-v6-c-multiple-file-upload__title-text--FontSize);
15262
+ font-weight: var(--pf-v6-c-multiple-file-upload__title-text--FontWeight);
15263
+ color: var(--pf-v6-c-multiple-file-upload__title-text--Color, inherit);
15326
15264
  }
15327
15265
 
15328
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__list::-webkit-scrollbar {
15329
- display: none;
15266
+ .pf-v6-c-multiple-file-upload__title-text-separator {
15267
+ display: var(--pf-v6-c-multiple-file-upload__title-text-separator--Display);
15268
+ margin-block-start: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockStart);
15269
+ margin-block-end: var(--pf-v6-c-multiple-file-upload__title-text-separator--MarginBlockEnd);
15270
+ font-family: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontFamily);
15271
+ font-size: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontSize);
15272
+ font-weight: var(--pf-v6-c-multiple-file-upload__title-text-separator--FontWeight);
15273
+ color: var(--pf-v6-c-multiple-file-upload__title-text-separator--Color);
15330
15274
  }
15331
15275
 
15332
- .pf-v6-c-nav:where(.pf-m-horizontal) .pf-v6-c-nav__link {
15333
- outline-offset: var(--pf-v6-c-nav--OutlineOffset);
15276
+ .pf-v6-c-multiple-file-upload__upload {
15277
+ grid-area: upload;
15334
15278
  }
15335
15279
 
15336
- .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav {
15337
- --pf-v6-c-nav--BackgroundColor: var(--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor);
15338
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart);
15339
- --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd);
15340
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart);
15341
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd);
15342
- --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart);
15343
- --pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd);
15344
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockStart);
15345
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlockEnd);
15346
- border-radius: var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius);
15280
+ .pf-v6-c-multiple-file-upload__info {
15281
+ grid-area: info;
15282
+ margin-block-start: var(--pf-v6-c-multiple-file-upload__info--MarginBlockStart);
15283
+ font-size: var(--pf-v6-c-multiple-file-upload__info--FontSize);
15284
+ color: var(--pf-v6-c-multiple-file-upload__info--Color);
15347
15285
  }
15348
15286
 
15349
- .pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable {
15350
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineStart: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart);
15351
- --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
15287
+ .pf-v6-c-multiple-file-upload__status {
15288
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockStart);
15289
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status--PaddingBlockEnd);
15290
+ padding-inline-start: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineStart);
15291
+ padding-inline-end: var(--pf-v6-c-multiple-file-upload__status--PaddingInlineEnd);
15352
15292
  }
15353
15293
 
15354
- :where(:root, .pf-v6-c-overflow-menu) {
15355
- --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
15356
- --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
15357
- --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
15358
- --pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
15294
+ .pf-v6-c-multiple-file-upload__status,
15295
+ .pf-v6-c-multiple-file-upload__status-item-main {
15296
+ min-width: 0;
15359
15297
  }
15360
15298
 
15361
- .pf-v6-c-overflow-menu {
15362
- display: inline-flex;
15363
- column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
15299
+ .pf-v6-c-multiple-file-upload__status-progress {
15300
+ display: grid;
15301
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-progress--GridTemplateColumns);
15302
+ gap: var(--pf-v6-c-multiple-file-upload__status-progress--Gap);
15364
15303
  }
15365
15304
 
15366
- .pf-v6-c-overflow-menu__content,
15367
- .pf-v6-c-overflow-menu__group {
15368
- display: flex;
15369
- align-items: start;
15305
+ .pf-v6-c-multiple-file-upload__status-progress-icon {
15306
+ color: var(--pf-v6-c-multiple-file-upload__status-progress-icon--Color);
15370
15307
  }
15371
15308
 
15372
- .pf-v6-c-overflow-menu__group {
15373
- column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
15309
+ .pf-v6-c-multiple-file-upload__status-item {
15310
+ display: grid;
15311
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item--GridTemplateColumns);
15312
+ gap: var(--pf-v6-c-multiple-file-upload__status-item--Gap);
15313
+ padding-block-start: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockStart);
15314
+ padding-block-end: var(--pf-v6-c-multiple-file-upload__status-item--PaddingBlockEnd);
15315
+ border-block-end: var(--pf-v6-c-multiple-file-upload__status-item--BorderWidth) solid var(--pf-v6-c-multiple-file-upload__status-item--BorderColor);
15374
15316
  }
15375
15317
 
15376
- .pf-v6-c-overflow-menu__group.pf-m-button-group {
15377
- column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
15318
+ .pf-v6-c-multiple-file-upload__status-item-icon {
15319
+ color: var(--pf-v6-c-multiple-file-upload__status-item-icon--Color);
15378
15320
  }
15379
15321
 
15380
- .pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
15381
- column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
15322
+ .pf-v6-c-multiple-file-upload__status-item-progress {
15323
+ display: grid;
15324
+ grid-template-columns: var(--pf-v6-c-multiple-file-upload__status-item-progress--GridTemplateColumns);
15325
+ gap: var(--pf-v6-c-multiple-file-upload__status-item-progress--Gap);
15382
15326
  }
15383
15327
 
15384
- .pf-v6-c-overflow-menu__item {
15385
- column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
15328
+ .pf-v6-c-multiple-file-upload__status-item-progress-text {
15329
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-text--Color);
15386
15330
  }
15387
15331
 
15388
- .pf-v6-c-overflow-menu__content,
15389
- .pf-v6-c-overflow-menu__control {
15390
- column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
15332
+ .pf-v6-c-multiple-file-upload__status-item-progress-size {
15333
+ color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
15391
15334
  }
15392
15335
 
15393
15336
  :where(:root, .pf-v6-c-notification-drawer) {
@@ -15677,6 +15620,45 @@ ul.pf-v6-c-list {
15677
15620
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
15678
15621
  }
15679
15622
 
15623
+ :where(:root, .pf-v6-c-overflow-menu) {
15624
+ --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
15625
+ --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
15626
+ --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
15627
+ --pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap: var(--pf-t--global--spacer--xs);
15628
+ }
15629
+
15630
+ .pf-v6-c-overflow-menu {
15631
+ display: inline-flex;
15632
+ column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
15633
+ }
15634
+
15635
+ .pf-v6-c-overflow-menu__content,
15636
+ .pf-v6-c-overflow-menu__group {
15637
+ display: flex;
15638
+ align-items: start;
15639
+ }
15640
+
15641
+ .pf-v6-c-overflow-menu__group {
15642
+ column-gap: var(--pf-v6-c-overflow-menu__group--ColumnGap);
15643
+ }
15644
+
15645
+ .pf-v6-c-overflow-menu__group.pf-m-button-group {
15646
+ column-gap: var(--pf-v6-c-overflow-menu__group--m-button-group--ColumnGap);
15647
+ }
15648
+
15649
+ .pf-v6-c-overflow-menu__group.pf-m-icon-button-group {
15650
+ column-gap: var(--pf-v6-c-overflow-menu__group--m-icon-button-group--ColumnGap);
15651
+ }
15652
+
15653
+ .pf-v6-c-overflow-menu__item {
15654
+ column-gap: var(--pf-v6-c-overflow-menu__item--ColumnGap, var(--pf-v6-c-overflow-menu--ColumnGap));
15655
+ }
15656
+
15657
+ .pf-v6-c-overflow-menu__content,
15658
+ .pf-v6-c-overflow-menu__control {
15659
+ column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
15660
+ }
15661
+
15680
15662
  :where(:root, .pf-v6-c-page) {
15681
15663
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15682
15664
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
@@ -16857,6 +16839,10 @@ ul.pf-v6-c-list {
16857
16839
  margin-block-start: var(--pf-v6-c-progress__helper-text--MarginBlockStart);
16858
16840
  }
16859
16841
 
16842
+ .pf-v6-c-progress__measure {
16843
+ font-variant-numeric: tabular-nums;
16844
+ }
16845
+
16860
16846
  :where(:root, .pf-v6-c-radio) {
16861
16847
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
16862
16848
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
@@ -17594,7 +17580,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17594
17580
  --pf-v6-c-text-input-group--m-hover--m-error--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
17595
17581
  --pf-v6-c-text-input-group__main--first-child--not--text-input--MarginInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--plain) / 2);
17596
17582
  --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));
17597
- --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
17583
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: 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));
17584
+ --pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd: calc(var(--pf-t--global--spacer--sm) + var(--pf-v6-c-text-input-group__icon--FontSize) + var(--pf-t--global--spacer--gap--text-to-element--default));
17598
17585
  --pf-v6-c-text-input-group__main--RowGap: var(--pf-t--global--spacer--xs);
17599
17586
  --pf-v6-c-text-input-group__main--ColumnGap: var(--pf-t--global--spacer--xs);
17600
17587
  --pf-v6-c-text-input-group__text--BorderRadius--base: var(--pf-t--global--border--radius--small);
@@ -17615,8 +17602,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17615
17602
  --pf-v6-c-text-input-group__text-input--BackgroundColor: transparent;
17616
17603
  --pf-v6-c-text-input-group__text-input--OutlineOffset: -6px;
17617
17604
  --pf-v6-c-text-input-group__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
17618
- --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--sm);
17619
- --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
17605
+ --pf-v6-c-text-input-group__icon--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
17606
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
17607
+ --pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd: var(--pf-t--global--spacer--sm);
17620
17608
  --pf-v6-c-text-input-group__icon--Color: var(--pf-t--global--icon--color--regular);
17621
17609
  --pf-v6-c-text-input-group--m-disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
17622
17610
  --pf-v6-c-text-input-group__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
@@ -17698,6 +17686,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17698
17686
  --pf-v6-c-text-input-group__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd);
17699
17687
  }
17700
17688
 
17689
+ .pf-v6-c-text-input-group:has(> .pf-v6-c-text-input-group__utilities) {
17690
+ --pf-v6-c-text-input-group__icon--m-status--InsetInlineEnd: var(--pf-v6-c-text-input-group--utilities--icon--m-status--InsetInlineEnd);
17691
+ --pf-v6-c-text-input-group--status__text-input--PaddingInlineEnd: var(--pf-v6-c-text-input-group--utilities--status__text-input--PaddingInlineEnd);
17692
+ }
17693
+
17701
17694
  .pf-v6-c-text-input-group__main {
17702
17695
  display: flex;
17703
17696
  flex: 1;
@@ -18080,19 +18073,19 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18080
18073
  --pf-v6-c-slider__rail--PaddingBlockStart: var(--pf-t--global--spacer--md);
18081
18074
  --pf-v6-c-slider__rail--PaddingBlockEnd: var(--pf-t--global--spacer--md);
18082
18075
  --pf-v6-c-slider__rail-track--Height: 0.25rem;
18083
- --pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--border--color--default);
18076
+ --pf-v6-c-slider__rail-track--before--base--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
18084
18077
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor: var(--pf-t--global--border--color--hover);
18085
18078
  --pf-v6-c-slider__rail-track--before--BorderRadius: var(--pf-t--global--border--radius--tiny);
18086
18079
  --pf-v6-c-slider__rail-track--before--fill--BackgroundColor--gradient-stop: var(--pf-v6-c-slider--value);
18087
18080
  --pf-v6-c-slider__steps--FontSize: var(--pf-t--global--font--size--sm);
18088
18081
  --pf-v6-c-slider__steps--Height: var(--pf-v6-c-slider__steps--FontSize);
18089
18082
  --pf-v6-c-slider__step-tick--InsetBlockStart: var(--pf-t--global--spacer--md);
18090
- --pf-v6-c-slider__step-tick--Width: 0.25rem;
18083
+ --pf-v6-c-slider__step-tick--Width: 0.15rem;
18091
18084
  --pf-v6-c-slider__step-tick--Height: 0.25rem;
18092
- --pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--subtle);
18085
+ --pf-v6-c-slider__step-tick--BackgroundColor: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
18093
18086
  --pf-v6-c-slider__step-tick--TranslateX: -50%;
18094
- --pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--large);
18095
- --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--brand--clicked);
18087
+ --pf-v6-c-slider__step-tick--BorderRadius: var(--pf-t--global--border--radius--sharp);
18088
+ --pf-v6-c-slider__step--m-active__slider-tick--BackgroundColor: var(--pf-t--global--icon--color--on-brand--default);
18096
18089
  --pf-v6-c-slider__step--first-child__step-tick--TranslateX: 0;
18097
18090
  --pf-v6-c-slider__step--last-child__step-tick--TranslateX: -100%;
18098
18091
  --pf-v6-c-slider__step-label--TranslateX: -50%;
@@ -18310,7 +18303,88 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18310
18303
  --pf-v6-c-slider__actions--MarginInlineEnd: 0;
18311
18304
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
18312
18305
  }
18313
-
18306
+
18307
+ :where(:root, .pf-v6-c-spinner) {
18308
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
18309
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
18310
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
18311
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
18312
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
18313
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
18314
+ --pf-v6-c-spinner--StrokeWidth: 10;
18315
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
18316
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
18317
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
18318
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
18319
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
18320
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
18321
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
18322
+ }
18323
+
18324
+ .pf-v6-c-spinner {
18325
+ width: var(--pf-v6-c-spinner--Width);
18326
+ height: var(--pf-v6-c-spinner--Height);
18327
+ overflow: hidden;
18328
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
18329
+ }
18330
+
18331
+ .pf-v6-c-spinner.pf-m-inline {
18332
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
18333
+ }
18334
+
18335
+ .pf-v6-c-spinner.pf-m-sm {
18336
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
18337
+ }
18338
+
18339
+ .pf-v6-c-spinner.pf-m-md {
18340
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
18341
+ }
18342
+
18343
+ .pf-v6-c-spinner.pf-m-lg {
18344
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
18345
+ }
18346
+
18347
+ .pf-v6-c-spinner.pf-m-xl {
18348
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
18349
+ }
18350
+
18351
+ .pf-v6-c-spinner__path {
18352
+ width: 100%;
18353
+ height: 100%;
18354
+ stroke: var(--pf-v6-c-spinner--Color);
18355
+ stroke-dasharray: 283;
18356
+ stroke-dashoffset: 280;
18357
+ stroke-linecap: round;
18358
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
18359
+ transform-origin: 50% 50%;
18360
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
18361
+ }
18362
+
18363
+ @keyframes pf-v6-c-spinner-animation-rotate {
18364
+ 0% {
18365
+ transform: rotate(0deg);
18366
+ }
18367
+ 100% {
18368
+ transform: rotate(360deg);
18369
+ }
18370
+ }
18371
+ @keyframes pf-v6-c-spinner-animation-dash {
18372
+ 0% {
18373
+ stroke-dashoffset: 280;
18374
+ transform: rotate(0);
18375
+ }
18376
+ 15% {
18377
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
18378
+ }
18379
+ 40% {
18380
+ stroke-dasharray: 220;
18381
+ stroke-dashoffset: 150;
18382
+ }
18383
+ 100% {
18384
+ stroke-dashoffset: 280;
18385
+ transform: rotate(720deg);
18386
+ }
18387
+ }
18314
18388
  :where(:root, .pf-v6-c-switch) {
18315
18389
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
18316
18390
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -18473,87 +18547,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18473
18547
  vertical-align: top;
18474
18548
  }
18475
18549
 
18476
- :where(:root, .pf-v6-c-spinner) {
18477
- --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
18478
- --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
18479
- --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
18480
- --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
18481
- --pf-v6-c-spinner--AnimationDuration: 1.4s;
18482
- --pf-v6-c-spinner--AnimationTimingFunction: linear;
18483
- --pf-v6-c-spinner--StrokeWidth: 10;
18484
- --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
18485
- --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
18486
- --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
18487
- --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
18488
- --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
18489
- --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
18490
- --pf-v6-c-spinner--m-inline--diameter: 1em;
18491
- }
18492
-
18493
- .pf-v6-c-spinner {
18494
- width: var(--pf-v6-c-spinner--Width);
18495
- height: var(--pf-v6-c-spinner--Height);
18496
- overflow: hidden;
18497
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
18498
- }
18499
-
18500
- .pf-v6-c-spinner.pf-m-inline {
18501
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
18502
- }
18503
-
18504
- .pf-v6-c-spinner.pf-m-sm {
18505
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
18506
- }
18507
-
18508
- .pf-v6-c-spinner.pf-m-md {
18509
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
18510
- }
18511
-
18512
- .pf-v6-c-spinner.pf-m-lg {
18513
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
18514
- }
18515
-
18516
- .pf-v6-c-spinner.pf-m-xl {
18517
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
18518
- }
18519
-
18520
- .pf-v6-c-spinner__path {
18521
- width: 100%;
18522
- height: 100%;
18523
- stroke: var(--pf-v6-c-spinner--Color);
18524
- stroke-dasharray: 283;
18525
- stroke-dashoffset: 280;
18526
- stroke-linecap: round;
18527
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
18528
- transform-origin: 50% 50%;
18529
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
18530
- }
18531
-
18532
- @keyframes pf-v6-c-spinner-animation-rotate {
18533
- 0% {
18534
- transform: rotate(0deg);
18535
- }
18536
- 100% {
18537
- transform: rotate(360deg);
18538
- }
18539
- }
18540
- @keyframes pf-v6-c-spinner-animation-dash {
18541
- 0% {
18542
- stroke-dashoffset: 280;
18543
- transform: rotate(0);
18544
- }
18545
- 15% {
18546
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
18547
- }
18548
- 40% {
18549
- stroke-dasharray: 220;
18550
- stroke-dashoffset: 150;
18551
- }
18552
- 100% {
18553
- stroke-dashoffset: 280;
18554
- transform: rotate(720deg);
18555
- }
18556
- }
18557
18550
  :where(:root, .pf-v6-c-tabs) {
18558
18551
  --pf-v6-c-tabs--inset: 0;
18559
18552
  --pf-v6-c-tabs--Width: auto;
@@ -19588,6 +19581,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19588
19581
  color: var(--pf-v6-c-tile__icon--Color);
19589
19582
  }
19590
19583
 
19584
+ :where(:root, .pf-v6-c-timestamp) {
19585
+ --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
19586
+ --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
19587
+ --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
19588
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
19589
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
19590
+ --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
19591
+ --pf-v6-c-timestamp--m-help-text--Color: var(--pf-t--global--text--color--subtle);
19592
+ --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
19593
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
19594
+ --pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
19595
+ }
19596
+
19597
+ .pf-v6-c-timestamp {
19598
+ display: inline-block;
19599
+ font-size: var(--pf-v6-c-timestamp--FontSize);
19600
+ color: var(--pf-v6-c-timestamp--Color);
19601
+ outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
19602
+ }
19603
+
19604
+ .pf-v6-c-timestamp.pf-m-help-text {
19605
+ --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
19606
+ text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
19607
+ text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
19608
+ cursor: pointer;
19609
+ }
19610
+
19611
+ .pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
19612
+ --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
19613
+ --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
19614
+ --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
19615
+ }
19616
+
19591
19617
  :where(:root, .pf-v6-c-title) {
19592
19618
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
19593
19619
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
@@ -19705,6 +19731,136 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19705
19731
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
19706
19732
  }
19707
19733
 
19734
+ :where(:root, .pf-v6-c-toggle-group) {
19735
+ --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
19736
+ --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19737
+ --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
19738
+ --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
19739
+ --pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
19740
+ --pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
19741
+ --pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
19742
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
19743
+ --pf-v6-c-toggle-group__button--ZIndex: auto;
19744
+ --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
19745
+ --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
19746
+ --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
19747
+ --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
19748
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
19749
+ --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
19750
+ --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
19751
+ --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
19752
+ --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
19753
+ --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
19754
+ --pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
19755
+ --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
19756
+ --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
19757
+ --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
19758
+ --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
19759
+ --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
19760
+ --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
19761
+ --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
19762
+ --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
19763
+ --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
19764
+ --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
19765
+ --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
19766
+ --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
19767
+ --pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
19768
+ --pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
19769
+ --pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
19770
+ }
19771
+
19772
+ .pf-v6-c-toggle-group {
19773
+ display: flex;
19774
+ }
19775
+
19776
+ .pf-v6-c-toggle-group.pf-m-compact {
19777
+ --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
19778
+ --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
19779
+ --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
19780
+ --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
19781
+ --pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
19782
+ }
19783
+
19784
+ .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
19785
+ margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
19786
+ }
19787
+
19788
+ .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
19789
+ border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
19790
+ border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
19791
+ }
19792
+
19793
+ .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
19794
+ border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
19795
+ border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
19796
+ }
19797
+
19798
+ .pf-v6-c-toggle-group__button {
19799
+ position: relative;
19800
+ z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
19801
+ display: inline-flex;
19802
+ padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
19803
+ padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
19804
+ padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
19805
+ padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
19806
+ font-size: var(--pf-v6-c-toggle-group__button--FontSize);
19807
+ line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
19808
+ color: var(--pf-v6-c-toggle-group__button--Color);
19809
+ background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
19810
+ border: 0;
19811
+ }
19812
+
19813
+ .pf-v6-c-toggle-group__button::before {
19814
+ position: absolute;
19815
+ inset-block-start: 0;
19816
+ inset-block-end: 0;
19817
+ inset-inline-start: 0;
19818
+ inset-inline-end: 0;
19819
+ pointer-events: none;
19820
+ content: "";
19821
+ border-style: solid;
19822
+ border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
19823
+ border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
19824
+ border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
19825
+ border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
19826
+ border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
19827
+ }
19828
+
19829
+ .pf-v6-c-toggle-group__button:is(:hover, :focus) {
19830
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
19831
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
19832
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
19833
+ text-decoration: none;
19834
+ }
19835
+
19836
+ .pf-v6-c-toggle-group__button.pf-m-selected {
19837
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
19838
+ --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
19839
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
19840
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
19841
+ }
19842
+
19843
+ .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
19844
+ --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
19845
+ --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
19846
+ --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
19847
+ --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
19848
+ pointer-events: none;
19849
+ }
19850
+
19851
+ .pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
19852
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
19853
+ }
19854
+
19855
+ .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
19856
+ --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
19857
+ }
19858
+
19859
+ .pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
19860
+ .pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
19861
+ margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
19862
+ }
19863
+
19708
19864
  :where(:root, .pf-v6-c-toolbar) {
19709
19865
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
19710
19866
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
@@ -19918,6 +20074,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19918
20074
  box-shadow: var(--pf-v6-c-toolbar--m-sticky--BoxShadow);
19919
20075
  }
19920
20076
 
20077
+ .pf-v6-c-toolbar.pf-m-static,
19921
20078
  .pf-v6-c-toolbar.pf-m-static .pf-v6-c-toolbar__content {
19922
20079
  position: static;
19923
20080
  }
@@ -20039,6 +20196,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20039
20196
 
20040
20197
  .pf-v6-c-toolbar__group.pf-m-label-group {
20041
20198
  flex: 1;
20199
+ flex-wrap: wrap;
20042
20200
  column-gap: var(--pf-v6-c-toolbar__group--m-label-group--ColumnGap);
20043
20201
  }
20044
20202
 
@@ -20062,6 +20220,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20062
20220
  .pf-v6-c-toolbar__expandable-content {
20063
20221
  position: absolute;
20064
20222
  inset-block-start: 100%;
20223
+ inset-inline-start: 0;
20065
20224
  z-index: var(--pf-v6-c-toolbar__expandable-content--ZIndex);
20066
20225
  display: none;
20067
20226
  row-gap: var(--pf-v6-c-toolbar__expandable-content--RowGap);
@@ -21554,264 +21713,134 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21554
21713
  .pf-v6-c-toolbar__item.pf-m-gap-lg-on-2xl,
21555
21714
  .pf-v6-c-toolbar__content-section.pf-m-gap-lg-on-2xl {
21556
21715
  gap: var(--pf-t--global--spacer--lg);
21557
- }
21558
- .pf-v6-c-toolbar__group.pf-m-gap-xl-on-2xl,
21559
- .pf-v6-c-toolbar__item.pf-m-gap-xl-on-2xl,
21560
- .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
21561
- gap: var(--pf-t--global--spacer--xl);
21562
- }
21563
- .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-2xl,
21564
- .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-2xl,
21565
- .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
21566
- gap: var(--pf-t--global--spacer--2xl);
21567
- }
21568
- .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-2xl,
21569
- .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-2xl,
21570
- .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
21571
- gap: var(--pf-t--global--spacer--3xl);
21572
- }
21573
- .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-2xl,
21574
- .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-2xl,
21575
- .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
21576
- gap: var(--pf-t--global--spacer--4xl);
21577
- }
21578
- .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-2xl,
21579
- .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-2xl,
21580
- .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-2xl {
21581
- column-gap: 0;
21582
- }
21583
- .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-2xl,
21584
- .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-2xl,
21585
- .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
21586
- row-gap: 0;
21587
- }
21588
- .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-2xl,
21589
- .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-2xl,
21590
- .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-2xl {
21591
- column-gap: var(--pf-t--global--spacer--xs);
21592
- }
21593
- .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-2xl,
21594
- .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-2xl,
21595
- .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
21596
- row-gap: var(--pf-t--global--spacer--xs);
21597
- }
21598
- .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-2xl,
21599
- .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-2xl,
21600
- .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-2xl {
21601
- column-gap: var(--pf-t--global--spacer--sm);
21602
- }
21603
- .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-2xl,
21604
- .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-2xl,
21605
- .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
21606
- row-gap: var(--pf-t--global--spacer--sm);
21607
- }
21608
- .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-2xl,
21609
- .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-2xl,
21610
- .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-2xl {
21611
- column-gap: var(--pf-t--global--spacer--md);
21612
- }
21613
- .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-2xl,
21614
- .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-2xl,
21615
- .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
21616
- row-gap: var(--pf-t--global--spacer--md);
21617
- }
21618
- .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-2xl,
21619
- .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-2xl,
21620
- .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-2xl {
21621
- column-gap: var(--pf-t--global--spacer--lg);
21622
- }
21623
- .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-2xl,
21624
- .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-2xl,
21625
- .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
21626
- row-gap: var(--pf-t--global--spacer--lg);
21627
- }
21628
- .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-2xl,
21629
- .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-2xl,
21630
- .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-2xl {
21631
- column-gap: var(--pf-t--global--spacer--xl);
21632
- }
21633
- .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-2xl,
21634
- .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-2xl,
21635
- .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
21636
- row-gap: var(--pf-t--global--spacer--xl);
21637
- }
21638
- .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-2xl,
21639
- .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-2xl,
21640
- .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-2xl {
21641
- column-gap: var(--pf-t--global--spacer--2xl);
21642
- }
21643
- .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-2xl,
21644
- .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-2xl,
21645
- .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
21646
- row-gap: var(--pf-t--global--spacer--2xl);
21647
- }
21648
- .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-2xl,
21649
- .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-2xl,
21650
- .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-2xl {
21651
- column-gap: var(--pf-t--global--spacer--3xl);
21652
- }
21653
- .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-2xl,
21654
- .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-2xl,
21655
- .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
21656
- row-gap: var(--pf-t--global--spacer--3xl);
21657
- }
21658
- .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-2xl,
21659
- .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-2xl,
21660
- .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-2xl {
21661
- column-gap: var(--pf-t--global--spacer--4xl);
21662
- }
21663
- .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-2xl,
21664
- .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-2xl,
21665
- .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
21666
- row-gap: var(--pf-t--global--spacer--4xl);
21667
- }
21668
- .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__group,
21669
- .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__item {
21670
- display: flex;
21671
- flex: 0 1 auto;
21672
- }
21673
- .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__toggle {
21674
- display: none;
21675
- }
21676
- .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
21677
- .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__group,
21678
- .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__item {
21679
- display: none;
21680
- }
21681
- .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__toggle {
21682
- display: inline-flex;
21683
- }
21684
- }
21685
- :where(:root, .pf-v6-c-toggle-group) {
21686
- --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
21687
- --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
21688
- --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
21689
- --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
21690
- --pf-v6-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
21691
- --pf-v6-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
21692
- --pf-v6-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
21693
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
21694
- --pf-v6-c-toggle-group__button--ZIndex: auto;
21695
- --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
21696
- --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
21697
- --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
21698
- --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
21699
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
21700
- --pf-v6-c-toggle-group__item--item--MarginInlineStart: calc(-1 * var(--pf-t--global--border--width--control--default));
21701
- --pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius: var(--pf-t--global--border--radius--tiny);
21702
- --pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius: var(--pf-t--global--border--radius--tiny);
21703
- --pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius: var(--pf-t--global--border--radius--tiny);
21704
- --pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius: var(--pf-t--global--border--radius--tiny);
21705
- --pf-v6-c-toggle-group__icon--text--MarginInlineStart: var(--pf-t--global--spacer--sm);
21706
- --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
21707
- --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
21708
- --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
21709
- --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
21710
- --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
21711
- --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
21712
- --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
21713
- --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
21714
- --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
21715
- --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
21716
- --pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart: 0;
21717
- --pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
21718
- --pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd: 0;
21719
- --pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart: var(--pf-t--global--spacer--sm);
21720
- --pf-v6-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
21721
- }
21722
-
21723
- .pf-v6-c-toggle-group {
21724
- display: flex;
21725
- }
21726
-
21727
- .pf-v6-c-toggle-group.pf-m-compact {
21728
- --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockStart);
21729
- --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineEnd);
21730
- --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-v6-c-toggle-group--m-compact__button--PaddingBlockEnd);
21731
- --pf-v6-c-toggle-group__button--PaddingInlineStart: var(--pf-v6-c-toggle-group--m-compact__button--PaddingInlineStart);
21732
- --pf-v6-c-toggle-group__button--FontSize: var(--pf-v6-c-toggle-group--m-compact__button--FontSize);
21733
- }
21734
-
21735
- .pf-v6-c-toggle-group__item + .pf-v6-c-toggle-group__item {
21736
- margin-inline-start: var(--pf-v6-c-toggle-group__item--item--MarginInlineStart);
21737
- }
21738
-
21739
- .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:first-child .pf-v6-c-toggle-group__button::before {
21740
- border-start-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius);
21741
- border-end-start-radius: var(--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius);
21742
- }
21743
-
21744
- .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button, .pf-v6-c-toggle-group__item:last-child .pf-v6-c-toggle-group__button::before {
21745
- border-start-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius);
21746
- border-end-end-radius: var(--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius);
21747
- }
21748
-
21749
- .pf-v6-c-toggle-group__button {
21750
- position: relative;
21751
- z-index: var(--pf-v6-c-toggle-group__button--ZIndex);
21752
- display: inline-flex;
21753
- padding-block-start: var(--pf-v6-c-toggle-group__button--PaddingBlockStart);
21754
- padding-block-end: var(--pf-v6-c-toggle-group__button--PaddingBlockEnd);
21755
- padding-inline-start: var(--pf-v6-c-toggle-group__button--PaddingInlineStart);
21756
- padding-inline-end: var(--pf-v6-c-toggle-group__button--PaddingInlineEnd);
21757
- font-size: var(--pf-v6-c-toggle-group__button--FontSize);
21758
- line-height: var(--pf-v6-c-toggle-group__button--LineHeight);
21759
- color: var(--pf-v6-c-toggle-group__button--Color);
21760
- background-color: var(--pf-v6-c-toggle-group__button--BackgroundColor);
21761
- border: 0;
21762
- }
21763
-
21764
- .pf-v6-c-toggle-group__button::before {
21765
- position: absolute;
21766
- inset-block-start: 0;
21767
- inset-block-end: 0;
21768
- inset-inline-start: 0;
21769
- inset-inline-end: 0;
21770
- pointer-events: none;
21771
- content: "";
21772
- border-style: solid;
21773
- border-width: var(--pf-v6-c-toggle-group__button--before--BorderWidth);
21774
- border-block-start-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
21775
- border-block-end-color: var(--pf-v6-c-toggle-group__button--before--BorderBlockEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
21776
- border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
21777
- border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
21778
- }
21779
-
21780
- .pf-v6-c-toggle-group__button:is(:hover, :focus) {
21781
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
21782
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
21783
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
21784
- text-decoration: none;
21785
- }
21786
-
21787
- .pf-v6-c-toggle-group__button.pf-m-selected {
21788
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
21789
- --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit);
21790
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
21791
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
21792
- }
21793
-
21794
- .pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
21795
- --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
21796
- --pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
21797
- --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
21798
- --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--disabled--before--BorderColor);
21799
- pointer-events: none;
21800
- }
21801
-
21802
- .pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
21803
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
21804
- }
21805
-
21806
- .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
21807
- --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
21808
- }
21809
-
21810
- .pf-v6-c-toggle-group__icon + .pf-v6-c-toggle-group__text,
21811
- .pf-v6-c-toggle-group__text + .pf-v6-c-toggle-group__icon {
21812
- margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
21716
+ }
21717
+ .pf-v6-c-toolbar__group.pf-m-gap-xl-on-2xl,
21718
+ .pf-v6-c-toolbar__item.pf-m-gap-xl-on-2xl,
21719
+ .pf-v6-c-toolbar__content-section.pf-m-gap-xl-on-2xl {
21720
+ gap: var(--pf-t--global--spacer--xl);
21721
+ }
21722
+ .pf-v6-c-toolbar__group.pf-m-gap-2xl-on-2xl,
21723
+ .pf-v6-c-toolbar__item.pf-m-gap-2xl-on-2xl,
21724
+ .pf-v6-c-toolbar__content-section.pf-m-gap-2xl-on-2xl {
21725
+ gap: var(--pf-t--global--spacer--2xl);
21726
+ }
21727
+ .pf-v6-c-toolbar__group.pf-m-gap-3xl-on-2xl,
21728
+ .pf-v6-c-toolbar__item.pf-m-gap-3xl-on-2xl,
21729
+ .pf-v6-c-toolbar__content-section.pf-m-gap-3xl-on-2xl {
21730
+ gap: var(--pf-t--global--spacer--3xl);
21731
+ }
21732
+ .pf-v6-c-toolbar__group.pf-m-gap-4xl-on-2xl,
21733
+ .pf-v6-c-toolbar__item.pf-m-gap-4xl-on-2xl,
21734
+ .pf-v6-c-toolbar__content-section.pf-m-gap-4xl-on-2xl {
21735
+ gap: var(--pf-t--global--spacer--4xl);
21736
+ }
21737
+ .pf-v6-c-toolbar__group.pf-m-column-gap-none-on-2xl,
21738
+ .pf-v6-c-toolbar__item.pf-m-column-gap-none-on-2xl,
21739
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-none-on-2xl {
21740
+ column-gap: 0;
21741
+ }
21742
+ .pf-v6-c-toolbar__group.pf-m-row-gap-none-on-2xl,
21743
+ .pf-v6-c-toolbar__item.pf-m-row-gap-none-on-2xl,
21744
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-none-on-2xl {
21745
+ row-gap: 0;
21746
+ }
21747
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xs-on-2xl,
21748
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xs-on-2xl,
21749
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xs-on-2xl {
21750
+ column-gap: var(--pf-t--global--spacer--xs);
21751
+ }
21752
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xs-on-2xl,
21753
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xs-on-2xl,
21754
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xs-on-2xl {
21755
+ row-gap: var(--pf-t--global--spacer--xs);
21756
+ }
21757
+ .pf-v6-c-toolbar__group.pf-m-column-gap-sm-on-2xl,
21758
+ .pf-v6-c-toolbar__item.pf-m-column-gap-sm-on-2xl,
21759
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-sm-on-2xl {
21760
+ column-gap: var(--pf-t--global--spacer--sm);
21761
+ }
21762
+ .pf-v6-c-toolbar__group.pf-m-row-gap-sm-on-2xl,
21763
+ .pf-v6-c-toolbar__item.pf-m-row-gap-sm-on-2xl,
21764
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-sm-on-2xl {
21765
+ row-gap: var(--pf-t--global--spacer--sm);
21766
+ }
21767
+ .pf-v6-c-toolbar__group.pf-m-column-gap-md-on-2xl,
21768
+ .pf-v6-c-toolbar__item.pf-m-column-gap-md-on-2xl,
21769
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-md-on-2xl {
21770
+ column-gap: var(--pf-t--global--spacer--md);
21771
+ }
21772
+ .pf-v6-c-toolbar__group.pf-m-row-gap-md-on-2xl,
21773
+ .pf-v6-c-toolbar__item.pf-m-row-gap-md-on-2xl,
21774
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-md-on-2xl {
21775
+ row-gap: var(--pf-t--global--spacer--md);
21776
+ }
21777
+ .pf-v6-c-toolbar__group.pf-m-column-gap-lg-on-2xl,
21778
+ .pf-v6-c-toolbar__item.pf-m-column-gap-lg-on-2xl,
21779
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-lg-on-2xl {
21780
+ column-gap: var(--pf-t--global--spacer--lg);
21781
+ }
21782
+ .pf-v6-c-toolbar__group.pf-m-row-gap-lg-on-2xl,
21783
+ .pf-v6-c-toolbar__item.pf-m-row-gap-lg-on-2xl,
21784
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-lg-on-2xl {
21785
+ row-gap: var(--pf-t--global--spacer--lg);
21786
+ }
21787
+ .pf-v6-c-toolbar__group.pf-m-column-gap-xl-on-2xl,
21788
+ .pf-v6-c-toolbar__item.pf-m-column-gap-xl-on-2xl,
21789
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-xl-on-2xl {
21790
+ column-gap: var(--pf-t--global--spacer--xl);
21791
+ }
21792
+ .pf-v6-c-toolbar__group.pf-m-row-gap-xl-on-2xl,
21793
+ .pf-v6-c-toolbar__item.pf-m-row-gap-xl-on-2xl,
21794
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-xl-on-2xl {
21795
+ row-gap: var(--pf-t--global--spacer--xl);
21796
+ }
21797
+ .pf-v6-c-toolbar__group.pf-m-column-gap-2xl-on-2xl,
21798
+ .pf-v6-c-toolbar__item.pf-m-column-gap-2xl-on-2xl,
21799
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-2xl-on-2xl {
21800
+ column-gap: var(--pf-t--global--spacer--2xl);
21801
+ }
21802
+ .pf-v6-c-toolbar__group.pf-m-row-gap-2xl-on-2xl,
21803
+ .pf-v6-c-toolbar__item.pf-m-row-gap-2xl-on-2xl,
21804
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-2xl-on-2xl {
21805
+ row-gap: var(--pf-t--global--spacer--2xl);
21806
+ }
21807
+ .pf-v6-c-toolbar__group.pf-m-column-gap-3xl-on-2xl,
21808
+ .pf-v6-c-toolbar__item.pf-m-column-gap-3xl-on-2xl,
21809
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-3xl-on-2xl {
21810
+ column-gap: var(--pf-t--global--spacer--3xl);
21811
+ }
21812
+ .pf-v6-c-toolbar__group.pf-m-row-gap-3xl-on-2xl,
21813
+ .pf-v6-c-toolbar__item.pf-m-row-gap-3xl-on-2xl,
21814
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-3xl-on-2xl {
21815
+ row-gap: var(--pf-t--global--spacer--3xl);
21816
+ }
21817
+ .pf-v6-c-toolbar__group.pf-m-column-gap-4xl-on-2xl,
21818
+ .pf-v6-c-toolbar__item.pf-m-column-gap-4xl-on-2xl,
21819
+ .pf-v6-c-toolbar__content-section.pf-m-column-gap-4xl-on-2xl {
21820
+ column-gap: var(--pf-t--global--spacer--4xl);
21821
+ }
21822
+ .pf-v6-c-toolbar__group.pf-m-row-gap-4xl-on-2xl,
21823
+ .pf-v6-c-toolbar__item.pf-m-row-gap-4xl-on-2xl,
21824
+ .pf-v6-c-toolbar__content-section.pf-m-row-gap-4xl-on-2xl {
21825
+ row-gap: var(--pf-t--global--spacer--4xl);
21826
+ }
21827
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__group,
21828
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__item {
21829
+ display: flex;
21830
+ flex: 0 1 auto;
21831
+ }
21832
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-show-on-2xl .pf-v6-c-toolbar__toggle {
21833
+ display: none;
21834
+ }
21835
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__group,
21836
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__item, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__group,
21837
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__item {
21838
+ display: none;
21839
+ }
21840
+ .pf-v6-c-toolbar__group:where(.pf-m-toggle-group) .pf-v6-c-toolbar__toggle, .pf-v6-c-toolbar__group:where(.pf-m-toggle-group).pf-m-hide-on-2xl .pf-v6-c-toolbar__toggle {
21841
+ display: inline-flex;
21842
+ }
21813
21843
  }
21814
-
21815
21844
  :where(:root, .pf-v6-c-number-input) {
21816
21845
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
21817
21846
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
@@ -22809,181 +22838,59 @@ label.pf-v6-c-tree-view__node-text {
22809
22838
  position: relative;
22810
22839
  inset-block-start: var(--pf-v6-c-wizard__nav-link-status-icon--InsetBlockStart);
22811
22840
  font-size: var(--pf-v6-c-wizard__nav-link-status-icon--FontSize);
22812
- color: var(--pf-v6-c-wizard__nav-link-status-icon--Color);
22813
- }
22814
-
22815
- .pf-v6-c-wizard__nav-link-toggle {
22816
- padding-inline-start: var(--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart);
22817
- padding-inline-end: var(--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd);
22818
- color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
22819
- }
22820
-
22821
- .pf-v6-c-wizard__nav-link-toggle-icon {
22822
- display: inline-block;
22823
- transition: var(--pf-v6-c-wizard__nav-link-toggle-icon--Transition);
22824
- transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
22825
- }
22826
-
22827
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
22828
- scale: -1 1;
22829
- }
22830
-
22831
- .pf-v6-c-wizard__main {
22832
- z-index: var(--pf-v6-c-wizard__main--ZIndex);
22833
- display: flex;
22834
- flex-direction: column;
22835
- flex-grow: 1;
22836
- overflow-x: hidden;
22837
- overflow-y: auto;
22838
- word-break: break-word;
22839
- }
22840
-
22841
- .pf-v6-c-wizard__main-body {
22842
- padding-block-start: var(--pf-v6-c-wizard__main-body--PaddingBlockStart);
22843
- padding-block-end: var(--pf-v6-c-wizard__main-body--PaddingBlockEnd);
22844
- padding-inline-start: var(--pf-v6-c-wizard__main-body--PaddingInlineStart);
22845
- padding-inline-end: var(--pf-v6-c-wizard__main-body--PaddingInlineEnd);
22846
- }
22847
-
22848
- .pf-v6-c-wizard__main-body.pf-m-no-padding {
22849
- padding: 0;
22850
- }
22851
-
22852
- .pf-v6-c-wizard__main-body:last-child {
22853
- flex-grow: 1;
22854
- }
22855
-
22856
- .pf-v6-c-wizard__footer {
22857
- position: relative;
22858
- z-index: var(--pf-v6-c-wizard__footer--ZIndex);
22859
- padding-block-start: var(--pf-v6-c-wizard__footer--PaddingBlockStart);
22860
- padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBlockEnd);
22861
- padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
22862
- padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingInlineEnd);
22863
- background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
22864
- border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
22865
- }
22866
-
22867
- :where(:root, .pf-v6-c-alert-group) {
22868
- --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
22869
- --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
22870
- --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
22871
- --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
22872
- --pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
22873
- --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
22874
- --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
22875
- --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
22876
- --pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22877
- --pf-v6-c-alert-group__overflow-button--PaddingBlockEnd: var(--pf-t--global--spacer--md);
22878
- --pf-v6-c-alert-group__overflow-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
22879
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
22880
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
22881
- --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
22882
- --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
22883
- --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
22884
- --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
22885
- --pf-v6-c-alert-group__overflow-button--focus--Color: var(--pf-t--global--text--color--link--hover);
22886
- --pf-v6-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
22887
- --pf-v6-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
22888
- --pf-v6-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
22889
- }
22890
-
22891
- .pf-v6-c-alert-group > * + * {
22892
- margin-block-start: var(--pf-v6-c-alert-group__item--MarginBlockStart);
22893
- }
22894
-
22895
- .pf-v6-c-alert-group.pf-m-toast {
22896
- position: fixed;
22897
- inset-block-start: var(--pf-v6-c-alert-group--m-toast--InsetBlockStart);
22898
- inset-inline-end: var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd);
22899
- z-index: var(--pf-v6-c-alert-group--m-toast--ZIndex);
22900
- width: calc(100% - var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd) * 2);
22901
- max-width: var(--pf-v6-c-alert-group--m-toast--MaxWidth);
22902
- }
22903
-
22904
- .pf-v6-c-alert-group__overflow-button {
22905
- position: relative;
22906
- width: 100%;
22907
- padding-block-start: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockStart);
22908
- padding-block-end: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd);
22909
- padding-inline-start: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineStart);
22910
- padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
22911
- color: var(--pf-v6-c-alert-group__overflow-button--Color);
22912
- background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
22913
- border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
22914
- border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
22915
- box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
22916
- }
22917
-
22918
- .pf-v6-c-alert-group__item {
22919
- display: grid;
22920
- grid-template-rows: 1fr;
22921
- opacity: 1;
22922
- transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
22923
- transform: translateX(0) translateY(0);
22924
- }
22925
-
22926
- @media screen and (prefers-reduced-motion: no-preference) {
22927
- .pf-v6-c-alert-group__item {
22928
- transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), transform var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), grid-template-rows var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s, margin-block var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
22929
- }
22930
- .pf-v6-c-alert-group__item .pf-v6-c-alert {
22931
- transition: all var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate);
22932
- }
22933
- }
22934
- .pf-v6-c-alert-group__item.pf-m-offstage-top {
22935
- grid-template-rows: 0fr;
22936
- margin-block: 0;
22937
- overflow: hidden;
22938
- opacity: 0;
22939
- transform: translateY(-100%);
22841
+ color: var(--pf-v6-c-wizard__nav-link-status-icon--Color);
22940
22842
  }
22941
22843
 
22942
- .pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
22943
- min-height: 0;
22944
- padding-block-start: 0;
22945
- padding-block-end: 0;
22946
- border-width: 0;
22844
+ .pf-v6-c-wizard__nav-link-toggle {
22845
+ padding-inline-start: var(--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart);
22846
+ padding-inline-end: var(--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd);
22847
+ color: var(--pf-v6-c-wizard__nav-link-toggle--Color);
22947
22848
  }
22948
22849
 
22949
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
22950
- grid-template-rows: 0fr;
22951
- margin-block: 0;
22952
- overflow: hidden;
22953
- opacity: 0;
22954
- transition: opacity var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) 0s;
22955
- transform: translateX(100%);
22850
+ .pf-v6-c-wizard__nav-link-toggle-icon {
22851
+ display: inline-block;
22852
+ transition: var(--pf-v6-c-wizard__nav-link-toggle-icon--Transition);
22853
+ transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
22956
22854
  }
22957
22855
 
22958
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
22959
- min-height: 0;
22960
- padding-block-start: 0;
22961
- padding-block-end: 0;
22962
- border-width: 0;
22856
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
22857
+ scale: -1 1;
22963
22858
  }
22964
22859
 
22965
- @media screen and (prefers-reduced-motion: no-preference) {
22966
- .pf-v6-c-alert-group__item.pf-m-offstage-right {
22967
- transition: transform var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, opacity var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, margin-block var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short), grid-template-rows var(--pf-t--global--motion--duration--slide-in--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
22968
- }
22969
- .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
22970
- transition: all var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
22971
- }
22860
+ .pf-v6-c-wizard__main {
22861
+ z-index: var(--pf-v6-c-wizard__main--ZIndex);
22862
+ display: flex;
22863
+ flex-direction: column;
22864
+ flex-grow: 1;
22865
+ overflow-x: hidden;
22866
+ overflow-y: auto;
22867
+ word-break: break-word;
22972
22868
  }
22973
- .pf-v6-c-alert-group__item:hover {
22974
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
22975
- --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
22976
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
22869
+
22870
+ .pf-v6-c-wizard__main-body {
22871
+ padding-block-start: var(--pf-v6-c-wizard__main-body--PaddingBlockStart);
22872
+ padding-block-end: var(--pf-v6-c-wizard__main-body--PaddingBlockEnd);
22873
+ padding-inline-start: var(--pf-v6-c-wizard__main-body--PaddingInlineStart);
22874
+ padding-inline-end: var(--pf-v6-c-wizard__main-body--PaddingInlineEnd);
22977
22875
  }
22978
22876
 
22979
- .pf-v6-c-alert-group__item:focus {
22980
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
22981
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
22877
+ .pf-v6-c-wizard__main-body.pf-m-no-padding {
22878
+ padding: 0;
22982
22879
  }
22983
22880
 
22984
- .pf-v6-c-alert-group__item:active {
22985
- --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
22986
- --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
22881
+ .pf-v6-c-wizard__main-body:last-child {
22882
+ flex-grow: 1;
22883
+ }
22884
+
22885
+ .pf-v6-c-wizard__footer {
22886
+ position: relative;
22887
+ z-index: var(--pf-v6-c-wizard__footer--ZIndex);
22888
+ padding-block-start: var(--pf-v6-c-wizard__footer--PaddingBlockStart);
22889
+ padding-block-end: var(--pf-v6-c-wizard__footer--PaddingBlockEnd);
22890
+ padding-inline-start: var(--pf-v6-c-wizard__footer--PaddingInlineStart);
22891
+ padding-inline-end: var(--pf-v6-c-wizard__footer--PaddingInlineEnd);
22892
+ background-color: var(--pf-v6-c-wizard__footer--BackgroundColor);
22893
+ border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
22987
22894
  }
22988
22895
 
22989
22896
  :where(:root, .pf-v6-c-panel) {
@@ -23136,6 +23043,128 @@ label.pf-v6-c-tree-view__node-text {
23136
23043
  direction: rtl;
23137
23044
  }
23138
23045
  }
23046
+ :where(:root, .pf-v6-c-alert-group) {
23047
+ --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
23048
+ --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
23049
+ --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
23050
+ --pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
23051
+ --pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
23052
+ --pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
23053
+ --pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
23054
+ --pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
23055
+ --pf-v6-c-alert-group__overflow-button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
23056
+ --pf-v6-c-alert-group__overflow-button--PaddingBlockEnd: var(--pf-t--global--spacer--md);
23057
+ --pf-v6-c-alert-group__overflow-button--PaddingInlineStart: var(--pf-t--global--spacer--md);
23058
+ --pf-v6-c-alert-group__overflow-button--Color: var(--pf-t--global--text--color--link--default);
23059
+ --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-t--global--box-shadow--lg);
23060
+ --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-t--global--background--color--floating--default);
23061
+ --pf-v6-c-alert-group__overflow-button--hover--Color: var(--pf-t--global--text--color--link--hover);
23062
+ --pf-v6-c-alert-group__overflow-button--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover);
23063
+ --pf-v6-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
23064
+ --pf-v6-c-alert-group__overflow-button--focus--Color: var(--pf-t--global--text--color--link--hover);
23065
+ --pf-v6-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
23066
+ --pf-v6-c-alert-group__overflow-button--active--Color: var(--pf-t--global--text--color--link--hover);
23067
+ --pf-v6-c-alert-group__overflow-button--active--BoxShadow: var(--pf-t--global--box-shadow--lg), var(--pf-t--global--box-shadow--lg--bottom);
23068
+ }
23069
+
23070
+ .pf-v6-c-alert-group > * + * {
23071
+ margin-block-start: var(--pf-v6-c-alert-group__item--MarginBlockStart);
23072
+ }
23073
+
23074
+ .pf-v6-c-alert-group.pf-m-toast {
23075
+ position: fixed;
23076
+ inset-block-start: var(--pf-v6-c-alert-group--m-toast--InsetBlockStart);
23077
+ inset-inline-end: var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd);
23078
+ z-index: var(--pf-v6-c-alert-group--m-toast--ZIndex);
23079
+ width: calc(100% - var(--pf-v6-c-alert-group--m-toast--InsetInlineEnd) * 2);
23080
+ max-width: var(--pf-v6-c-alert-group--m-toast--MaxWidth);
23081
+ }
23082
+
23083
+ .pf-v6-c-alert-group__overflow-button {
23084
+ position: relative;
23085
+ width: 100%;
23086
+ padding-block-start: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockStart);
23087
+ padding-block-end: var(--pf-v6-c-alert-group__overflow-button--PaddingBlockEnd);
23088
+ padding-inline-start: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineStart);
23089
+ padding-inline-end: var(--pf-v6-c-alert-group__overflow-button--PaddingInlineEnd);
23090
+ color: var(--pf-v6-c-alert-group__overflow-button--Color);
23091
+ background-color: var(--pf-v6-c-alert-group__overflow-button--BackgroundColor);
23092
+ border-width: var(--pf-v6-c-alert-group__overflow-button--BorderWidth);
23093
+ border-radius: var(--pf-v6-c-alert-group__overflow-button--BorderRadius);
23094
+ box-shadow: var(--pf-v6-c-alert-group__overflow-button--BoxShadow);
23095
+ }
23096
+
23097
+ .pf-v6-c-alert-group__item {
23098
+ display: grid;
23099
+ grid-template-rows: 1fr;
23100
+ opacity: 1;
23101
+ transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
23102
+ transform: translateX(0) translateY(0);
23103
+ }
23104
+
23105
+ @media screen and (prefers-reduced-motion: no-preference) {
23106
+ .pf-v6-c-alert-group__item {
23107
+ transition: opacity var(--pf-t--global--motion--duration--fade--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), transform var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) var(--pf-t--global--motion--duration--slide-in--default), grid-template-rows var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s, margin-block var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate) 0s;
23108
+ }
23109
+ .pf-v6-c-alert-group__item .pf-v6-c-alert {
23110
+ transition: all var(--pf-t--global--motion--duration--slide-in--default) var(--pf-t--global--motion--timing-function--decelerate);
23111
+ }
23112
+ }
23113
+ .pf-v6-c-alert-group__item.pf-m-offstage-top {
23114
+ grid-template-rows: 0fr;
23115
+ margin-block: 0;
23116
+ overflow: hidden;
23117
+ opacity: 0;
23118
+ transform: translateY(-100%);
23119
+ }
23120
+
23121
+ .pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
23122
+ min-height: 0;
23123
+ padding-block-start: 0;
23124
+ padding-block-end: 0;
23125
+ border-width: 0;
23126
+ }
23127
+
23128
+ .pf-v6-c-alert-group__item.pf-m-offstage-right {
23129
+ grid-template-rows: 0fr;
23130
+ margin-block: 0;
23131
+ overflow: hidden;
23132
+ opacity: 0;
23133
+ transition: opacity var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) 0s;
23134
+ transform: translateX(100%);
23135
+ }
23136
+
23137
+ .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
23138
+ min-height: 0;
23139
+ padding-block-start: 0;
23140
+ padding-block-end: 0;
23141
+ border-width: 0;
23142
+ }
23143
+
23144
+ @media screen and (prefers-reduced-motion: no-preference) {
23145
+ .pf-v6-c-alert-group__item.pf-m-offstage-right {
23146
+ transition: transform var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, opacity var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) 0s, margin-block var(--pf-t--global--motion--duration--fade--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short), grid-template-rows var(--pf-t--global--motion--duration--slide-in--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
23147
+ }
23148
+ .pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
23149
+ transition: all var(--pf-t--global--motion--duration--slide-out--short) var(--pf-t--global--motion--timing-function--accelerate) var(--pf-t--global--motion--duration--slide-out--short);
23150
+ }
23151
+ }
23152
+ .pf-v6-c-alert-group__item:hover {
23153
+ --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--hover--Color);
23154
+ --pf-v6-c-alert-group__overflow-button--BackgroundColor: var(--pf-v6-c-alert-group__overflow-button--hover--BackgroundColor);
23155
+ --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--hover--BoxShadow);
23156
+ }
23157
+
23158
+ .pf-v6-c-alert-group__item:focus {
23159
+ --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--focus--Color);
23160
+ --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--focus--BoxShadow);
23161
+ }
23162
+
23163
+ .pf-v6-c-alert-group__item:active {
23164
+ --pf-v6-c-alert-group__overflow-button--Color: var(--pf-v6-c-alert-group__overflow-button--active--Color);
23165
+ --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
23166
+ }
23167
+
23139
23168
  :where(:root, .pf-v6-l-bullseye) {
23140
23169
  --pf-v6-l-bullseye--Padding: 0;
23141
23170
  }
@@ -25717,6 +25746,21 @@ label.pf-v6-c-tree-view__node-text {
25717
25746
  --pf-v6-l-gallery--GridTemplateColumns--minmax--max: var(--pf-v6-l-gallery--GridTemplateColumns--max-on-2xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-xl, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-lg, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-md, var(--pf-v6-l-gallery--GridTemplateColumns--max-on-sm, var(--pf-v6-l-gallery--GridTemplateColumns--max))))));
25718
25747
  }
25719
25748
  }
25749
+ :where(:root, .pf-v6-l-level) {
25750
+ --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
25751
+ }
25752
+
25753
+ .pf-v6-l-level {
25754
+ display: flex;
25755
+ flex-wrap: wrap;
25756
+ align-items: center;
25757
+ justify-content: space-between;
25758
+ }
25759
+
25760
+ .pf-v6-l-level.pf-m-gutter {
25761
+ gap: var(--pf-v6-l-level--m-gutter--Gap);
25762
+ }
25763
+
25720
25764
  :where(:root, .pf-v6-l-grid) {
25721
25765
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
25722
25766
  --pf-v6-l-grid__item--GridColumnStart: auto;
@@ -26704,21 +26748,6 @@ label.pf-v6-c-tree-view__node-text {
26704
26748
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
26705
26749
  }
26706
26750
 
26707
- :where(:root, .pf-v6-l-level) {
26708
- --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
26709
- }
26710
-
26711
- .pf-v6-l-level {
26712
- display: flex;
26713
- flex-wrap: wrap;
26714
- align-items: center;
26715
- justify-content: space-between;
26716
- }
26717
-
26718
- .pf-v6-l-level.pf-m-gutter {
26719
- gap: var(--pf-v6-l-level--m-gutter--Gap);
26720
- }
26721
-
26722
26751
  :where(:root, .pf-v6-l-split) {
26723
26752
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
26724
26753
  }
@@ -26759,37 +26788,6 @@ label.pf-v6-c-tree-view__node-text {
26759
26788
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
26760
26789
  }
26761
26790
 
26762
- :where(:root, .pf-v6-c-timestamp) {
26763
- --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
26764
- --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
26765
- --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
26766
- --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
26767
- --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
26768
- --pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
26769
- --pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
26770
- --pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
26771
- --pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
26772
- }
26773
-
26774
- .pf-v6-c-timestamp {
26775
- display: inline-block;
26776
- font-size: var(--pf-v6-c-timestamp--FontSize);
26777
- color: var(--pf-v6-c-timestamp--Color);
26778
- outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
26779
- }
26780
-
26781
- .pf-v6-c-timestamp.pf-m-help-text {
26782
- text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26783
- text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
26784
- cursor: pointer;
26785
- }
26786
-
26787
- .pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
26788
- --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
26789
- --pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
26790
- --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
26791
- }
26792
-
26793
26791
  :where(:root, .pf-v6-c-about-modal-box) {
26794
26792
  --pf-v6-c-about-modal-box--BackgroundImage: none;
26795
26793
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);