@patternfly/react-table 6.3.0-prerelease.12 → 6.3.0-prerelease.14

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.
@@ -1004,74 +1004,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1004
1004
  --pf-v6-c-table--cell--Width: 100%;
1005
1005
  }
1006
1006
 
1007
- .pf-v6-c-table {
1008
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
1009
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
1010
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
1011
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
1012
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
1013
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1014
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
1015
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
1016
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
1017
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
1018
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
1019
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
1020
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
1021
- }
1022
-
1023
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
1024
- position: sticky;
1025
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
1026
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
1027
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
1028
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
1029
- }
1030
-
1031
- .pf-v6-c-table__sticky-cell {
1032
- --pf-v6-c-table--cell--Overflow: visible;
1033
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
1034
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1035
- background-clip: padding-box;
1036
- }
1037
-
1038
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1039
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1040
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
1041
- }
1042
-
1043
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1044
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1045
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
1046
- }
1047
-
1048
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1049
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
1050
- }
1051
-
1052
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1053
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
1054
- }
1055
-
1056
- .pf-v6-c-scroll-outer-wrapper {
1057
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1058
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1059
- display: flex;
1060
- flex-direction: column;
1061
- max-width: 100%;
1062
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1063
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1064
- overflow: hidden;
1065
- }
1066
-
1067
- .pf-v6-c-scroll-inner-wrapper {
1068
- display: flex;
1069
- flex-direction: column;
1070
- max-width: 100%;
1071
- max-height: 100%;
1072
- overflow: auto;
1073
- }
1074
-
1075
1007
  .pf-v6-c-table {
1076
1008
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
1077
1009
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -1108,6 +1040,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1108
1040
  --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1109
1041
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
1110
1042
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
1043
+ --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
1111
1044
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1112
1045
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1113
1046
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -1250,7 +1183,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1250
1183
 
1251
1184
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
1252
1185
  position: revert;
1253
- font-weight: bold;
1186
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
1254
1187
  text-align: start;
1255
1188
  content: attr(data-label);
1256
1189
  }
@@ -1592,7 +1525,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1592
1525
  }
1593
1526
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
1594
1527
  position: revert;
1595
- font-weight: bold;
1528
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
1596
1529
  text-align: start;
1597
1530
  content: attr(data-label);
1598
1531
  }
@@ -1894,7 +1827,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1894
1827
  }
1895
1828
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
1896
1829
  position: revert;
1897
- font-weight: bold;
1830
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
1898
1831
  text-align: start;
1899
1832
  content: attr(data-label);
1900
1833
  }
@@ -2196,7 +2129,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2196
2129
  }
2197
2130
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
2198
2131
  position: revert;
2199
- font-weight: bold;
2132
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
2200
2133
  text-align: start;
2201
2134
  content: attr(data-label);
2202
2135
  }
@@ -2498,7 +2431,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2498
2431
  }
2499
2432
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label]::before {
2500
2433
  position: revert;
2501
- font-weight: bold;
2434
+ font-weight: var(--pf-v6-c-table--cell--responsive--th--FontWeight);
2502
2435
  text-align: start;
2503
2436
  content: attr(data-label);
2504
2437
  }
@@ -2699,633 +2632,164 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2699
2632
  --pf-v6-c-table--cell--Width: auto;
2700
2633
  }
2701
2634
  }
2702
- .pf-v6-c-form {
2703
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
2704
- --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
2705
- --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
2706
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
2707
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
2708
- --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
2709
- --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
2710
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
2711
- --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2712
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
2713
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
2714
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
2715
- --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
2716
- --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
2717
- --pf-v6-c-form__label--hover--Cursor: pointer;
2718
- --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
2719
- --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
2720
- --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
2721
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
2722
- --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
2723
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
2724
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
2725
- --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
2726
- --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
2727
- --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
2728
- --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
2729
- --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
2730
- --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart: calc(var(--pf-v6-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v6-c-form__helper-text--MarginBlockStart--base));
2731
- --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
2732
- --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
2733
- --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
2734
- --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
2735
- --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
2736
- --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
2737
- --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
2738
- --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
2739
- --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
2740
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
2741
- --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
2742
- --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
2743
- --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
2744
- --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
2745
- --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
2746
- --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
2747
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
2748
- --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
2749
- --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
2750
- --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
2751
- --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
2752
- --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
2753
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
2754
- --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
2755
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
2756
- --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
2757
- --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
2758
- --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2759
- --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
2760
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
2761
- --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2762
- --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
2763
- --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
2764
- --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
2765
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
2766
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2767
- --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
2768
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2769
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2770
- --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
2771
- --pf-v6-c-form__field-group__field-group--field-group__field-group-header--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
2772
- --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
2773
- --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
2774
- --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
2775
- --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
2776
- --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
2777
- --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
2778
- --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
2779
- --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
2780
- --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
2781
- --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
2635
+ .pf-v6-c-inline-edit {
2636
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
2637
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
2638
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
2639
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
2640
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
2641
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
2782
2642
  }
2783
2643
 
2784
- .pf-v6-c-form {
2785
- display: grid;
2786
- gap: var(--pf-v6-c-form--GridGap);
2644
+ .pf-v6-c-inline-edit__group {
2645
+ display: flex;
2646
+ align-items: baseline;
2787
2647
  }
2788
2648
 
2789
- .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
2790
- text-align: end;
2649
+ .pf-v6-c-inline-edit__group > * {
2650
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
2791
2651
  }
2792
2652
 
2793
- @media screen and (min-width: 48rem) {
2794
- .pf-v6-c-form.pf-m-horizontal {
2795
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2796
- }
2797
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
2798
- display: grid;
2799
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
2800
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2801
- }
2802
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
2803
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2804
- }
2805
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
2806
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2807
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2808
- }
2809
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
2810
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2811
- flex-direction: column;
2812
- align-items: flex-start;
2813
- }
2814
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
2815
- flex-grow: 0;
2816
- }
2817
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
2818
- grid-column: 2;
2819
- }
2653
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
2654
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
2820
2655
  }
2821
- @media screen and (min-width: 0) {
2822
- .pf-v6-c-form.pf-m-horizontal-on-xs {
2823
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2824
- }
2825
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
2826
- display: grid;
2827
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
2828
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2829
- }
2830
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
2831
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2832
- }
2833
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
2834
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2835
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2836
- }
2837
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
2838
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2839
- flex-direction: column;
2840
- align-items: flex-start;
2841
- }
2842
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
2843
- flex-grow: 0;
2844
- }
2845
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
2846
- grid-column: 2;
2847
- }
2656
+
2657
+ .pf-v6-c-inline-edit__group.pf-m-footer {
2658
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
2848
2659
  }
2849
- @media (min-width: 36rem) {
2850
- .pf-v6-c-form.pf-m-horizontal-on-sm {
2851
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2852
- }
2853
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
2854
- display: grid;
2855
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
2856
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2857
- }
2858
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
2859
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2860
- }
2861
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
2862
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2863
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2864
- }
2865
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
2866
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2867
- flex-direction: column;
2868
- align-items: flex-start;
2869
- }
2870
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
2871
- flex-grow: 0;
2872
- }
2873
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
2874
- grid-column: 2;
2875
- }
2876
- }
2877
- @media (min-width: 48rem) {
2878
- .pf-v6-c-form.pf-m-horizontal-on-md {
2879
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2880
- }
2881
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
2882
- display: grid;
2883
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
2884
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2885
- }
2886
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
2887
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2888
- }
2889
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
2890
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2891
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2892
- }
2893
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
2894
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2895
- flex-direction: column;
2896
- align-items: flex-start;
2897
- }
2898
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
2899
- flex-grow: 0;
2900
- }
2901
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
2902
- grid-column: 2;
2903
- }
2904
- }
2905
- @media (min-width: 62rem) {
2906
- .pf-v6-c-form.pf-m-horizontal-on-lg {
2907
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2908
- }
2909
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
2910
- display: grid;
2911
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
2912
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2913
- }
2914
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
2915
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2916
- }
2917
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
2918
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2919
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2920
- }
2921
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
2922
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2923
- flex-direction: column;
2924
- align-items: flex-start;
2925
- }
2926
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
2927
- flex-grow: 0;
2928
- }
2929
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
2930
- grid-column: 2;
2931
- }
2932
- }
2933
- @media (min-width: 75rem) {
2934
- .pf-v6-c-form.pf-m-horizontal-on-xl {
2935
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2936
- }
2937
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
2938
- display: grid;
2939
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
2940
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2941
- }
2942
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
2943
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2944
- }
2945
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
2946
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2947
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2948
- }
2949
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
2950
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2951
- flex-direction: column;
2952
- align-items: flex-start;
2953
- }
2954
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
2955
- flex-grow: 0;
2956
- }
2957
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
2958
- grid-column: 2;
2959
- }
2960
- }
2961
- @media (min-width: 90.625rem) {
2962
- .pf-v6-c-form.pf-m-horizontal-on-2xl {
2963
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2964
- }
2965
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
2966
- display: grid;
2967
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
2968
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2969
- }
2970
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
2971
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2972
- }
2973
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
2974
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2975
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2976
- }
2977
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
2978
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2979
- flex-direction: column;
2980
- align-items: flex-start;
2981
- }
2982
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
2983
- flex-grow: 0;
2984
- }
2985
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
2986
- grid-column: 2;
2987
- }
2988
- }
2989
- .pf-v6-c-form.pf-m-limit-width {
2990
- max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
2991
- }
2992
-
2993
- .pf-v6-c-form__group {
2994
- display: flex;
2995
- flex-direction: column;
2996
- gap: var(--pf-v6-c-form__group--Gap);
2997
- min-width: 0;
2660
+
2661
+ .pf-v6-c-inline-edit__group.pf-m-column {
2662
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2663
+ flex-direction: column;
2998
2664
  }
2999
2665
 
3000
- .pf-v6-c-form__group.pf-m-action {
3001
- margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
3002
- overflow: hidden;
2666
+ .pf-v6-c-inline-edit__group > :last-child {
2667
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3003
2668
  }
3004
2669
 
3005
- .pf-v6-c-form__section {
3006
- display: grid;
3007
- gap: var(--pf-v6-c-form__section--Gap);
2670
+ .pf-v6-c-inline-edit__input {
2671
+ flex: 1;
3008
2672
  }
3009
2673
 
3010
- .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
3011
- margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
2674
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
2675
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
3012
2676
  }
3013
2677
 
3014
- .pf-v6-c-form__section-title {
3015
- margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
3016
- font-size: var(--pf-v6-c-form__section-title--FontSize);
3017
- font-weight: var(--pf-v6-c-form__section-title--FontWeight);
2678
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
2679
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
3018
2680
  }
3019
2681
 
3020
- .pf-v6-c-form__group-label {
3021
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
2682
+ .pf-v6-c-inline-edit__input,
2683
+ .pf-v6-c-inline-edit__action,
2684
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
2685
+ display: none;
3022
2686
  }
3023
2687
 
3024
- .pf-v6-c-form__group-label.pf-m-info {
3025
- display: flex;
3026
- gap: var(--pf-v6-c-form__group-label--m-info--Gap);
3027
- align-items: flex-end;
2688
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2689
+ display: inline-block;
3028
2690
  }
3029
2691
 
3030
- .pf-v6-c-form__group-label-main {
3031
- flex-grow: 1;
2692
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
2693
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
2694
+ display: block;
3032
2695
  }
3033
2696
 
3034
- .pf-v6-c-form__group-label-info {
3035
- font-size: var(--pf-v6-c-form__group-label-info--FontSize);
2697
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
2698
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
2699
+ display: inline-block;
3036
2700
  }
3037
2701
 
3038
- .pf-v6-c-form__label {
3039
- font-size: var(--pf-v6-c-form__label--FontSize);
3040
- line-height: var(--pf-v6-c-form__label--LineHeight);
2702
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
2703
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
2704
+ display: inline-flex;
3041
2705
  }
3042
2706
 
3043
- .pf-v6-c-form__label:not(.pf-m-disabled):hover {
3044
- cursor: var(--pf-v6-c-form__label--hover--Cursor);
2707
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
2708
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
2709
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
2710
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2711
+ display: none;
3045
2712
  }
3046
2713
 
3047
- .pf-v6-c-form__label.pf-m-disabled {
3048
- color: var(--pf-v6-c-form__label--m-disabled--Color);
2714
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
2715
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
2716
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
3049
2717
  }
3050
2718
 
3051
- .pf-v6-c-form__label.pf-m-disabled:hover {
3052
- cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
2719
+ .pf-v6-c-inline-edit__label.pf-m-bold {
2720
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
3053
2721
  }
3054
2722
 
3055
- .pf-v6-c-form__label-text {
3056
- font-weight: var(--pf-v6-c-form__label-text--FontWeight);
2723
+ .pf-v6-c-inline-edit__editable-text br {
2724
+ display: none;
3057
2725
  }
3058
2726
 
3059
- .pf-v6-c-form__label-required {
3060
- margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
3061
- font-size: var(--pf-v6-c-form__label-required--FontSize);
3062
- color: var(--pf-v6-c-form__label-required--Color);
2727
+ .pf-v6-c-table {
2728
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
2729
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
2730
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
2731
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
2732
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
2733
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2734
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
2735
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
2736
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
2737
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
2738
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
2739
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
2740
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
3063
2741
  }
3064
2742
 
3065
- .pf-v6-c-form__group-label-help .pf-v6-c-button {
3066
- --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
2743
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
2744
+ position: sticky;
2745
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
2746
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
2747
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
2748
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
3067
2749
  }
3068
2750
 
3069
- .pf-v6-c-form__group-control {
3070
- min-width: 0;
2751
+ .pf-v6-c-table__sticky-cell {
2752
+ --pf-v6-c-table--cell--Overflow: visible;
2753
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
2754
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
2755
+ background-clip: padding-box;
3071
2756
  }
3072
2757
 
3073
- .pf-v6-c-form__group-control.pf-m-inline {
3074
- display: flex;
3075
- flex-flow: row wrap;
3076
- gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
2758
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
2759
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
2760
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
3077
2761
  }
3078
2762
 
3079
- .pf-v6-c-form__group-control.pf-m-stack {
3080
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
3081
- display: grid;
3082
- gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
2763
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
2764
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
2765
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
3083
2766
  }
3084
2767
 
3085
- .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
3086
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
3087
- margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
2768
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
2769
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
3088
2770
  }
3089
2771
 
3090
- .pf-v6-c-form__helper-text {
3091
- margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
2772
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
2773
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
3092
2774
  }
3093
2775
 
3094
- .pf-v6-c-form__helper-text.pf-m-inactive {
3095
- display: none;
2776
+ .pf-v6-c-scroll-outer-wrapper {
2777
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
2778
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
2779
+ display: flex;
2780
+ flex-direction: column;
2781
+ max-width: 100%;
2782
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
2783
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
2784
+ overflow: hidden;
3096
2785
  }
3097
2786
 
3098
- .pf-v6-c-form__helper-text.pf-m-hidden {
3099
- visibility: hidden;
3100
- opacity: 0;
3101
- }
3102
-
3103
- .pf-v6-c-form__fieldset {
3104
- border: 0;
3105
- }
3106
-
3107
- .pf-v6-c-form__actions {
3108
- display: flex;
3109
- flex-wrap: wrap;
3110
- margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
3111
- margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
3112
- margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
3113
- margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
3114
- }
3115
-
3116
- .pf-v6-c-form__actions > * {
3117
- margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
3118
- margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
3119
- margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
3120
- margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
3121
- }
3122
-
3123
- .pf-v6-c-form__field-group {
3124
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
3125
- display: grid;
3126
- grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
3127
- border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
3128
- border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
3129
- }
3130
-
3131
- .pf-v6-c-form__field-group:last-child {
3132
- --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
3133
- }
3134
-
3135
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
3136
- --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
3137
- }
3138
-
3139
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
3140
- margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
3141
- }
3142
-
3143
- .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
3144
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
3145
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
3146
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
3147
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
3148
- --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
3149
- }
3150
-
3151
- .pf-v6-c-form__field-group .pf-v6-c-form__field-group .pf-v6-c-form__field-group-toggle ~ .pf-v6-c-form__field-group-body {
3152
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
3153
- }
3154
-
3155
- .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
3156
- --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
3157
- }
3158
-
3159
- .pf-v6-c-form__field-group-toggle {
3160
- grid-row: 1/2;
3161
- grid-column: 1/2;
3162
- padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
3163
- padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
3164
- }
3165
-
3166
- .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
3167
- --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
3168
- }
3169
-
3170
- .pf-v6-c-form__field-group-toggle-button {
3171
- margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
3172
- margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
3173
- }
3174
-
3175
- .pf-v6-c-form__field-group-toggle-icon {
3176
- display: inline-block;
3177
- min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
3178
- text-align: center;
3179
- transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
3180
- transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
3181
- transition-property: transform;
3182
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
3183
- }
3184
-
3185
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
3186
- scale: -1 1;
3187
- }
3188
-
3189
- .pf-v6-c-form__field-group-header {
3190
- display: flex;
3191
- grid-row: 1/2;
3192
- grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
3193
- align-items: flex-start;
3194
- padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
3195
- padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
3196
- }
3197
-
3198
- .pf-v6-c-form__field-group-header-main {
3199
- display: flex;
3200
- flex-direction: column;
3201
- flex-grow: 1;
3202
- }
3203
-
3204
- .pf-v6-c-form__field-group-header-title {
3205
- display: flex;
3206
- }
3207
-
3208
- .pf-v6-c-form__field-group-header-title-text {
3209
- flex-grow: 1;
3210
- }
3211
-
3212
- .pf-v6-c-form__field-group-header-description {
3213
- margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
3214
- color: var(--pf-v6-c-form__field-group-header-description--Color);
3215
- }
3216
-
3217
- .pf-v6-c-form__field-group-header-actions {
3218
- margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
3219
- white-space: nowrap;
3220
- }
3221
-
3222
- .pf-v6-c-form__field-group-body {
3223
- display: grid;
3224
- grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
3225
- gap: var(--pf-v6-c-form__field-group-body--Gap);
3226
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
3227
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
3228
- }
3229
-
3230
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
3231
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
3232
- --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
3233
- }
3234
-
3235
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
3236
- margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
3237
- }
3238
-
3239
- .pf-v6-c-inline-edit {
3240
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3241
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
3242
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
3243
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
3244
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
3245
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
3246
- }
3247
-
3248
- .pf-v6-c-inline-edit__group {
2787
+ .pf-v6-c-scroll-inner-wrapper {
3249
2788
  display: flex;
3250
- align-items: baseline;
3251
- }
3252
-
3253
- .pf-v6-c-inline-edit__group > * {
3254
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
3255
- }
3256
-
3257
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
3258
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
3259
- }
3260
-
3261
- .pf-v6-c-inline-edit__group.pf-m-footer {
3262
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
3263
- }
3264
-
3265
- .pf-v6-c-inline-edit__group.pf-m-column {
3266
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3267
2789
  flex-direction: column;
3268
- }
3269
-
3270
- .pf-v6-c-inline-edit__group > :last-child {
3271
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3272
- }
3273
-
3274
- .pf-v6-c-inline-edit__input {
3275
- flex: 1;
3276
- }
3277
-
3278
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
3279
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
3280
- }
3281
-
3282
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
3283
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
3284
- }
3285
-
3286
- .pf-v6-c-inline-edit__input,
3287
- .pf-v6-c-inline-edit__action,
3288
- .pf-v6-c-inline-edit__group.pf-m-action-group {
3289
- display: none;
3290
- }
3291
-
3292
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3293
- display: inline-block;
3294
- }
3295
-
3296
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
3297
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
3298
- display: block;
3299
- }
3300
-
3301
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
3302
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
3303
- display: inline-block;
3304
- }
3305
-
3306
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
3307
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
3308
- display: inline-flex;
3309
- }
3310
-
3311
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
3312
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
3313
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
3314
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3315
- display: none;
3316
- }
3317
-
3318
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
3319
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
3320
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
3321
- }
3322
-
3323
- .pf-v6-c-inline-edit__label.pf-m-bold {
3324
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
3325
- }
3326
-
3327
- .pf-v6-c-inline-edit__editable-text br {
3328
- display: none;
2790
+ max-width: 100%;
2791
+ max-height: 100%;
2792
+ overflow: auto;
3329
2793
  }
3330
2794
 
3331
2795
  .pf-v6-c-table {
@@ -4189,287 +3653,1430 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4189
3653
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
4190
3654
  }
4191
3655
  }
4192
- .pf-v6-u-screen-reader {
4193
- position: fixed;
4194
- inset-block-start: 0;
4195
- inset-inline-start: 0;
4196
- overflow: hidden;
4197
- clip: rect(0, 0, 0, 0);
4198
- white-space: nowrap;
4199
- border: 0;
4200
- }
4201
-
4202
- .pf-v6-u-visible {
4203
- position: static;
4204
- overflow: visible;
4205
- clip: auto;
4206
- white-space: normal;
4207
- border: inherit;
4208
- }
4209
-
4210
- .pf-v6-u-hidden {
4211
- display: none !important;
4212
- }
4213
-
4214
- @media screen and (min-width: 36rem) {
4215
- .pf-v6-u-screen-reader-on-sm {
4216
- position: fixed;
4217
- inset-block-start: 0;
4218
- inset-inline-start: 0;
4219
- overflow: hidden;
4220
- clip: rect(0, 0, 0, 0);
4221
- white-space: nowrap;
4222
- border: 0;
4223
- }
3656
+ .pf-v6-c-form {
3657
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3658
+ --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3659
+ --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
3660
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
3661
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3662
+ --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
3663
+ --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
3664
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
3665
+ --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3666
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
3667
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
3668
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
3669
+ --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
3670
+ --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
3671
+ --pf-v6-c-form__label--hover--Cursor: pointer;
3672
+ --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
3673
+ --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
3674
+ --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
3675
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
3676
+ --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
3677
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
3678
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
3679
+ --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
3680
+ --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3681
+ --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
3682
+ --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
3683
+ --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3684
+ --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart: calc(var(--pf-v6-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v6-c-form__helper-text--MarginBlockStart--base));
3685
+ --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
3686
+ --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3687
+ --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3688
+ --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
3689
+ --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
3690
+ --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
3691
+ --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
3692
+ --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
3693
+ --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
3694
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
3695
+ --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
3696
+ --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
3697
+ --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
3698
+ --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
3699
+ --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
3700
+ --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
3701
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
3702
+ --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
3703
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
3704
+ --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3705
+ --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
3706
+ --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
3707
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
3708
+ --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
3709
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
3710
+ --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
3711
+ --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
3712
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3713
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3714
+ --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
3715
+ --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3716
+ --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
3717
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
3718
+ --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
3719
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
3720
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3721
+ --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
3722
+ --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3723
+ --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3724
+ --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
3725
+ --pf-v6-c-form__field-group__field-group--field-group__field-group-header--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
3726
+ --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
3727
+ --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
3728
+ --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
3729
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3730
+ --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3731
+ --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
3732
+ --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
3733
+ --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
3734
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
3735
+ --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
4224
3736
  }
4225
- @media screen and (min-width: 36rem) {
4226
- .pf-v6-u-visible-on-sm {
4227
- position: static;
4228
- overflow: visible;
4229
- clip: auto;
4230
- white-space: normal;
4231
- border: inherit;
4232
- }
3737
+
3738
+ .pf-v6-c-form {
3739
+ display: grid;
3740
+ gap: var(--pf-v6-c-form--GridGap);
4233
3741
  }
4234
- @media screen and (min-width: 36rem) {
4235
- .pf-v6-u-hidden-on-sm {
4236
- display: none !important;
4237
- }
3742
+
3743
+ .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
3744
+ text-align: end;
4238
3745
  }
3746
+
4239
3747
  @media screen and (min-width: 48rem) {
4240
- .pf-v6-u-screen-reader-on-md {
4241
- position: fixed;
4242
- inset-block-start: 0;
4243
- inset-inline-start: 0;
4244
- overflow: hidden;
4245
- clip: rect(0, 0, 0, 0);
4246
- white-space: nowrap;
4247
- border: 0;
3748
+ .pf-v6-c-form.pf-m-horizontal {
3749
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4248
3750
  }
4249
- }
4250
- @media screen and (min-width: 48rem) {
4251
- .pf-v6-u-visible-on-md {
4252
- position: static;
4253
- overflow: visible;
4254
- clip: auto;
4255
- white-space: normal;
4256
- border: inherit;
3751
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
3752
+ display: grid;
3753
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3754
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4257
3755
  }
4258
- }
4259
- @media screen and (min-width: 48rem) {
4260
- .pf-v6-u-hidden-on-md {
4261
- display: none !important;
3756
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
3757
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4262
3758
  }
4263
- }
4264
- @media screen and (min-width: 62rem) {
4265
- .pf-v6-u-screen-reader-on-lg {
4266
- position: fixed;
4267
- inset-block-start: 0;
4268
- inset-inline-start: 0;
4269
- overflow: hidden;
4270
- clip: rect(0, 0, 0, 0);
4271
- white-space: nowrap;
4272
- border: 0;
3759
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
3760
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3761
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4273
3762
  }
4274
- }
4275
- @media screen and (min-width: 62rem) {
4276
- .pf-v6-u-visible-on-lg {
4277
- position: static;
4278
- overflow: visible;
4279
- clip: auto;
4280
- white-space: normal;
4281
- border: inherit;
3763
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
3764
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3765
+ flex-direction: column;
3766
+ align-items: flex-start;
4282
3767
  }
4283
- }
4284
- @media screen and (min-width: 62rem) {
4285
- .pf-v6-u-hidden-on-lg {
4286
- display: none !important;
3768
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
3769
+ flex-grow: 0;
4287
3770
  }
4288
- }
4289
- @media screen and (min-width: 75rem) {
4290
- .pf-v6-u-screen-reader-on-xl {
4291
- position: fixed;
4292
- inset-block-start: 0;
4293
- inset-inline-start: 0;
4294
- overflow: hidden;
4295
- clip: rect(0, 0, 0, 0);
4296
- white-space: nowrap;
4297
- border: 0;
3771
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
3772
+ grid-column: 2;
4298
3773
  }
4299
3774
  }
4300
- @media screen and (min-width: 75rem) {
4301
- .pf-v6-u-visible-on-xl {
4302
- position: static;
4303
- overflow: visible;
4304
- clip: auto;
4305
- white-space: normal;
4306
- border: inherit;
3775
+ @media screen and (min-width: 0) {
3776
+ .pf-v6-c-form.pf-m-horizontal-on-xs {
3777
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4307
3778
  }
4308
- }
4309
- @media screen and (min-width: 75rem) {
4310
- .pf-v6-u-hidden-on-xl {
4311
- display: none !important;
3779
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
3780
+ display: grid;
3781
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3782
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4312
3783
  }
4313
- }
4314
- @media screen and (min-width: 90.625rem) {
4315
- .pf-v6-u-screen-reader-on-2xl {
4316
- position: fixed;
4317
- inset-block-start: 0;
4318
- inset-inline-start: 0;
4319
- overflow: hidden;
4320
- clip: rect(0, 0, 0, 0);
4321
- white-space: nowrap;
4322
- border: 0;
3784
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
3785
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4323
3786
  }
4324
- }
4325
- @media screen and (min-width: 90.625rem) {
4326
- .pf-v6-u-visible-on-2xl {
4327
- position: static;
4328
- overflow: visible;
4329
- clip: auto;
4330
- white-space: normal;
4331
- border: inherit;
3787
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
3788
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3789
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4332
3790
  }
4333
- }
4334
- @media screen and (min-width: 90.625rem) {
4335
- .pf-v6-u-hidden-on-2xl {
4336
- display: none !important;
3791
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
3792
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3793
+ flex-direction: column;
3794
+ align-items: flex-start;
3795
+ }
3796
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
3797
+ flex-grow: 0;
3798
+ }
3799
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
3800
+ grid-column: 2;
4337
3801
  }
4338
3802
  }
4339
- .pf-v6-c-tooltip {
4340
- --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4341
- --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4342
- --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4343
- --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4344
- --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4345
- --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4346
- --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4347
- --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4348
- --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4349
- --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4350
- --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4351
- --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4352
- --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4353
- --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4354
- --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4355
- --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4356
- --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4357
- --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4358
- --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4359
- --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4360
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4361
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4362
- --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4363
- --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4364
- --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4365
- --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
3803
+ @media (min-width: 36rem) {
3804
+ .pf-v6-c-form.pf-m-horizontal-on-sm {
3805
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3806
+ }
3807
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
3808
+ display: grid;
3809
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3810
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3811
+ }
3812
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
3813
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3814
+ }
3815
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
3816
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3817
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3818
+ }
3819
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
3820
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3821
+ flex-direction: column;
3822
+ align-items: flex-start;
3823
+ }
3824
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
3825
+ flex-grow: 0;
3826
+ }
3827
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
3828
+ grid-column: 2;
3829
+ }
4366
3830
  }
4367
-
4368
- .pf-v6-c-tooltip {
4369
- position: relative;
4370
- max-width: var(--pf-v6-c-tooltip--MaxWidth);
4371
- box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
3831
+ @media (min-width: 48rem) {
3832
+ .pf-v6-c-form.pf-m-horizontal-on-md {
3833
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3834
+ }
3835
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
3836
+ display: grid;
3837
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3838
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3839
+ }
3840
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
3841
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3842
+ }
3843
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
3844
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3845
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3846
+ }
3847
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
3848
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3849
+ flex-direction: column;
3850
+ align-items: flex-start;
3851
+ }
3852
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
3853
+ flex-grow: 0;
3854
+ }
3855
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
3856
+ grid-column: 2;
3857
+ }
4372
3858
  }
4373
-
4374
- .pf-v6-c-tooltip:is(.pf-m-top,
4375
- .pf-m-top-left,
4376
- .pf-m-top-right) {
4377
- --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4378
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4379
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4380
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4381
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
3859
+ @media (min-width: 62rem) {
3860
+ .pf-v6-c-form.pf-m-horizontal-on-lg {
3861
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3862
+ }
3863
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
3864
+ display: grid;
3865
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3866
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3867
+ }
3868
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
3869
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3870
+ }
3871
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
3872
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3873
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3874
+ }
3875
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
3876
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3877
+ flex-direction: column;
3878
+ align-items: flex-start;
3879
+ }
3880
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
3881
+ flex-grow: 0;
3882
+ }
3883
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
3884
+ grid-column: 2;
3885
+ }
4382
3886
  }
4383
-
4384
- .pf-v6-c-tooltip:is(.pf-m-bottom,
4385
- .pf-m-bottom-left,
4386
- .pf-m-bottom-right) {
4387
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
4388
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
4389
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
4390
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
4391
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
3887
+ @media (min-width: 75rem) {
3888
+ .pf-v6-c-form.pf-m-horizontal-on-xl {
3889
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3890
+ }
3891
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
3892
+ display: grid;
3893
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3894
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3895
+ }
3896
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
3897
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3898
+ }
3899
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
3900
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3901
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3902
+ }
3903
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
3904
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3905
+ flex-direction: column;
3906
+ align-items: flex-start;
3907
+ }
3908
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
3909
+ flex-grow: 0;
3910
+ }
3911
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
3912
+ grid-column: 2;
3913
+ }
4392
3914
  }
4393
-
4394
- .pf-v6-c-tooltip:is(.pf-m-left,
4395
- .pf-m-left-top,
4396
- .pf-m-left-bottom) {
4397
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
4398
- --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
4399
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4400
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
4401
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
3915
+ @media (min-width: 90.625rem) {
3916
+ .pf-v6-c-form.pf-m-horizontal-on-2xl {
3917
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3918
+ }
3919
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
3920
+ display: grid;
3921
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3922
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3923
+ }
3924
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
3925
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3926
+ }
3927
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
3928
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3929
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3930
+ }
3931
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
3932
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3933
+ flex-direction: column;
3934
+ align-items: flex-start;
3935
+ }
3936
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
3937
+ flex-grow: 0;
3938
+ }
3939
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
3940
+ grid-column: 2;
3941
+ }
3942
+ }
3943
+ .pf-v6-c-form.pf-m-limit-width {
3944
+ max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
4402
3945
  }
4403
3946
 
4404
- .pf-v6-c-tooltip:is(.pf-m-right,
4405
- .pf-m-right-top,
4406
- .pf-m-right-bottom) {
4407
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4408
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4409
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4410
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4411
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
3947
+ .pf-v6-c-form__group {
3948
+ display: flex;
3949
+ flex-direction: column;
3950
+ gap: var(--pf-v6-c-form__group--Gap);
3951
+ min-width: 0;
4412
3952
  }
4413
3953
 
4414
- .pf-v6-c-tooltip:is(.pf-m-left-top,
4415
- .pf-m-right-top) {
4416
- --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
4417
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
3954
+ .pf-v6-c-form__group.pf-m-action {
3955
+ margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
3956
+ overflow: hidden;
4418
3957
  }
4419
3958
 
4420
- .pf-v6-c-tooltip:is(.pf-m-left-bottom,
4421
- .pf-m-right-bottom) {
4422
- --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
4423
- --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
3959
+ .pf-v6-c-form__section {
3960
+ display: grid;
3961
+ gap: var(--pf-v6-c-form__section--Gap);
4424
3962
  }
4425
3963
 
4426
- .pf-v6-c-tooltip:is(.pf-m-top-left,
4427
- .pf-m-bottom-left) {
4428
- --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
4429
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
3964
+ .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
3965
+ margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
4430
3966
  }
4431
3967
 
4432
- .pf-v6-c-tooltip:is(.pf-m-top-right,
4433
- .pf-m-bottom-right) {
4434
- --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
4435
- --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
3968
+ .pf-v6-c-form__section-title {
3969
+ margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
3970
+ font-size: var(--pf-v6-c-form__section-title--FontSize);
3971
+ font-weight: var(--pf-v6-c-form__section-title--FontWeight);
4436
3972
  }
4437
3973
 
4438
- .pf-v6-c-tooltip__content {
4439
- position: relative;
4440
- padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
4441
- padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
4442
- padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
4443
- padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
4444
- font-size: var(--pf-v6-c-tooltip__content--FontSize);
4445
- color: var(--pf-v6-c-tooltip__content--Color);
4446
- text-align: center;
4447
- word-break: break-word;
4448
- background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
4449
- border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
3974
+ .pf-v6-c-form__group-label {
3975
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4450
3976
  }
4451
3977
 
4452
- .pf-v6-c-tooltip__content.pf-m-text-align-left {
4453
- text-align: start;
3978
+ .pf-v6-c-form__group-label.pf-m-info {
3979
+ display: flex;
3980
+ gap: var(--pf-v6-c-form__group-label--m-info--Gap);
3981
+ align-items: flex-end;
4454
3982
  }
4455
3983
 
4456
- .pf-v6-c-tooltip__arrow {
4457
- position: absolute;
4458
- top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
4459
- right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
4460
- bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
4461
- left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
4462
- width: var(--pf-v6-c-tooltip__arrow--Width);
4463
- height: var(--pf-v6-c-tooltip__arrow--Height);
4464
- pointer-events: none;
4465
- background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
4466
- box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
4467
- transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
3984
+ .pf-v6-c-form__group-label-main {
3985
+ flex-grow: 1;
4468
3986
  }
4469
3987
 
4470
- .pf-v6-c-popover[data-popper-reference-hidden=true] {
4471
- visibility: hidden;
4472
- pointer-events: none;
3988
+ .pf-v6-c-form__group-label-info {
3989
+ font-size: var(--pf-v6-c-form__group-label-info--FontSize);
3990
+ }
3991
+
3992
+ .pf-v6-c-form__label {
3993
+ font-size: var(--pf-v6-c-form__label--FontSize);
3994
+ line-height: var(--pf-v6-c-form__label--LineHeight);
3995
+ }
3996
+
3997
+ .pf-v6-c-form__label:not(.pf-m-disabled):hover {
3998
+ cursor: var(--pf-v6-c-form__label--hover--Cursor);
3999
+ }
4000
+
4001
+ .pf-v6-c-form__label.pf-m-disabled {
4002
+ color: var(--pf-v6-c-form__label--m-disabled--Color);
4003
+ }
4004
+
4005
+ .pf-v6-c-form__label.pf-m-disabled:hover {
4006
+ cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
4007
+ }
4008
+
4009
+ .pf-v6-c-form__label-text {
4010
+ font-weight: var(--pf-v6-c-form__label-text--FontWeight);
4011
+ }
4012
+
4013
+ .pf-v6-c-form__label-required {
4014
+ margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
4015
+ font-size: var(--pf-v6-c-form__label-required--FontSize);
4016
+ color: var(--pf-v6-c-form__label-required--Color);
4017
+ }
4018
+
4019
+ .pf-v6-c-form__group-label-help .pf-v6-c-button {
4020
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
4021
+ }
4022
+
4023
+ .pf-v6-c-form__group-control {
4024
+ min-width: 0;
4025
+ }
4026
+
4027
+ .pf-v6-c-form__group-control.pf-m-inline {
4028
+ display: flex;
4029
+ flex-flow: row wrap;
4030
+ gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
4031
+ }
4032
+
4033
+ .pf-v6-c-form__group-control.pf-m-stack {
4034
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
4035
+ display: grid;
4036
+ gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
4037
+ }
4038
+
4039
+ .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
4040
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4041
+ margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
4042
+ }
4043
+
4044
+ .pf-v6-c-form__helper-text {
4045
+ margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
4046
+ }
4047
+
4048
+ .pf-v6-c-form__helper-text.pf-m-inactive {
4049
+ display: none;
4050
+ }
4051
+
4052
+ .pf-v6-c-form__helper-text.pf-m-hidden {
4053
+ visibility: hidden;
4054
+ opacity: 0;
4055
+ }
4056
+
4057
+ .pf-v6-c-form__fieldset {
4058
+ border: 0;
4059
+ }
4060
+
4061
+ .pf-v6-c-form__actions {
4062
+ display: flex;
4063
+ flex-wrap: wrap;
4064
+ margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
4065
+ margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
4066
+ margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
4067
+ margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
4068
+ }
4069
+
4070
+ .pf-v6-c-form__actions > * {
4071
+ margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
4072
+ margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
4073
+ margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
4074
+ margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
4075
+ }
4076
+
4077
+ .pf-v6-c-form__field-group {
4078
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
4079
+ display: grid;
4080
+ grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
4081
+ border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
4082
+ border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
4083
+ }
4084
+
4085
+ .pf-v6-c-form__field-group:last-child {
4086
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
4087
+ }
4088
+
4089
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
4090
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
4091
+ }
4092
+
4093
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
4094
+ margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
4095
+ }
4096
+
4097
+ .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
4098
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
4099
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
4100
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
4101
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
4102
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
4103
+ }
4104
+
4105
+ .pf-v6-c-form__field-group .pf-v6-c-form__field-group .pf-v6-c-form__field-group-toggle ~ .pf-v6-c-form__field-group-body {
4106
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
4107
+ }
4108
+
4109
+ .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
4110
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
4111
+ }
4112
+
4113
+ .pf-v6-c-form__field-group-toggle {
4114
+ grid-row: 1/2;
4115
+ grid-column: 1/2;
4116
+ padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
4117
+ padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
4118
+ }
4119
+
4120
+ .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
4121
+ --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
4122
+ }
4123
+
4124
+ .pf-v6-c-form__field-group-toggle-button {
4125
+ margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
4126
+ margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
4127
+ }
4128
+
4129
+ .pf-v6-c-form__field-group-toggle-icon {
4130
+ display: inline-block;
4131
+ min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
4132
+ text-align: center;
4133
+ transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
4134
+ transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
4135
+ transition-property: transform;
4136
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
4137
+ }
4138
+
4139
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
4140
+ scale: -1 1;
4141
+ }
4142
+
4143
+ .pf-v6-c-form__field-group-header {
4144
+ display: flex;
4145
+ grid-row: 1/2;
4146
+ grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
4147
+ align-items: flex-start;
4148
+ padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
4149
+ padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
4150
+ }
4151
+
4152
+ .pf-v6-c-form__field-group-header-main {
4153
+ display: flex;
4154
+ flex-direction: column;
4155
+ flex-grow: 1;
4156
+ }
4157
+
4158
+ .pf-v6-c-form__field-group-header-title {
4159
+ display: flex;
4160
+ }
4161
+
4162
+ .pf-v6-c-form__field-group-header-title-text {
4163
+ flex-grow: 1;
4164
+ }
4165
+
4166
+ .pf-v6-c-form__field-group-header-description {
4167
+ margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
4168
+ color: var(--pf-v6-c-form__field-group-header-description--Color);
4169
+ }
4170
+
4171
+ .pf-v6-c-form__field-group-header-actions {
4172
+ margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
4173
+ white-space: nowrap;
4174
+ }
4175
+
4176
+ .pf-v6-c-form__field-group-body {
4177
+ display: grid;
4178
+ grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
4179
+ gap: var(--pf-v6-c-form__field-group-body--Gap);
4180
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4181
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4182
+ }
4183
+
4184
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
4185
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
4186
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
4187
+ }
4188
+
4189
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
4190
+ margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4191
+ }
4192
+
4193
+ .pf-v6-u-screen-reader {
4194
+ position: fixed;
4195
+ inset-block-start: 0;
4196
+ inset-inline-start: 0;
4197
+ overflow: hidden;
4198
+ clip: rect(0, 0, 0, 0);
4199
+ white-space: nowrap;
4200
+ border: 0;
4201
+ }
4202
+
4203
+ .pf-v6-u-visible {
4204
+ position: static;
4205
+ overflow: visible;
4206
+ clip: auto;
4207
+ white-space: normal;
4208
+ border: inherit;
4209
+ }
4210
+
4211
+ .pf-v6-u-hidden {
4212
+ display: none !important;
4213
+ }
4214
+
4215
+ @media screen and (min-width: 36rem) {
4216
+ .pf-v6-u-screen-reader-on-sm {
4217
+ position: fixed;
4218
+ inset-block-start: 0;
4219
+ inset-inline-start: 0;
4220
+ overflow: hidden;
4221
+ clip: rect(0, 0, 0, 0);
4222
+ white-space: nowrap;
4223
+ border: 0;
4224
+ }
4225
+ }
4226
+ @media screen and (min-width: 36rem) {
4227
+ .pf-v6-u-visible-on-sm {
4228
+ position: static;
4229
+ overflow: visible;
4230
+ clip: auto;
4231
+ white-space: normal;
4232
+ border: inherit;
4233
+ }
4234
+ }
4235
+ @media screen and (min-width: 36rem) {
4236
+ .pf-v6-u-hidden-on-sm {
4237
+ display: none !important;
4238
+ }
4239
+ }
4240
+ @media screen and (min-width: 48rem) {
4241
+ .pf-v6-u-screen-reader-on-md {
4242
+ position: fixed;
4243
+ inset-block-start: 0;
4244
+ inset-inline-start: 0;
4245
+ overflow: hidden;
4246
+ clip: rect(0, 0, 0, 0);
4247
+ white-space: nowrap;
4248
+ border: 0;
4249
+ }
4250
+ }
4251
+ @media screen and (min-width: 48rem) {
4252
+ .pf-v6-u-visible-on-md {
4253
+ position: static;
4254
+ overflow: visible;
4255
+ clip: auto;
4256
+ white-space: normal;
4257
+ border: inherit;
4258
+ }
4259
+ }
4260
+ @media screen and (min-width: 48rem) {
4261
+ .pf-v6-u-hidden-on-md {
4262
+ display: none !important;
4263
+ }
4264
+ }
4265
+ @media screen and (min-width: 62rem) {
4266
+ .pf-v6-u-screen-reader-on-lg {
4267
+ position: fixed;
4268
+ inset-block-start: 0;
4269
+ inset-inline-start: 0;
4270
+ overflow: hidden;
4271
+ clip: rect(0, 0, 0, 0);
4272
+ white-space: nowrap;
4273
+ border: 0;
4274
+ }
4275
+ }
4276
+ @media screen and (min-width: 62rem) {
4277
+ .pf-v6-u-visible-on-lg {
4278
+ position: static;
4279
+ overflow: visible;
4280
+ clip: auto;
4281
+ white-space: normal;
4282
+ border: inherit;
4283
+ }
4284
+ }
4285
+ @media screen and (min-width: 62rem) {
4286
+ .pf-v6-u-hidden-on-lg {
4287
+ display: none !important;
4288
+ }
4289
+ }
4290
+ @media screen and (min-width: 75rem) {
4291
+ .pf-v6-u-screen-reader-on-xl {
4292
+ position: fixed;
4293
+ inset-block-start: 0;
4294
+ inset-inline-start: 0;
4295
+ overflow: hidden;
4296
+ clip: rect(0, 0, 0, 0);
4297
+ white-space: nowrap;
4298
+ border: 0;
4299
+ }
4300
+ }
4301
+ @media screen and (min-width: 75rem) {
4302
+ .pf-v6-u-visible-on-xl {
4303
+ position: static;
4304
+ overflow: visible;
4305
+ clip: auto;
4306
+ white-space: normal;
4307
+ border: inherit;
4308
+ }
4309
+ }
4310
+ @media screen and (min-width: 75rem) {
4311
+ .pf-v6-u-hidden-on-xl {
4312
+ display: none !important;
4313
+ }
4314
+ }
4315
+ @media screen and (min-width: 90.625rem) {
4316
+ .pf-v6-u-screen-reader-on-2xl {
4317
+ position: fixed;
4318
+ inset-block-start: 0;
4319
+ inset-inline-start: 0;
4320
+ overflow: hidden;
4321
+ clip: rect(0, 0, 0, 0);
4322
+ white-space: nowrap;
4323
+ border: 0;
4324
+ }
4325
+ }
4326
+ @media screen and (min-width: 90.625rem) {
4327
+ .pf-v6-u-visible-on-2xl {
4328
+ position: static;
4329
+ overflow: visible;
4330
+ clip: auto;
4331
+ white-space: normal;
4332
+ border: inherit;
4333
+ }
4334
+ }
4335
+ @media screen and (min-width: 90.625rem) {
4336
+ .pf-v6-u-hidden-on-2xl {
4337
+ display: none !important;
4338
+ }
4339
+ }
4340
+ .pf-v6-c-tooltip {
4341
+ --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4342
+ --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4343
+ --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4344
+ --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4345
+ --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4346
+ --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4347
+ --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4348
+ --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4349
+ --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4350
+ --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4351
+ --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4352
+ --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4353
+ --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4354
+ --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4355
+ --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4356
+ --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4357
+ --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4358
+ --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4359
+ --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4360
+ --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4361
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4362
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4363
+ --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4364
+ --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4365
+ --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4366
+ --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
4367
+ }
4368
+
4369
+ .pf-v6-c-tooltip {
4370
+ position: relative;
4371
+ max-width: var(--pf-v6-c-tooltip--MaxWidth);
4372
+ box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
4373
+ }
4374
+
4375
+ .pf-v6-c-tooltip:is(.pf-m-top,
4376
+ .pf-m-top-left,
4377
+ .pf-m-top-right) {
4378
+ --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4379
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4380
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4381
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4382
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
4383
+ }
4384
+
4385
+ .pf-v6-c-tooltip:is(.pf-m-bottom,
4386
+ .pf-m-bottom-left,
4387
+ .pf-m-bottom-right) {
4388
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
4389
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
4390
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
4391
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
4392
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
4393
+ }
4394
+
4395
+ .pf-v6-c-tooltip:is(.pf-m-left,
4396
+ .pf-m-left-top,
4397
+ .pf-m-left-bottom) {
4398
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
4399
+ --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
4400
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4401
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
4402
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
4403
+ }
4404
+
4405
+ .pf-v6-c-tooltip:is(.pf-m-right,
4406
+ .pf-m-right-top,
4407
+ .pf-m-right-bottom) {
4408
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4409
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4410
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4411
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4412
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
4413
+ }
4414
+
4415
+ .pf-v6-c-tooltip:is(.pf-m-left-top,
4416
+ .pf-m-right-top) {
4417
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
4418
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4419
+ }
4420
+
4421
+ .pf-v6-c-tooltip:is(.pf-m-left-bottom,
4422
+ .pf-m-right-bottom) {
4423
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
4424
+ --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
4425
+ }
4426
+
4427
+ .pf-v6-c-tooltip:is(.pf-m-top-left,
4428
+ .pf-m-bottom-left) {
4429
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
4430
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4431
+ }
4432
+
4433
+ .pf-v6-c-tooltip:is(.pf-m-top-right,
4434
+ .pf-m-bottom-right) {
4435
+ --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
4436
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
4437
+ }
4438
+
4439
+ .pf-v6-c-tooltip__content {
4440
+ position: relative;
4441
+ padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
4442
+ padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
4443
+ padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
4444
+ padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
4445
+ font-size: var(--pf-v6-c-tooltip__content--FontSize);
4446
+ color: var(--pf-v6-c-tooltip__content--Color);
4447
+ text-align: center;
4448
+ word-break: break-word;
4449
+ background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
4450
+ border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
4451
+ }
4452
+
4453
+ .pf-v6-c-tooltip__content.pf-m-text-align-left {
4454
+ text-align: start;
4455
+ }
4456
+
4457
+ .pf-v6-c-tooltip__arrow {
4458
+ position: absolute;
4459
+ top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
4460
+ right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
4461
+ bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
4462
+ left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
4463
+ width: var(--pf-v6-c-tooltip__arrow--Width);
4464
+ height: var(--pf-v6-c-tooltip__arrow--Height);
4465
+ pointer-events: none;
4466
+ background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
4467
+ box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
4468
+ transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
4469
+ }
4470
+
4471
+ .pf-v6-c-popover[data-popper-reference-hidden=true] {
4472
+ visibility: hidden;
4473
+ pointer-events: none;
4474
+ }
4475
+
4476
+ .pf-v6-c-menu-toggle {
4477
+ --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4478
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
4479
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4480
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
4481
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4482
+ --pf-v6-c-menu-toggle--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
4483
+ --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
4484
+ --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
4485
+ --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
4486
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
4487
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
4488
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
4489
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
4490
+ --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
4491
+ --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4492
+ --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
4493
+ --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
4494
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
4495
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
4496
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
4497
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
4498
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
4499
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
4500
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
4501
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
4502
+ --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
4503
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
4504
+ --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
4505
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
4506
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
4507
+ --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
4508
+ --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
4509
+ --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
4510
+ --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
4511
+ --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
4512
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
4513
+ --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
4514
+ --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
4515
+ --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
4516
+ --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
4517
+ --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
4518
+ --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
4519
+ --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
4520
+ --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
4521
+ --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
4522
+ --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
4523
+ --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
4524
+ --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
4525
+ --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
4526
+ --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
4527
+ --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
4528
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
4529
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
4530
+ --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
4531
+ --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
4532
+ --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
4533
+ --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
4534
+ --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
4535
+ --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
4536
+ --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
4537
+ --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
4538
+ --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
4539
+ --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
4540
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
4541
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
4542
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
4543
+ --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
4544
+ --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
4545
+ --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
4546
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
4547
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
4548
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
4549
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
4550
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
4551
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
4552
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
4553
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
4554
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
4555
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
4556
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
4557
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
4558
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
4559
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
4560
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
4561
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
4562
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
4563
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
4564
+ --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
4565
+ --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
4566
+ --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4567
+ --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
4568
+ --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
4569
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
4570
+ --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));
4571
+ --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
4572
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4573
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4574
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4575
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4576
+ --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
4577
+ --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
4578
+ --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
4579
+ --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4580
+ --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
4581
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
4582
+ --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4583
+ --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4584
+ --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
4585
+ --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
4586
+ --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
4587
+ --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
4588
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4589
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4590
+ --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
4591
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
4592
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
4593
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4594
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4595
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
4596
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
4597
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
4598
+ --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
4599
+ --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
4600
+ --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
4601
+ --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
4602
+ --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
4603
+ --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
4604
+ --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
4605
+ --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
4606
+ --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
4607
+ --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
4608
+ }
4609
+
4610
+ .pf-v6-c-menu-toggle {
4611
+ position: relative;
4612
+ display: inline-flex;
4613
+ gap: var(--pf-v6-c-menu-toggle--Gap);
4614
+ align-items: center;
4615
+ justify-content: center;
4616
+ min-width: var(--pf-v6-c-menu-toggle--MinWidth);
4617
+ max-width: 100%;
4618
+ padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
4619
+ padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
4620
+ padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
4621
+ padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
4622
+ font-size: var(--pf-v6-c-menu-toggle--FontSize);
4623
+ line-height: var(--pf-v6-c-menu-toggle--LineHeight);
4624
+ color: var(--pf-v6-c-menu-toggle--Color);
4625
+ cursor: pointer;
4626
+ background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
4627
+ border: 0;
4628
+ transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
4629
+ transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
4630
+ transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
4631
+ }
4632
+
4633
+ .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
4634
+ border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4635
+ }
4636
+
4637
+ .pf-v6-c-menu-toggle::before {
4638
+ position: absolute;
4639
+ inset-block-start: 0;
4640
+ inset-block-end: 0;
4641
+ inset-inline-start: 0;
4642
+ inset-inline-end: 0;
4643
+ z-index: var(--pf-v6-c-menu-toggle--border--ZIndex);
4644
+ pointer-events: none;
4645
+ content: "";
4646
+ border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
4647
+ transition: inherit;
4648
+ }
4649
+
4650
+ .pf-v6-c-menu-toggle.pf-m-primary {
4651
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
4652
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd);
4653
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-primary--Color);
4654
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--BackgroundColor);
4655
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-primary--BorderRadius);
4656
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--BorderColor);
4657
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
4658
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
4659
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
4660
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
4661
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
4662
+ --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
4663
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
4664
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
4665
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
4666
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
4667
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
4668
+ }
4669
+
4670
+ .pf-v6-c-menu-toggle.pf-m-secondary {
4671
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
4672
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
4673
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
4674
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
4675
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
4676
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
4677
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
4678
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
4679
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
4680
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
4681
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
4682
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
4683
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
4684
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
4685
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
4686
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
4687
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
4688
+ }
4689
+
4690
+ .pf-v6-c-menu-toggle.pf-m-full-height {
4691
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
4692
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart);
4693
+ --pf-v6-c-menu-toggle--BorderBlockStartWidth: var(--pf-v6-c-menu-toggle--m-full-height__toggle--BorderBlockStartWidth);
4694
+ align-items: center;
4695
+ height: 100%;
4696
+ }
4697
+
4698
+ .pf-v6-c-menu-toggle.pf-m-full-width {
4699
+ width: 100%;
4700
+ }
4701
+
4702
+ .pf-v6-c-menu-toggle.pf-m-plain {
4703
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
4704
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
4705
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
4706
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
4707
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
4708
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
4709
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
4710
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
4711
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
4712
+ --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
4713
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
4714
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
4715
+ --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
4716
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
4717
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
4718
+ }
4719
+
4720
+ .pf-v6-c-menu-toggle.pf-m-plain::before {
4721
+ border: none;
4722
+ }
4723
+
4724
+ .pf-v6-c-menu-toggle:is(:hover, :focus) {
4725
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
4726
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
4727
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
4728
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
4729
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
4730
+ }
4731
+
4732
+ .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
4733
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
4734
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
4735
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
4736
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
4737
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
4738
+ }
4739
+
4740
+ .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
4741
+ border: 0;
4742
+ }
4743
+
4744
+ .pf-v6-c-menu-toggle.pf-m-small {
4745
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
4746
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
4747
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
4748
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
4749
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
4750
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
4751
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
4752
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
4753
+ }
4754
+
4755
+ .pf-v6-c-menu-toggle.pf-m-success {
4756
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
4757
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
4758
+ }
4759
+
4760
+ .pf-v6-c-menu-toggle.pf-m-warning {
4761
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
4762
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
4763
+ }
4764
+
4765
+ .pf-v6-c-menu-toggle.pf-m-danger {
4766
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
4767
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
4768
+ }
4769
+
4770
+ @media screen and (prefers-reduced-motion: no-preference) {
4771
+ .pf-v6-c-menu-toggle.pf-m-danger {
4772
+ transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
4773
+ animation-name: pf-v6-c-menu-toggle-m-danger-motion;
4774
+ animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
4775
+ animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
4776
+ animation-fill-mode: both;
4777
+ }
4778
+ }
4779
+ .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
4780
+ animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
4781
+ animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
4782
+ animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
4783
+ }
4784
+
4785
+ @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
4786
+ from {
4787
+ opacity: 0;
4788
+ }
4789
+ to {
4790
+ opacity: 1;
4791
+ }
4792
+ }
4793
+ .pf-v6-c-menu-toggle.pf-m-placeholder {
4794
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
4795
+ }
4796
+
4797
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
4798
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
4799
+ --pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
4800
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
4801
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
4802
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
4803
+ }
4804
+
4805
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
4806
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
4807
+ pointer-events: none;
4808
+ }
4809
+
4810
+ @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
4811
+ syntax: "<length>";
4812
+ inherits: false;
4813
+ initial-value: 0;
4814
+ }
4815
+ @media (prefers-reduced-motion: no-preference) {
4816
+ @keyframes pf-v6-c-menu-toggle-m-danger-motion {
4817
+ 33% {
4818
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
4819
+ }
4820
+ 66% {
4821
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
4822
+ }
4823
+ }
4824
+ }
4825
+ .pf-v6-c-menu-toggle.pf-m-split-button {
4826
+ --pf-v6-c-menu-toggle--Gap: 0;
4827
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
4828
+ padding: 0;
4829
+ }
4830
+
4831
+ .pf-v6-c-menu-toggle.pf-m-split-button > * {
4832
+ position: relative;
4833
+ padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
4834
+ padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
4835
+ padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
4836
+ padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
4837
+ }
4838
+
4839
+ .pf-v6-c-menu-toggle.pf-m-split-button > :first-child {
4840
+ border-start-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4841
+ border-end-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4842
+ }
4843
+
4844
+ .pf-v6-c-menu-toggle.pf-m-split-button > :last-child {
4845
+ border-start-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4846
+ border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4847
+ }
4848
+
4849
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
4850
+ --pf-v6-c-check__label--Color: currentcolor;
4851
+ --pf-v6-c-check__label--disabled--Color: currentcolor;
4852
+ align-items: center;
4853
+ align-self: stretch;
4854
+ }
4855
+
4856
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
4857
+ --pf-v6-c-check__input--TranslateY: 0;
4858
+ align-self: center;
4859
+ }
4860
+
4861
+ .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
4862
+ border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor);
4863
+ }
4864
+
4865
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
4866
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
4867
+ }
4868
+
4869
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
4870
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
4871
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
4872
+ }
4873
+
4874
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
4875
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
4876
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor);
4877
+ }
4878
+
4879
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
4880
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor);
4881
+ }
4882
+
4883
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
4884
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
4885
+ }
4886
+
4887
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
4888
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
4889
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
4890
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
4891
+ }
4892
+
4893
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
4894
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
4895
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
4896
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
4897
+ }
4898
+
4899
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
4900
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
4901
+ }
4902
+
4903
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
4904
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
4905
+ color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
4906
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
4907
+ }
4908
+
4909
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
4910
+ content: none;
4911
+ }
4912
+
4913
+ .pf-v6-c-menu-toggle.pf-m-typeahead {
4914
+ --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
4915
+ --pf-v6-c-menu-toggle--Gap: 0;
4916
+ align-items: stretch;
4917
+ padding: 0;
4918
+ }
4919
+
4920
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
4921
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
4922
+ }
4923
+
4924
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
4925
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
4926
+ display: flex;
4927
+ align-items: stretch;
4928
+ }
4929
+
4930
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
4931
+ --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
4932
+ flex: 1;
4933
+ }
4934
+
4935
+ .pf-v6-c-menu-toggle__button {
4936
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
4937
+ align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
4938
+ min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
4939
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
4940
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
4941
+ color: inherit;
4942
+ background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
4943
+ border: 0;
4944
+ }
4945
+
4946
+ .pf-v6-c-menu-toggle__button.pf-m-text {
4947
+ display: inline-flex;
4948
+ align-items: baseline;
4949
+ }
4950
+
4951
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
4952
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
4953
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
4954
+ }
4955
+
4956
+ .pf-v6-c-menu-toggle__text {
4957
+ overflow: hidden;
4958
+ text-overflow: ellipsis;
4959
+ white-space: nowrap;
4960
+ min-width: 0;
4961
+ }
4962
+
4963
+ .pf-v6-c-menu-toggle__count {
4964
+ display: flex;
4965
+ flex-wrap: nowrap;
4966
+ }
4967
+
4968
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
4969
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
4970
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
4971
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
4972
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
4973
+ }
4974
+
4975
+ .pf-v6-c-menu-toggle__icon {
4976
+ flex-shrink: 0;
4977
+ }
4978
+
4979
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
4980
+ vertical-align: middle;
4981
+ }
4982
+
4983
+ .pf-v6-c-menu-toggle__controls {
4984
+ display: flex;
4985
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
4986
+ align-items: center;
4987
+ justify-content: center;
4988
+ margin-inline-start: auto;
4989
+ }
4990
+
4991
+ .pf-v6-c-menu-toggle__toggle-icon {
4992
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
4993
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
4994
+ }
4995
+
4996
+ .pf-v6-c-menu-toggle__status-icon {
4997
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
4998
+ }
4999
+
5000
+ .pf-v6-c-check {
5001
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5002
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5003
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5004
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5005
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5006
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5007
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5008
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5009
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5010
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5011
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5012
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5013
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5014
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5015
+ }
5016
+
5017
+ .pf-v6-c-check {
5018
+ display: grid;
5019
+ grid-template-columns: auto 1fr;
5020
+ grid-gap: var(--pf-v6-c-check--GridGap);
5021
+ accent-color: var(--pf-v6-c-check--AccentColor);
5022
+ }
5023
+
5024
+ .pf-v6-c-check.pf-m-standalone {
5025
+ display: inline-grid;
5026
+ grid-template-columns: auto;
5027
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5028
+ }
5029
+
5030
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5031
+ align-self: center;
5032
+ transform: none;
5033
+ }
5034
+
5035
+ .pf-v6-c-check__input {
5036
+ align-self: start;
5037
+ font-size: var(--pf-v6-c-check__label--FontSize);
5038
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5039
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5040
+ }
5041
+
5042
+ .pf-v6-c-check__label {
5043
+ font-size: var(--pf-v6-c-check__label--FontSize);
5044
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
5045
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5046
+ color: var(--pf-v6-c-check__label--Color);
5047
+ }
5048
+
5049
+ .pf-v6-c-check__description {
5050
+ grid-column: 2;
5051
+ font-size: var(--pf-v6-c-check__description--FontSize);
5052
+ color: var(--pf-v6-c-check__description--Color);
5053
+ }
5054
+
5055
+ .pf-v6-c-check__body {
5056
+ grid-column: 2;
5057
+ }
5058
+
5059
+ .pf-v6-c-check__label,
5060
+ .pf-v6-c-check__input {
5061
+ justify-self: start;
5062
+ }
5063
+
5064
+ label.pf-v6-c-check, .pf-v6-c-check__label,
5065
+ .pf-v6-c-check__input {
5066
+ cursor: pointer;
5067
+ }
5068
+
5069
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5070
+ .pf-v6-c-check__input:disabled,
5071
+ .pf-v6-c-check__input.pf-m-disabled {
5072
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5073
+ cursor: not-allowed;
5074
+ }
5075
+
5076
+ .pf-v6-c-check__label-required {
5077
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5078
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
5079
+ color: var(--pf-v6-c-check__label-required--Color);
4473
5080
  }
4474
5081
 
4475
5082
  .pf-v6-c-button {
@@ -5029,794 +5636,504 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5029
5636
  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
5030
5637
  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
5031
5638
  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
5032
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
5033
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
5034
- min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
5035
- }
5036
-
5037
- .pf-v6-c-button.pf-m-block {
5038
- --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
5039
- width: var(--pf-v6-c-button--m-block--Width);
5040
- }
5041
-
5042
- .pf-v6-c-button.pf-m-small {
5043
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
5044
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
5045
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
5046
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
5047
- }
5048
-
5049
- .pf-v6-c-button.pf-m-display-lg {
5050
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
5051
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
5052
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
5053
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
5054
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
5055
- }
5056
-
5057
- .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
5058
- display: grid;
5059
- transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
5060
- transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
5061
- transition-property: color;
5062
- }
5063
-
5064
- .pf-v6-c-button.pf-m-favorited {
5065
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
5066
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
5067
- --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
5068
- --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
5069
- }
5070
-
5071
- .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
5072
- animation-name: pf-v6-c-button-icon-favorited;
5073
- animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
5074
- animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
5075
- }
5076
-
5077
- .pf-v6-c-button:hover, .pf-v6-c-button:focus {
5078
- --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
5079
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
5080
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
5081
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
5082
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
5083
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
5084
- text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
5085
- text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
5086
- text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
5087
- }
5088
-
5089
- .pf-v6-c-button.pf-m-clicked {
5090
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
5091
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
5092
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
5093
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
5094
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
5095
- }
5096
-
5097
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
5098
- pointer-events: none;
5099
- }
5100
-
5101
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5102
- color: var(--pf-v6-c-button--disabled--Color);
5103
- text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
5104
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
5105
- }
5106
-
5107
- .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
5108
- border-color: transparent;
5109
- }
5110
-
5111
- .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
5112
- color: var(--pf-v6-c-button--disabled__icon--Color);
5113
- }
5114
-
5115
- .pf-v6-c-button.pf-m-aria-disabled {
5116
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
5117
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
5118
- cursor: default;
5119
- }
5120
-
5121
- .pf-v6-c-button.pf-m-progress {
5122
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
5123
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
5124
- }
5125
-
5126
- .pf-v6-c-button.pf-m-in-progress {
5127
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
5128
- }
5129
-
5130
- .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
5131
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
5132
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
5133
- }
5134
-
5135
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
5136
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
5137
- --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
5138
- }
5139
-
5140
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
5141
- opacity: 0;
5142
- }
5143
-
5144
- .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
5145
- animation-name: pf-v6-c-button-icon-notify;
5146
- animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
5147
- animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
5148
- }
5149
-
5150
- .pf-v6-c-button__icon {
5151
- margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
5152
- margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
5153
- color: var(--pf-v6-c-button__icon--Color);
5154
- }
5155
-
5156
- .pf-v6-c-button__icon.pf-m-start {
5157
- --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
5158
- }
5159
-
5160
- .pf-v6-c-button__icon.pf-m-end {
5161
- --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
5162
- }
5163
-
5164
- .pf-v6-c-button__icon-favorite,
5165
- .pf-v6-c-button__icon-favorited {
5166
- grid-area: 1/1/1/1;
5167
- transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
5168
- transition-property: opacity;
5169
- }
5170
-
5171
- .pf-v6-c-button__icon-favorite {
5172
- opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
5173
- }
5174
-
5175
- .pf-v6-c-button__icon-favorited {
5176
- opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
5177
- }
5178
-
5179
- .pf-v6-c-button__progress {
5180
- position: absolute;
5181
- inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
5182
- inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
5183
- line-height: 1;
5184
- color: var(--pf-v6-c-button__progress--Color);
5185
- transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
5186
- }
5187
-
5188
- .pf-v6-c-button__progress .pf-v6-c-spinner {
5189
- --pf-v6-c-spinner--Color: currentcolor;
5190
- }
5191
-
5192
- .pf-v6-c-button__text {
5193
- text-decoration: inherit;
5194
- }
5195
-
5196
- .pf-v6-c-button__count {
5197
- display: inline-flex;
5198
- align-items: center;
5199
- }
5200
-
5201
- @keyframes pf-v6-c-button-icon-notify {
5202
- 33% {
5203
- transform: rotate(30deg);
5204
- }
5205
- 66% {
5206
- transform: rotate(-60deg);
5207
- }
5208
- }
5209
- @keyframes pf-v6-c-button-icon-favorited {
5210
- 50% {
5211
- transform: scale(1.5);
5212
- }
5213
- }
5214
- .pf-v6-c-check {
5215
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5216
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5217
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5218
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5219
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5220
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5221
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5222
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5223
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5224
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5225
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5226
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5227
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5228
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5229
- }
5230
-
5231
- .pf-v6-c-check {
5232
- display: grid;
5233
- grid-template-columns: auto 1fr;
5234
- grid-gap: var(--pf-v6-c-check--GridGap);
5235
- accent-color: var(--pf-v6-c-check--AccentColor);
5236
- }
5237
-
5238
- .pf-v6-c-check.pf-m-standalone {
5239
- display: inline-grid;
5240
- grid-template-columns: auto;
5241
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5242
- }
5243
-
5244
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5245
- align-self: center;
5246
- transform: none;
5247
- }
5248
-
5249
- .pf-v6-c-check__input {
5250
- align-self: start;
5251
- font-size: var(--pf-v6-c-check__label--FontSize);
5252
- line-height: var(--pf-v6-c-check__label--LineHeight);
5253
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5254
- }
5255
-
5256
- .pf-v6-c-check__label {
5257
- font-size: var(--pf-v6-c-check__label--FontSize);
5258
- font-weight: var(--pf-v6-c-check__label--FontWeight);
5259
- line-height: var(--pf-v6-c-check__label--LineHeight);
5260
- color: var(--pf-v6-c-check__label--Color);
5261
- }
5262
-
5263
- .pf-v6-c-check__description {
5264
- grid-column: 2;
5265
- font-size: var(--pf-v6-c-check__description--FontSize);
5266
- color: var(--pf-v6-c-check__description--Color);
5267
- }
5268
-
5269
- .pf-v6-c-check__body {
5270
- grid-column: 2;
5271
- }
5272
-
5273
- .pf-v6-c-check__label,
5274
- .pf-v6-c-check__input {
5275
- justify-self: start;
5276
- }
5277
-
5278
- label.pf-v6-c-check, .pf-v6-c-check__label,
5279
- .pf-v6-c-check__input {
5280
- cursor: pointer;
5639
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
5640
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
5641
+ min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
5281
5642
  }
5282
5643
 
5283
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5284
- .pf-v6-c-check__input:disabled,
5285
- .pf-v6-c-check__input.pf-m-disabled {
5286
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5287
- cursor: not-allowed;
5644
+ .pf-v6-c-button.pf-m-block {
5645
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
5646
+ width: var(--pf-v6-c-button--m-block--Width);
5288
5647
  }
5289
5648
 
5290
- .pf-v6-c-check__label-required {
5291
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5292
- font-size: var(--pf-v6-c-check__label-required--FontSize);
5293
- color: var(--pf-v6-c-check__label-required--Color);
5649
+ .pf-v6-c-button.pf-m-small {
5650
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
5651
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
5652
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
5653
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
5294
5654
  }
5295
5655
 
5296
- .pf-v6-c-menu-toggle {
5297
- --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5298
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
5299
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5300
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
5301
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5302
- --pf-v6-c-menu-toggle--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
5303
- --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
5304
- --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
5305
- --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
5306
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
5307
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
5308
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
5309
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
5310
- --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
5311
- --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
5312
- --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
5313
- --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
5314
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
5315
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
5316
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
5317
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
5318
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5319
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
5320
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
5321
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5322
- --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
5323
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5324
- --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
5325
- --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
5326
- --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
5327
- --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
5328
- --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5329
- --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
5330
- --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
5331
- --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
5332
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5333
- --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5334
- --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5335
- --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
5336
- --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
5337
- --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
5338
- --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
5339
- --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
5340
- --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
5341
- --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
5342
- --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
5343
- --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
5344
- --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
5345
- --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
5346
- --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
5347
- --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
5348
- --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
5349
- --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
5350
- --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5351
- --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5352
- --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
5353
- --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
5354
- --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
5355
- --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
5356
- --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5357
- --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
5358
- --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
5359
- --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
5360
- --pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
5361
- --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5362
- --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
5363
- --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
5364
- --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
5365
- --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5366
- --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
5367
- --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
5368
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
5369
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
5370
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
5371
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5372
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
5373
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
5374
- --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
5375
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
5376
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
5377
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
5378
- --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
5379
- --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
5380
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
5381
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
5382
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
5383
- --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
5384
- --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
5385
- --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
5386
- --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5387
- --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
5388
- --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
5389
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
5390
- --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));
5391
- --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
5392
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5393
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5394
- --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5395
- --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5396
- --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
5397
- --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
5398
- --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
5399
- --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5400
- --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
5401
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
5402
- --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5403
- --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5404
- --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
5405
- --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
5406
- --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
5407
- --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
5408
- --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5409
- --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5410
- --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
5411
- --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
5412
- --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
5413
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5414
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5415
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
5416
- --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
5417
- --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
5418
- --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
5419
- --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5420
- --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
5421
- --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5422
- --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5423
- --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5424
- --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
5425
- --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
5426
- --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
5427
- --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
5656
+ .pf-v6-c-button.pf-m-display-lg {
5657
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
5658
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
5659
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
5660
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
5661
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
5428
5662
  }
5429
5663
 
5430
- .pf-v6-c-menu-toggle {
5431
- position: relative;
5432
- display: inline-flex;
5433
- gap: var(--pf-v6-c-menu-toggle--Gap);
5434
- align-items: center;
5435
- justify-content: center;
5436
- min-width: var(--pf-v6-c-menu-toggle--MinWidth);
5437
- max-width: 100%;
5438
- padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
5439
- padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
5440
- padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
5441
- padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
5442
- font-size: var(--pf-v6-c-menu-toggle--FontSize);
5443
- line-height: var(--pf-v6-c-menu-toggle--LineHeight);
5444
- color: var(--pf-v6-c-menu-toggle--Color);
5445
- cursor: pointer;
5446
- background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
5447
- border: 0;
5448
- transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
5449
- transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
5450
- transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
5664
+ .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
5665
+ display: grid;
5666
+ transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
5667
+ transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
5668
+ transition-property: color;
5451
5669
  }
5452
5670
 
5453
- .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
5454
- border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5671
+ .pf-v6-c-button.pf-m-favorited {
5672
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
5673
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
5674
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
5675
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
5455
5676
  }
5456
5677
 
5457
- .pf-v6-c-menu-toggle::before {
5458
- position: absolute;
5459
- inset-block-start: 0;
5460
- inset-block-end: 0;
5461
- inset-inline-start: 0;
5462
- inset-inline-end: 0;
5463
- z-index: var(--pf-v6-c-menu-toggle--border--ZIndex);
5464
- pointer-events: none;
5465
- content: "";
5466
- border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
5467
- transition: inherit;
5678
+ .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
5679
+ animation-name: pf-v6-c-button-icon-favorited;
5680
+ animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
5681
+ animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
5468
5682
  }
5469
5683
 
5470
- .pf-v6-c-menu-toggle.pf-m-primary {
5471
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
5472
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd);
5473
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-primary--Color);
5474
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--BackgroundColor);
5475
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-primary--BorderRadius);
5476
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--BorderColor);
5477
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
5478
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
5479
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
5480
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
5481
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
5482
- --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
5483
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
5484
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
5485
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
5486
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
5487
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
5684
+ .pf-v6-c-button:hover, .pf-v6-c-button:focus {
5685
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
5686
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
5687
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
5688
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
5689
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
5690
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
5691
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
5692
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
5693
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
5488
5694
  }
5489
5695
 
5490
- .pf-v6-c-menu-toggle.pf-m-secondary {
5491
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
5492
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
5493
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
5494
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
5495
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
5496
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
5497
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
5498
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
5499
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
5500
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
5501
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
5502
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
5503
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
5504
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
5505
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
5506
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
5507
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
5696
+ .pf-v6-c-button.pf-m-clicked {
5697
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
5698
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
5699
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
5700
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
5701
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
5508
5702
  }
5509
5703
 
5510
- .pf-v6-c-menu-toggle.pf-m-full-height {
5511
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
5512
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart);
5513
- --pf-v6-c-menu-toggle--BorderBlockStartWidth: var(--pf-v6-c-menu-toggle--m-full-height__toggle--BorderBlockStartWidth);
5514
- align-items: center;
5515
- height: 100%;
5704
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
5705
+ pointer-events: none;
5516
5706
  }
5517
5707
 
5518
- .pf-v6-c-menu-toggle.pf-m-full-width {
5519
- width: 100%;
5708
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5709
+ color: var(--pf-v6-c-button--disabled--Color);
5710
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
5711
+ background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
5520
5712
  }
5521
5713
 
5522
- .pf-v6-c-menu-toggle.pf-m-plain {
5523
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
5524
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
5525
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
5526
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5527
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
5528
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
5529
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5530
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
5531
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
5532
- --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
5533
- --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
5534
- --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
5535
- --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
5536
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
5537
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
5714
+ .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
5715
+ border-color: transparent;
5538
5716
  }
5539
5717
 
5540
- .pf-v6-c-menu-toggle.pf-m-plain::before {
5541
- border: none;
5718
+ .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
5719
+ color: var(--pf-v6-c-button--disabled__icon--Color);
5542
5720
  }
5543
5721
 
5544
- .pf-v6-c-menu-toggle:is(:hover, :focus) {
5545
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
5546
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
5547
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
5548
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
5549
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
5722
+ .pf-v6-c-button.pf-m-aria-disabled {
5723
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
5724
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
5725
+ cursor: default;
5550
5726
  }
5551
5727
 
5552
- .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
5553
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
5554
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
5555
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
5556
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
5557
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
5728
+ .pf-v6-c-button.pf-m-progress {
5729
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
5730
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
5558
5731
  }
5559
5732
 
5560
- .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
5561
- border: 0;
5733
+ .pf-v6-c-button.pf-m-in-progress {
5734
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
5562
5735
  }
5563
5736
 
5564
- .pf-v6-c-menu-toggle.pf-m-small {
5565
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
5566
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
5567
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
5568
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
5569
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
5570
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
5571
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset);
5572
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset);
5737
+ .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
5738
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
5739
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
5573
5740
  }
5574
5741
 
5575
- .pf-v6-c-menu-toggle.pf-m-success {
5576
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
5577
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
5742
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
5743
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
5744
+ --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
5578
5745
  }
5579
5746
 
5580
- .pf-v6-c-menu-toggle.pf-m-warning {
5581
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
5582
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
5747
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
5748
+ opacity: 0;
5583
5749
  }
5584
5750
 
5585
- .pf-v6-c-menu-toggle.pf-m-danger {
5586
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
5587
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
5751
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
5752
+ animation-name: pf-v6-c-button-icon-notify;
5753
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
5754
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
5588
5755
  }
5589
5756
 
5590
- @media screen and (prefers-reduced-motion: no-preference) {
5591
- .pf-v6-c-menu-toggle.pf-m-danger {
5592
- transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
5593
- animation-name: pf-v6-c-menu-toggle-m-danger-motion;
5594
- animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
5595
- animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
5596
- animation-fill-mode: both;
5597
- }
5598
- }
5599
- .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
5600
- animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
5601
- animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
5602
- animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
5757
+ .pf-v6-c-button__icon {
5758
+ margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
5759
+ margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
5760
+ color: var(--pf-v6-c-button__icon--Color);
5603
5761
  }
5604
5762
 
5605
- @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
5606
- from {
5607
- opacity: 0;
5608
- }
5609
- to {
5610
- opacity: 1;
5611
- }
5763
+ .pf-v6-c-button__icon.pf-m-start {
5764
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
5612
5765
  }
5613
- .pf-v6-c-menu-toggle.pf-m-placeholder {
5614
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
5766
+
5767
+ .pf-v6-c-button__icon.pf-m-end {
5768
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
5615
5769
  }
5616
5770
 
5617
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
5618
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
5619
- --pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
5620
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
5621
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
5622
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
5771
+ .pf-v6-c-button__icon-favorite,
5772
+ .pf-v6-c-button__icon-favorited {
5773
+ grid-area: 1/1/1/1;
5774
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
5775
+ transition-property: opacity;
5623
5776
  }
5624
5777
 
5625
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
5626
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
5627
- pointer-events: none;
5778
+ .pf-v6-c-button__icon-favorite {
5779
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
5628
5780
  }
5629
5781
 
5630
- @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
5631
- syntax: "<length>";
5632
- inherits: false;
5633
- initial-value: 0;
5782
+ .pf-v6-c-button__icon-favorited {
5783
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
5634
5784
  }
5635
- @media (prefers-reduced-motion: no-preference) {
5636
- @keyframes pf-v6-c-menu-toggle-m-danger-motion {
5637
- 33% {
5638
- --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
5639
- }
5640
- 66% {
5641
- --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
5642
- }
5643
- }
5785
+
5786
+ .pf-v6-c-button__progress {
5787
+ position: absolute;
5788
+ inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
5789
+ inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
5790
+ line-height: 1;
5791
+ color: var(--pf-v6-c-button__progress--Color);
5792
+ transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
5644
5793
  }
5645
- .pf-v6-c-menu-toggle.pf-m-split-button {
5646
- --pf-v6-c-menu-toggle--Gap: 0;
5647
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
5648
- padding: 0;
5794
+
5795
+ .pf-v6-c-button__progress .pf-v6-c-spinner {
5796
+ --pf-v6-c-spinner--Color: currentcolor;
5649
5797
  }
5650
5798
 
5651
- .pf-v6-c-menu-toggle.pf-m-split-button > * {
5652
- position: relative;
5653
- padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
5654
- padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
5655
- padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
5656
- padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
5799
+ .pf-v6-c-button__text {
5800
+ text-decoration: inherit;
5657
5801
  }
5658
5802
 
5659
- .pf-v6-c-menu-toggle.pf-m-split-button > :first-child {
5660
- border-start-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5661
- border-end-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5803
+ .pf-v6-c-button__count {
5804
+ display: inline-flex;
5805
+ align-items: center;
5662
5806
  }
5663
5807
 
5664
- .pf-v6-c-menu-toggle.pf-m-split-button > :last-child {
5665
- border-start-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5666
- border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5808
+ @keyframes pf-v6-c-button-icon-notify {
5809
+ 33% {
5810
+ transform: rotate(30deg);
5811
+ }
5812
+ 66% {
5813
+ transform: rotate(-60deg);
5814
+ }
5815
+ }
5816
+ @keyframes pf-v6-c-button-icon-favorited {
5817
+ 50% {
5818
+ transform: scale(1.5);
5819
+ }
5820
+ }
5821
+ .pf-v6-c-divider {
5822
+ --pf-v6-c-divider--Display: flex;
5823
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
5824
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
5825
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5667
5826
  }
5668
5827
 
5669
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
5670
- --pf-v6-c-check__label--Color: currentcolor;
5671
- --pf-v6-c-check__label--disabled--Color: currentcolor;
5672
- align-items: center;
5828
+ .pf-v6-c-divider {
5829
+ flex-direction: row;
5830
+ width: 100%;
5831
+ height: var(--pf-v6-c-divider--Size);
5832
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
5833
+ --pf-v6-hidden-visible--hidden--Display: none;
5834
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5835
+ display: var(--pf-v6-hidden-visible--Display);
5836
+ flex-shrink: 0;
5837
+ align-items: stretch;
5673
5838
  align-self: stretch;
5839
+ justify-content: center;
5840
+ border: 0;
5674
5841
  }
5675
5842
 
5676
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
5677
- --pf-v6-c-check__input--TranslateY: 0;
5678
- align-self: center;
5843
+ .pf-v6-c-divider.pf-m-hidden {
5844
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5845
+ }
5846
+
5847
+ @media screen and (min-width: 36rem) {
5848
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
5849
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5850
+ }
5851
+ .pf-v6-c-divider.pf-m-visible-on-sm {
5852
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5853
+ }
5854
+ }
5855
+ @media screen and (min-width: 48rem) {
5856
+ .pf-v6-c-divider.pf-m-hidden-on-md {
5857
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5858
+ }
5859
+ .pf-v6-c-divider.pf-m-visible-on-md {
5860
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5861
+ }
5862
+ }
5863
+ @media screen and (min-width: 62rem) {
5864
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
5865
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5866
+ }
5867
+ .pf-v6-c-divider.pf-m-visible-on-lg {
5868
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5869
+ }
5870
+ }
5871
+ @media screen and (min-width: 75rem) {
5872
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
5873
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5874
+ }
5875
+ .pf-v6-c-divider.pf-m-visible-on-xl {
5876
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5877
+ }
5679
5878
  }
5680
-
5681
- .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
5682
- border-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth) solid var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor);
5879
+ @media screen and (min-width: 90.625rem) {
5880
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
5881
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5882
+ }
5883
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
5884
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5885
+ }
5683
5886
  }
5684
-
5685
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
5686
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
5887
+ .pf-v6-c-divider::before {
5888
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5889
+ content: "";
5890
+ background-color: var(--pf-v6-c-divider--Color);
5687
5891
  }
5688
5892
 
5689
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
5690
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
5691
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
5893
+ .pf-v6-c-divider.pf-m-horizontal {
5894
+ flex-direction: row;
5895
+ width: 100%;
5896
+ height: var(--pf-v6-c-divider--Size);
5692
5897
  }
5693
5898
 
5694
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
5695
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
5696
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor);
5899
+ .pf-v6-c-divider.pf-m-vertical {
5900
+ flex-direction: column;
5901
+ width: var(--pf-v6-c-divider--Size);
5902
+ height: inherit;
5697
5903
  }
5698
5904
 
5699
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
5700
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor);
5905
+ .pf-v6-c-divider.pf-m-inset-none {
5906
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
5701
5907
  }
5702
5908
 
5703
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
5704
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
5909
+ .pf-v6-c-divider.pf-m-inset-xs {
5910
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5705
5911
  }
5706
5912
 
5707
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
5708
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):first-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):first-child,
5709
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
5710
- padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
5913
+ .pf-v6-c-divider.pf-m-inset-sm {
5914
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5711
5915
  }
5712
5916
 
5713
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
5714
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary .pf-v6-c-check:not(.pf-m-standalone):last-child, .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-menu-toggle__button:not(:has(.pf-v6-c-menu-toggle__controls:only-child)):last-child,
5715
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
5716
- padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
5917
+ .pf-v6-c-divider.pf-m-inset-md {
5918
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5717
5919
  }
5718
5920
 
5719
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
5720
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
5921
+ .pf-v6-c-divider.pf-m-inset-lg {
5922
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5721
5923
  }
5722
5924
 
5723
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
5724
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
5725
- color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
5726
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
5925
+ .pf-v6-c-divider.pf-m-inset-xl {
5926
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5727
5927
  }
5728
5928
 
5729
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
5730
- content: none;
5929
+ .pf-v6-c-divider.pf-m-inset-2xl {
5930
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5731
5931
  }
5732
5932
 
5733
- .pf-v6-c-menu-toggle.pf-m-typeahead {
5734
- --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
5735
- --pf-v6-c-menu-toggle--Gap: 0;
5736
- align-items: stretch;
5737
- padding: 0;
5933
+ .pf-v6-c-divider.pf-m-inset-3xl {
5934
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5738
5935
  }
5739
5936
 
5740
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
5741
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5937
+ @media (min-width: 36rem) {
5938
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
5939
+ flex-direction: row;
5940
+ width: 100%;
5941
+ height: var(--pf-v6-c-divider--Size);
5942
+ }
5742
5943
  }
5743
-
5744
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
5745
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5746
- display: flex;
5747
- align-items: stretch;
5944
+ @media (min-width: 36rem) {
5945
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
5946
+ flex-direction: column;
5947
+ width: var(--pf-v6-c-divider--Size);
5948
+ height: inherit;
5949
+ }
5748
5950
  }
5749
-
5750
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
5751
- --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
5752
- flex: 1;
5951
+ @media (min-width: 36rem) {
5952
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
5953
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5954
+ }
5955
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
5956
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5957
+ }
5958
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
5959
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5960
+ }
5961
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
5962
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5963
+ }
5964
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
5965
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5966
+ }
5967
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
5968
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5969
+ }
5970
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
5971
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5972
+ }
5973
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
5974
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5975
+ }
5753
5976
  }
5754
-
5755
- .pf-v6-c-menu-toggle__button {
5756
- gap: var(--pf-v6-c-menu-toggle__button--Gap);
5757
- align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
5758
- min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
5759
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
5760
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
5761
- color: inherit;
5762
- background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
5763
- border: 0;
5977
+ @media (min-width: 48rem) {
5978
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
5979
+ flex-direction: row;
5980
+ width: 100%;
5981
+ height: var(--pf-v6-c-divider--Size);
5982
+ }
5764
5983
  }
5765
-
5766
- .pf-v6-c-menu-toggle__button.pf-m-text {
5767
- display: inline-flex;
5768
- align-items: baseline;
5984
+ @media (min-width: 48rem) {
5985
+ .pf-v6-c-divider.pf-m-vertical-on-md {
5986
+ flex-direction: column;
5987
+ width: var(--pf-v6-c-divider--Size);
5988
+ height: inherit;
5989
+ }
5769
5990
  }
5770
-
5771
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check.pf-m-standalone, .pf-v6-c-menu-toggle__button:has(> .pf-v6-c-menu-toggle__controls:only-child) {
5772
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
5773
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
5991
+ @media (min-width: 48rem) {
5992
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
5993
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5994
+ }
5995
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
5996
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5997
+ }
5998
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
5999
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6000
+ }
6001
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
6002
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6003
+ }
6004
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
6005
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6006
+ }
6007
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
6008
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6009
+ }
6010
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6011
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6012
+ }
6013
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6014
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6015
+ }
5774
6016
  }
5775
-
5776
- .pf-v6-c-menu-toggle__text {
5777
- overflow: hidden;
5778
- text-overflow: ellipsis;
5779
- white-space: nowrap;
5780
- min-width: 0;
6017
+ @media (min-width: 62rem) {
6018
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
6019
+ flex-direction: row;
6020
+ width: 100%;
6021
+ height: var(--pf-v6-c-divider--Size);
6022
+ }
5781
6023
  }
5782
-
5783
- .pf-v6-c-menu-toggle__count {
5784
- display: flex;
5785
- flex-wrap: nowrap;
6024
+ @media (min-width: 62rem) {
6025
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
6026
+ flex-direction: column;
6027
+ width: var(--pf-v6-c-divider--Size);
6028
+ height: inherit;
6029
+ }
5786
6030
  }
5787
-
5788
- .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
5789
- .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
5790
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
5791
- margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
5792
- margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
6031
+ @media (min-width: 62rem) {
6032
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
6033
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6034
+ }
6035
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6036
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6037
+ }
6038
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6039
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6040
+ }
6041
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
6042
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6043
+ }
6044
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6045
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6046
+ }
6047
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6048
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6049
+ }
6050
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6051
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6052
+ }
6053
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6054
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6055
+ }
5793
6056
  }
5794
-
5795
- .pf-v6-c-menu-toggle__icon {
5796
- flex-shrink: 0;
6057
+ @media (min-width: 75rem) {
6058
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
6059
+ flex-direction: row;
6060
+ width: 100%;
6061
+ height: var(--pf-v6-c-divider--Size);
6062
+ }
5797
6063
  }
5798
-
5799
- .pf-v6-c-menu-toggle__icon :where(picture, img) {
5800
- vertical-align: middle;
6064
+ @media (min-width: 75rem) {
6065
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
6066
+ flex-direction: column;
6067
+ width: var(--pf-v6-c-divider--Size);
6068
+ height: inherit;
6069
+ }
6070
+ }
6071
+ @media (min-width: 75rem) {
6072
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
6073
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6074
+ }
6075
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6076
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6077
+ }
6078
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6079
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6080
+ }
6081
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
6082
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6083
+ }
6084
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6085
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6086
+ }
6087
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6088
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6089
+ }
6090
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6091
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6092
+ }
6093
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6094
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6095
+ }
5801
6096
  }
5802
-
5803
- .pf-v6-c-menu-toggle__controls {
5804
- display: flex;
5805
- gap: var(--pf-v6-c-menu-toggle__controls--Gap);
5806
- align-items: center;
5807
- justify-content: center;
5808
- margin-inline-start: auto;
6097
+ @media (min-width: 90.625rem) {
6098
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6099
+ flex-direction: row;
6100
+ width: 100%;
6101
+ height: var(--pf-v6-c-divider--Size);
6102
+ }
5809
6103
  }
5810
-
5811
- .pf-v6-c-menu-toggle__toggle-icon {
5812
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5813
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
6104
+ @media (min-width: 90.625rem) {
6105
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
6106
+ flex-direction: column;
6107
+ width: var(--pf-v6-c-divider--Size);
6108
+ height: inherit;
6109
+ }
5814
6110
  }
5815
-
5816
- .pf-v6-c-menu-toggle__status-icon {
5817
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
6111
+ @media (min-width: 90.625rem) {
6112
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6113
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6114
+ }
6115
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6116
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6117
+ }
6118
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6119
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6120
+ }
6121
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6122
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6123
+ }
6124
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6125
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6126
+ }
6127
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6128
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6129
+ }
6130
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6131
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6132
+ }
6133
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6134
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6135
+ }
5818
6136
  }
5819
-
5820
6137
  .pf-v6-c-action-list {
5821
6138
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5822
6139
  --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
@@ -6309,483 +6626,167 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6309
6626
  cursor: not-allowed;
6310
6627
  }
6311
6628
 
6312
- .pf-v6-c-form-control.pf-m-error {
6313
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
6314
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
6315
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
6316
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
6317
- }
6318
-
6319
- .pf-v6-c-form-control.pf-m-error > textarea {
6320
- padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
6321
- }
6322
-
6323
- .pf-v6-c-form-control.pf-m-error > input {
6324
- padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
6325
- }
6326
-
6327
- .pf-v6-c-form-control.pf-m-error > select {
6328
- padding-inline-end: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-error--PaddingInlineEnd));
6329
- }
6330
-
6331
- .pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
6332
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6333
- }
6334
-
6335
- .pf-v6-c-form-control.pf-m-success {
6336
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
6337
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
6338
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
6339
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
6340
- }
6341
-
6342
- .pf-v6-c-form-control.pf-m-success > textarea {
6343
- padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
6344
- }
6345
-
6346
- .pf-v6-c-form-control.pf-m-success > input {
6347
- padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
6348
- }
6349
-
6350
- .pf-v6-c-form-control.pf-m-success > select {
6351
- padding-inline-end: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-success--PaddingInlineEnd));
6352
- }
6353
-
6354
- .pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
6355
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6356
- }
6357
-
6358
- .pf-v6-c-form-control.pf-m-warning {
6359
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
6360
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
6361
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
6362
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
6363
- }
6364
-
6365
- .pf-v6-c-form-control.pf-m-warning > textarea {
6366
- padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
6367
- }
6368
-
6369
- .pf-v6-c-form-control.pf-m-warning > input {
6370
- padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
6371
- }
6372
-
6373
- .pf-v6-c-form-control.pf-m-warning > select {
6374
- padding-inline-end: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd));
6375
- }
6376
-
6377
- .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
6378
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6379
- }
6380
-
6381
- .pf-v6-c-form-control:hover {
6382
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6383
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6384
- }
6385
-
6386
- .pf-v6-c-form-control.pf-m-icon {
6387
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6388
- }
6389
-
6390
- .pf-v6-c-form-control:has(select) {
6391
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
6392
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
6393
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
6394
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
6395
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6396
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
6397
- }
6398
-
6399
- .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
6400
- padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6401
- }
6402
-
6403
- @-moz-document url-prefix() {
6404
- .pf-v6-c-form-control:has(select) {
6405
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
6406
- --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
6407
- }
6408
- }
6409
- .pf-v6-c-form-control.pf-m-placeholder > select {
6410
- --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6411
- }
6412
-
6413
- .pf-v6-c-form-control.pf-m-placeholder > select * {
6414
- color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6415
- }
6416
-
6417
- .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
6418
- color: revert;
6419
- }
6420
-
6421
- .pf-v6-c-form-control > textarea {
6422
- width: 100%;
6423
- height: 100%;
6424
- vertical-align: bottom;
6425
- resize: none;
6426
- }
6427
-
6428
- .pf-v6-c-form-control.pf-m-resize-vertical {
6429
- --pf-v6-c-form-control--Resize: vertical;
6430
- overflow: auto;
6431
- }
6432
-
6433
- .pf-v6-c-form-control.pf-m-resize-horizontal {
6434
- --pf-v6-c-form-control--Resize: horizontal;
6435
- overflow: auto;
6436
- }
6437
-
6438
- .pf-v6-c-form-control.pf-m-resize-both {
6439
- --pf-v6-c-form-control--Resize: both;
6440
- overflow: auto;
6441
- }
6442
-
6443
- .pf-v6-c-form-control__icon {
6444
- font-size: var(--pf-v6-c-form-control__icon--FontSize);
6445
- color: var(--pf-v6-c-form-control__icon--Color);
6446
- }
6447
-
6448
- .pf-v6-c-form-control__icon.pf-m-status {
6449
- --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6450
- }
6451
-
6452
- .pf-v6-c-form-control__toggle-icon {
6453
- grid-row: 1/2;
6454
- grid-column: 3;
6455
- padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6456
- padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6457
- font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6458
- color: var(--pf-v6-c-form-control__toggle-icon--Color);
6459
- pointer-events: none;
6460
- }
6461
-
6462
- .pf-v6-c-form-control__utilities {
6463
- display: flex;
6464
- flex-wrap: nowrap;
6465
- grid-row: 1/2;
6466
- grid-column: 2;
6467
- gap: var(--pf-v6-c-form-control__utilities--Gap);
6468
- padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6469
- padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6470
- pointer-events: none;
6471
- }
6472
-
6473
- .pf-v6-c-divider {
6474
- --pf-v6-c-divider--Display: flex;
6475
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6476
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6477
- --pf-v6-c-divider--before--FlexBasis: 100%;
6478
- }
6479
-
6480
- .pf-v6-c-divider {
6481
- flex-direction: row;
6482
- width: 100%;
6483
- height: var(--pf-v6-c-divider--Size);
6484
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6485
- --pf-v6-hidden-visible--hidden--Display: none;
6486
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6487
- display: var(--pf-v6-hidden-visible--Display);
6488
- flex-shrink: 0;
6489
- align-items: stretch;
6490
- align-self: stretch;
6491
- justify-content: center;
6492
- border: 0;
6493
- }
6494
-
6495
- .pf-v6-c-divider.pf-m-hidden {
6496
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6497
- }
6498
-
6499
- @media screen and (min-width: 36rem) {
6500
- .pf-v6-c-divider.pf-m-hidden-on-sm {
6501
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6502
- }
6503
- .pf-v6-c-divider.pf-m-visible-on-sm {
6504
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6505
- }
6629
+ .pf-v6-c-form-control.pf-m-error {
6630
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
6631
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
6632
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
6633
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
6506
6634
  }
6507
- @media screen and (min-width: 48rem) {
6508
- .pf-v6-c-divider.pf-m-hidden-on-md {
6509
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6510
- }
6511
- .pf-v6-c-divider.pf-m-visible-on-md {
6512
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6513
- }
6635
+
6636
+ .pf-v6-c-form-control.pf-m-error > textarea {
6637
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
6514
6638
  }
6515
- @media screen and (min-width: 62rem) {
6516
- .pf-v6-c-divider.pf-m-hidden-on-lg {
6517
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6518
- }
6519
- .pf-v6-c-divider.pf-m-visible-on-lg {
6520
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6521
- }
6639
+
6640
+ .pf-v6-c-form-control.pf-m-error > input {
6641
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
6522
6642
  }
6523
- @media screen and (min-width: 75rem) {
6524
- .pf-v6-c-divider.pf-m-hidden-on-xl {
6525
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6526
- }
6527
- .pf-v6-c-divider.pf-m-visible-on-xl {
6528
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6529
- }
6643
+
6644
+ .pf-v6-c-form-control.pf-m-error > select {
6645
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-error--PaddingInlineEnd));
6530
6646
  }
6531
- @media screen and (min-width: 90.625rem) {
6532
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
6533
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6534
- }
6535
- .pf-v6-c-divider.pf-m-visible-on-2xl {
6536
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6537
- }
6647
+
6648
+ .pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
6649
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6538
6650
  }
6539
- .pf-v6-c-divider::before {
6540
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6541
- content: "";
6542
- background-color: var(--pf-v6-c-divider--Color);
6651
+
6652
+ .pf-v6-c-form-control.pf-m-success {
6653
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
6654
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
6655
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
6656
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
6543
6657
  }
6544
6658
 
6545
- .pf-v6-c-divider.pf-m-horizontal {
6546
- flex-direction: row;
6547
- width: 100%;
6548
- height: var(--pf-v6-c-divider--Size);
6659
+ .pf-v6-c-form-control.pf-m-success > textarea {
6660
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
6549
6661
  }
6550
6662
 
6551
- .pf-v6-c-divider.pf-m-vertical {
6552
- flex-direction: column;
6553
- width: var(--pf-v6-c-divider--Size);
6554
- height: inherit;
6663
+ .pf-v6-c-form-control.pf-m-success > input {
6664
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
6555
6665
  }
6556
6666
 
6557
- .pf-v6-c-divider.pf-m-inset-none {
6558
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
6667
+ .pf-v6-c-form-control.pf-m-success > select {
6668
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-success--PaddingInlineEnd));
6559
6669
  }
6560
6670
 
6561
- .pf-v6-c-divider.pf-m-inset-xs {
6562
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6671
+ .pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
6672
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6563
6673
  }
6564
6674
 
6565
- .pf-v6-c-divider.pf-m-inset-sm {
6566
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6675
+ .pf-v6-c-form-control.pf-m-warning {
6676
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
6677
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
6678
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
6679
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
6567
6680
  }
6568
6681
 
6569
- .pf-v6-c-divider.pf-m-inset-md {
6570
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6682
+ .pf-v6-c-form-control.pf-m-warning > textarea {
6683
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
6571
6684
  }
6572
6685
 
6573
- .pf-v6-c-divider.pf-m-inset-lg {
6574
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6686
+ .pf-v6-c-form-control.pf-m-warning > input {
6687
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
6575
6688
  }
6576
6689
 
6577
- .pf-v6-c-divider.pf-m-inset-xl {
6578
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6690
+ .pf-v6-c-form-control.pf-m-warning > select {
6691
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd));
6579
6692
  }
6580
6693
 
6581
- .pf-v6-c-divider.pf-m-inset-2xl {
6582
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6694
+ .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
6695
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6583
6696
  }
6584
6697
 
6585
- .pf-v6-c-divider.pf-m-inset-3xl {
6586
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6698
+ .pf-v6-c-form-control:hover {
6699
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6700
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6587
6701
  }
6588
6702
 
6589
- @media (min-width: 36rem) {
6590
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
6591
- flex-direction: row;
6592
- width: 100%;
6593
- height: var(--pf-v6-c-divider--Size);
6594
- }
6703
+ .pf-v6-c-form-control.pf-m-icon {
6704
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6595
6705
  }
6596
- @media (min-width: 36rem) {
6597
- .pf-v6-c-divider.pf-m-vertical-on-sm {
6598
- flex-direction: column;
6599
- width: var(--pf-v6-c-divider--Size);
6600
- height: inherit;
6601
- }
6706
+
6707
+ .pf-v6-c-form-control:has(select) {
6708
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
6709
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
6710
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
6711
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
6712
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6713
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
6602
6714
  }
6603
- @media (min-width: 36rem) {
6604
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
6605
- --pf-v6-c-divider--before--FlexBasis: 100%;
6606
- }
6607
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6608
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6609
- }
6610
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6611
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6612
- }
6613
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
6614
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6615
- }
6616
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6617
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6618
- }
6619
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6620
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6621
- }
6622
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6623
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6624
- }
6625
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6626
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6627
- }
6715
+
6716
+ .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
6717
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6628
6718
  }
6629
- @media (min-width: 48rem) {
6630
- .pf-v6-c-divider.pf-m-horizontal-on-md {
6631
- flex-direction: row;
6632
- width: 100%;
6633
- height: var(--pf-v6-c-divider--Size);
6719
+
6720
+ @-moz-document url-prefix() {
6721
+ .pf-v6-c-form-control:has(select) {
6722
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
6723
+ --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
6634
6724
  }
6635
6725
  }
6636
- @media (min-width: 48rem) {
6637
- .pf-v6-c-divider.pf-m-vertical-on-md {
6638
- flex-direction: column;
6639
- width: var(--pf-v6-c-divider--Size);
6640
- height: inherit;
6641
- }
6726
+ .pf-v6-c-form-control.pf-m-placeholder > select {
6727
+ --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6642
6728
  }
6643
- @media (min-width: 48rem) {
6644
- .pf-v6-c-divider.pf-m-inset-none-on-md {
6645
- --pf-v6-c-divider--before--FlexBasis: 100%;
6646
- }
6647
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
6648
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6649
- }
6650
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
6651
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6652
- }
6653
- .pf-v6-c-divider.pf-m-inset-md-on-md {
6654
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6655
- }
6656
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
6657
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6658
- }
6659
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
6660
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6661
- }
6662
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6663
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6664
- }
6665
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6666
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6667
- }
6729
+
6730
+ .pf-v6-c-form-control.pf-m-placeholder > select * {
6731
+ color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6668
6732
  }
6669
- @media (min-width: 62rem) {
6670
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
6671
- flex-direction: row;
6672
- width: 100%;
6673
- height: var(--pf-v6-c-divider--Size);
6674
- }
6733
+
6734
+ .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
6735
+ color: revert;
6675
6736
  }
6676
- @media (min-width: 62rem) {
6677
- .pf-v6-c-divider.pf-m-vertical-on-lg {
6678
- flex-direction: column;
6679
- width: var(--pf-v6-c-divider--Size);
6680
- height: inherit;
6681
- }
6737
+
6738
+ .pf-v6-c-form-control > textarea {
6739
+ width: 100%;
6740
+ height: 100%;
6741
+ vertical-align: bottom;
6742
+ resize: none;
6682
6743
  }
6683
- @media (min-width: 62rem) {
6684
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
6685
- --pf-v6-c-divider--before--FlexBasis: 100%;
6686
- }
6687
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6688
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6689
- }
6690
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6691
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6692
- }
6693
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
6694
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6695
- }
6696
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6697
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6698
- }
6699
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6700
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6701
- }
6702
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6703
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6704
- }
6705
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6706
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6707
- }
6744
+
6745
+ .pf-v6-c-form-control.pf-m-resize-vertical {
6746
+ --pf-v6-c-form-control--Resize: vertical;
6747
+ overflow: auto;
6708
6748
  }
6709
- @media (min-width: 75rem) {
6710
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
6711
- flex-direction: row;
6712
- width: 100%;
6713
- height: var(--pf-v6-c-divider--Size);
6714
- }
6749
+
6750
+ .pf-v6-c-form-control.pf-m-resize-horizontal {
6751
+ --pf-v6-c-form-control--Resize: horizontal;
6752
+ overflow: auto;
6715
6753
  }
6716
- @media (min-width: 75rem) {
6717
- .pf-v6-c-divider.pf-m-vertical-on-xl {
6718
- flex-direction: column;
6719
- width: var(--pf-v6-c-divider--Size);
6720
- height: inherit;
6721
- }
6754
+
6755
+ .pf-v6-c-form-control.pf-m-resize-both {
6756
+ --pf-v6-c-form-control--Resize: both;
6757
+ overflow: auto;
6722
6758
  }
6723
- @media (min-width: 75rem) {
6724
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
6725
- --pf-v6-c-divider--before--FlexBasis: 100%;
6726
- }
6727
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6728
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6729
- }
6730
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6731
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6732
- }
6733
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
6734
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6735
- }
6736
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6737
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6738
- }
6739
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6740
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6741
- }
6742
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6743
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6744
- }
6745
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6746
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6747
- }
6759
+
6760
+ .pf-v6-c-form-control__icon {
6761
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
6762
+ color: var(--pf-v6-c-form-control__icon--Color);
6748
6763
  }
6749
- @media (min-width: 90.625rem) {
6750
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6751
- flex-direction: row;
6752
- width: 100%;
6753
- height: var(--pf-v6-c-divider--Size);
6754
- }
6764
+
6765
+ .pf-v6-c-form-control__icon.pf-m-status {
6766
+ --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6755
6767
  }
6756
- @media (min-width: 90.625rem) {
6757
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
6758
- flex-direction: column;
6759
- width: var(--pf-v6-c-divider--Size);
6760
- height: inherit;
6761
- }
6768
+
6769
+ .pf-v6-c-form-control__toggle-icon {
6770
+ grid-row: 1/2;
6771
+ grid-column: 3;
6772
+ padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6773
+ padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6774
+ font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6775
+ color: var(--pf-v6-c-form-control__toggle-icon--Color);
6776
+ pointer-events: none;
6762
6777
  }
6763
- @media (min-width: 90.625rem) {
6764
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6765
- --pf-v6-c-divider--before--FlexBasis: 100%;
6766
- }
6767
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6768
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6769
- }
6770
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6771
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6772
- }
6773
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6774
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6775
- }
6776
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6777
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6778
- }
6779
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6780
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6781
- }
6782
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6783
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6784
- }
6785
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6786
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6787
- }
6778
+
6779
+ .pf-v6-c-form-control__utilities {
6780
+ display: flex;
6781
+ flex-wrap: nowrap;
6782
+ grid-row: 1/2;
6783
+ grid-column: 2;
6784
+ gap: var(--pf-v6-c-form-control__utilities--Gap);
6785
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6786
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6787
+ pointer-events: none;
6788
6788
  }
6789
+
6789
6790
  .pf-v6-c-menu {
6790
6791
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
6791
6792
  --pf-v6-c-menu--Width: auto;
@@ -7548,79 +7549,6 @@ button.pf-v6-c-breadcrumb__link {
7548
7549
  display: none;
7549
7550
  }
7550
7551
 
7551
- .pf-v6-c-badge {
7552
- --pf-v6-c-badge--BorderColor: transparent;
7553
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7554
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7555
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7556
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7557
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7558
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7559
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7560
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7561
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7562
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7563
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7564
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7565
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7566
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7567
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7568
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7569
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7570
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7571
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7572
- }
7573
-
7574
- .pf-v6-c-badge {
7575
- position: relative;
7576
- display: inline-block;
7577
- min-width: var(--pf-v6-c-badge--MinWidth);
7578
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7579
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7580
- font-size: var(--pf-v6-c-badge--FontSize);
7581
- font-weight: var(--pf-v6-c-badge--FontWeight);
7582
- color: var(--pf-v6-c-badge--Color);
7583
- text-align: center;
7584
- white-space: nowrap;
7585
- background-color: var(--pf-v6-c-badge--BackgroundColor);
7586
- border-radius: var(--pf-v6-c-badge--BorderRadius);
7587
- }
7588
-
7589
- .pf-v6-c-badge::after {
7590
- position: absolute;
7591
- inset: 0;
7592
- pointer-events: none;
7593
- content: "";
7594
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7595
- border-radius: inherit;
7596
- }
7597
-
7598
- .pf-v6-c-badge.pf-m-read {
7599
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7600
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7601
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7602
- }
7603
-
7604
- .pf-v6-c-badge.pf-m-unread {
7605
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7606
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7607
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7608
- }
7609
-
7610
- .pf-v6-c-badge.pf-m-disabled {
7611
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7612
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7613
- }
7614
-
7615
- .pf-v6-c-badge.pf-m-disabled::after {
7616
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7617
- }
7618
-
7619
- .pf-v6-c-badge__toggle-icon {
7620
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7621
- color: var(--pf-v6-c-badge__toggle-icon--Color);
7622
- }
7623
-
7624
7552
  .pf-v6-c-spinner {
7625
7553
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7626
7554
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -7631,6 +7559,7 @@ button.pf-v6-c-breadcrumb__link {
7631
7559
  --pf-v6-c-spinner--StrokeWidth: 10;
7632
7560
  --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
7633
7561
  --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
7562
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
7634
7563
  --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
7635
7564
  --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
7636
7565
  --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
@@ -7649,6 +7578,11 @@ button.pf-v6-c-breadcrumb__link {
7649
7578
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
7650
7579
  }
7651
7580
 
7581
+ .pf-v6-c-spinner.pf-m-xs {
7582
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
7583
+ --pf-v6-c-spinner--StrokeWidth: 15;
7584
+ }
7585
+
7652
7586
  .pf-v6-c-spinner.pf-m-sm {
7653
7587
  --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
7654
7588
  }
@@ -7701,4 +7635,76 @@ button.pf-v6-c-breadcrumb__link {
7701
7635
  stroke-dashoffset: 280;
7702
7636
  transform: rotate(720deg);
7703
7637
  }
7638
+ }
7639
+ .pf-v6-c-badge {
7640
+ --pf-v6-c-badge--BorderColor: transparent;
7641
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7642
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7643
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7644
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7645
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7646
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7647
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7648
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7649
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7650
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7651
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7652
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7653
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7654
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7655
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7656
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7657
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7658
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7659
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7660
+ }
7661
+
7662
+ .pf-v6-c-badge {
7663
+ position: relative;
7664
+ display: inline-block;
7665
+ min-width: var(--pf-v6-c-badge--MinWidth);
7666
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7667
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7668
+ font-size: var(--pf-v6-c-badge--FontSize);
7669
+ font-weight: var(--pf-v6-c-badge--FontWeight);
7670
+ color: var(--pf-v6-c-badge--Color);
7671
+ text-align: center;
7672
+ white-space: nowrap;
7673
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
7674
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
7675
+ }
7676
+
7677
+ .pf-v6-c-badge::after {
7678
+ position: absolute;
7679
+ inset: 0;
7680
+ pointer-events: none;
7681
+ content: "";
7682
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7683
+ border-radius: inherit;
7684
+ }
7685
+
7686
+ .pf-v6-c-badge.pf-m-read {
7687
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7688
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7689
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7690
+ }
7691
+
7692
+ .pf-v6-c-badge.pf-m-unread {
7693
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7694
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7695
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7696
+ }
7697
+
7698
+ .pf-v6-c-badge.pf-m-disabled {
7699
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7700
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7701
+ }
7702
+
7703
+ .pf-v6-c-badge.pf-m-disabled::after {
7704
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7705
+ }
7706
+
7707
+ .pf-v6-c-badge__toggle-icon {
7708
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7709
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
7704
7710
  }