@patternfly/react-table 6.3.0-prerelease.1 → 6.3.0-prerelease.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (29) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/Table/package.json +1 -1
  5. package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
  6. package/dist/dynamic/components/Table/utils/package.json +1 -1
  7. package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
  8. package/dist/dynamic/deprecated/components/Table/package.json +1 -1
  9. package/dist/dynamic/deprecated/components/package.json +1 -1
  10. package/dist/esm/demos/DashboardWrapper.js +1 -1
  11. package/dist/esm/demos/DashboardWrapper.js.map +1 -1
  12. package/dist/js/demos/DashboardWrapper.js +1 -1
  13. package/dist/js/demos/DashboardWrapper.js.map +1 -1
  14. package/dist/umd/assets/{output-1dQkM85p.css → output-CLV1g6to.css} +1821 -1821
  15. package/package.json +3 -3
  16. package/src/demos/DashboardWrapper.tsx +2 -2
  17. package/src/demos/examples/TableBulkSelect.tsx +1 -1
  18. package/src/demos/examples/TableColumnManagement.tsx +1 -1
  19. package/src/demos/examples/TableColumnManagementWithDraggable.tsx +1 -1
  20. package/src/demos/examples/TableCompact.tsx +1 -1
  21. package/src/demos/examples/TableCompoundExpansion.tsx +1 -1
  22. package/src/demos/examples/TableEmptyStateDefault.tsx +1 -1
  23. package/src/demos/examples/TableEmptyStateError.tsx +1 -1
  24. package/src/demos/examples/TableEmptyStateLoading.tsx +1 -1
  25. package/src/demos/examples/TableExpandCollapseAll.tsx +1 -0
  26. package/src/demos/examples/TableSortableResponsive.tsx +3 -2
  27. package/src/demos/examples/TableStaticBottomPagination.tsx +1 -1
  28. package/src/demos/examples/TableStickyFirstColumn.tsx +5 -1
  29. package/src/demos/examples/TableStickyHeader.tsx +1 -1
package/dist/umd/assets/{output-1dQkM85p.css → output-CLV1g6to.css} RENAMED
@@ -971,166 +971,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
971
971
  --pf-v6-c-table--cell--Width: 100%;
972
972
  }
973
973
 
974
- .pf-v6-c-inline-edit {
975
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
976
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
977
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
978
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
979
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
980
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
981
- }
982
-
983
- .pf-v6-c-inline-edit__group {
984
- display: flex;
985
- align-items: baseline;
986
- }
987
-
988
- .pf-v6-c-inline-edit__group > * {
989
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
990
- }
991
-
992
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
993
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
994
- }
995
-
996
- .pf-v6-c-inline-edit__group.pf-m-footer {
997
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
998
- }
999
-
1000
- .pf-v6-c-inline-edit__group.pf-m-column {
1001
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1002
- flex-direction: column;
1003
- }
1004
-
1005
- .pf-v6-c-inline-edit__group > :last-child {
1006
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1007
- }
1008
-
1009
- .pf-v6-c-inline-edit__input {
1010
- flex: 1;
1011
- }
1012
-
1013
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
1014
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
1015
- }
1016
-
1017
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
1018
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
1019
- }
1020
-
1021
- .pf-v6-c-inline-edit__input,
1022
- .pf-v6-c-inline-edit__action,
1023
- .pf-v6-c-inline-edit__group.pf-m-action-group {
1024
- display: none;
1025
- }
1026
-
1027
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1028
- display: inline-block;
1029
- }
1030
-
1031
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
1032
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
1033
- display: block;
1034
- }
1035
-
1036
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
1037
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
1038
- display: inline-block;
1039
- }
1040
-
1041
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
1042
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
1043
- display: inline-flex;
1044
- }
1045
-
1046
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
1047
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
1048
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
1049
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1050
- display: none;
1051
- }
1052
-
1053
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
1054
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
1055
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
1056
- }
1057
-
1058
- .pf-v6-c-inline-edit__label.pf-m-bold {
1059
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
1060
- }
1061
-
1062
- .pf-v6-c-inline-edit__editable-text br {
1063
- display: none;
1064
- }
1065
-
1066
- .pf-v6-c-table {
1067
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
1068
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
1069
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
1070
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
1071
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
1072
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1073
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
1074
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
1075
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
1076
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
1077
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
1078
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
1079
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
1080
- }
1081
-
1082
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
1083
- position: sticky;
1084
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
1085
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
1086
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
1087
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
1088
- }
1089
-
1090
- .pf-v6-c-table__sticky-cell {
1091
- --pf-v6-c-table--cell--Overflow: visible;
1092
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
1093
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1094
- background-clip: padding-box;
1095
- }
1096
-
1097
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1098
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1099
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
1100
- }
1101
-
1102
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1103
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1104
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
1105
- }
1106
-
1107
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1108
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
1109
- }
1110
-
1111
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1112
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
1113
- }
1114
-
1115
- .pf-v6-c-scroll-outer-wrapper {
1116
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1117
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1118
- display: flex;
1119
- flex-direction: column;
1120
- max-width: 100%;
1121
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1122
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1123
- overflow: hidden;
1124
- }
1125
-
1126
- .pf-v6-c-scroll-inner-wrapper {
1127
- display: flex;
1128
- flex-direction: column;
1129
- max-width: 100%;
1130
- max-height: 100%;
1131
- overflow: auto;
1132
- }
1133
-
1134
974
  .pf-v6-c-table {
1135
975
  --pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
1136
976
  --pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
@@ -1992,6 +1832,74 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1992
1832
  --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));
1993
1833
  }
1994
1834
  }
1835
+ .pf-v6-c-table {
1836
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
1837
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
1838
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
1839
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
1840
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
1841
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1842
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
1843
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
1844
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
1845
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
1846
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
1847
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
1848
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
1849
+ }
1850
+
1851
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
1852
+ position: sticky;
1853
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
1854
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
1855
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
1856
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
1857
+ }
1858
+
1859
+ .pf-v6-c-table__sticky-cell {
1860
+ --pf-v6-c-table--cell--Overflow: visible;
1861
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
1862
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1863
+ background-clip: padding-box;
1864
+ }
1865
+
1866
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1867
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1868
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
1869
+ }
1870
+
1871
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1872
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1873
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
1874
+ }
1875
+
1876
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1877
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
1878
+ }
1879
+
1880
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1881
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
1882
+ }
1883
+
1884
+ .pf-v6-c-scroll-outer-wrapper {
1885
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1886
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1887
+ display: flex;
1888
+ flex-direction: column;
1889
+ max-width: 100%;
1890
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1891
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1892
+ overflow: hidden;
1893
+ }
1894
+
1895
+ .pf-v6-c-scroll-inner-wrapper {
1896
+ display: flex;
1897
+ flex-direction: column;
1898
+ max-width: 100%;
1899
+ max-height: 100%;
1900
+ overflow: auto;
1901
+ }
1902
+
1995
1903
  .pf-v6-c-form {
1996
1904
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
1997
1905
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -4156,26 +4064,118 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4156
4064
  --pf-v6-c-table--cell--Width: auto;
4157
4065
  }
4158
4066
  }
4159
- .pf-v6-u-screen-reader {
4160
- position: fixed;
4161
- inset-block-start: 0;
4162
- inset-inline-start: 0;
4163
- overflow: hidden;
4164
- clip: rect(0, 0, 0, 0);
4165
- white-space: nowrap;
4166
- border: 0;
4067
+ .pf-v6-c-inline-edit {
4068
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
4069
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4070
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
4071
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
4072
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
4073
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
4167
4074
  }
4168
4075
 
4169
- .pf-v6-u-visible {
4170
- position: static;
4171
- overflow: visible;
4172
- clip: auto;
4173
- white-space: normal;
4174
- border: inherit;
4076
+ .pf-v6-c-inline-edit__group {
4077
+ display: flex;
4078
+ align-items: baseline;
4175
4079
  }
4176
4080
 
4177
- .pf-v6-u-hidden {
4178
- display: none !important;
4081
+ .pf-v6-c-inline-edit__group > * {
4082
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
4083
+ }
4084
+
4085
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
4086
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
4087
+ }
4088
+
4089
+ .pf-v6-c-inline-edit__group.pf-m-footer {
4090
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
4091
+ }
4092
+
4093
+ .pf-v6-c-inline-edit__group.pf-m-column {
4094
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
4095
+ flex-direction: column;
4096
+ }
4097
+
4098
+ .pf-v6-c-inline-edit__group > :last-child {
4099
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
4100
+ }
4101
+
4102
+ .pf-v6-c-inline-edit__input {
4103
+ flex: 1;
4104
+ }
4105
+
4106
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
4107
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
4108
+ }
4109
+
4110
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
4111
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
4112
+ }
4113
+
4114
+ .pf-v6-c-inline-edit__input,
4115
+ .pf-v6-c-inline-edit__action,
4116
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
4117
+ display: none;
4118
+ }
4119
+
4120
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
4121
+ display: inline-block;
4122
+ }
4123
+
4124
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
4125
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
4126
+ display: block;
4127
+ }
4128
+
4129
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
4130
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
4131
+ display: inline-block;
4132
+ }
4133
+
4134
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
4135
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
4136
+ display: inline-flex;
4137
+ }
4138
+
4139
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
4140
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
4141
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
4142
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
4143
+ display: none;
4144
+ }
4145
+
4146
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
4147
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
4148
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
4149
+ }
4150
+
4151
+ .pf-v6-c-inline-edit__label.pf-m-bold {
4152
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
4153
+ }
4154
+
4155
+ .pf-v6-c-inline-edit__editable-text br {
4156
+ display: none;
4157
+ }
4158
+
4159
+ .pf-v6-u-screen-reader {
4160
+ position: fixed;
4161
+ inset-block-start: 0;
4162
+ inset-inline-start: 0;
4163
+ overflow: hidden;
4164
+ clip: rect(0, 0, 0, 0);
4165
+ white-space: nowrap;
4166
+ border: 0;
4167
+ }
4168
+
4169
+ .pf-v6-u-visible {
4170
+ position: static;
4171
+ overflow: visible;
4172
+ clip: auto;
4173
+ white-space: normal;
4174
+ border: inherit;
4175
+ }
4176
+
4177
+ .pf-v6-u-hidden {
4178
+ display: none !important;
4179
4179
  }
4180
4180
 
4181
4181
  @media screen and (min-width: 36rem) {
@@ -4439,558 +4439,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4439
4439
  pointer-events: none;
4440
4440
  }
4441
4441
 
4442
- .pf-v6-c-action-list {
4443
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
4444
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
4445
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
4446
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
4447
- }
4448
-
4449
- .pf-v6-c-action-list,
4450
- .pf-v6-c-action-list__group {
4451
- display: flex;
4452
- align-items: start;
4453
- }
4454
-
4455
- .pf-v6-c-action-list {
4456
- row-gap: var(--pf-v6-c-action-list--RowGap);
4457
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
4458
- }
4459
-
4460
- .pf-v6-c-action-list.pf-m-icons {
4461
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
4462
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
4463
- }
4464
-
4465
- .pf-v6-c-action-list__group {
4466
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
4467
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
4468
- }
4469
-
4470
- .pf-v6-c-action-list__group.pf-m-icons {
4471
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
4472
- }
4473
-
4474
- .pf-v6-c-menu-toggle {
4475
- --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4476
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
4477
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4478
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
4479
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4480
- --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));
4481
- --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
4482
- --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
4483
- --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
4484
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
4485
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
4486
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
4487
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
4488
- --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
4489
- --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4490
- --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
4491
- --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
4492
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
4493
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
4494
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
4495
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
4496
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
4497
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
4498
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
4499
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
4500
- --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
4501
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
4502
- --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
4503
- --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
4504
- --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
4505
- --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
4506
- --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
4507
- --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
4508
- --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
4509
- --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
4510
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
4511
- --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
4512
- --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
4513
- --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
4514
- --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
4515
- --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
4516
- --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
4517
- --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
4518
- --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
4519
- --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
4520
- --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
4521
- --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
4522
- --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
4523
- --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
4524
- --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
4525
- --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
4526
- --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
4527
- --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
4528
- --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
4529
- --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
4530
- --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
4531
- --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
4532
- --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
4533
- --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
4534
- --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
4535
- --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
4536
- --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
4537
- --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
4538
- --pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
4539
- --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
4540
- --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
4541
- --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
4542
- --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
4543
- --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
4544
- --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
4545
- --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
4546
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
4547
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
4548
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
4549
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
4550
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
4551
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
4552
- --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
4553
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
4554
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
4555
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
4556
- --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
4557
- --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
4558
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
4559
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
4560
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
4561
- --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
4562
- --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
4563
- --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
4564
- --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4565
- --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
4566
- --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
4567
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
4568
- --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));
4569
- --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
4570
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4571
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4572
- --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4573
- --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4574
- --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
4575
- --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
4576
- --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
4577
- --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4578
- --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
4579
- --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
4580
- --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4581
- --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4582
- --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
4583
- --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
4584
- --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
4585
- --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
4586
- --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4587
- --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4588
- --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
4589
- --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
4590
- --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
4591
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4592
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4593
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
4594
- --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
4595
- --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
4596
- --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
4597
- --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
4598
- --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
4599
- --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
4600
- --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
4601
- --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
4602
- --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
4603
- --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
4604
- --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
4605
- --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
4606
- }
4607
-
4608
- .pf-v6-c-menu-toggle {
4609
- position: relative;
4610
- display: inline-flex;
4611
- gap: var(--pf-v6-c-menu-toggle--Gap);
4612
- align-items: center;
4613
- justify-content: center;
4614
- min-width: var(--pf-v6-c-menu-toggle--MinWidth);
4615
- max-width: 100%;
4616
- padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
4617
- padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
4618
- padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
4619
- padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
4620
- font-size: var(--pf-v6-c-menu-toggle--FontSize);
4621
- line-height: var(--pf-v6-c-menu-toggle--LineHeight);
4622
- color: var(--pf-v6-c-menu-toggle--Color);
4623
- cursor: pointer;
4624
- background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
4625
- border: 0;
4626
- transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
4627
- transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
4628
- transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
4629
- }
4630
-
4631
- .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
4632
- border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4633
- }
4634
-
4635
- .pf-v6-c-menu-toggle::before {
4636
- position: absolute;
4637
- inset-block-start: 0;
4638
- inset-block-end: 0;
4639
- inset-inline-start: 0;
4640
- inset-inline-end: 0;
4641
- z-index: var(--pf-v6-c-menu-toggle--border--ZIndex);
4642
- pointer-events: none;
4643
- content: "";
4644
- border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
4645
- transition: inherit;
4646
- }
4647
-
4648
- .pf-v6-c-menu-toggle.pf-m-primary {
4649
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
4650
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd);
4651
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-primary--Color);
4652
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--BackgroundColor);
4653
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-primary--BorderRadius);
4654
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--BorderColor);
4655
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
4656
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
4657
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
4658
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
4659
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
4660
- --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
4661
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
4662
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
4663
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
4664
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
4665
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
4666
- }
4667
-
4668
- .pf-v6-c-menu-toggle.pf-m-secondary {
4669
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
4670
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
4671
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
4672
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
4673
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
4674
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
4675
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
4676
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
4677
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
4678
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
4679
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
4680
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
4681
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
4682
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
4683
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
4684
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
4685
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
4686
- }
4687
-
4688
- .pf-v6-c-menu-toggle.pf-m-full-height {
4689
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
4690
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart);
4691
- --pf-v6-c-menu-toggle--BorderBlockStartWidth: var(--pf-v6-c-menu-toggle--m-full-height__toggle--BorderBlockStartWidth);
4692
- align-items: center;
4693
- height: 100%;
4694
- }
4695
-
4696
- .pf-v6-c-menu-toggle.pf-m-full-width {
4697
- width: 100%;
4698
- }
4699
-
4700
- .pf-v6-c-menu-toggle.pf-m-plain {
4701
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
4702
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
4703
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
4704
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
4705
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
4706
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
4707
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
4708
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
4709
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
4710
- --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
4711
- --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
4712
- --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
4713
- --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
4714
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
4715
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
4716
- }
4717
-
4718
- .pf-v6-c-menu-toggle.pf-m-plain::before {
4719
- border: none;
4720
- }
4721
-
4722
- .pf-v6-c-menu-toggle:is(:hover, :focus) {
4723
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
4724
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
4725
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
4726
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
4727
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
4728
- }
4729
-
4730
- .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
4731
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
4732
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
4733
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
4734
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
4735
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
4736
- }
4737
-
4738
- .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
4739
- border: 0;
4740
- }
4741
-
4742
- .pf-v6-c-menu-toggle.pf-m-small {
4743
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
4744
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
4745
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
4746
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
4747
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
4748
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
4749
- --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);
4750
- --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);
4751
- }
4752
-
4753
- .pf-v6-c-menu-toggle.pf-m-success {
4754
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
4755
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
4756
- }
4757
-
4758
- .pf-v6-c-menu-toggle.pf-m-warning {
4759
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
4760
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
4761
- }
4762
-
4763
- .pf-v6-c-menu-toggle.pf-m-danger {
4764
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
4765
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
4766
- }
4767
-
4768
- @media screen and (prefers-reduced-motion: no-preference) {
4769
- .pf-v6-c-menu-toggle.pf-m-danger {
4770
- transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
4771
- animation-name: pf-v6-c-menu-toggle-m-danger-motion;
4772
- animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
4773
- animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
4774
- animation-fill-mode: both;
4775
- }
4776
- }
4777
- .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
4778
- animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
4779
- animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
4780
- animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
4781
- }
4782
-
4783
- @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
4784
- from {
4785
- opacity: 0;
4786
- }
4787
- to {
4788
- opacity: 1;
4789
- }
4790
- }
4791
- .pf-v6-c-menu-toggle.pf-m-placeholder {
4792
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
4793
- }
4794
-
4795
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
4796
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
4797
- --pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
4798
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
4799
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
4800
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
4801
- }
4802
-
4803
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
4804
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
4805
- pointer-events: none;
4806
- }
4807
-
4808
- @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
4809
- syntax: "<length>";
4810
- inherits: false;
4811
- initial-value: 0;
4812
- }
4813
- @media (prefers-reduced-motion: no-preference) {
4814
- @keyframes pf-v6-c-menu-toggle-m-danger-motion {
4815
- 33% {
4816
- --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
4817
- }
4818
- 66% {
4819
- --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
4820
- }
4821
- }
4822
- }
4823
- .pf-v6-c-menu-toggle.pf-m-split-button {
4824
- --pf-v6-c-menu-toggle--Gap: 0;
4825
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
4826
- padding: 0;
4827
- }
4828
-
4829
- .pf-v6-c-menu-toggle.pf-m-split-button > * {
4830
- position: relative;
4831
- padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
4832
- padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
4833
- padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
4834
- padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
4835
- }
4836
-
4837
- .pf-v6-c-menu-toggle.pf-m-split-button > :first-child {
4838
- border-start-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4839
- border-end-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4840
- }
4841
-
4842
- .pf-v6-c-menu-toggle.pf-m-split-button > :last-child {
4843
- border-start-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4844
- border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4845
- }
4846
-
4847
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
4848
- --pf-v6-c-check__label--Color: currentcolor;
4849
- --pf-v6-c-check__label--disabled--Color: currentcolor;
4850
- align-items: center;
4851
- align-self: stretch;
4852
- }
4853
-
4854
- .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
4855
- --pf-v6-c-check__input--TranslateY: 0;
4856
- align-self: center;
4857
- }
4858
-
4859
- .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
4860
- 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);
4861
- }
4862
-
4863
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
4864
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
4865
- }
4866
-
4867
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
4868
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
4869
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
4870
- }
4871
-
4872
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
4873
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
4874
- --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);
4875
- }
4876
-
4877
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
4878
- --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);
4879
- }
4880
-
4881
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
4882
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
4883
- }
4884
-
4885
- .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,
4886
- .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,
4887
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
4888
- padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
4889
- }
4890
-
4891
- .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,
4892
- .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,
4893
- .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
4894
- padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
4895
- }
4896
-
4897
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
4898
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
4899
- }
4900
-
4901
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
4902
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
4903
- color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
4904
- background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
4905
- }
4906
-
4907
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
4908
- content: none;
4909
- }
4910
-
4911
- .pf-v6-c-menu-toggle.pf-m-typeahead {
4912
- --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
4913
- --pf-v6-c-menu-toggle--Gap: 0;
4914
- align-items: stretch;
4915
- padding: 0;
4916
- }
4917
-
4918
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
4919
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
4920
- }
4921
-
4922
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
4923
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
4924
- display: flex;
4925
- align-items: stretch;
4926
- }
4927
-
4928
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
4929
- --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
4930
- flex: 1;
4931
- }
4932
-
4933
- .pf-v6-c-menu-toggle__button {
4934
- gap: var(--pf-v6-c-menu-toggle__button--Gap);
4935
- align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
4936
- min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
4937
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
4938
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
4939
- color: inherit;
4940
- background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
4941
- border: 0;
4942
- }
4943
-
4944
- .pf-v6-c-menu-toggle__button.pf-m-text {
4945
- display: inline-flex;
4946
- align-items: baseline;
4947
- }
4948
-
4949
- .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) {
4950
- padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
4951
- padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
4952
- }
4953
-
4954
- .pf-v6-c-menu-toggle__text {
4955
- overflow: hidden;
4956
- text-overflow: ellipsis;
4957
- white-space: nowrap;
4958
- min-width: 0;
4959
- }
4960
-
4961
- .pf-v6-c-menu-toggle__count {
4962
- display: flex;
4963
- flex-wrap: nowrap;
4964
- }
4965
-
4966
- .pf-v6-c-menu-toggle__icon {
4967
- flex-shrink: 0;
4968
- }
4969
-
4970
- .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
4971
- .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
4972
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
4973
- margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
4974
- margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
4975
- }
4976
-
4977
- .pf-v6-c-menu-toggle__controls {
4978
- display: flex;
4979
- gap: var(--pf-v6-c-menu-toggle__controls--Gap);
4980
- align-items: center;
4981
- justify-content: center;
4982
- margin-inline-start: auto;
4983
- }
4984
-
4985
- .pf-v6-c-menu-toggle__toggle-icon {
4986
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
4987
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
4988
- }
4989
-
4990
- .pf-v6-c-menu-toggle__status-icon {
4991
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
4992
- }
4993
-
4994
4442
  .pf-v6-c-button {
4995
4443
  --pf-v6-c-button--Display: inline-flex;
4996
4444
  --pf-v6-c-button--AlignItems: baseline;
@@ -5255,754 +4703,1622 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
5255
4703
  --pf-v6-c-button--m-block--Width: 100%;
5256
4704
  }
5257
4705
 
5258
- .pf-v6-c-button {
4706
+ .pf-v6-c-button {
4707
+ position: relative;
4708
+ display: var(--pf-v6-c-button--Display);
4709
+ gap: var(--pf-v6-c-button--Gap);
4710
+ align-items: var(--pf-v6-c-button--AlignItems);
4711
+ justify-content: var(--pf-v6-c-button--JustifyContent);
4712
+ min-width: var(--pf-v6-c-button--MinWidth);
4713
+ padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
4714
+ padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
4715
+ padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
4716
+ padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
4717
+ font-size: var(--pf-v6-c-button--FontSize, inherit);
4718
+ font-weight: var(--pf-v6-c-button--FontWeight, inherit);
4719
+ line-height: var(--pf-v6-c-button--LineHeight, inherit);
4720
+ color: var(--pf-v6-c-button--Color);
4721
+ text-align: center;
4722
+ text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
4723
+ text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
4724
+ text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
4725
+ white-space: nowrap;
4726
+ cursor: pointer;
4727
+ user-select: none;
4728
+ background-color: var(--pf-v6-c-button--BackgroundColor);
4729
+ border: 0;
4730
+ border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
4731
+ border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
4732
+ border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
4733
+ border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
4734
+ transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
4735
+ transition-duration: var(--pf-v6-c-button--TransitionDuration);
4736
+ transition-property: var(--pf-v6-c-button--TransitionProperty);
4737
+ }
4738
+
4739
+ .pf-v6-c-button::after {
4740
+ position: absolute;
4741
+ inset: 0;
4742
+ pointer-events: none;
4743
+ content: "";
4744
+ border: var(--pf-v6-c-button--BorderWidth) solid;
4745
+ border-color: var(--pf-v6-c-button--BorderColor);
4746
+ border-radius: inherit;
4747
+ transition: inherit;
4748
+ }
4749
+
4750
+ .pf-v6-c-button.pf-m-primary {
4751
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
4752
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
4753
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
4754
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
4755
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
4756
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
4757
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
4758
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
4759
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
4760
+ }
4761
+
4762
+ .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
4763
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
4764
+ }
4765
+
4766
+ .pf-v6-c-button.pf-m-secondary {
4767
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
4768
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
4769
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
4770
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
4771
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
4772
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
4773
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
4774
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
4775
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
4776
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
4777
+ --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
4778
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
4779
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
4780
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
4781
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
4782
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
4783
+ }
4784
+
4785
+ .pf-v6-c-button.pf-m-secondary.pf-m-danger {
4786
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
4787
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
4788
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
4789
+ --pf-v6-c-button--m-danger--BackgroundColor: transparent;
4790
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
4791
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
4792
+ }
4793
+
4794
+ .pf-v6-c-button.pf-m-tertiary {
4795
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
4796
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
4797
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
4798
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
4799
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
4800
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
4801
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
4802
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
4803
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
4804
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
4805
+ }
4806
+
4807
+ .pf-v6-c-button.pf-m-link {
4808
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
4809
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
4810
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
4811
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
4812
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
4813
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
4814
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
4815
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
4816
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
4817
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
4818
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
4819
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
4820
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
4821
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
4822
+ }
4823
+
4824
+ .pf-v6-c-button.pf-m-link.pf-m-inline {
4825
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
4826
+ --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
4827
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
4828
+ --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
4829
+ --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
4830
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
4831
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
4832
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
4833
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
4834
+ --pf-v6-c-button--BackgroundColor: transparent;
4835
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
4836
+ --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
4837
+ --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
4838
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
4839
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
4840
+ --pf-v6-c-button--hover--BackgroundColor: transparent;
4841
+ --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
4842
+ --pf-v6-c-button--disabled--BackgroundColor: transparent;
4843
+ --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
4844
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
4845
+ --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
4846
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
4847
+ --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
4848
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
4849
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
4850
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
4851
+ text-align: start;
4852
+ white-space: normal;
4853
+ outline-offset: 0.125rem;
4854
+ }
4855
+
4856
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
4857
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
4858
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
4859
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
4860
+ }
4861
+
4862
+ .pf-v6-c-button.pf-m-link.pf-m-danger {
4863
+ --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
4864
+ --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
4865
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
4866
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
4867
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
4868
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
4869
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
4870
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
4871
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
4872
+ }
4873
+
4874
+ .pf-v6-c-button.pf-m-link.pf-m-display-lg {
4875
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
4876
+ }
4877
+
4878
+ .pf-v6-c-button.pf-m-warning {
4879
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
4880
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
4881
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
4882
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
4883
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
4884
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
4885
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
4886
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
4887
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
4888
+ }
4889
+
4890
+ .pf-v6-c-button.pf-m-danger {
4891
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
4892
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
4893
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
4894
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
4895
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
4896
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
4897
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
4898
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
4899
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
4900
+ }
4901
+
4902
+ .pf-v6-c-button.pf-m-control {
4903
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
4904
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
4905
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
4906
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
4907
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
4908
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
4909
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
4910
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
4911
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
4912
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
4913
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
4914
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
4915
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
4916
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
4917
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
4918
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
4919
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
4920
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
4921
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
4922
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
4923
+ }
4924
+
4925
+ .pf-v6-c-button.pf-m-stateful {
4926
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
4927
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
4928
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
4929
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
4930
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
4931
+ }
4932
+
4933
+ .pf-v6-c-button.pf-m-read {
4934
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
4935
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
4936
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
4937
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
4938
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
4939
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
4940
+ }
4941
+
4942
+ .pf-v6-c-button.pf-m-unread {
4943
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
4944
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
4945
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
4946
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
4947
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
4948
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
4949
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
4950
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
4951
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
4952
+ }
4953
+
4954
+ .pf-v6-c-button.pf-m-attention {
4955
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
4956
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
4957
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
4958
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
4959
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
4960
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
4961
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
4962
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
4963
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
4964
+ }
4965
+
4966
+ .pf-v6-c-button.pf-m-plain {
4967
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
4968
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
4969
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
4970
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
4971
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
4972
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
4973
+ --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
4974
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
4975
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
4976
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
4977
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
4978
+ --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
4979
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
4980
+ --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
4981
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
4982
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
4983
+ }
4984
+
4985
+ .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
4986
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
4987
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
4988
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
4989
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
4990
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
4991
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
4992
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
4993
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
4994
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
4995
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
4996
+ min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
4997
+ }
4998
+
4999
+ .pf-v6-c-button.pf-m-block {
5000
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
5001
+ width: var(--pf-v6-c-button--m-block--Width);
5002
+ }
5003
+
5004
+ .pf-v6-c-button.pf-m-small {
5005
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
5006
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
5007
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
5008
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
5009
+ }
5010
+
5011
+ .pf-v6-c-button.pf-m-display-lg {
5012
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
5013
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
5014
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
5015
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
5016
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
5017
+ }
5018
+
5019
+ .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
5020
+ transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
5021
+ transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
5022
+ transition-property: color;
5023
+ }
5024
+
5025
+ .pf-v6-c-button.pf-m-favorited {
5026
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
5027
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
5028
+ }
5029
+
5030
+ .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
5031
+ animation-name: pf-v6-c-button-icon-favorited;
5032
+ animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
5033
+ animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
5034
+ }
5035
+
5036
+ .pf-v6-c-button:hover, .pf-v6-c-button:focus {
5037
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
5038
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
5039
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
5040
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
5041
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
5042
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
5043
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
5044
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
5045
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
5046
+ }
5047
+
5048
+ .pf-v6-c-button.pf-m-clicked {
5049
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
5050
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
5051
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
5052
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
5053
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
5054
+ }
5055
+
5056
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
5057
+ pointer-events: none;
5058
+ }
5059
+
5060
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5061
+ color: var(--pf-v6-c-button--disabled--Color);
5062
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
5063
+ background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
5064
+ }
5065
+
5066
+ .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
5067
+ border-color: transparent;
5068
+ }
5069
+
5070
+ .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 {
5071
+ color: var(--pf-v6-c-button--disabled__icon--Color);
5072
+ }
5073
+
5074
+ .pf-v6-c-button.pf-m-aria-disabled {
5075
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
5076
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
5077
+ cursor: default;
5078
+ }
5079
+
5080
+ .pf-v6-c-button.pf-m-progress {
5081
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
5082
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
5083
+ }
5084
+
5085
+ .pf-v6-c-button.pf-m-in-progress {
5086
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
5087
+ }
5088
+
5089
+ .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
5090
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
5091
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
5092
+ }
5093
+
5094
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
5095
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
5096
+ --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
5097
+ }
5098
+
5099
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
5100
+ opacity: 0;
5101
+ }
5102
+
5103
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
5104
+ animation-name: pf-v6-c-button-icon-notify;
5105
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
5106
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
5107
+ }
5108
+
5109
+ .pf-v6-c-button__icon {
5110
+ margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
5111
+ margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
5112
+ color: var(--pf-v6-c-button__icon--Color);
5113
+ }
5114
+
5115
+ .pf-v6-c-button__icon.pf-m-start {
5116
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
5117
+ }
5118
+
5119
+ .pf-v6-c-button__icon.pf-m-end {
5120
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
5121
+ }
5122
+
5123
+ .pf-v6-c-button__progress {
5124
+ position: absolute;
5125
+ inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
5126
+ inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
5127
+ line-height: 1;
5128
+ color: var(--pf-v6-c-button__progress--Color);
5129
+ transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
5130
+ }
5131
+
5132
+ .pf-v6-c-button__progress .pf-v6-c-spinner {
5133
+ --pf-v6-c-spinner--Color: currentcolor;
5134
+ }
5135
+
5136
+ .pf-v6-c-button__count {
5137
+ display: inline-flex;
5138
+ align-items: center;
5139
+ }
5140
+
5141
+ @keyframes pf-v6-c-button-icon-notify {
5142
+ 33% {
5143
+ transform: rotate(30deg);
5144
+ }
5145
+ 66% {
5146
+ transform: rotate(-60deg);
5147
+ }
5148
+ }
5149
+ @keyframes pf-v6-c-button-icon-favorited {
5150
+ 50% {
5151
+ transform: scale(1.5);
5152
+ }
5153
+ }
5154
+ .pf-v6-c-popover {
5155
+ --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
5156
+ --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5157
+ --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5158
+ --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
5159
+ --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
5160
+ --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5161
+ --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5162
+ --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5163
+ --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
5164
+ --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5165
+ --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5166
+ --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
5167
+ --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5168
+ --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5169
+ --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
5170
+ --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
5171
+ --pf-v6-c-popover__arrow--Width: 0.9375rem;
5172
+ --pf-v6-c-popover__arrow--Height: 0.9375rem;
5173
+ --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
5174
+ --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5175
+ --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
5176
+ --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
5177
+ --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
5178
+ --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
5179
+ --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
5180
+ --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
5181
+ --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
5182
+ --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
5183
+ --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
5184
+ --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
5185
+ --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
5186
+ --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
5187
+ --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
5188
+ --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
5189
+ --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
5190
+ --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
5191
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
5192
+ --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5193
+ --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
5194
+ --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
5195
+ --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
5196
+ --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
5197
+ --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
5198
+ --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
5199
+ --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
5200
+ --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5201
+ --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
5202
+ }
5203
+
5204
+ .pf-v6-c-popover {
5259
5205
  position: relative;
5260
- display: var(--pf-v6-c-button--Display);
5261
- gap: var(--pf-v6-c-button--Gap);
5262
- align-items: var(--pf-v6-c-button--AlignItems);
5263
- justify-content: var(--pf-v6-c-button--JustifyContent);
5264
- min-width: var(--pf-v6-c-button--MinWidth);
5265
- padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
5266
- padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
5267
- padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
5268
- padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
5269
- font-size: var(--pf-v6-c-button--FontSize, inherit);
5270
- font-weight: var(--pf-v6-c-button--FontWeight, inherit);
5271
- line-height: var(--pf-v6-c-button--LineHeight, inherit);
5272
- color: var(--pf-v6-c-button--Color);
5273
- text-align: center;
5274
- text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
5275
- text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
5276
- text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
5277
- white-space: nowrap;
5278
- cursor: pointer;
5279
- user-select: none;
5280
- background-color: var(--pf-v6-c-button--BackgroundColor);
5281
- border: 0;
5282
- border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
5283
- border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
5284
- border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
5285
- border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
5286
- transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
5287
- transition-duration: var(--pf-v6-c-button--TransitionDuration);
5288
- transition-property: var(--pf-v6-c-button--TransitionProperty);
5206
+ min-width: var(--pf-v6-c-popover--MinWidth);
5207
+ max-width: var(--pf-v6-c-popover--MaxWidth);
5208
+ font-size: var(--pf-v6-c-popover--FontSize);
5209
+ border-radius: var(--pf-v6-c-popover--BorderRadius);
5210
+ box-shadow: var(--pf-v6-c-popover--BoxShadow);
5211
+ }
5212
+
5213
+ .pf-v6-c-popover.pf-m-no-padding {
5214
+ --pf-v6-c-popover__content--PaddingBlockStart: 0px;
5215
+ --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
5216
+ --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
5217
+ --pf-v6-c-popover__content--PaddingInlineStart: 0px;
5218
+ }
5219
+
5220
+ .pf-v6-c-popover.pf-m-width-auto {
5221
+ --pf-v6-c-popover--MinWidth: auto;
5222
+ --pf-v6-c-popover--MaxWidth: none;
5223
+ }
5224
+
5225
+ .pf-v6-c-popover:is(.pf-m-top,
5226
+ .pf-m-top-left,
5227
+ .pf-m-top-right) {
5228
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
5229
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
5230
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
5231
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5232
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
5233
+ }
5234
+
5235
+ .pf-v6-c-popover:is(.pf-m-bottom,
5236
+ .pf-m-bottom-left,
5237
+ .pf-m-bottom-right) {
5238
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
5239
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
5240
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
5241
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
5242
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
5243
+ }
5244
+
5245
+ .pf-v6-c-popover:is(.pf-m-left,
5246
+ .pf-m-left-top,
5247
+ .pf-m-left-bottom) {
5248
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
5249
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
5250
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5251
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
5252
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
5253
+ }
5254
+
5255
+ .pf-v6-c-popover:is(.pf-m-right,
5256
+ .pf-m-right-top,
5257
+ .pf-m-right-bottom) {
5258
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
5259
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
5260
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
5261
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
5262
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
5263
+ }
5264
+
5265
+ .pf-v6-c-popover:is(.pf-m-left-top,
5266
+ .pf-m-right-top) {
5267
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
5268
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5269
+ }
5270
+
5271
+ .pf-v6-c-popover:is(.pf-m-left-bottom,
5272
+ .pf-m-right-bottom) {
5273
+ --pf-v6-c-popover__arrow--InsetBlockStart: auto;
5274
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
5275
+ }
5276
+
5277
+ .pf-v6-c-popover:is(.pf-m-top-left,
5278
+ .pf-m-bottom-left) {
5279
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
5280
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5281
+ }
5282
+
5283
+ .pf-v6-c-popover:is(.pf-m-top-right,
5284
+ .pf-m-bottom-right) {
5285
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
5286
+ --pf-v6-c-popover__arrow--InsetInlineStart: auto;
5287
+ }
5288
+
5289
+ .pf-v6-c-popover.pf-m-danger {
5290
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
5291
+ }
5292
+
5293
+ .pf-v6-c-popover.pf-m-warning {
5294
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
5295
+ }
5296
+
5297
+ .pf-v6-c-popover.pf-m-success {
5298
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
5299
+ }
5300
+
5301
+ .pf-v6-c-popover.pf-m-custom {
5302
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
5303
+ }
5304
+
5305
+ .pf-v6-c-popover.pf-m-info {
5306
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
5307
+ }
5308
+
5309
+ .pf-v6-c-popover__content {
5310
+ position: relative;
5311
+ padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
5312
+ padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
5313
+ padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
5314
+ padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5315
+ background-color: var(--pf-v6-c-popover__content--BackgroundColor);
5316
+ border-radius: var(--pf-v6-c-popover__content--BorderRadius);
5317
+ }
5318
+
5319
+ .pf-v6-c-popover__close {
5320
+ position: absolute;
5321
+ inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
5322
+ inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
5323
+ }
5324
+
5325
+ .pf-v6-c-popover__close + * {
5326
+ padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
5327
+ }
5328
+
5329
+ .pf-v6-c-popover__arrow {
5330
+ position: absolute;
5331
+ top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
5332
+ right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
5333
+ bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
5334
+ left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
5335
+ width: var(--pf-v6-c-popover__arrow--Width);
5336
+ height: var(--pf-v6-c-popover__arrow--Height);
5337
+ pointer-events: none;
5338
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
5339
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
5340
+ transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
5341
+ }
5342
+
5343
+ .pf-v6-c-popover__header {
5344
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
5345
+ }
5346
+
5347
+ .pf-v6-c-popover__title {
5348
+ display: flex;
5349
+ flex: 0 0 auto;
5350
+ }
5351
+
5352
+ .pf-v6-c-popover__title-icon {
5353
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
5354
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
5355
+ color: var(--pf-v6-c-popover__title-icon--Color);
5356
+ }
5357
+
5358
+ .pf-v6-c-popover__title-text {
5359
+ min-width: 0;
5360
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
5361
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
5362
+ color: var(--pf-v6-c-popover__title-text--Color);
5363
+ overflow-wrap: break-word;
5364
+ }
5365
+
5366
+ .pf-v6-c-popover__body {
5367
+ word-wrap: break-word;
5289
5368
  }
5290
5369
 
5291
- .pf-v6-c-button::after {
5292
- position: absolute;
5293
- inset: 0;
5294
- pointer-events: none;
5295
- content: "";
5296
- border: var(--pf-v6-c-button--BorderWidth) solid;
5297
- border-color: var(--pf-v6-c-button--BorderColor);
5298
- border-radius: inherit;
5299
- transition: inherit;
5370
+ .pf-v6-c-popover__footer {
5371
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
5300
5372
  }
5301
5373
 
5302
- .pf-v6-c-button.pf-m-primary {
5303
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
5304
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
5305
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
5306
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
5307
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
5308
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
5309
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
5310
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
5311
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
5374
+ .pf-v6-c-check {
5375
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5376
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5377
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5378
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5379
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5380
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5381
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5382
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5383
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5384
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5385
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5386
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5387
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5388
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5312
5389
  }
5313
5390
 
5314
- .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
5315
- --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
5391
+ .pf-v6-c-check {
5392
+ display: grid;
5393
+ grid-template-columns: auto 1fr;
5394
+ grid-gap: var(--pf-v6-c-check--GridGap);
5395
+ accent-color: var(--pf-v6-c-check--AccentColor);
5316
5396
  }
5317
5397
 
5318
- .pf-v6-c-button.pf-m-secondary {
5319
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
5320
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
5321
- --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
5322
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
5323
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
5324
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
5325
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
5326
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
5327
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
5328
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
5329
- --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
5330
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
5331
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
5332
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
5333
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
5334
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
5398
+ .pf-v6-c-check.pf-m-standalone {
5399
+ display: inline-grid;
5400
+ grid-template-columns: auto;
5401
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5335
5402
  }
5336
5403
 
5337
- .pf-v6-c-button.pf-m-secondary.pf-m-danger {
5338
- --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
5339
- --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
5340
- --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
5341
- --pf-v6-c-button--m-danger--BackgroundColor: transparent;
5342
- --pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
5343
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
5404
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5405
+ align-self: center;
5406
+ transform: none;
5344
5407
  }
5345
5408
 
5346
- .pf-v6-c-button.pf-m-tertiary {
5347
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
5348
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
5349
- --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
5350
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
5351
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
5352
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
5353
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
5354
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
5355
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
5356
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
5409
+ .pf-v6-c-check__input {
5410
+ align-self: start;
5411
+ font-size: var(--pf-v6-c-check__label--FontSize);
5412
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5413
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5357
5414
  }
5358
5415
 
5359
- .pf-v6-c-button.pf-m-link {
5360
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
5361
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
5362
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
5363
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
5364
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
5365
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
5366
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
5367
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
5368
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
5369
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
5370
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
5371
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
5372
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
5373
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
5416
+ .pf-v6-c-check__label {
5417
+ font-size: var(--pf-v6-c-check__label--FontSize);
5418
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
5419
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5420
+ color: var(--pf-v6-c-check__label--Color);
5374
5421
  }
5375
5422
 
5376
- .pf-v6-c-button.pf-m-link.pf-m-inline {
5377
- --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
5378
- --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
5379
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
5380
- --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
5381
- --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
5382
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
5383
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
5384
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
5385
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
5386
- --pf-v6-c-button--BackgroundColor: transparent;
5387
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
5388
- --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
5389
- --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
5390
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
5391
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
5392
- --pf-v6-c-button--hover--BackgroundColor: transparent;
5393
- --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
5394
- --pf-v6-c-button--disabled--BackgroundColor: transparent;
5395
- --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
5396
- --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
5397
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
5398
- --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
5399
- --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
5400
- --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
5401
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
5402
- --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
5403
- text-align: start;
5404
- white-space: normal;
5405
- outline-offset: 0.125rem;
5423
+ .pf-v6-c-check__description {
5424
+ grid-column: 2;
5425
+ font-size: var(--pf-v6-c-check__description--FontSize);
5426
+ color: var(--pf-v6-c-check__description--Color);
5406
5427
  }
5407
5428
 
5408
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
5409
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
5410
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
5411
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
5429
+ .pf-v6-c-check__body {
5430
+ grid-column: 2;
5412
5431
  }
5413
5432
 
5414
- .pf-v6-c-button.pf-m-link.pf-m-danger {
5415
- --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
5416
- --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
5417
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
5418
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
5419
- --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
5420
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
5421
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
5422
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
5423
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
5433
+ .pf-v6-c-check__label,
5434
+ .pf-v6-c-check__input {
5435
+ justify-self: start;
5424
5436
  }
5425
5437
 
5426
- .pf-v6-c-button.pf-m-link.pf-m-display-lg {
5427
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
5438
+ label.pf-v6-c-check, .pf-v6-c-check__label,
5439
+ .pf-v6-c-check__input {
5440
+ cursor: pointer;
5428
5441
  }
5429
5442
 
5430
- .pf-v6-c-button.pf-m-warning {
5431
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
5432
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
5433
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
5434
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
5435
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
5436
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
5437
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
5438
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
5439
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
5443
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5444
+ .pf-v6-c-check__input:disabled,
5445
+ .pf-v6-c-check__input.pf-m-disabled {
5446
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5447
+ cursor: not-allowed;
5440
5448
  }
5441
5449
 
5442
- .pf-v6-c-button.pf-m-danger {
5443
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
5444
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
5445
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
5446
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
5447
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
5448
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
5449
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
5450
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
5451
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
5450
+ .pf-v6-c-check__label-required {
5451
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5452
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
5453
+ color: var(--pf-v6-c-check__label-required--Color);
5452
5454
  }
5453
5455
 
5454
- .pf-v6-c-button.pf-m-control {
5455
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
5456
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
5457
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
5458
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
5459
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
5460
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
5461
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
5462
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
5463
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
5464
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
5465
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
5466
- --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
5467
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
5468
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
5469
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
5470
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
5471
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
5472
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
5473
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
5474
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
5456
+ .pf-v6-c-menu-toggle {
5457
+ --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5458
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
5459
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5460
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
5461
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5462
+ --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));
5463
+ --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
5464
+ --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
5465
+ --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
5466
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
5467
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
5468
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
5469
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
5470
+ --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
5471
+ --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
5472
+ --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
5473
+ --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
5474
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
5475
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
5476
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
5477
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
5478
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5479
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
5480
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
5481
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5482
+ --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
5483
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5484
+ --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
5485
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
5486
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
5487
+ --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
5488
+ --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5489
+ --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
5490
+ --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
5491
+ --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
5492
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5493
+ --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5494
+ --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5495
+ --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
5496
+ --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
5497
+ --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
5498
+ --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
5499
+ --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
5500
+ --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
5501
+ --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
5502
+ --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
5503
+ --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
5504
+ --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
5505
+ --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
5506
+ --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
5507
+ --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
5508
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
5509
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
5510
+ --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5511
+ --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5512
+ --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
5513
+ --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
5514
+ --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
5515
+ --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
5516
+ --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5517
+ --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
5518
+ --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
5519
+ --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
5520
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
5521
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5522
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
5523
+ --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
5524
+ --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
5525
+ --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5526
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
5527
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
5528
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
5529
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
5530
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
5531
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5532
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
5533
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
5534
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
5535
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
5536
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
5537
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
5538
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
5539
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
5540
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
5541
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
5542
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
5543
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
5544
+ --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
5545
+ --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
5546
+ --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5547
+ --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
5548
+ --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
5549
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
5550
+ --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));
5551
+ --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
5552
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5553
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5554
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5555
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5556
+ --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
5557
+ --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
5558
+ --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
5559
+ --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5560
+ --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
5561
+ --pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
5562
+ --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5563
+ --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5564
+ --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
5565
+ --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
5566
+ --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
5567
+ --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
5568
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5569
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5570
+ --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
5571
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
5572
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
5573
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5574
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5575
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
5576
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
5577
+ --pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
5578
+ --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
5579
+ --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5580
+ --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
5581
+ --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5582
+ --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5583
+ --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5584
+ --pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
5585
+ --pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
5586
+ --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
5587
+ --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
5475
5588
  }
5476
5589
 
5477
- .pf-v6-c-button.pf-m-stateful {
5478
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
5479
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
5480
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
5481
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
5482
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
5590
+ .pf-v6-c-menu-toggle {
5591
+ position: relative;
5592
+ display: inline-flex;
5593
+ gap: var(--pf-v6-c-menu-toggle--Gap);
5594
+ align-items: center;
5595
+ justify-content: center;
5596
+ min-width: var(--pf-v6-c-menu-toggle--MinWidth);
5597
+ max-width: 100%;
5598
+ padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
5599
+ padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
5600
+ padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
5601
+ padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
5602
+ font-size: var(--pf-v6-c-menu-toggle--FontSize);
5603
+ line-height: var(--pf-v6-c-menu-toggle--LineHeight);
5604
+ color: var(--pf-v6-c-menu-toggle--Color);
5605
+ cursor: pointer;
5606
+ background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
5607
+ border: 0;
5608
+ transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
5609
+ transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
5610
+ transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
5483
5611
  }
5484
5612
 
5485
- .pf-v6-c-button.pf-m-read {
5486
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
5487
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
5488
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
5489
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
5490
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
5491
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
5613
+ .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
5614
+ border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5492
5615
  }
5493
5616
 
5494
- .pf-v6-c-button.pf-m-unread {
5495
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
5496
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
5497
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
5498
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
5499
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
5500
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
5501
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
5502
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
5503
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
5617
+ .pf-v6-c-menu-toggle::before {
5618
+ position: absolute;
5619
+ inset-block-start: 0;
5620
+ inset-block-end: 0;
5621
+ inset-inline-start: 0;
5622
+ inset-inline-end: 0;
5623
+ z-index: var(--pf-v6-c-menu-toggle--border--ZIndex);
5624
+ pointer-events: none;
5625
+ content: "";
5626
+ border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
5627
+ transition: inherit;
5504
5628
  }
5505
5629
 
5506
- .pf-v6-c-button.pf-m-attention {
5507
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
5508
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
5509
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
5510
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
5511
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
5512
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
5513
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
5514
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
5515
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
5630
+ .pf-v6-c-menu-toggle.pf-m-primary {
5631
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
5632
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd);
5633
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-primary--Color);
5634
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--BackgroundColor);
5635
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-primary--BorderRadius);
5636
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--BorderColor);
5637
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
5638
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
5639
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
5640
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
5641
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
5642
+ --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
5643
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
5644
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
5645
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
5646
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
5647
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
5516
5648
  }
5517
5649
 
5518
- .pf-v6-c-button.pf-m-plain {
5519
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
5520
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
5521
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
5522
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
5523
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
5524
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
5525
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
5526
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
5527
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
5528
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
5529
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
5530
- --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
5531
- --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
5532
- --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
5533
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
5534
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
5650
+ .pf-v6-c-menu-toggle.pf-m-secondary {
5651
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
5652
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
5653
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
5654
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
5655
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
5656
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
5657
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
5658
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
5659
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
5660
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
5661
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
5662
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
5663
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
5664
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
5665
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
5666
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
5667
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
5535
5668
  }
5536
5669
 
5537
- .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
5538
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
5539
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
5540
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
5541
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
5542
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
5543
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
5544
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
5545
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
5546
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
5547
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
5548
- min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
5670
+ .pf-v6-c-menu-toggle.pf-m-full-height {
5671
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
5672
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart);
5673
+ --pf-v6-c-menu-toggle--BorderBlockStartWidth: var(--pf-v6-c-menu-toggle--m-full-height__toggle--BorderBlockStartWidth);
5674
+ align-items: center;
5675
+ height: 100%;
5549
5676
  }
5550
5677
 
5551
- .pf-v6-c-button.pf-m-block {
5552
- --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
5553
- width: var(--pf-v6-c-button--m-block--Width);
5678
+ .pf-v6-c-menu-toggle.pf-m-full-width {
5679
+ width: 100%;
5554
5680
  }
5555
5681
 
5556
- .pf-v6-c-button.pf-m-small {
5557
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
5558
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
5559
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
5560
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
5682
+ .pf-v6-c-menu-toggle.pf-m-plain {
5683
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
5684
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
5685
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
5686
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5687
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
5688
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
5689
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5690
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
5691
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
5692
+ --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
5693
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
5694
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
5695
+ --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
5696
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
5697
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
5561
5698
  }
5562
5699
 
5563
- .pf-v6-c-button.pf-m-display-lg {
5564
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
5565
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
5566
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
5567
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
5568
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
5700
+ .pf-v6-c-menu-toggle.pf-m-plain::before {
5701
+ border: none;
5569
5702
  }
5570
5703
 
5571
- .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
5572
- transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
5573
- transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
5574
- transition-property: color;
5704
+ .pf-v6-c-menu-toggle:is(:hover, :focus) {
5705
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
5706
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
5707
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
5708
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
5709
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
5575
5710
  }
5576
5711
 
5577
- .pf-v6-c-button.pf-m-favorited {
5578
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
5579
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
5712
+ .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
5713
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
5714
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
5715
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
5716
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
5717
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
5580
5718
  }
5581
5719
 
5582
- .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
5583
- animation-name: pf-v6-c-button-icon-favorited;
5584
- animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
5585
- animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
5720
+ .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
5721
+ border: 0;
5586
5722
  }
5587
5723
 
5588
- .pf-v6-c-button:hover, .pf-v6-c-button:focus {
5589
- --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
5590
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
5591
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
5592
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
5593
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
5594
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
5595
- text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
5596
- text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
5597
- text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
5724
+ .pf-v6-c-menu-toggle.pf-m-small {
5725
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
5726
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
5727
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
5728
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
5729
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
5730
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
5731
+ --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);
5732
+ --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);
5598
5733
  }
5599
5734
 
5600
- .pf-v6-c-button.pf-m-clicked {
5601
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
5602
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
5603
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
5604
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
5605
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
5735
+ .pf-v6-c-menu-toggle.pf-m-success {
5736
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
5737
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
5606
5738
  }
5607
5739
 
5608
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
5609
- pointer-events: none;
5740
+ .pf-v6-c-menu-toggle.pf-m-warning {
5741
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
5742
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
5610
5743
  }
5611
5744
 
5612
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5613
- color: var(--pf-v6-c-button--disabled--Color);
5614
- text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
5615
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
5745
+ .pf-v6-c-menu-toggle.pf-m-danger {
5746
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
5747
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
5616
5748
  }
5617
5749
 
5618
- .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
5619
- border-color: transparent;
5750
+ @media screen and (prefers-reduced-motion: no-preference) {
5751
+ .pf-v6-c-menu-toggle.pf-m-danger {
5752
+ transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
5753
+ animation-name: pf-v6-c-menu-toggle-m-danger-motion;
5754
+ animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
5755
+ animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
5756
+ animation-fill-mode: both;
5757
+ }
5758
+ }
5759
+ .pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
5760
+ animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
5761
+ animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
5762
+ animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
5620
5763
  }
5621
5764
 
5622
- .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 {
5623
- color: var(--pf-v6-c-button--disabled__icon--Color);
5765
+ @keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
5766
+ from {
5767
+ opacity: 0;
5768
+ }
5769
+ to {
5770
+ opacity: 1;
5771
+ }
5772
+ }
5773
+ .pf-v6-c-menu-toggle.pf-m-placeholder {
5774
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
5624
5775
  }
5625
5776
 
5626
- .pf-v6-c-button.pf-m-aria-disabled {
5627
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
5628
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
5629
- cursor: default;
5777
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
5778
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
5779
+ --pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
5780
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
5781
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
5782
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
5630
5783
  }
5631
5784
 
5632
- .pf-v6-c-button.pf-m-progress {
5633
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
5634
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
5785
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
5786
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
5787
+ pointer-events: none;
5635
5788
  }
5636
5789
 
5637
- .pf-v6-c-button.pf-m-in-progress {
5638
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
5790
+ @property --pf-v6-c-menu-toggle--m-danger--TranslateX {
5791
+ syntax: "<length>";
5792
+ inherits: false;
5793
+ initial-value: 0;
5794
+ }
5795
+ @media (prefers-reduced-motion: no-preference) {
5796
+ @keyframes pf-v6-c-menu-toggle-m-danger-motion {
5797
+ 33% {
5798
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
5799
+ }
5800
+ 66% {
5801
+ --pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
5802
+ }
5803
+ }
5804
+ }
5805
+ .pf-v6-c-menu-toggle.pf-m-split-button {
5806
+ --pf-v6-c-menu-toggle--Gap: 0;
5807
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
5808
+ padding: 0;
5639
5809
  }
5640
5810
 
5641
- .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
5642
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
5643
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
5811
+ .pf-v6-c-menu-toggle.pf-m-split-button > * {
5812
+ position: relative;
5813
+ padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
5814
+ padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
5815
+ padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
5816
+ padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
5644
5817
  }
5645
5818
 
5646
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
5647
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
5648
- --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
5819
+ .pf-v6-c-menu-toggle.pf-m-split-button > :first-child {
5820
+ border-start-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5821
+ border-end-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5649
5822
  }
5650
5823
 
5651
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
5652
- opacity: 0;
5824
+ .pf-v6-c-menu-toggle.pf-m-split-button > :last-child {
5825
+ border-start-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5826
+ border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5653
5827
  }
5654
5828
 
5655
- .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
5656
- animation-name: pf-v6-c-button-icon-notify;
5657
- animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
5658
- animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
5829
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
5830
+ --pf-v6-c-check__label--Color: currentcolor;
5831
+ --pf-v6-c-check__label--disabled--Color: currentcolor;
5832
+ align-items: center;
5833
+ align-self: stretch;
5659
5834
  }
5660
5835
 
5661
- .pf-v6-c-button__icon {
5662
- margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
5663
- margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
5664
- color: var(--pf-v6-c-button__icon--Color);
5836
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
5837
+ --pf-v6-c-check__input--TranslateY: 0;
5838
+ align-self: center;
5665
5839
  }
5666
5840
 
5667
- .pf-v6-c-button__icon.pf-m-start {
5668
- --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
5841
+ .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
5842
+ 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);
5669
5843
  }
5670
5844
 
5671
- .pf-v6-c-button__icon.pf-m-end {
5672
- --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
5845
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
5846
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
5673
5847
  }
5674
5848
 
5675
- .pf-v6-c-button__progress {
5676
- position: absolute;
5677
- inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
5678
- inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
5679
- line-height: 1;
5680
- color: var(--pf-v6-c-button__progress--Color);
5681
- transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
5849
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
5850
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
5851
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
5682
5852
  }
5683
5853
 
5684
- .pf-v6-c-button__progress .pf-v6-c-spinner {
5685
- --pf-v6-c-spinner--Color: currentcolor;
5854
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
5855
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
5856
+ --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);
5686
5857
  }
5687
5858
 
5688
- .pf-v6-c-button__count {
5689
- display: inline-flex;
5690
- align-items: center;
5859
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
5860
+ --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);
5691
5861
  }
5692
5862
 
5693
- @keyframes pf-v6-c-button-icon-notify {
5694
- 33% {
5695
- transform: rotate(30deg);
5696
- }
5697
- 66% {
5698
- transform: rotate(-60deg);
5699
- }
5863
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
5864
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
5700
5865
  }
5701
- @keyframes pf-v6-c-button-icon-favorited {
5702
- 50% {
5703
- transform: scale(1.5);
5704
- }
5866
+
5867
+ .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,
5868
+ .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,
5869
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
5870
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
5705
5871
  }
5706
- .pf-v6-c-check {
5707
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5708
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5709
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5710
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5711
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5712
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5713
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5714
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5715
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5716
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5717
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5718
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5719
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5720
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5872
+
5873
+ .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,
5874
+ .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,
5875
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
5876
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
5721
5877
  }
5722
5878
 
5723
- .pf-v6-c-check {
5724
- display: grid;
5725
- grid-template-columns: auto 1fr;
5726
- grid-gap: var(--pf-v6-c-check--GridGap);
5727
- accent-color: var(--pf-v6-c-check--AccentColor);
5879
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
5880
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
5728
5881
  }
5729
5882
 
5730
- .pf-v6-c-check.pf-m-standalone {
5731
- display: inline-grid;
5732
- grid-template-columns: auto;
5733
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5883
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
5884
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
5885
+ color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
5886
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
5734
5887
  }
5735
5888
 
5736
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5737
- align-self: center;
5738
- transform: none;
5889
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
5890
+ content: none;
5739
5891
  }
5740
5892
 
5741
- .pf-v6-c-check__input {
5742
- align-self: start;
5743
- font-size: var(--pf-v6-c-check__label--FontSize);
5744
- line-height: var(--pf-v6-c-check__label--LineHeight);
5745
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5893
+ .pf-v6-c-menu-toggle.pf-m-typeahead {
5894
+ --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
5895
+ --pf-v6-c-menu-toggle--Gap: 0;
5896
+ align-items: stretch;
5897
+ padding: 0;
5746
5898
  }
5747
5899
 
5748
- .pf-v6-c-check__label {
5749
- font-size: var(--pf-v6-c-check__label--FontSize);
5750
- font-weight: var(--pf-v6-c-check__label--FontWeight);
5751
- line-height: var(--pf-v6-c-check__label--LineHeight);
5752
- color: var(--pf-v6-c-check__label--Color);
5900
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
5901
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5753
5902
  }
5754
5903
 
5755
- .pf-v6-c-check__description {
5756
- grid-column: 2;
5757
- font-size: var(--pf-v6-c-check__description--FontSize);
5758
- color: var(--pf-v6-c-check__description--Color);
5904
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
5905
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5906
+ display: flex;
5907
+ align-items: stretch;
5759
5908
  }
5760
5909
 
5761
- .pf-v6-c-check__body {
5762
- grid-column: 2;
5910
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
5911
+ --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
5912
+ flex: 1;
5763
5913
  }
5764
5914
 
5765
- .pf-v6-c-check__label,
5766
- .pf-v6-c-check__input {
5767
- justify-self: start;
5915
+ .pf-v6-c-menu-toggle__button {
5916
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
5917
+ align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
5918
+ min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
5919
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
5920
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
5921
+ color: inherit;
5922
+ background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
5923
+ border: 0;
5768
5924
  }
5769
5925
 
5770
- label.pf-v6-c-check, .pf-v6-c-check__label,
5771
- .pf-v6-c-check__input {
5772
- cursor: pointer;
5926
+ .pf-v6-c-menu-toggle__button.pf-m-text {
5927
+ display: inline-flex;
5928
+ align-items: baseline;
5773
5929
  }
5774
5930
 
5775
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5776
- .pf-v6-c-check__input:disabled,
5777
- .pf-v6-c-check__input.pf-m-disabled {
5778
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5779
- cursor: not-allowed;
5931
+ .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) {
5932
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
5933
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
5780
5934
  }
5781
5935
 
5782
- .pf-v6-c-check__label-required {
5783
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5784
- font-size: var(--pf-v6-c-check__label-required--FontSize);
5785
- color: var(--pf-v6-c-check__label-required--Color);
5936
+ .pf-v6-c-menu-toggle__text {
5937
+ overflow: hidden;
5938
+ text-overflow: ellipsis;
5939
+ white-space: nowrap;
5940
+ min-width: 0;
5786
5941
  }
5787
5942
 
5788
- .pf-v6-c-popover {
5789
- --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
5790
- --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5791
- --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5792
- --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
5793
- --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
5794
- --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5795
- --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5796
- --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5797
- --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
5798
- --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5799
- --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5800
- --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
5801
- --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5802
- --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5803
- --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
5804
- --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
5805
- --pf-v6-c-popover__arrow--Width: 0.9375rem;
5806
- --pf-v6-c-popover__arrow--Height: 0.9375rem;
5807
- --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
5808
- --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5809
- --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
5810
- --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
5811
- --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
5812
- --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
5813
- --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
5814
- --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
5815
- --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
5816
- --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
5817
- --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
5818
- --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
5819
- --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
5820
- --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
5821
- --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
5822
- --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
5823
- --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
5824
- --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
5825
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
5826
- --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5827
- --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
5828
- --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
5829
- --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
5830
- --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
5831
- --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
5832
- --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
5833
- --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
5834
- --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5835
- --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
5943
+ .pf-v6-c-menu-toggle__count {
5944
+ display: flex;
5945
+ flex-wrap: nowrap;
5836
5946
  }
5837
5947
 
5838
- .pf-v6-c-popover {
5839
- position: relative;
5840
- min-width: var(--pf-v6-c-popover--MinWidth);
5841
- max-width: var(--pf-v6-c-popover--MaxWidth);
5842
- font-size: var(--pf-v6-c-popover--FontSize);
5843
- border-radius: var(--pf-v6-c-popover--BorderRadius);
5844
- box-shadow: var(--pf-v6-c-popover--BoxShadow);
5948
+ .pf-v6-c-menu-toggle__icon {
5949
+ flex-shrink: 0;
5845
5950
  }
5846
5951
 
5847
- .pf-v6-c-popover.pf-m-no-padding {
5848
- --pf-v6-c-popover__content--PaddingBlockStart: 0px;
5849
- --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
5850
- --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
5851
- --pf-v6-c-popover__content--PaddingInlineStart: 0px;
5952
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
5953
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
5954
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
5955
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
5956
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
5852
5957
  }
5853
5958
 
5854
- .pf-v6-c-popover.pf-m-width-auto {
5855
- --pf-v6-c-popover--MinWidth: auto;
5856
- --pf-v6-c-popover--MaxWidth: none;
5959
+ .pf-v6-c-menu-toggle__controls {
5960
+ display: flex;
5961
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
5962
+ align-items: center;
5963
+ justify-content: center;
5964
+ margin-inline-start: auto;
5857
5965
  }
5858
5966
 
5859
- .pf-v6-c-popover:is(.pf-m-top,
5860
- .pf-m-top-left,
5861
- .pf-m-top-right) {
5862
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
5863
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
5864
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
5865
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5866
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
5967
+ .pf-v6-c-menu-toggle__toggle-icon {
5968
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5969
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5867
5970
  }
5868
5971
 
5869
- .pf-v6-c-popover:is(.pf-m-bottom,
5870
- .pf-m-bottom-left,
5871
- .pf-m-bottom-right) {
5872
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
5873
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
5874
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
5875
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
5876
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
5972
+ .pf-v6-c-menu-toggle__status-icon {
5973
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5877
5974
  }
5878
5975
 
5879
- .pf-v6-c-popover:is(.pf-m-left,
5880
- .pf-m-left-top,
5881
- .pf-m-left-bottom) {
5882
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
5883
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
5884
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5885
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
5886
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
5976
+ .pf-v6-c-divider {
5977
+ --pf-v6-c-divider--Display: flex;
5978
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
5979
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
5980
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5887
5981
  }
5888
5982
 
5889
- .pf-v6-c-popover:is(.pf-m-right,
5890
- .pf-m-right-top,
5891
- .pf-m-right-bottom) {
5892
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
5893
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
5894
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
5895
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
5896
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
5983
+ .pf-v6-c-divider {
5984
+ flex-direction: row;
5985
+ width: 100%;
5986
+ height: var(--pf-v6-c-divider--Size);
5987
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
5988
+ --pf-v6-hidden-visible--hidden--Display: none;
5989
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5990
+ display: var(--pf-v6-hidden-visible--Display);
5991
+ flex-shrink: 0;
5992
+ align-items: stretch;
5993
+ align-self: stretch;
5994
+ justify-content: center;
5995
+ border: 0;
5897
5996
  }
5898
5997
 
5899
- .pf-v6-c-popover:is(.pf-m-left-top,
5900
- .pf-m-right-top) {
5901
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
5902
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5998
+ .pf-v6-c-divider.pf-m-hidden {
5999
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5903
6000
  }
5904
6001
 
5905
- .pf-v6-c-popover:is(.pf-m-left-bottom,
5906
- .pf-m-right-bottom) {
5907
- --pf-v6-c-popover__arrow--InsetBlockStart: auto;
5908
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
6002
+ @media screen and (min-width: 36rem) {
6003
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
6004
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6005
+ }
6006
+ .pf-v6-c-divider.pf-m-visible-on-sm {
6007
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6008
+ }
6009
+ }
6010
+ @media screen and (min-width: 48rem) {
6011
+ .pf-v6-c-divider.pf-m-hidden-on-md {
6012
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6013
+ }
6014
+ .pf-v6-c-divider.pf-m-visible-on-md {
6015
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6016
+ }
6017
+ }
6018
+ @media screen and (min-width: 62rem) {
6019
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
6020
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6021
+ }
6022
+ .pf-v6-c-divider.pf-m-visible-on-lg {
6023
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6024
+ }
6025
+ }
6026
+ @media screen and (min-width: 75rem) {
6027
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
6028
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6029
+ }
6030
+ .pf-v6-c-divider.pf-m-visible-on-xl {
6031
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6032
+ }
6033
+ }
6034
+ @media screen and (min-width: 90.625rem) {
6035
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
6036
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6037
+ }
6038
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
6039
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6040
+ }
6041
+ }
6042
+ .pf-v6-c-divider::before {
6043
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6044
+ content: "";
6045
+ background-color: var(--pf-v6-c-divider--Color);
5909
6046
  }
5910
6047
 
5911
- .pf-v6-c-popover:is(.pf-m-top-left,
5912
- .pf-m-bottom-left) {
5913
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
5914
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6048
+ .pf-v6-c-divider.pf-m-horizontal {
6049
+ flex-direction: row;
6050
+ width: 100%;
6051
+ height: var(--pf-v6-c-divider--Size);
5915
6052
  }
5916
6053
 
5917
- .pf-v6-c-popover:is(.pf-m-top-right,
5918
- .pf-m-bottom-right) {
5919
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
5920
- --pf-v6-c-popover__arrow--InsetInlineStart: auto;
6054
+ .pf-v6-c-divider.pf-m-vertical {
6055
+ flex-direction: column;
6056
+ width: var(--pf-v6-c-divider--Size);
6057
+ height: inherit;
5921
6058
  }
5922
6059
 
5923
- .pf-v6-c-popover.pf-m-danger {
5924
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
6060
+ .pf-v6-c-divider.pf-m-inset-none {
6061
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
5925
6062
  }
5926
6063
 
5927
- .pf-v6-c-popover.pf-m-warning {
5928
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
6064
+ .pf-v6-c-divider.pf-m-inset-xs {
6065
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5929
6066
  }
5930
6067
 
5931
- .pf-v6-c-popover.pf-m-success {
5932
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
6068
+ .pf-v6-c-divider.pf-m-inset-sm {
6069
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5933
6070
  }
5934
6071
 
5935
- .pf-v6-c-popover.pf-m-custom {
5936
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
6072
+ .pf-v6-c-divider.pf-m-inset-md {
6073
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5937
6074
  }
5938
6075
 
5939
- .pf-v6-c-popover.pf-m-info {
5940
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
6076
+ .pf-v6-c-divider.pf-m-inset-lg {
6077
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5941
6078
  }
5942
6079
 
5943
- .pf-v6-c-popover__content {
5944
- position: relative;
5945
- padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
5946
- padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
5947
- padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
5948
- padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5949
- background-color: var(--pf-v6-c-popover__content--BackgroundColor);
5950
- border-radius: var(--pf-v6-c-popover__content--BorderRadius);
6080
+ .pf-v6-c-divider.pf-m-inset-xl {
6081
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5951
6082
  }
5952
6083
 
5953
- .pf-v6-c-popover__close {
5954
- position: absolute;
5955
- inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
5956
- inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
6084
+ .pf-v6-c-divider.pf-m-inset-2xl {
6085
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5957
6086
  }
5958
6087
 
5959
- .pf-v6-c-popover__close + * {
5960
- padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
6088
+ .pf-v6-c-divider.pf-m-inset-3xl {
6089
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5961
6090
  }
5962
6091
 
5963
- .pf-v6-c-popover__arrow {
5964
- position: absolute;
5965
- top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
5966
- right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
5967
- bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
5968
- left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
5969
- width: var(--pf-v6-c-popover__arrow--Width);
5970
- height: var(--pf-v6-c-popover__arrow--Height);
5971
- pointer-events: none;
5972
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
5973
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
5974
- transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
6092
+ @media (min-width: 36rem) {
6093
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
6094
+ flex-direction: row;
6095
+ width: 100%;
6096
+ height: var(--pf-v6-c-divider--Size);
6097
+ }
6098
+ }
6099
+ @media (min-width: 36rem) {
6100
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
6101
+ flex-direction: column;
6102
+ width: var(--pf-v6-c-divider--Size);
6103
+ height: inherit;
6104
+ }
6105
+ }
6106
+ @media (min-width: 36rem) {
6107
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
6108
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6109
+ }
6110
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6111
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6112
+ }
6113
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6114
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6115
+ }
6116
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
6117
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6118
+ }
6119
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6120
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6121
+ }
6122
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6123
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6124
+ }
6125
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6126
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6127
+ }
6128
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6129
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6130
+ }
6131
+ }
6132
+ @media (min-width: 48rem) {
6133
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
6134
+ flex-direction: row;
6135
+ width: 100%;
6136
+ height: var(--pf-v6-c-divider--Size);
6137
+ }
6138
+ }
6139
+ @media (min-width: 48rem) {
6140
+ .pf-v6-c-divider.pf-m-vertical-on-md {
6141
+ flex-direction: column;
6142
+ width: var(--pf-v6-c-divider--Size);
6143
+ height: inherit;
6144
+ }
6145
+ }
6146
+ @media (min-width: 48rem) {
6147
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
6148
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6149
+ }
6150
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
6151
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6152
+ }
6153
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
6154
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6155
+ }
6156
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
6157
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6158
+ }
6159
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
6160
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6161
+ }
6162
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
6163
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6164
+ }
6165
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6166
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6167
+ }
6168
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6169
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6170
+ }
6171
+ }
6172
+ @media (min-width: 62rem) {
6173
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
6174
+ flex-direction: row;
6175
+ width: 100%;
6176
+ height: var(--pf-v6-c-divider--Size);
6177
+ }
6178
+ }
6179
+ @media (min-width: 62rem) {
6180
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
6181
+ flex-direction: column;
6182
+ width: var(--pf-v6-c-divider--Size);
6183
+ height: inherit;
6184
+ }
6185
+ }
6186
+ @media (min-width: 62rem) {
6187
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
6188
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6189
+ }
6190
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6191
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6192
+ }
6193
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6194
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6195
+ }
6196
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
6197
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6198
+ }
6199
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6200
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6201
+ }
6202
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6203
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6204
+ }
6205
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6206
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6207
+ }
6208
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6209
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6210
+ }
6211
+ }
6212
+ @media (min-width: 75rem) {
6213
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
6214
+ flex-direction: row;
6215
+ width: 100%;
6216
+ height: var(--pf-v6-c-divider--Size);
6217
+ }
6218
+ }
6219
+ @media (min-width: 75rem) {
6220
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
6221
+ flex-direction: column;
6222
+ width: var(--pf-v6-c-divider--Size);
6223
+ height: inherit;
6224
+ }
6225
+ }
6226
+ @media (min-width: 75rem) {
6227
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
6228
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6229
+ }
6230
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6231
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6232
+ }
6233
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6234
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6235
+ }
6236
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
6237
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6238
+ }
6239
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6240
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6241
+ }
6242
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6243
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6244
+ }
6245
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6246
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6247
+ }
6248
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6249
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6250
+ }
6251
+ }
6252
+ @media (min-width: 90.625rem) {
6253
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6254
+ flex-direction: row;
6255
+ width: 100%;
6256
+ height: var(--pf-v6-c-divider--Size);
6257
+ }
6258
+ }
6259
+ @media (min-width: 90.625rem) {
6260
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
6261
+ flex-direction: column;
6262
+ width: var(--pf-v6-c-divider--Size);
6263
+ height: inherit;
6264
+ }
6265
+ }
6266
+ @media (min-width: 90.625rem) {
6267
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6268
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6269
+ }
6270
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6271
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6272
+ }
6273
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6274
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6275
+ }
6276
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6277
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6278
+ }
6279
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6280
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6281
+ }
6282
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6283
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6284
+ }
6285
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6286
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6287
+ }
6288
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6289
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6290
+ }
5975
6291
  }
5976
-
5977
- .pf-v6-c-popover__header {
5978
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
6292
+ .pf-v6-c-action-list {
6293
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6294
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6295
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6296
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
5979
6297
  }
5980
6298
 
5981
- .pf-v6-c-popover__title {
6299
+ .pf-v6-c-action-list,
6300
+ .pf-v6-c-action-list__group {
5982
6301
  display: flex;
5983
- flex: 0 0 auto;
6302
+ align-items: start;
5984
6303
  }
5985
6304
 
5986
- .pf-v6-c-popover__title-icon {
5987
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
5988
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
5989
- color: var(--pf-v6-c-popover__title-icon--Color);
6305
+ .pf-v6-c-action-list {
6306
+ row-gap: var(--pf-v6-c-action-list--RowGap);
6307
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
5990
6308
  }
5991
6309
 
5992
- .pf-v6-c-popover__title-text {
5993
- min-width: 0;
5994
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
5995
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
5996
- color: var(--pf-v6-c-popover__title-text--Color);
5997
- overflow-wrap: break-word;
6310
+ .pf-v6-c-action-list.pf-m-icons {
6311
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6312
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5998
6313
  }
5999
6314
 
6000
- .pf-v6-c-popover__body {
6001
- word-wrap: break-word;
6315
+ .pf-v6-c-action-list__group {
6316
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6317
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6002
6318
  }
6003
6319
 
6004
- .pf-v6-c-popover__footer {
6005
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
6320
+ .pf-v6-c-action-list__group.pf-m-icons {
6321
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6006
6322
  }
6007
6323
 
6008
6324
  .pf-v6-c-form-control {
@@ -6298,430 +6614,114 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6298
6614
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
6299
6615
  }
6300
6616
 
6301
- .pf-v6-c-form-control.pf-m-warning > textarea {
6302
- padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
6303
- }
6304
-
6305
- .pf-v6-c-form-control.pf-m-warning > input {
6306
- padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
6307
- }
6308
-
6309
- .pf-v6-c-form-control.pf-m-warning > select {
6310
- 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));
6311
- }
6312
-
6313
- .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
6314
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6315
- }
6316
-
6317
- .pf-v6-c-form-control:hover {
6318
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6319
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6320
- }
6321
-
6322
- .pf-v6-c-form-control.pf-m-icon {
6323
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6324
- }
6325
-
6326
- .pf-v6-c-form-control:has(select) {
6327
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
6328
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
6329
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
6330
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
6331
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6332
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
6333
- }
6334
-
6335
- .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
6336
- padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6337
- }
6338
-
6339
- @-moz-document url-prefix() {
6340
- .pf-v6-c-form-control:has(select) {
6341
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
6342
- --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
6343
- }
6344
- }
6345
- .pf-v6-c-form-control.pf-m-placeholder > select {
6346
- --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6347
- }
6348
-
6349
- .pf-v6-c-form-control.pf-m-placeholder > select * {
6350
- color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6351
- }
6352
-
6353
- .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
6354
- color: revert;
6355
- }
6356
-
6357
- .pf-v6-c-form-control > textarea {
6358
- width: 100%;
6359
- height: 100%;
6360
- vertical-align: bottom;
6361
- resize: none;
6362
- }
6363
-
6364
- .pf-v6-c-form-control.pf-m-resize-vertical {
6365
- --pf-v6-c-form-control--Resize: vertical;
6366
- overflow: auto;
6367
- }
6368
-
6369
- .pf-v6-c-form-control.pf-m-resize-horizontal {
6370
- --pf-v6-c-form-control--Resize: horizontal;
6371
- overflow: auto;
6372
- }
6373
-
6374
- .pf-v6-c-form-control.pf-m-resize-both {
6375
- --pf-v6-c-form-control--Resize: both;
6376
- overflow: auto;
6377
- }
6378
-
6379
- .pf-v6-c-form-control__icon {
6380
- font-size: var(--pf-v6-c-form-control__icon--FontSize);
6381
- color: var(--pf-v6-c-form-control__icon--Color);
6382
- }
6383
-
6384
- .pf-v6-c-form-control__icon.pf-m-status {
6385
- --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6386
- }
6387
-
6388
- .pf-v6-c-form-control__toggle-icon {
6389
- grid-row: 1/2;
6390
- grid-column: 3;
6391
- padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6392
- padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6393
- font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6394
- color: var(--pf-v6-c-form-control__toggle-icon--Color);
6395
- pointer-events: none;
6396
- }
6397
-
6398
- .pf-v6-c-form-control__utilities {
6399
- display: flex;
6400
- flex-wrap: nowrap;
6401
- grid-row: 1/2;
6402
- grid-column: 2;
6403
- gap: var(--pf-v6-c-form-control__utilities--Gap);
6404
- padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6405
- padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6406
- pointer-events: none;
6407
- }
6408
-
6409
- .pf-v6-c-divider {
6410
- --pf-v6-c-divider--Display: flex;
6411
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6412
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6413
- --pf-v6-c-divider--before--FlexBasis: 100%;
6414
- }
6415
-
6416
- .pf-v6-c-divider {
6417
- flex-direction: row;
6418
- width: 100%;
6419
- height: var(--pf-v6-c-divider--Size);
6420
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6421
- --pf-v6-hidden-visible--hidden--Display: none;
6422
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6423
- display: var(--pf-v6-hidden-visible--Display);
6424
- flex-shrink: 0;
6425
- align-items: stretch;
6426
- align-self: stretch;
6427
- justify-content: center;
6428
- border: 0;
6429
- }
6430
-
6431
- .pf-v6-c-divider.pf-m-hidden {
6432
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6433
- }
6434
-
6435
- @media screen and (min-width: 36rem) {
6436
- .pf-v6-c-divider.pf-m-hidden-on-sm {
6437
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6438
- }
6439
- .pf-v6-c-divider.pf-m-visible-on-sm {
6440
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6441
- }
6442
- }
6443
- @media screen and (min-width: 48rem) {
6444
- .pf-v6-c-divider.pf-m-hidden-on-md {
6445
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6446
- }
6447
- .pf-v6-c-divider.pf-m-visible-on-md {
6448
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6449
- }
6450
- }
6451
- @media screen and (min-width: 62rem) {
6452
- .pf-v6-c-divider.pf-m-hidden-on-lg {
6453
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6454
- }
6455
- .pf-v6-c-divider.pf-m-visible-on-lg {
6456
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6457
- }
6458
- }
6459
- @media screen and (min-width: 75rem) {
6460
- .pf-v6-c-divider.pf-m-hidden-on-xl {
6461
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6462
- }
6463
- .pf-v6-c-divider.pf-m-visible-on-xl {
6464
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6465
- }
6466
- }
6467
- @media screen and (min-width: 90.625rem) {
6468
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
6469
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6470
- }
6471
- .pf-v6-c-divider.pf-m-visible-on-2xl {
6472
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6473
- }
6474
- }
6475
- .pf-v6-c-divider::before {
6476
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6477
- content: "";
6478
- background-color: var(--pf-v6-c-divider--Color);
6479
- }
6480
-
6481
- .pf-v6-c-divider.pf-m-horizontal {
6482
- flex-direction: row;
6483
- width: 100%;
6484
- height: var(--pf-v6-c-divider--Size);
6485
- }
6486
-
6487
- .pf-v6-c-divider.pf-m-vertical {
6488
- flex-direction: column;
6489
- width: var(--pf-v6-c-divider--Size);
6490
- height: inherit;
6491
- }
6492
-
6493
- .pf-v6-c-divider.pf-m-inset-none {
6494
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
6495
- }
6496
-
6497
- .pf-v6-c-divider.pf-m-inset-xs {
6498
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6499
- }
6500
-
6501
- .pf-v6-c-divider.pf-m-inset-sm {
6502
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6503
- }
6504
-
6505
- .pf-v6-c-divider.pf-m-inset-md {
6506
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6617
+ .pf-v6-c-form-control.pf-m-warning > textarea {
6618
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
6507
6619
  }
6508
6620
 
6509
- .pf-v6-c-divider.pf-m-inset-lg {
6510
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6621
+ .pf-v6-c-form-control.pf-m-warning > input {
6622
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
6511
6623
  }
6512
6624
 
6513
- .pf-v6-c-divider.pf-m-inset-xl {
6514
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6625
+ .pf-v6-c-form-control.pf-m-warning > select {
6626
+ 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));
6515
6627
  }
6516
6628
 
6517
- .pf-v6-c-divider.pf-m-inset-2xl {
6518
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6629
+ .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
6630
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6519
6631
  }
6520
6632
 
6521
- .pf-v6-c-divider.pf-m-inset-3xl {
6522
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6633
+ .pf-v6-c-form-control:hover {
6634
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6635
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6523
6636
  }
6524
6637
 
6525
- @media (min-width: 36rem) {
6526
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
6527
- flex-direction: row;
6528
- width: 100%;
6529
- height: var(--pf-v6-c-divider--Size);
6530
- }
6531
- }
6532
- @media (min-width: 36rem) {
6533
- .pf-v6-c-divider.pf-m-vertical-on-sm {
6534
- flex-direction: column;
6535
- width: var(--pf-v6-c-divider--Size);
6536
- height: inherit;
6537
- }
6538
- }
6539
- @media (min-width: 36rem) {
6540
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
6541
- --pf-v6-c-divider--before--FlexBasis: 100%;
6542
- }
6543
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6544
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6545
- }
6546
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6547
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6548
- }
6549
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
6550
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6551
- }
6552
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6553
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6554
- }
6555
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6556
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6557
- }
6558
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6559
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6560
- }
6561
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6562
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6563
- }
6638
+ .pf-v6-c-form-control.pf-m-icon {
6639
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6564
6640
  }
6565
- @media (min-width: 48rem) {
6566
- .pf-v6-c-divider.pf-m-horizontal-on-md {
6567
- flex-direction: row;
6568
- width: 100%;
6569
- height: var(--pf-v6-c-divider--Size);
6570
- }
6641
+
6642
+ .pf-v6-c-form-control:has(select) {
6643
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
6644
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
6645
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
6646
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
6647
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6648
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
6571
6649
  }
6572
- @media (min-width: 48rem) {
6573
- .pf-v6-c-divider.pf-m-vertical-on-md {
6574
- flex-direction: column;
6575
- width: var(--pf-v6-c-divider--Size);
6576
- height: inherit;
6577
- }
6650
+
6651
+ .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
6652
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6578
6653
  }
6579
- @media (min-width: 48rem) {
6580
- .pf-v6-c-divider.pf-m-inset-none-on-md {
6581
- --pf-v6-c-divider--before--FlexBasis: 100%;
6582
- }
6583
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
6584
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6585
- }
6586
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
6587
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6588
- }
6589
- .pf-v6-c-divider.pf-m-inset-md-on-md {
6590
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6591
- }
6592
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
6593
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6594
- }
6595
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
6596
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6597
- }
6598
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6599
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6600
- }
6601
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6602
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6654
+
6655
+ @-moz-document url-prefix() {
6656
+ .pf-v6-c-form-control:has(select) {
6657
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
6658
+ --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
6603
6659
  }
6604
6660
  }
6605
- @media (min-width: 62rem) {
6606
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
6607
- flex-direction: row;
6608
- width: 100%;
6609
- height: var(--pf-v6-c-divider--Size);
6610
- }
6661
+ .pf-v6-c-form-control.pf-m-placeholder > select {
6662
+ --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6611
6663
  }
6612
- @media (min-width: 62rem) {
6613
- .pf-v6-c-divider.pf-m-vertical-on-lg {
6614
- flex-direction: column;
6615
- width: var(--pf-v6-c-divider--Size);
6616
- height: inherit;
6617
- }
6664
+
6665
+ .pf-v6-c-form-control.pf-m-placeholder > select * {
6666
+ color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6618
6667
  }
6619
- @media (min-width: 62rem) {
6620
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
6621
- --pf-v6-c-divider--before--FlexBasis: 100%;
6622
- }
6623
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6624
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6625
- }
6626
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6627
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6628
- }
6629
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
6630
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6631
- }
6632
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6633
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6634
- }
6635
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6636
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6637
- }
6638
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6639
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6640
- }
6641
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6642
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6643
- }
6668
+
6669
+ .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
6670
+ color: revert;
6644
6671
  }
6645
- @media (min-width: 75rem) {
6646
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
6647
- flex-direction: row;
6648
- width: 100%;
6649
- height: var(--pf-v6-c-divider--Size);
6650
- }
6672
+
6673
+ .pf-v6-c-form-control > textarea {
6674
+ width: 100%;
6675
+ height: 100%;
6676
+ vertical-align: bottom;
6677
+ resize: none;
6651
6678
  }
6652
- @media (min-width: 75rem) {
6653
- .pf-v6-c-divider.pf-m-vertical-on-xl {
6654
- flex-direction: column;
6655
- width: var(--pf-v6-c-divider--Size);
6656
- height: inherit;
6657
- }
6679
+
6680
+ .pf-v6-c-form-control.pf-m-resize-vertical {
6681
+ --pf-v6-c-form-control--Resize: vertical;
6682
+ overflow: auto;
6658
6683
  }
6659
- @media (min-width: 75rem) {
6660
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
6661
- --pf-v6-c-divider--before--FlexBasis: 100%;
6662
- }
6663
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6664
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6665
- }
6666
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6667
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6668
- }
6669
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
6670
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6671
- }
6672
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6673
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6674
- }
6675
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6676
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6677
- }
6678
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6679
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6680
- }
6681
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6682
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6683
- }
6684
+
6685
+ .pf-v6-c-form-control.pf-m-resize-horizontal {
6686
+ --pf-v6-c-form-control--Resize: horizontal;
6687
+ overflow: auto;
6684
6688
  }
6685
- @media (min-width: 90.625rem) {
6686
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6687
- flex-direction: row;
6688
- width: 100%;
6689
- height: var(--pf-v6-c-divider--Size);
6690
- }
6689
+
6690
+ .pf-v6-c-form-control.pf-m-resize-both {
6691
+ --pf-v6-c-form-control--Resize: both;
6692
+ overflow: auto;
6691
6693
  }
6692
- @media (min-width: 90.625rem) {
6693
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
6694
- flex-direction: column;
6695
- width: var(--pf-v6-c-divider--Size);
6696
- height: inherit;
6697
- }
6694
+
6695
+ .pf-v6-c-form-control__icon {
6696
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
6697
+ color: var(--pf-v6-c-form-control__icon--Color);
6698
6698
  }
6699
- @media (min-width: 90.625rem) {
6700
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6701
- --pf-v6-c-divider--before--FlexBasis: 100%;
6702
- }
6703
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6704
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6705
- }
6706
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6707
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6708
- }
6709
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6710
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6711
- }
6712
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6713
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6714
- }
6715
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6716
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6717
- }
6718
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6719
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6720
- }
6721
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6722
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6723
- }
6699
+
6700
+ .pf-v6-c-form-control__icon.pf-m-status {
6701
+ --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6702
+ }
6703
+
6704
+ .pf-v6-c-form-control__toggle-icon {
6705
+ grid-row: 1/2;
6706
+ grid-column: 3;
6707
+ padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6708
+ padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6709
+ font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6710
+ color: var(--pf-v6-c-form-control__toggle-icon--Color);
6711
+ pointer-events: none;
6712
+ }
6713
+
6714
+ .pf-v6-c-form-control__utilities {
6715
+ display: flex;
6716
+ flex-wrap: nowrap;
6717
+ grid-row: 1/2;
6718
+ grid-column: 2;
6719
+ gap: var(--pf-v6-c-form-control__utilities--Gap);
6720
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6721
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6722
+ pointer-events: none;
6724
6723
  }
6724
+
6725
6725
  .pf-v6-c-spinner {
6726
6726
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
6727
6727
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -6876,6 +6876,122 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6876
6876
  color: var(--pf-v6-c-badge__toggle-icon--Color);
6877
6877
  }
6878
6878
 
6879
+ .pf-v6-c-breadcrumb {
6880
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
6881
+ --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
6882
+ --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6883
+ --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
6884
+ --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6885
+ --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
6886
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6887
+ --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6888
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
6889
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
6890
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
6891
+ --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
6892
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
6893
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
6894
+ --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
6895
+ --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
6896
+ --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
6897
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6898
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
6899
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6900
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
6901
+ }
6902
+
6903
+ .pf-v6-c-breadcrumb {
6904
+ display: inline-flex;
6905
+ }
6906
+
6907
+ .pf-v6-c-breadcrumb__list {
6908
+ display: flex;
6909
+ flex-wrap: wrap;
6910
+ align-items: center;
6911
+ }
6912
+
6913
+ .pf-v6-c-breadcrumb__item {
6914
+ display: flex;
6915
+ align-items: baseline;
6916
+ font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
6917
+ font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
6918
+ line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
6919
+ white-space: nowrap;
6920
+ list-style: none;
6921
+ }
6922
+
6923
+ .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
6924
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
6925
+ }
6926
+
6927
+ .pf-v6-c-breadcrumb__item:not(:last-child) {
6928
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
6929
+ }
6930
+
6931
+ .pf-v6-c-breadcrumb__item-divider {
6932
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
6933
+ font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
6934
+ line-height: 1;
6935
+ color: var(--pf-v6-c-breadcrumb__item-divider--Color);
6936
+ }
6937
+
6938
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
6939
+ scale: -1 1;
6940
+ }
6941
+
6942
+ .pf-v6-c-breadcrumb__link {
6943
+ padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
6944
+ padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
6945
+ font-size: inherit;
6946
+ font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
6947
+ line-height: inherit;
6948
+ color: var(--pf-v6-c-breadcrumb__link--Color);
6949
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
6950
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
6951
+ word-break: break-word;
6952
+ background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
6953
+ }
6954
+
6955
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
6956
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
6957
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
6958
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
6959
+ }
6960
+
6961
+ .pf-v6-c-breadcrumb__link.pf-m-current {
6962
+ cursor: default;
6963
+ }
6964
+
6965
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
6966
+ color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
6967
+ text-decoration-line: none;
6968
+ }
6969
+
6970
+ button.pf-v6-c-breadcrumb__link {
6971
+ border: none;
6972
+ }
6973
+
6974
+ .pf-v6-c-breadcrumb__dropdown {
6975
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
6976
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
6977
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
6978
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
6979
+ }
6980
+
6981
+ .pf-v6-c-breadcrumb__heading {
6982
+ display: inline;
6983
+ font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
6984
+ }
6985
+
6986
+ .pf-v6-c-breadcrumb__link,
6987
+ .pf-v6-c-breadcrumb__heading {
6988
+ white-space: normal;
6989
+ }
6990
+
6991
+ .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
6992
+ display: none;
6993
+ }
6994
+
6879
6995
  .pf-v6-c-menu {
6880
6996
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
6881
6997
  --pf-v6-c-menu--Width: auto;
@@ -7520,120 +7636,4 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
7520
7636
  --pf-v6-c-menu-toggle--BorderWidth: 0;
7521
7637
  --pf-v6-c-menu-toggle--BorderColor: transparent;
7522
7638
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
7523
- }
7524
-
7525
- .pf-v6-c-breadcrumb {
7526
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7527
- --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7528
- --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7529
- --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7530
- --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7531
- --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7532
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7533
- --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7534
- --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7535
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7536
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7537
- --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7538
- --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7539
- --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7540
- --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7541
- --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7542
- --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7543
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7544
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7545
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7546
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
7547
- }
7548
-
7549
- .pf-v6-c-breadcrumb {
7550
- display: inline-flex;
7551
- }
7552
-
7553
- .pf-v6-c-breadcrumb__list {
7554
- display: flex;
7555
- flex-wrap: wrap;
7556
- align-items: center;
7557
- }
7558
-
7559
- .pf-v6-c-breadcrumb__item {
7560
- display: flex;
7561
- align-items: baseline;
7562
- font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
7563
- font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
7564
- line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
7565
- white-space: nowrap;
7566
- list-style: none;
7567
- }
7568
-
7569
- .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
7570
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
7571
- }
7572
-
7573
- .pf-v6-c-breadcrumb__item:not(:last-child) {
7574
- margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
7575
- }
7576
-
7577
- .pf-v6-c-breadcrumb__item-divider {
7578
- margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
7579
- font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
7580
- line-height: 1;
7581
- color: var(--pf-v6-c-breadcrumb__item-divider--Color);
7582
- }
7583
-
7584
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
7585
- scale: -1 1;
7586
- }
7587
-
7588
- .pf-v6-c-breadcrumb__link {
7589
- padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
7590
- padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
7591
- font-size: inherit;
7592
- font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
7593
- line-height: inherit;
7594
- color: var(--pf-v6-c-breadcrumb__link--Color);
7595
- text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
7596
- text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
7597
- word-break: break-word;
7598
- background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
7599
- }
7600
-
7601
- .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
7602
- --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
7603
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
7604
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
7605
- }
7606
-
7607
- .pf-v6-c-breadcrumb__link.pf-m-current {
7608
- cursor: default;
7609
- }
7610
-
7611
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
7612
- color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
7613
- text-decoration-line: none;
7614
- }
7615
-
7616
- button.pf-v6-c-breadcrumb__link {
7617
- border: none;
7618
- }
7619
-
7620
- .pf-v6-c-breadcrumb__dropdown {
7621
- margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
7622
- margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
7623
- margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7624
- margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7625
- }
7626
-
7627
- .pf-v6-c-breadcrumb__heading {
7628
- display: inline;
7629
- font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
7630
- }
7631
-
7632
- .pf-v6-c-breadcrumb__link,
7633
- .pf-v6-c-breadcrumb__heading {
7634
- white-space: normal;
7635
- }
7636
-
7637
- .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
7638
- display: none;
7639
7639
  }