@patternfly/react-table 6.2.0-prerelease.17 → 6.2.0-prerelease.19

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 (71) 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/components/Table/ActionsColumn.d.ts.map +1 -1
  11. package/dist/esm/components/Table/ActionsColumn.js.map +1 -1
  12. package/dist/esm/components/Table/EditableSelectInputCell.d.ts +1 -1
  13. package/dist/esm/components/Table/EditableSelectInputCell.d.ts.map +1 -1
  14. package/dist/esm/components/Table/EditableSelectInputCell.js.map +1 -1
  15. package/dist/esm/components/Table/Table.d.ts.map +1 -1
  16. package/dist/esm/components/Table/Table.js.map +1 -1
  17. package/dist/esm/components/Table/TableTypes.d.ts +1 -1
  18. package/dist/esm/components/Table/TableTypes.d.ts.map +1 -1
  19. package/dist/esm/components/Table/Td.js.map +1 -1
  20. package/dist/esm/components/Table/Th.js.map +1 -1
  21. package/dist/esm/components/Table/base/types.d.ts +1 -1
  22. package/dist/esm/components/Table/base/types.d.ts.map +1 -1
  23. package/dist/esm/demos/DashboardWrapper.d.ts +1 -1
  24. package/dist/esm/demos/DashboardWrapper.d.ts.map +1 -1
  25. package/dist/esm/deprecated/components/Table/BodyCell.d.ts +1 -1
  26. package/dist/esm/deprecated/components/Table/BodyCell.d.ts.map +1 -1
  27. package/dist/esm/deprecated/components/Table/BodyCell.js.map +1 -1
  28. package/dist/esm/deprecated/components/Table/Table.d.ts +2 -1
  29. package/dist/esm/deprecated/components/Table/Table.d.ts.map +1 -1
  30. package/dist/esm/deprecated/components/Table/Table.js.map +1 -1
  31. package/dist/js/components/Table/ActionsColumn.d.ts.map +1 -1
  32. package/dist/js/components/Table/ActionsColumn.js.map +1 -1
  33. package/dist/js/components/Table/EditableSelectInputCell.d.ts +1 -1
  34. package/dist/js/components/Table/EditableSelectInputCell.d.ts.map +1 -1
  35. package/dist/js/components/Table/EditableSelectInputCell.js.map +1 -1
  36. package/dist/js/components/Table/Table.d.ts.map +1 -1
  37. package/dist/js/components/Table/Table.js.map +1 -1
  38. package/dist/js/components/Table/TableTypes.d.ts +1 -1
  39. package/dist/js/components/Table/TableTypes.d.ts.map +1 -1
  40. package/dist/js/components/Table/Td.js.map +1 -1
  41. package/dist/js/components/Table/Th.js.map +1 -1
  42. package/dist/js/components/Table/base/types.d.ts +1 -1
  43. package/dist/js/components/Table/base/types.d.ts.map +1 -1
  44. package/dist/js/demos/DashboardWrapper.d.ts +1 -1
  45. package/dist/js/demos/DashboardWrapper.d.ts.map +1 -1
  46. package/dist/js/deprecated/components/Table/BodyCell.d.ts +1 -1
  47. package/dist/js/deprecated/components/Table/BodyCell.d.ts.map +1 -1
  48. package/dist/js/deprecated/components/Table/BodyCell.js.map +1 -1
  49. package/dist/js/deprecated/components/Table/Table.d.ts +2 -1
  50. package/dist/js/deprecated/components/Table/Table.d.ts.map +1 -1
  51. package/dist/js/deprecated/components/Table/Table.js.map +1 -1
  52. package/dist/umd/assets/{output-DfUC2MiK.css → output-2yjaKIUG.css} +1838 -1839
  53. package/dist/umd/react-table.min.js +1 -1
  54. package/package.json +3 -3
  55. package/src/components/Table/ActionsColumn.tsx +1 -2
  56. package/src/components/Table/EditableSelectInputCell.tsx +2 -2
  57. package/src/components/Table/Table.tsx +2 -0
  58. package/src/components/Table/TableTypes.tsx +1 -1
  59. package/src/components/Table/Td.tsx +2 -2
  60. package/src/components/Table/Th.tsx +2 -2
  61. package/src/components/Table/base/types.tsx +1 -1
  62. package/src/components/Table/examples/TableDraggable.tsx +1 -1
  63. package/src/components/Table/examples/TableEditable.tsx +3 -3
  64. package/src/demos/DashboardWrapper.tsx +1 -1
  65. package/src/demos/examples/TableColumnManagement.tsx +1 -1
  66. package/src/demos/examples/TableColumnManagementWithDraggable.tsx +1 -1
  67. package/src/deprecated/components/Table/BodyCell.tsx +5 -5
  68. package/src/deprecated/components/Table/Table.tsx +2 -0
  69. package/src/deprecated/components/Table/examples/LegacyTableMisc.tsx +1 -1
  70. package/src/deprecated/components/Table/examples/LegacyTableStripedCustomTr.tsx +1 -3
  71. package/src/test-helpers/MockedTableChanges.js +1 -6
package/dist/umd/assets/{output-DfUC2MiK.css → output-2yjaKIUG.css} RENAMED
@@ -969,6 +969,166 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
969
969
  --pf-v6-c-table--cell--Width: 100%;
970
970
  }
971
971
 
972
+ .pf-v6-c-table {
973
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
974
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
975
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
976
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
977
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
978
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
979
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
980
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
981
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
982
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
983
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
984
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
985
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
986
+ }
987
+
988
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
989
+ position: sticky;
990
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
991
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
992
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
993
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
994
+ }
995
+
996
+ .pf-v6-c-table__sticky-cell {
997
+ --pf-v6-c-table--cell--Overflow: visible;
998
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
999
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1000
+ background-clip: padding-box;
1001
+ }
1002
+
1003
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1004
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1005
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
1006
+ }
1007
+
1008
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1009
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1010
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
1011
+ }
1012
+
1013
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1014
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
1015
+ }
1016
+
1017
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1018
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
1019
+ }
1020
+
1021
+ .pf-v6-c-scroll-outer-wrapper {
1022
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1023
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1024
+ display: flex;
1025
+ flex-direction: column;
1026
+ max-width: 100%;
1027
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1028
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1029
+ overflow: hidden;
1030
+ }
1031
+
1032
+ .pf-v6-c-scroll-inner-wrapper {
1033
+ display: flex;
1034
+ flex-direction: column;
1035
+ max-width: 100%;
1036
+ max-height: 100%;
1037
+ overflow: auto;
1038
+ }
1039
+
1040
+ .pf-v6-c-inline-edit {
1041
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
1042
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
1043
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
1044
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
1045
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
1046
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
1047
+ }
1048
+
1049
+ .pf-v6-c-inline-edit__group {
1050
+ display: flex;
1051
+ align-items: baseline;
1052
+ }
1053
+
1054
+ .pf-v6-c-inline-edit__group > * {
1055
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
1056
+ }
1057
+
1058
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
1059
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
1060
+ }
1061
+
1062
+ .pf-v6-c-inline-edit__group.pf-m-footer {
1063
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
1064
+ }
1065
+
1066
+ .pf-v6-c-inline-edit__group.pf-m-column {
1067
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1068
+ flex-direction: column;
1069
+ }
1070
+
1071
+ .pf-v6-c-inline-edit__group > :last-child {
1072
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1073
+ }
1074
+
1075
+ .pf-v6-c-inline-edit__input {
1076
+ flex: 1;
1077
+ }
1078
+
1079
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
1080
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
1081
+ }
1082
+
1083
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
1084
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
1085
+ }
1086
+
1087
+ .pf-v6-c-inline-edit__input,
1088
+ .pf-v6-c-inline-edit__action,
1089
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
1090
+ display: none;
1091
+ }
1092
+
1093
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1094
+ display: inline-block;
1095
+ }
1096
+
1097
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
1098
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
1099
+ display: block;
1100
+ }
1101
+
1102
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
1103
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
1104
+ display: inline-block;
1105
+ }
1106
+
1107
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
1108
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
1109
+ display: inline-flex;
1110
+ }
1111
+
1112
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
1113
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
1114
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
1115
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1116
+ display: none;
1117
+ }
1118
+
1119
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
1120
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
1121
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
1122
+ }
1123
+
1124
+ .pf-v6-c-inline-edit__label.pf-m-bold {
1125
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
1126
+ }
1127
+
1128
+ .pf-v6-c-inline-edit__editable-text br {
1129
+ display: none;
1130
+ }
1131
+
972
1132
  .pf-v6-c-table {
973
1133
  --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));
974
1134
  --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));
@@ -1830,74 +1990,153 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1830
1990
  --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));
1831
1991
  }
1832
1992
  }
1833
- .pf-v6-c-table {
1834
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
1835
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
1836
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
1837
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
1838
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
1839
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1840
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
1841
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
1842
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
1843
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
1844
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
1845
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
1846
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
1993
+ .pf-v6-u-screen-reader {
1994
+ position: fixed;
1995
+ inset-block-start: 0;
1996
+ inset-inline-start: 0;
1997
+ overflow: hidden;
1998
+ clip: rect(0, 0, 0, 0);
1999
+ white-space: nowrap;
2000
+ border: 0;
1847
2001
  }
1848
2002
 
1849
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
1850
- position: sticky;
1851
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
1852
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
1853
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
1854
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
2003
+ .pf-v6-u-visible {
2004
+ position: static;
2005
+ overflow: visible;
2006
+ clip: auto;
2007
+ white-space: normal;
2008
+ border: inherit;
1855
2009
  }
1856
2010
 
1857
- .pf-v6-c-table__sticky-cell {
1858
- --pf-v6-c-table--cell--Overflow: visible;
1859
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
1860
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1861
- background-clip: padding-box;
2011
+ .pf-v6-u-hidden {
2012
+ display: none !important;
1862
2013
  }
1863
2014
 
1864
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1865
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1866
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
2015
+ @media screen and (min-width: 36rem) {
2016
+ .pf-v6-u-screen-reader-on-sm {
2017
+ position: fixed;
2018
+ inset-block-start: 0;
2019
+ inset-inline-start: 0;
2020
+ overflow: hidden;
2021
+ clip: rect(0, 0, 0, 0);
2022
+ white-space: nowrap;
2023
+ border: 0;
2024
+ }
1867
2025
  }
1868
-
1869
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1870
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1871
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
2026
+ @media screen and (min-width: 36rem) {
2027
+ .pf-v6-u-visible-on-sm {
2028
+ position: static;
2029
+ overflow: visible;
2030
+ clip: auto;
2031
+ white-space: normal;
2032
+ border: inherit;
2033
+ }
1872
2034
  }
1873
-
1874
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1875
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
2035
+ @media screen and (min-width: 36rem) {
2036
+ .pf-v6-u-hidden-on-sm {
2037
+ display: none !important;
2038
+ }
1876
2039
  }
1877
-
1878
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1879
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
2040
+ @media screen and (min-width: 48rem) {
2041
+ .pf-v6-u-screen-reader-on-md {
2042
+ position: fixed;
2043
+ inset-block-start: 0;
2044
+ inset-inline-start: 0;
2045
+ overflow: hidden;
2046
+ clip: rect(0, 0, 0, 0);
2047
+ white-space: nowrap;
2048
+ border: 0;
2049
+ }
1880
2050
  }
1881
-
1882
- .pf-v6-c-scroll-outer-wrapper {
1883
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1884
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1885
- display: flex;
1886
- flex-direction: column;
1887
- max-width: 100%;
1888
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1889
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1890
- overflow: hidden;
2051
+ @media screen and (min-width: 48rem) {
2052
+ .pf-v6-u-visible-on-md {
2053
+ position: static;
2054
+ overflow: visible;
2055
+ clip: auto;
2056
+ white-space: normal;
2057
+ border: inherit;
2058
+ }
1891
2059
  }
1892
-
1893
- .pf-v6-c-scroll-inner-wrapper {
1894
- display: flex;
1895
- flex-direction: column;
1896
- max-width: 100%;
1897
- max-height: 100%;
1898
- overflow: auto;
2060
+ @media screen and (min-width: 48rem) {
2061
+ .pf-v6-u-hidden-on-md {
2062
+ display: none !important;
2063
+ }
2064
+ }
2065
+ @media screen and (min-width: 62rem) {
2066
+ .pf-v6-u-screen-reader-on-lg {
2067
+ position: fixed;
2068
+ inset-block-start: 0;
2069
+ inset-inline-start: 0;
2070
+ overflow: hidden;
2071
+ clip: rect(0, 0, 0, 0);
2072
+ white-space: nowrap;
2073
+ border: 0;
2074
+ }
2075
+ }
2076
+ @media screen and (min-width: 62rem) {
2077
+ .pf-v6-u-visible-on-lg {
2078
+ position: static;
2079
+ overflow: visible;
2080
+ clip: auto;
2081
+ white-space: normal;
2082
+ border: inherit;
2083
+ }
2084
+ }
2085
+ @media screen and (min-width: 62rem) {
2086
+ .pf-v6-u-hidden-on-lg {
2087
+ display: none !important;
2088
+ }
2089
+ }
2090
+ @media screen and (min-width: 75rem) {
2091
+ .pf-v6-u-screen-reader-on-xl {
2092
+ position: fixed;
2093
+ inset-block-start: 0;
2094
+ inset-inline-start: 0;
2095
+ overflow: hidden;
2096
+ clip: rect(0, 0, 0, 0);
2097
+ white-space: nowrap;
2098
+ border: 0;
2099
+ }
2100
+ }
2101
+ @media screen and (min-width: 75rem) {
2102
+ .pf-v6-u-visible-on-xl {
2103
+ position: static;
2104
+ overflow: visible;
2105
+ clip: auto;
2106
+ white-space: normal;
2107
+ border: inherit;
2108
+ }
2109
+ }
2110
+ @media screen and (min-width: 75rem) {
2111
+ .pf-v6-u-hidden-on-xl {
2112
+ display: none !important;
2113
+ }
2114
+ }
2115
+ @media screen and (min-width: 90.625rem) {
2116
+ .pf-v6-u-screen-reader-on-2xl {
2117
+ position: fixed;
2118
+ inset-block-start: 0;
2119
+ inset-inline-start: 0;
2120
+ overflow: hidden;
2121
+ clip: rect(0, 0, 0, 0);
2122
+ white-space: nowrap;
2123
+ border: 0;
2124
+ }
2125
+ }
2126
+ @media screen and (min-width: 90.625rem) {
2127
+ .pf-v6-u-visible-on-2xl {
2128
+ position: static;
2129
+ overflow: visible;
2130
+ clip: auto;
2131
+ white-space: normal;
2132
+ border: inherit;
2133
+ }
2134
+ }
2135
+ @media screen and (min-width: 90.625rem) {
2136
+ .pf-v6-u-hidden-on-2xl {
2137
+ display: none !important;
2138
+ }
1899
2139
  }
1900
-
1901
2140
  .pf-v6-c-form {
1902
2141
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
1903
2142
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -2437,98 +2676,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2437
2676
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
2438
2677
  }
2439
2678
 
2440
- .pf-v6-c-inline-edit {
2441
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
2442
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
2443
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
2444
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
2445
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
2446
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
2447
- }
2448
-
2449
- .pf-v6-c-inline-edit__group {
2450
- display: flex;
2451
- align-items: baseline;
2452
- }
2453
-
2454
- .pf-v6-c-inline-edit__group > * {
2455
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
2456
- }
2457
-
2458
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
2459
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
2460
- }
2461
-
2462
- .pf-v6-c-inline-edit__group.pf-m-footer {
2463
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
2464
- }
2465
-
2466
- .pf-v6-c-inline-edit__group.pf-m-column {
2467
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2468
- flex-direction: column;
2469
- }
2470
-
2471
- .pf-v6-c-inline-edit__group > :last-child {
2472
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2473
- }
2474
-
2475
- .pf-v6-c-inline-edit__input {
2476
- flex: 1;
2477
- }
2478
-
2479
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
2480
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
2481
- }
2482
-
2483
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
2484
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
2485
- }
2486
-
2487
- .pf-v6-c-inline-edit__input,
2488
- .pf-v6-c-inline-edit__action,
2489
- .pf-v6-c-inline-edit__group.pf-m-action-group {
2490
- display: none;
2491
- }
2492
-
2493
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2494
- display: inline-block;
2495
- }
2496
-
2497
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
2498
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
2499
- display: block;
2500
- }
2501
-
2502
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
2503
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
2504
- display: inline-block;
2505
- }
2506
-
2507
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
2508
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
2509
- display: inline-flex;
2510
- }
2511
-
2512
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
2513
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
2514
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
2515
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2516
- display: none;
2517
- }
2518
-
2519
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
2520
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
2521
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
2522
- }
2523
-
2524
- .pf-v6-c-inline-edit__label.pf-m-bold {
2525
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
2526
- }
2527
-
2528
- .pf-v6-c-inline-edit__editable-text br {
2529
- display: none;
2530
- }
2531
-
2532
2679
  .pf-v6-c-table {
2533
2680
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
2534
2681
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -4154,196 +4301,49 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4154
4301
  --pf-v6-c-table--cell--Width: auto;
4155
4302
  }
4156
4303
  }
4157
- .pf-v6-u-screen-reader {
4158
- position: fixed;
4159
- inset-block-start: 0;
4160
- inset-inline-start: 0;
4161
- overflow: hidden;
4162
- clip: rect(0, 0, 0, 0);
4163
- white-space: nowrap;
4164
- border: 0;
4304
+ .pf-v6-c-tooltip {
4305
+ --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4306
+ --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4307
+ --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4308
+ --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4309
+ --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4310
+ --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4311
+ --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4312
+ --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4313
+ --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4314
+ --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4315
+ --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4316
+ --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4317
+ --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4318
+ --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4319
+ --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4320
+ --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4321
+ --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4322
+ --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4323
+ --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4324
+ --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4325
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4326
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4327
+ --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4328
+ --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4329
+ --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4330
+ --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
4165
4331
  }
4166
4332
 
4167
- .pf-v6-u-visible {
4168
- position: static;
4169
- overflow: visible;
4170
- clip: auto;
4171
- white-space: normal;
4172
- border: inherit;
4333
+ .pf-v6-c-tooltip {
4334
+ position: relative;
4335
+ max-width: var(--pf-v6-c-tooltip--MaxWidth);
4336
+ box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
4173
4337
  }
4174
4338
 
4175
- .pf-v6-u-hidden {
4176
- display: none !important;
4177
- }
4178
-
4179
- @media screen and (min-width: 36rem) {
4180
- .pf-v6-u-screen-reader-on-sm {
4181
- position: fixed;
4182
- inset-block-start: 0;
4183
- inset-inline-start: 0;
4184
- overflow: hidden;
4185
- clip: rect(0, 0, 0, 0);
4186
- white-space: nowrap;
4187
- border: 0;
4188
- }
4189
- }
4190
- @media screen and (min-width: 36rem) {
4191
- .pf-v6-u-visible-on-sm {
4192
- position: static;
4193
- overflow: visible;
4194
- clip: auto;
4195
- white-space: normal;
4196
- border: inherit;
4197
- }
4198
- }
4199
- @media screen and (min-width: 36rem) {
4200
- .pf-v6-u-hidden-on-sm {
4201
- display: none !important;
4202
- }
4203
- }
4204
- @media screen and (min-width: 48rem) {
4205
- .pf-v6-u-screen-reader-on-md {
4206
- position: fixed;
4207
- inset-block-start: 0;
4208
- inset-inline-start: 0;
4209
- overflow: hidden;
4210
- clip: rect(0, 0, 0, 0);
4211
- white-space: nowrap;
4212
- border: 0;
4213
- }
4214
- }
4215
- @media screen and (min-width: 48rem) {
4216
- .pf-v6-u-visible-on-md {
4217
- position: static;
4218
- overflow: visible;
4219
- clip: auto;
4220
- white-space: normal;
4221
- border: inherit;
4222
- }
4223
- }
4224
- @media screen and (min-width: 48rem) {
4225
- .pf-v6-u-hidden-on-md {
4226
- display: none !important;
4227
- }
4228
- }
4229
- @media screen and (min-width: 62rem) {
4230
- .pf-v6-u-screen-reader-on-lg {
4231
- position: fixed;
4232
- inset-block-start: 0;
4233
- inset-inline-start: 0;
4234
- overflow: hidden;
4235
- clip: rect(0, 0, 0, 0);
4236
- white-space: nowrap;
4237
- border: 0;
4238
- }
4239
- }
4240
- @media screen and (min-width: 62rem) {
4241
- .pf-v6-u-visible-on-lg {
4242
- position: static;
4243
- overflow: visible;
4244
- clip: auto;
4245
- white-space: normal;
4246
- border: inherit;
4247
- }
4248
- }
4249
- @media screen and (min-width: 62rem) {
4250
- .pf-v6-u-hidden-on-lg {
4251
- display: none !important;
4252
- }
4253
- }
4254
- @media screen and (min-width: 75rem) {
4255
- .pf-v6-u-screen-reader-on-xl {
4256
- position: fixed;
4257
- inset-block-start: 0;
4258
- inset-inline-start: 0;
4259
- overflow: hidden;
4260
- clip: rect(0, 0, 0, 0);
4261
- white-space: nowrap;
4262
- border: 0;
4263
- }
4264
- }
4265
- @media screen and (min-width: 75rem) {
4266
- .pf-v6-u-visible-on-xl {
4267
- position: static;
4268
- overflow: visible;
4269
- clip: auto;
4270
- white-space: normal;
4271
- border: inherit;
4272
- }
4273
- }
4274
- @media screen and (min-width: 75rem) {
4275
- .pf-v6-u-hidden-on-xl {
4276
- display: none !important;
4277
- }
4278
- }
4279
- @media screen and (min-width: 90.625rem) {
4280
- .pf-v6-u-screen-reader-on-2xl {
4281
- position: fixed;
4282
- inset-block-start: 0;
4283
- inset-inline-start: 0;
4284
- overflow: hidden;
4285
- clip: rect(0, 0, 0, 0);
4286
- white-space: nowrap;
4287
- border: 0;
4288
- }
4289
- }
4290
- @media screen and (min-width: 90.625rem) {
4291
- .pf-v6-u-visible-on-2xl {
4292
- position: static;
4293
- overflow: visible;
4294
- clip: auto;
4295
- white-space: normal;
4296
- border: inherit;
4297
- }
4298
- }
4299
- @media screen and (min-width: 90.625rem) {
4300
- .pf-v6-u-hidden-on-2xl {
4301
- display: none !important;
4302
- }
4303
- }
4304
- .pf-v6-c-tooltip {
4305
- --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4306
- --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4307
- --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4308
- --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4309
- --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4310
- --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4311
- --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4312
- --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4313
- --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4314
- --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4315
- --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4316
- --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4317
- --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4318
- --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4319
- --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4320
- --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4321
- --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4322
- --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4323
- --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4324
- --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4325
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4326
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4327
- --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4328
- --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4329
- --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4330
- --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
4331
- }
4332
-
4333
- .pf-v6-c-tooltip {
4334
- position: relative;
4335
- max-width: var(--pf-v6-c-tooltip--MaxWidth);
4336
- box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
4337
- }
4338
-
4339
- .pf-v6-c-tooltip:is(.pf-m-top,
4340
- .pf-m-top-left,
4341
- .pf-m-top-right) {
4342
- --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4343
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4344
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4345
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4346
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
4339
+ .pf-v6-c-tooltip:is(.pf-m-top,
4340
+ .pf-m-top-left,
4341
+ .pf-m-top-right) {
4342
+ --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4343
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4344
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4345
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4346
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
4347
4347
  }
4348
4348
 
4349
4349
  .pf-v6-c-tooltip:is(.pf-m-bottom,
@@ -4437,1238 +4437,1440 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4437
4437
  pointer-events: none;
4438
4438
  }
4439
4439
 
4440
- .pf-v6-c-check {
4441
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
4442
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
4443
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
4444
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
4445
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
4446
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
4447
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
4448
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
4449
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
4450
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
4451
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
4452
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
4453
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
4454
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
4455
- }
4456
-
4457
- .pf-v6-c-check {
4458
- display: grid;
4459
- grid-template-columns: auto 1fr;
4460
- grid-gap: var(--pf-v6-c-check--GridGap);
4461
- accent-color: var(--pf-v6-c-check--AccentColor);
4462
- }
4463
-
4464
- .pf-v6-c-check.pf-m-standalone {
4465
- display: inline-grid;
4466
- grid-template-columns: auto;
4467
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
4468
- }
4469
-
4470
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
4471
- align-self: center;
4472
- transform: none;
4473
- }
4474
-
4475
- .pf-v6-c-check__input {
4476
- align-self: start;
4477
- font-size: var(--pf-v6-c-check__label--FontSize);
4478
- line-height: var(--pf-v6-c-check__label--LineHeight);
4479
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
4480
- }
4481
-
4482
- .pf-v6-c-check__label {
4483
- font-size: var(--pf-v6-c-check__label--FontSize);
4484
- font-weight: var(--pf-v6-c-check__label--FontWeight);
4485
- line-height: var(--pf-v6-c-check__label--LineHeight);
4486
- color: var(--pf-v6-c-check__label--Color);
4487
- }
4488
-
4489
- .pf-v6-c-check__description {
4490
- grid-column: 2;
4491
- font-size: var(--pf-v6-c-check__description--FontSize);
4492
- color: var(--pf-v6-c-check__description--Color);
4493
- }
4494
-
4495
- .pf-v6-c-check__body {
4496
- grid-column: 2;
4497
- }
4498
-
4499
- .pf-v6-c-check__label,
4500
- .pf-v6-c-check__input {
4501
- justify-self: start;
4502
- }
4503
-
4504
- label.pf-v6-c-check, .pf-v6-c-check__label,
4505
- .pf-v6-c-check__input {
4506
- cursor: pointer;
4507
- }
4508
-
4509
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
4510
- .pf-v6-c-check__input:disabled,
4511
- .pf-v6-c-check__input.pf-m-disabled {
4512
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
4513
- cursor: not-allowed;
4514
- }
4515
-
4516
- .pf-v6-c-check__label-required {
4517
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
4518
- font-size: var(--pf-v6-c-check__label-required--FontSize);
4519
- color: var(--pf-v6-c-check__label-required--Color);
4520
- }
4521
-
4522
- .pf-v6-c-menu-toggle {
4523
- --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4524
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
4525
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4526
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
4527
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4528
- --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));
4529
- --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
4530
- --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
4531
- --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
4532
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
4533
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
4534
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
4535
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
4536
- --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
4537
- --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4538
- --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
4539
- --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
4540
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
4541
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
4542
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
4543
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
4544
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
4545
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
4546
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
4547
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
4548
- --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
4549
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
4550
- --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
4551
- --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
4552
- --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
4553
- --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
4554
- --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
4555
- --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
4556
- --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
4557
- --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
4558
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
4559
- --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
4560
- --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
4561
- --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
4562
- --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
4563
- --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
4564
- --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
4565
- --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
4566
- --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
4567
- --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
4568
- --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
4569
- --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
4570
- --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
4571
- --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
4572
- --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
4573
- --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
4574
- --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
4575
- --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
4576
- --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
4577
- --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
4578
- --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
4579
- --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
4580
- --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
4581
- --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
4582
- --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
4583
- --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
4584
- --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
4585
- --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
4586
- --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
4587
- --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
4588
- --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
4589
- --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
4590
- --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
4591
- --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
4592
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
4593
- --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
4594
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
4595
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
4596
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
4597
- --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
4598
- --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
4599
- --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
4600
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
4601
- --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
4602
- --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
4603
- --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
4604
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
4605
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
4606
- --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
4607
- --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
4608
- --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
4609
- --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
4610
- --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4611
- --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
4612
- --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
4613
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
4614
- --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));
4615
- --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
4616
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4617
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4618
- --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4619
- --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4620
- --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
4621
- --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
4622
- --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
4623
- --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4624
- --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
4625
- --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4626
- --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4627
- --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
4628
- --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
4629
- --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
4630
- --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
4631
- --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4632
- --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4633
- --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
4634
- --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
4635
- --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
4636
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4637
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4638
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
4639
- --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
4640
- --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
4641
- --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
4642
- --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
4643
- --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
4644
- --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
4645
- --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
4646
- --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
4440
+ .pf-v6-c-button {
4441
+ --pf-v6-c-button--Display: inline-flex;
4442
+ --pf-v6-c-button--AlignItems: baseline;
4443
+ --pf-v6-c-button--JustifyContent: center;
4444
+ --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4445
+ --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
4446
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
4447
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
4448
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
4449
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
4450
+ --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
4451
+ --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
4452
+ --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
4453
+ --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
4454
+ --pf-v6-c-button--BackgroundColor: transparent;
4455
+ --pf-v6-c-button--BorderColor: transparent;
4456
+ --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
4457
+ --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
4458
+ --pf-v6-c-button--TextDecorationLine: none;
4459
+ --pf-v6-c-button--TextDecorationStyle: none;
4460
+ --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
4461
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4462
+ --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
4463
+ --pf-v6-c-button--hover--BackgroundColor: transparent;
4464
+ --pf-v6-c-button--hover--BorderColor: transparent;
4465
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
4466
+ --pf-v6-c-button--hover--TextDecorationLine: none;
4467
+ --pf-v6-c-button--hover--TextDecorationStyle: none;
4468
+ --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
4469
+ --pf-v6-c-button--m-clicked--BorderColor: transparent;
4470
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
4471
+ --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
4472
+ --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
4473
+ --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
4474
+ --pf-v6-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
4475
+ --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
4476
+ --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
4477
+ --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
4478
+ --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
4479
+ --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
4480
+ --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
4481
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
4482
+ --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
4483
+ --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
4484
+ --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
4485
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
4486
+ --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
4487
+ --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
4488
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--clicked);
4489
+ --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
4490
+ --pf-v6-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
4491
+ --pf-v6-c-button--m-secondary--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
4492
+ --pf-v6-c-button--m-secondary--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
4493
+ --pf-v6-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
4494
+ --pf-v6-c-button--m-secondary--m-danger--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
4495
+ --pf-v6-c-button--m-secondary--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
4496
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
4497
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor: var(--pf-t--global--border--color--status--danger--clicked);
4498
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
4499
+ --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
4500
+ --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
4501
+ --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
4502
+ --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
4503
+ --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
4504
+ --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
4505
+ --pf-v6-c-button--m-tertiary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
4506
+ --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
4507
+ --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
4508
+ --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
4509
+ --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
4510
+ --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
4511
+ --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
4512
+ --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
4513
+ --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4514
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
4515
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
4516
+ --pf-v6-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4517
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-t--global--text--color--brand--hover);
4518
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
4519
+ --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4520
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
4521
+ --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4522
+ --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4523
+ --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
4524
+ --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4525
+ --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
4526
+ --pf-v6-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
4527
+ --pf-v6-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4528
+ --pf-v6-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
4529
+ --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
4530
+ --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4531
+ --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
4532
+ --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
4533
+ --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
4534
+ --pf-v6-c-button--m-link--m-inline--FontSize: initial;
4535
+ --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
4536
+ --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
4537
+ --pf-v6-c-button--m-link--m-inline--PaddingBlockStart: 0;
4538
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
4539
+ --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
4540
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
4541
+ --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
4542
+ --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
4543
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
4544
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
4545
+ --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
4546
+ --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
4547
+ --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
4548
+ --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
4549
+ --pf-v6-c-button--span--m-link--m-inline--Display: inline;
4550
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
4551
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
4552
+ --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
4553
+ --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
4554
+ --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
4555
+ --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
4556
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
4557
+ --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4558
+ --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
4559
+ --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4560
+ --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
4561
+ --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4562
+ --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
4563
+ --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
4564
+ --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
4565
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4566
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4567
+ --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
4568
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
4569
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
4570
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
4571
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
4572
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
4573
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
4574
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
4575
+ --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
4576
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
4577
+ --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
4578
+ --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
4579
+ --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
4580
+ --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
4581
+ --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4582
+ --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4583
+ --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
4584
+ --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
4585
+ --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
4586
+ --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
4587
+ --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
4588
+ --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
4589
+ --pf-v6-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
4590
+ --pf-v6-c-button--m-control--hover--BorderColor: var(--pf-t--global--border--color--hover);
4591
+ --pf-v6-c-button--m-control--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
4592
+ --pf-v6-c-button--m-control--hover__icon--Color: var(--pf-t--global--icon--color--regular);
4593
+ --pf-v6-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
4594
+ --pf-v6-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
4595
+ --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
4596
+ --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
4597
+ --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
4598
+ --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4599
+ --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4600
+ --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
4601
+ --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4602
+ --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4603
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4604
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4605
+ --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
4606
+ --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
4607
+ --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
4608
+ --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
4609
+ --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
4610
+ --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
4611
+ --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
4612
+ --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
4613
+ --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
4614
+ --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
4615
+ --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
4616
+ --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
4617
+ --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
4618
+ --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
4619
+ --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
4620
+ --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
4621
+ --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
4622
+ --pf-v6-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
4623
+ --pf-v6-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
4624
+ --pf-v6-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
4625
+ --pf-v6-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
4626
+ --pf-v6-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
4627
+ --pf-v6-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
4628
+ --pf-v6-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
4629
+ --pf-v6-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
4630
+ --pf-v6-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
4631
+ --pf-v6-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
4632
+ --pf-v6-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
4633
+ --pf-v6-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
4634
+ --pf-v6-c-button--m-warning--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
4635
+ --pf-v6-c-button--m-warning--m-clicked--Color: var(--pf-t--global--text--color--status--on-warning--clicked);
4636
+ --pf-v6-c-button--m-warning--m-clicked--BackgroundColor: var(--pf-t--global--color--status--warning--clicked);
4637
+ --pf-v6-c-button--m-warning--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-warning--clicked);
4638
+ --pf-v6-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
4639
+ --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
4640
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
4641
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
4642
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
4643
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
4644
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
4645
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
4646
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
4647
+ --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
4648
+ --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
4649
+ --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
4650
+ --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
4651
+ --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
4652
+ --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
4653
+ --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
4654
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
4655
+ --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
4656
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
4657
+ --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
4658
+ --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
4659
+ --pf-v6-c-button--disabled--BorderColor: transparent;
4660
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
4661
+ --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
4662
+ --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
4663
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
4664
+ --pf-v6-c-button__icon--MarginInlineStart: 0;
4665
+ --pf-v6-c-button__icon--MarginInlineEnd: 0;
4666
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
4667
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
4668
+ --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
4669
+ --pf-v6-c-button__progress--Opacity: 0;
4670
+ --pf-v6-c-button__progress--TranslateY: -50%;
4671
+ --pf-v6-c-button__progress--TranslateX: 0;
4672
+ --pf-v6-c-button__progress--InsetBlockStart: 50%;
4673
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4674
+ --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
4675
+ --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
4676
+ --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
4677
+ --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4678
+ --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
4679
+ --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4680
+ --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
4681
+ --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
4682
+ --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
4683
+ --pf-v6-c-button--m-block--Display: flex;
4684
+ --pf-v6-c-button--m-block--Width: 100%;
4647
4685
  }
4648
4686
 
4649
- .pf-v6-c-menu-toggle {
4687
+ .pf-v6-c-button {
4650
4688
  position: relative;
4651
- display: inline-flex;
4652
- gap: var(--pf-v6-c-menu-toggle--Gap);
4653
- align-items: center;
4654
- justify-content: center;
4655
- min-width: var(--pf-v6-c-menu-toggle--MinWidth);
4656
- max-width: 100%;
4657
- padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
4658
- padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
4659
- padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
4660
- padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
4661
- font-size: var(--pf-v6-c-menu-toggle--FontSize);
4662
- line-height: var(--pf-v6-c-menu-toggle--LineHeight);
4663
- color: var(--pf-v6-c-menu-toggle--Color);
4689
+ display: var(--pf-v6-c-button--Display);
4690
+ gap: var(--pf-v6-c-button--Gap);
4691
+ align-items: var(--pf-v6-c-button--AlignItems);
4692
+ justify-content: var(--pf-v6-c-button--JustifyContent);
4693
+ min-width: var(--pf-v6-c-button--MinWidth);
4694
+ padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
4695
+ padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
4696
+ padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
4697
+ padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
4698
+ font-size: var(--pf-v6-c-button--FontSize, inherit);
4699
+ font-weight: var(--pf-v6-c-button--FontWeight, inherit);
4700
+ line-height: var(--pf-v6-c-button--LineHeight, inherit);
4701
+ color: var(--pf-v6-c-button--Color);
4702
+ text-align: center;
4703
+ text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
4704
+ white-space: nowrap;
4664
4705
  cursor: pointer;
4665
- background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
4706
+ user-select: none;
4707
+ background-color: var(--pf-v6-c-button--BackgroundColor);
4666
4708
  border: 0;
4667
- transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
4668
- transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
4669
- transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
4709
+ border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
4710
+ border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
4711
+ border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
4712
+ border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
4713
+ transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
4714
+ transition-duration: var(--pf-v6-c-button--TransitionDuration);
4715
+ transition-property: var(--pf-v6-c-button--TransitionProperty);
4716
+ }
4717
+
4718
+ .pf-v6-c-button::after {
4719
+ position: absolute;
4720
+ inset: 0;
4721
+ pointer-events: none;
4722
+ content: "";
4723
+ border: var(--pf-v6-c-button--BorderWidth) solid;
4724
+ border-color: var(--pf-v6-c-button--BorderColor);
4725
+ border-radius: inherit;
4726
+ transition: inherit;
4727
+ }
4728
+
4729
+ .pf-v6-c-button.pf-m-primary {
4730
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
4731
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
4732
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
4733
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
4734
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
4735
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
4736
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
4737
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
4738
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
4739
+ }
4740
+
4741
+ .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
4742
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
4743
+ }
4744
+
4745
+ .pf-v6-c-button.pf-m-secondary {
4746
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
4747
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
4748
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
4749
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
4750
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
4751
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
4752
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
4753
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
4754
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
4755
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
4756
+ --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
4757
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
4758
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
4759
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
4760
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
4761
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
4762
+ }
4763
+
4764
+ .pf-v6-c-button.pf-m-secondary.pf-m-danger {
4765
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
4766
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
4767
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
4768
+ --pf-v6-c-button--m-danger--BackgroundColor: transparent;
4769
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
4770
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
4771
+ }
4772
+
4773
+ .pf-v6-c-button.pf-m-tertiary {
4774
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
4775
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
4776
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
4777
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
4778
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
4779
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
4780
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
4781
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
4782
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
4783
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
4784
+ }
4785
+
4786
+ .pf-v6-c-button.pf-m-link {
4787
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
4788
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
4789
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
4790
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
4791
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
4792
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
4793
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
4794
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
4795
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
4796
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
4797
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
4798
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
4799
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
4800
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
4801
+ }
4802
+
4803
+ .pf-v6-c-button.pf-m-link.pf-m-inline {
4804
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
4805
+ --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
4806
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
4807
+ --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
4808
+ --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
4809
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
4810
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
4811
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
4812
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
4813
+ --pf-v6-c-button--BackgroundColor: transparent;
4814
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
4815
+ --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
4816
+ --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
4817
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
4818
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
4819
+ --pf-v6-c-button--hover--BackgroundColor: transparent;
4820
+ --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
4821
+ --pf-v6-c-button--disabled--BackgroundColor: transparent;
4822
+ --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
4823
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
4824
+ text-align: start;
4825
+ white-space: normal;
4826
+ outline-offset: 0.125rem;
4827
+ }
4828
+
4829
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
4830
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
4831
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
4832
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
4833
+ }
4834
+
4835
+ .pf-v6-c-button.pf-m-link.pf-m-danger {
4836
+ --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
4837
+ --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
4838
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
4839
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
4840
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
4841
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
4842
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
4843
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
4844
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
4845
+ }
4846
+
4847
+ .pf-v6-c-button.pf-m-link.pf-m-display-lg {
4848
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
4849
+ }
4850
+
4851
+ .pf-v6-c-button.pf-m-warning {
4852
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
4853
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
4854
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
4855
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
4856
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
4857
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
4858
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
4859
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
4860
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
4861
+ }
4862
+
4863
+ .pf-v6-c-button.pf-m-danger {
4864
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
4865
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
4866
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
4867
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
4868
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
4869
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
4870
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
4871
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
4872
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
4873
+ }
4874
+
4875
+ .pf-v6-c-button.pf-m-control {
4876
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
4877
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
4878
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
4879
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
4880
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
4881
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
4882
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
4883
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
4884
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
4885
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
4886
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
4887
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
4888
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
4889
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
4890
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
4891
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
4892
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
4893
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
4894
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
4895
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
4896
+ }
4897
+
4898
+ .pf-v6-c-button.pf-m-stateful {
4899
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
4900
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
4901
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
4902
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
4903
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
4904
+ }
4905
+
4906
+ .pf-v6-c-button.pf-m-read {
4907
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
4908
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
4909
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
4910
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
4911
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
4912
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
4913
+ }
4914
+
4915
+ .pf-v6-c-button.pf-m-unread {
4916
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
4917
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
4918
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
4919
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
4920
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
4921
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
4922
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
4923
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
4924
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
4670
4925
  }
4671
4926
 
4672
- .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
4673
- border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
4927
+ .pf-v6-c-button.pf-m-attention {
4928
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
4929
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
4930
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
4931
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
4932
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
4933
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
4934
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
4935
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
4936
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
4674
4937
  }
4675
4938
 
4676
- .pf-v6-c-menu-toggle::before {
4677
- position: absolute;
4678
- inset-block-start: 0;
4679
- inset-block-end: 0;
4680
- inset-inline-start: 0;
4681
- inset-inline-end: 0;
4682
- z-index: var(--pf-v6-c-menu-toggle--border--ZIndex);
4683
- pointer-events: none;
4684
- content: "";
4685
- border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
4686
- transition: inherit;
4939
+ .pf-v6-c-button.pf-m-plain {
4940
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
4941
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
4942
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
4943
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
4944
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
4945
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
4946
+ --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
4947
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
4948
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
4949
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
4950
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
4951
+ --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
4952
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
4953
+ --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
4954
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
4955
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
4687
4956
  }
4688
4957
 
4689
- .pf-v6-c-menu-toggle.pf-m-primary {
4690
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
4691
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd);
4692
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-primary--Color);
4693
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--BackgroundColor);
4694
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-primary--BorderRadius);
4695
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--BorderColor);
4696
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
4697
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
4698
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
4699
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
4700
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
4701
- --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
4702
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
4703
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
4704
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
4705
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
4706
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
4958
+ .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
4959
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
4960
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
4961
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
4962
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
4963
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
4964
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
4965
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
4966
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
4967
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
4968
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
4969
+ min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
4707
4970
  }
4708
4971
 
4709
- .pf-v6-c-menu-toggle.pf-m-secondary {
4710
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
4711
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
4712
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
4713
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
4714
- --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
4715
- --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
4716
- --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
4717
- --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
4718
- --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
4719
- --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
4720
- --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
4721
- --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
4722
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
4723
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
4724
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
4972
+ .pf-v6-c-button.pf-m-block {
4973
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
4974
+ width: var(--pf-v6-c-button--m-block--Width);
4725
4975
  }
4726
4976
 
4727
- .pf-v6-c-menu-toggle.pf-m-full-height {
4728
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
4729
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart);
4730
- --pf-v6-c-menu-toggle--BorderBlockStartWidth: var(--pf-v6-c-menu-toggle--m-full-height__toggle--BorderBlockStartWidth);
4731
- align-items: center;
4732
- height: 100%;
4977
+ .pf-v6-c-button.pf-m-small {
4978
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
4979
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
4980
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
4981
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
4733
4982
  }
4734
4983
 
4735
- .pf-v6-c-menu-toggle.pf-m-full-width {
4736
- width: 100%;
4984
+ .pf-v6-c-button.pf-m-display-lg {
4985
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
4986
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
4987
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
4988
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
4989
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
4737
4990
  }
4738
4991
 
4739
- .pf-v6-c-menu-toggle.pf-m-plain {
4740
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
4741
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
4742
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
4743
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
4744
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
4745
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
4746
- --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
4747
- --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
4748
- --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
4749
- --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
4750
- --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
4751
- --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
4752
- --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
4753
- --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
4992
+ .pf-v6-c-button:hover, .pf-v6-c-button:focus {
4993
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
4994
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
4995
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
4996
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
4997
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
4998
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
4999
+ text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
4754
5000
  }
4755
5001
 
4756
- .pf-v6-c-menu-toggle.pf-m-plain::before {
4757
- border: none;
5002
+ .pf-v6-c-button.pf-m-clicked {
5003
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
5004
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
5005
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
5006
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
5007
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
4758
5008
  }
4759
5009
 
4760
- .pf-v6-c-menu-toggle:is(:hover, :focus) {
4761
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
4762
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
4763
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
4764
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
4765
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
5010
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
5011
+ pointer-events: none;
4766
5012
  }
4767
5013
 
4768
- .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
4769
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
4770
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
4771
- --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
4772
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
4773
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
5014
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5015
+ color: var(--pf-v6-c-button--disabled--Color);
5016
+ background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
4774
5017
  }
4775
5018
 
4776
- .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
4777
- border: 0;
5019
+ .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
5020
+ border-color: transparent;
4778
5021
  }
4779
5022
 
4780
- .pf-v6-c-menu-toggle.pf-m-small {
4781
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
4782
- --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
4783
- --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
4784
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
4785
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
4786
- --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
4787
- --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);
4788
- --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);
5023
+ .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 {
5024
+ color: var(--pf-v6-c-button--disabled__icon--Color);
4789
5025
  }
4790
5026
 
4791
- .pf-v6-c-menu-toggle.pf-m-success {
4792
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
4793
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
5027
+ .pf-v6-c-button.pf-m-aria-disabled {
5028
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
5029
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
5030
+ cursor: default;
4794
5031
  }
4795
5032
 
4796
- .pf-v6-c-menu-toggle.pf-m-warning {
4797
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
4798
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
5033
+ .pf-v6-c-button.pf-m-progress {
5034
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
5035
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
4799
5036
  }
4800
5037
 
4801
- .pf-v6-c-menu-toggle.pf-m-danger {
4802
- --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
4803
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
5038
+ .pf-v6-c-button.pf-m-in-progress {
5039
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
4804
5040
  }
4805
5041
 
4806
- .pf-v6-c-menu-toggle.pf-m-placeholder {
4807
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
5042
+ .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
5043
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
5044
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
4808
5045
  }
4809
5046
 
4810
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
4811
- --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
4812
- --pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
4813
- --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
4814
- --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
4815
- --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
5047
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
5048
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
5049
+ --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
4816
5050
  }
4817
5051
 
4818
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
4819
- .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
4820
- pointer-events: none;
5052
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
5053
+ opacity: 0;
4821
5054
  }
4822
5055
 
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;
5056
+ .pf-v6-c-button__icon {
5057
+ margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
5058
+ margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
5059
+ color: var(--pf-v6-c-button__icon--Color);
4827
5060
  }
4828
5061
 
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);
5062
+ .pf-v6-c-button__icon.pf-m-start {
5063
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
4835
5064
  }
4836
5065
 
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);
5066
+ .pf-v6-c-button__icon.pf-m-end {
5067
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
4840
5068
  }
4841
5069
 
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);
5070
+ .pf-v6-c-button__progress {
5071
+ position: absolute;
5072
+ inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
5073
+ inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
5074
+ line-height: 1;
5075
+ color: var(--pf-v6-c-button__progress--Color);
5076
+ transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
4845
5077
  }
4846
5078
 
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;
5079
+ .pf-v6-c-button__progress .pf-v6-c-spinner {
5080
+ --pf-v6-c-spinner--Color: currentcolor;
5081
+ }
5082
+
5083
+ .pf-v6-c-button__count {
5084
+ display: inline-flex;
4850
5085
  align-items: center;
4851
- align-self: stretch;
4852
5086
  }
4853
5087
 
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;
5088
+ .pf-v6-c-divider {
5089
+ --pf-v6-c-divider--Display: flex;
5090
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
5091
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
5092
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4857
5093
  }
4858
5094
 
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);
5095
+ .pf-v6-c-divider {
5096
+ flex-direction: row;
5097
+ width: 100%;
5098
+ height: var(--pf-v6-c-divider--Size);
5099
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
5100
+ --pf-v6-hidden-visible--hidden--Display: none;
5101
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5102
+ display: var(--pf-v6-hidden-visible--Display);
5103
+ flex-shrink: 0;
5104
+ align-items: stretch;
5105
+ align-self: stretch;
5106
+ justify-content: center;
5107
+ border: 0;
4861
5108
  }
4862
5109
 
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);
5110
+ .pf-v6-c-divider.pf-m-hidden {
5111
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4865
5112
  }
4866
5113
 
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);
5114
+ @media screen and (min-width: 36rem) {
5115
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
5116
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5117
+ }
5118
+ .pf-v6-c-divider.pf-m-visible-on-sm {
5119
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5120
+ }
4870
5121
  }
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);
5122
+ @media screen and (min-width: 48rem) {
5123
+ .pf-v6-c-divider.pf-m-hidden-on-md {
5124
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5125
+ }
5126
+ .pf-v6-c-divider.pf-m-visible-on-md {
5127
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5128
+ }
4875
5129
  }
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);
5130
+ @media screen and (min-width: 62rem) {
5131
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
5132
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5133
+ }
5134
+ .pf-v6-c-divider.pf-m-visible-on-lg {
5135
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5136
+ }
4879
5137
  }
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);
5138
+ @media screen and (min-width: 75rem) {
5139
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
5140
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5141
+ }
5142
+ .pf-v6-c-divider.pf-m-visible-on-xl {
5143
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5144
+ }
4883
5145
  }
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);
5146
+ @media screen and (min-width: 90.625rem) {
5147
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
5148
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5149
+ }
5150
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
5151
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5152
+ }
4889
5153
  }
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);
5154
+ .pf-v6-c-divider::before {
5155
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5156
+ content: "";
5157
+ background-color: var(--pf-v6-c-divider--Color);
4895
5158
  }
4896
5159
 
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);
5160
+ .pf-v6-c-divider.pf-m-horizontal {
5161
+ flex-direction: row;
5162
+ width: 100%;
5163
+ height: var(--pf-v6-c-divider--Size);
4899
5164
  }
4900
5165
 
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);
5166
+ .pf-v6-c-divider.pf-m-vertical {
5167
+ flex-direction: column;
5168
+ width: var(--pf-v6-c-divider--Size);
5169
+ height: inherit;
4905
5170
  }
4906
5171
 
4907
- .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
4908
- content: none;
5172
+ .pf-v6-c-divider.pf-m-inset-none {
5173
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
4909
5174
  }
4910
5175
 
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;
5176
+ .pf-v6-c-divider.pf-m-inset-xs {
5177
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4916
5178
  }
4917
5179
 
4918
- .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
4919
- --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5180
+ .pf-v6-c-divider.pf-m-inset-sm {
5181
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4920
5182
  }
4921
5183
 
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;
5184
+ .pf-v6-c-divider.pf-m-inset-md {
5185
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4926
5186
  }
4927
5187
 
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;
5188
+ .pf-v6-c-divider.pf-m-inset-lg {
5189
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4931
5190
  }
4932
5191
 
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;
5192
+ .pf-v6-c-divider.pf-m-inset-xl {
5193
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4942
5194
  }
4943
5195
 
4944
- .pf-v6-c-menu-toggle__button.pf-m-text {
4945
- display: inline-flex;
4946
- align-items: baseline;
5196
+ .pf-v6-c-divider.pf-m-inset-2xl {
5197
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4947
5198
  }
4948
5199
 
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);
5200
+ .pf-v6-c-divider.pf-m-inset-3xl {
5201
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4952
5202
  }
4953
5203
 
4954
- .pf-v6-c-menu-toggle__text {
4955
- overflow: hidden;
4956
- text-overflow: ellipsis;
4957
- white-space: nowrap;
4958
- min-width: 0;
5204
+ @media (min-width: 36rem) {
5205
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
5206
+ flex-direction: row;
5207
+ width: 100%;
5208
+ height: var(--pf-v6-c-divider--Size);
5209
+ }
4959
5210
  }
4960
-
4961
- .pf-v6-c-menu-toggle__count {
4962
- display: flex;
4963
- flex-wrap: nowrap;
5211
+ @media (min-width: 36rem) {
5212
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
5213
+ flex-direction: column;
5214
+ width: var(--pf-v6-c-divider--Size);
5215
+ height: inherit;
5216
+ }
4964
5217
  }
4965
-
4966
- .pf-v6-c-menu-toggle__icon {
4967
- flex-shrink: 0;
5218
+ @media (min-width: 36rem) {
5219
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
5220
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5221
+ }
5222
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
5223
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5224
+ }
5225
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
5226
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5227
+ }
5228
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
5229
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5230
+ }
5231
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
5232
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5233
+ }
5234
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
5235
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5236
+ }
5237
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
5238
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5239
+ }
5240
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
5241
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5242
+ }
4968
5243
  }
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);
5244
+ @media (min-width: 48rem) {
5245
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
5246
+ flex-direction: row;
5247
+ width: 100%;
5248
+ height: var(--pf-v6-c-divider--Size);
5249
+ }
4975
5250
  }
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;
5251
+ @media (min-width: 48rem) {
5252
+ .pf-v6-c-divider.pf-m-vertical-on-md {
5253
+ flex-direction: column;
5254
+ width: var(--pf-v6-c-divider--Size);
5255
+ height: inherit;
5256
+ }
4983
5257
  }
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);
5258
+ @media (min-width: 48rem) {
5259
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
5260
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5261
+ }
5262
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
5263
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5264
+ }
5265
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
5266
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5267
+ }
5268
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
5269
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5270
+ }
5271
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
5272
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5273
+ }
5274
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
5275
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5276
+ }
5277
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
5278
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5279
+ }
5280
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
5281
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5282
+ }
4988
5283
  }
4989
-
4990
- .pf-v6-c-menu-toggle__status-icon {
4991
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5284
+ @media (min-width: 62rem) {
5285
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
5286
+ flex-direction: row;
5287
+ width: 100%;
5288
+ height: var(--pf-v6-c-divider--Size);
5289
+ }
5290
+ }
5291
+ @media (min-width: 62rem) {
5292
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
5293
+ flex-direction: column;
5294
+ width: var(--pf-v6-c-divider--Size);
5295
+ height: inherit;
5296
+ }
4992
5297
  }
4993
-
4994
- .pf-v6-c-button {
4995
- --pf-v6-c-button--Display: inline-flex;
4996
- --pf-v6-c-button--AlignItems: baseline;
4997
- --pf-v6-c-button--JustifyContent: center;
4998
- --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4999
- --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
5000
- --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
5001
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5002
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
5003
- --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5004
- --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
5005
- --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
5006
- --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
5007
- --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
5008
- --pf-v6-c-button--BackgroundColor: transparent;
5009
- --pf-v6-c-button--BorderColor: transparent;
5010
- --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
5011
- --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
5012
- --pf-v6-c-button--TextDecorationLine: none;
5013
- --pf-v6-c-button--TextDecorationStyle: none;
5014
- --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
5015
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
5016
- --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
5017
- --pf-v6-c-button--hover--BackgroundColor: transparent;
5018
- --pf-v6-c-button--hover--BorderColor: transparent;
5019
- --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
5020
- --pf-v6-c-button--hover--TextDecorationLine: none;
5021
- --pf-v6-c-button--hover--TextDecorationStyle: none;
5022
- --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
5023
- --pf-v6-c-button--m-clicked--BorderColor: transparent;
5024
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5025
- --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
5026
- --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
5027
- --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
5028
- --pf-v6-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
5029
- --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
5030
- --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
5031
- --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
5032
- --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
5033
- --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
5034
- --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
5035
- --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
5036
- --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
5037
- --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
5038
- --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5039
- --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
5040
- --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
5041
- --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5042
- --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--clicked);
5043
- --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5044
- --pf-v6-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
5045
- --pf-v6-c-button--m-secondary--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5046
- --pf-v6-c-button--m-secondary--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5047
- --pf-v6-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
5048
- --pf-v6-c-button--m-secondary--m-danger--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
5049
- --pf-v6-c-button--m-secondary--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
5050
- --pf-v6-c-button--m-secondary--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
5051
- --pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor: var(--pf-t--global--border--color--status--danger--clicked);
5052
- --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
5053
- --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
5054
- --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
5055
- --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
5056
- --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
5057
- --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5058
- --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
5059
- --pf-v6-c-button--m-tertiary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
5060
- --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5061
- --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
5062
- --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5063
- --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
5064
- --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
5065
- --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
5066
- --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
5067
- --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5068
- --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
5069
- --pf-v6-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
5070
- --pf-v6-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5071
- --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-t--global--text--color--brand--hover);
5072
- --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5073
- --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5074
- --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
5075
- --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5076
- --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5077
- --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
5078
- --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5079
- --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
5080
- --pf-v6-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
5081
- --pf-v6-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5082
- --pf-v6-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
5083
- --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
5084
- --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5085
- --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
5086
- --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
5087
- --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
5088
- --pf-v6-c-button--m-link--m-inline--FontSize: initial;
5089
- --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
5090
- --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
5091
- --pf-v6-c-button--m-link--m-inline--PaddingBlockStart: 0;
5092
- --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
5093
- --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
5094
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
5095
- --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
5096
- --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
5097
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
5098
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
5099
- --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
5100
- --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
5101
- --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
5102
- --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
5103
- --pf-v6-c-button--span--m-link--m-inline--Display: inline;
5104
- --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
5105
- --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
5106
- --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
5107
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
5108
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
5109
- --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
5110
- --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
5111
- --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5112
- --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
5113
- --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5114
- --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
5115
- --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5116
- --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
5117
- --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
5118
- --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
5119
- --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5120
- --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5121
- --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
5122
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
5123
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
5124
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
5125
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
5126
- --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
5127
- --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
5128
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
5129
- --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
5130
- --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
5131
- --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
5132
- --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
5133
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
5134
- --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
5135
- --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5136
- --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5137
- --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
5138
- --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
5139
- --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
5140
- --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
5141
- --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
5142
- --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
5143
- --pf-v6-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
5144
- --pf-v6-c-button--m-control--hover--BorderColor: var(--pf-t--global--border--color--hover);
5145
- --pf-v6-c-button--m-control--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
5146
- --pf-v6-c-button--m-control--hover__icon--Color: var(--pf-t--global--icon--color--regular);
5147
- --pf-v6-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
5148
- --pf-v6-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
5149
- --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
5150
- --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
5151
- --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
5152
- --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5153
- --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5154
- --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
5155
- --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5156
- --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5157
- --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5158
- --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5159
- --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
5160
- --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
5161
- --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
5162
- --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
5163
- --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
5164
- --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
5165
- --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
5166
- --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
5167
- --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
5168
- --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
5169
- --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
5170
- --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
5171
- --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
5172
- --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
5173
- --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
5174
- --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
5175
- --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
5176
- --pf-v6-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
5177
- --pf-v6-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
5178
- --pf-v6-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
5179
- --pf-v6-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
5180
- --pf-v6-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
5181
- --pf-v6-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
5182
- --pf-v6-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
5183
- --pf-v6-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
5184
- --pf-v6-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
5185
- --pf-v6-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
5186
- --pf-v6-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
5187
- --pf-v6-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
5188
- --pf-v6-c-button--m-warning--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
5189
- --pf-v6-c-button--m-warning--m-clicked--Color: var(--pf-t--global--text--color--status--on-warning--clicked);
5190
- --pf-v6-c-button--m-warning--m-clicked--BackgroundColor: var(--pf-t--global--color--status--warning--clicked);
5191
- --pf-v6-c-button--m-warning--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-warning--clicked);
5192
- --pf-v6-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
5193
- --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
5194
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
5195
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
5196
- --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
5197
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
5198
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
5199
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
5200
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
5201
- --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
5202
- --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
5203
- --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
5204
- --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
5205
- --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
5206
- --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
5207
- --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
5208
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
5209
- --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
5210
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
5211
- --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
5212
- --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5213
- --pf-v6-c-button--disabled--BorderColor: transparent;
5214
- --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
5215
- --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
5216
- --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
5217
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
5218
- --pf-v6-c-button__icon--MarginInlineStart: 0;
5219
- --pf-v6-c-button__icon--MarginInlineEnd: 0;
5220
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
5221
- --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
5222
- --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
5223
- --pf-v6-c-button__progress--Opacity: 0;
5224
- --pf-v6-c-button__progress--TranslateY: -50%;
5225
- --pf-v6-c-button__progress--TranslateX: 0;
5226
- --pf-v6-c-button__progress--InsetBlockStart: 50%;
5227
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5228
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
5229
- --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
5230
- --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
5231
- --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5232
- --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
5233
- --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
5234
- --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
5235
- --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
5236
- --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
5237
- --pf-v6-c-button--m-block--Display: flex;
5238
- --pf-v6-c-button--m-block--Width: 100%;
5298
+ @media (min-width: 62rem) {
5299
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
5300
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5301
+ }
5302
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
5303
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5304
+ }
5305
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
5306
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5307
+ }
5308
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
5309
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5310
+ }
5311
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
5312
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5313
+ }
5314
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
5315
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5316
+ }
5317
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
5318
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5319
+ }
5320
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
5321
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5322
+ }
5323
+ }
5324
+ @media (min-width: 75rem) {
5325
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
5326
+ flex-direction: row;
5327
+ width: 100%;
5328
+ height: var(--pf-v6-c-divider--Size);
5329
+ }
5330
+ }
5331
+ @media (min-width: 75rem) {
5332
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
5333
+ flex-direction: column;
5334
+ width: var(--pf-v6-c-divider--Size);
5335
+ height: inherit;
5336
+ }
5337
+ }
5338
+ @media (min-width: 75rem) {
5339
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
5340
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5341
+ }
5342
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
5343
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5344
+ }
5345
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
5346
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5347
+ }
5348
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
5349
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5350
+ }
5351
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
5352
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5353
+ }
5354
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
5355
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5356
+ }
5357
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
5358
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5359
+ }
5360
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
5361
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5362
+ }
5363
+ }
5364
+ @media (min-width: 90.625rem) {
5365
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
5366
+ flex-direction: row;
5367
+ width: 100%;
5368
+ height: var(--pf-v6-c-divider--Size);
5369
+ }
5370
+ }
5371
+ @media (min-width: 90.625rem) {
5372
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
5373
+ flex-direction: column;
5374
+ width: var(--pf-v6-c-divider--Size);
5375
+ height: inherit;
5376
+ }
5377
+ }
5378
+ @media (min-width: 90.625rem) {
5379
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
5380
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5381
+ }
5382
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
5383
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5384
+ }
5385
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
5386
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5387
+ }
5388
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
5389
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5390
+ }
5391
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
5392
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5393
+ }
5394
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
5395
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5396
+ }
5397
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
5398
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5399
+ }
5400
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
5401
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5402
+ }
5403
+ }
5404
+ .pf-v6-c-menu-toggle {
5405
+ --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5406
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
5407
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5408
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
5409
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5410
+ --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));
5411
+ --pf-v6-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
5412
+ --pf-v6-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
5413
+ --pf-v6-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
5414
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
5415
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
5416
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
5417
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--action--default);
5418
+ --pf-v6-c-menu-toggle--border--ZIndex: var(--pf-t--global--z-index--xs);
5419
+ --pf-v6-c-menu-toggle--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
5420
+ --pf-v6-c-menu-toggle--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
5421
+ --pf-v6-c-menu-toggle--TransitionProperty: color, background-color, border-width, border-color;
5422
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
5423
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
5424
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--action--default);
5425
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
5426
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5427
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
5428
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
5429
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5430
+ --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
5431
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5432
+ --pf-v6-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
5433
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
5434
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--on-disabled);
5435
+ --pf-v6-c-menu-toggle--disabled__status-icon--Color: var(--pf-t--global--icon--color--on-disabled);
5436
+ --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5437
+ --pf-v6-c-menu-toggle__icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
5438
+ --pf-v6-c-menu-toggle__icon--Color: var(--pf-t--global--icon--color--regular);
5439
+ --pf-v6-c-menu-toggle__toggle-icon--MinHeight: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight));
5440
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5441
+ --pf-v6-c-menu-toggle--m-primary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5442
+ --pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5443
+ --pf-v6-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
5444
+ --pf-v6-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
5445
+ --pf-v6-c-menu-toggle--m-primary--BorderRadius: var(--pf-t--global--border--radius--pill);
5446
+ --pf-v6-c-menu-toggle--m-primary--BorderColor: transparent;
5447
+ --pf-v6-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
5448
+ --pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
5449
+ --pf-v6-c-menu-toggle--m-primary--hover--BorderColor: transparent;
5450
+ --pf-v6-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
5451
+ --pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
5452
+ --pf-v6-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
5453
+ --pf-v6-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
5454
+ --pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
5455
+ --pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
5456
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
5457
+ --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
5458
+ --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5459
+ --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5460
+ --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
5461
+ --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
5462
+ --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
5463
+ --pf-v6-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5464
+ --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
5465
+ --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
5466
+ --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
5467
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5468
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
5469
+ --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
5470
+ --pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--hover);
5471
+ --pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5472
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
5473
+ --pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
5474
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--spacious);
5475
+ --pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--spacious);
5476
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
5477
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5478
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartWidth: var(--pf-t--global--border--width--action--default);
5479
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
5480
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderRadius: var(--pf-t--global--border--radius--pill);
5481
+ --pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor: var(--pf-t--global--icon--color--on-disabled);
5482
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--default);
5483
+ --pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--default);
5484
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineStart--offset: var(--pf-t--global--spacer--control--horizontal--compact);
5485
+ --pf-v6-c-menu-toggle--m-split-button--m-small--pill--child--PaddingInlineEnd--offset: var(--pf-t--global--spacer--control--horizontal--compact);
5486
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
5487
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
5488
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor: var(--pf-t--global--border--color--default);
5489
+ --pf-v6-c-menu-toggle--m-split-button--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
5490
+ --pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor: var(--pf-t--global--color--brand--default);
5491
+ --pf-v6-c-menu-toggle__button--BackgroundColor: transparent;
5492
+ --pf-v6-c-menu-toggle__button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5493
+ --pf-v6-c-menu-toggle__button--AlignSelf: baseline;
5494
+ --pf-v6-c-menu-toggle__button--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--plain);
5495
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--plain);
5496
+ --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));
5497
+ --pf-v6-c-menu-toggle__button--m-text--PaddingInlineStart: var(--pf-t--global--spacer--sm);
5498
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5499
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5500
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5501
+ --pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5502
+ --pf-v6-c-menu-toggle--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
5503
+ --pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
5504
+ --pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
5505
+ --pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5506
+ --pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
5507
+ --pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5508
+ --pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5509
+ --pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
5510
+ --pf-v6-c-menu-toggle--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
5511
+ --pf-v6-c-menu-toggle--m-plain--disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
5512
+ --pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor: transparent;
5513
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5514
+ --pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5515
+ --pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
5516
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
5517
+ --pf-v6-c-menu-toggle--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
5518
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5519
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5520
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
5521
+ --pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
5522
+ --pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5523
+ --pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
5524
+ --pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5525
+ --pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5526
+ --pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5527
+ --pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
5528
+ --pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
5239
5529
  }
5240
5530
 
5241
- .pf-v6-c-button {
5531
+ .pf-v6-c-menu-toggle {
5242
5532
  position: relative;
5243
- display: var(--pf-v6-c-button--Display);
5244
- gap: var(--pf-v6-c-button--Gap);
5245
- align-items: var(--pf-v6-c-button--AlignItems);
5246
- justify-content: var(--pf-v6-c-button--JustifyContent);
5247
- min-width: var(--pf-v6-c-button--MinWidth);
5248
- padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
5249
- padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
5250
- padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
5251
- padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
5252
- font-size: var(--pf-v6-c-button--FontSize, inherit);
5253
- font-weight: var(--pf-v6-c-button--FontWeight, inherit);
5254
- line-height: var(--pf-v6-c-button--LineHeight, inherit);
5255
- color: var(--pf-v6-c-button--Color);
5256
- text-align: center;
5257
- text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
5258
- white-space: nowrap;
5533
+ display: inline-flex;
5534
+ gap: var(--pf-v6-c-menu-toggle--Gap);
5535
+ align-items: center;
5536
+ justify-content: center;
5537
+ min-width: var(--pf-v6-c-menu-toggle--MinWidth);
5538
+ max-width: 100%;
5539
+ padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
5540
+ padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
5541
+ padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
5542
+ padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
5543
+ font-size: var(--pf-v6-c-menu-toggle--FontSize);
5544
+ line-height: var(--pf-v6-c-menu-toggle--LineHeight);
5545
+ color: var(--pf-v6-c-menu-toggle--Color);
5259
5546
  cursor: pointer;
5260
- user-select: none;
5261
- background-color: var(--pf-v6-c-button--BackgroundColor);
5547
+ background-color: var(--pf-v6-c-menu-toggle--BackgroundColor);
5262
5548
  border: 0;
5263
- border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
5264
- border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
5265
- border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
5266
- border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
5267
- transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
5268
- transition-duration: var(--pf-v6-c-button--TransitionDuration);
5269
- transition-property: var(--pf-v6-c-button--TransitionProperty);
5549
+ transition-timing-function: var(--pf-v6-c-menu-toggle--TransitionTimingFunction);
5550
+ transition-duration: var(--pf-v6-c-menu-toggle--TransitionDuration);
5551
+ transition-property: var(--pf-v6-c-menu-toggle--TransitionProperty);
5270
5552
  }
5271
5553
 
5272
- .pf-v6-c-button::after {
5554
+ .pf-v6-c-menu-toggle, .pf-v6-c-menu-toggle::before {
5555
+ border-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5556
+ }
5557
+
5558
+ .pf-v6-c-menu-toggle::before {
5273
5559
  position: absolute;
5274
- inset: 0;
5560
+ inset-block-start: 0;
5561
+ inset-block-end: 0;
5562
+ inset-inline-start: 0;
5563
+ inset-inline-end: 0;
5564
+ z-index: var(--pf-v6-c-menu-toggle--border--ZIndex);
5275
5565
  pointer-events: none;
5276
5566
  content: "";
5277
- border: var(--pf-v6-c-button--BorderWidth) solid;
5278
- border-color: var(--pf-v6-c-button--BorderColor);
5279
- border-radius: inherit;
5567
+ border: var(--pf-v6-c-menu-toggle--BorderWidth) solid var(--pf-v6-c-menu-toggle--BorderColor);
5280
5568
  transition: inherit;
5281
5569
  }
5282
5570
 
5283
- .pf-v6-c-button.pf-m-primary {
5284
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
5285
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
5286
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
5287
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
5288
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
5289
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
5290
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
5291
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
5292
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
5293
- }
5294
-
5295
- .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
5296
- --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
5297
- }
5298
-
5299
- .pf-v6-c-button.pf-m-secondary {
5300
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
5301
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
5302
- --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
5303
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
5304
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
5305
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
5306
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
5307
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
5308
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
5309
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
5310
- --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
5311
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
5312
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
5313
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
5314
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
5315
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
5316
- }
5317
-
5318
- .pf-v6-c-button.pf-m-secondary.pf-m-danger {
5319
- --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
5320
- --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
5321
- --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
5322
- --pf-v6-c-button--m-danger--BackgroundColor: transparent;
5323
- --pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
5324
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
5571
+ .pf-v6-c-menu-toggle.pf-m-primary {
5572
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineStart);
5573
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--PaddingInlineEnd);
5574
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-primary--Color);
5575
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--BackgroundColor);
5576
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-primary--BorderRadius);
5577
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--BorderColor);
5578
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-primary--hover--Color);
5579
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BackgroundColor);
5580
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--hover--BorderColor);
5581
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded--Color);
5582
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BackgroundColor);
5583
+ --pf-v6-c-menu-toggle--expanded--BorderColor: var(--pf-v6-c-menu-toggle--m-primary--expanded--BorderColor);
5584
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--hover__toggle-icon--Color);
5585
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
5586
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-primary__toggle-icon--Color);
5587
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineStart);
5588
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd);
5325
5589
  }
5326
5590
 
5327
- .pf-v6-c-button.pf-m-tertiary {
5328
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
5329
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
5330
- --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
5331
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
5332
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
5333
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
5334
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
5335
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
5336
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
5337
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
5591
+ .pf-v6-c-menu-toggle.pf-m-secondary {
5592
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
5593
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
5594
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
5595
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
5596
+ --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
5597
+ --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
5598
+ --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
5599
+ --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
5600
+ --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
5601
+ --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
5602
+ --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
5603
+ --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
5604
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color);
5605
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineStart);
5606
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--m-small--PaddingInlineEnd);
5338
5607
  }
5339
5608
 
5340
- .pf-v6-c-button.pf-m-link {
5341
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
5342
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
5343
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
5344
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
5345
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
5346
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
5347
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
5348
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
5349
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
5350
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
5351
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
5352
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
5353
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
5354
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
5609
+ .pf-v6-c-menu-toggle.pf-m-full-height {
5610
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineEnd);
5611
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-full-height--PaddingInlineStart);
5612
+ --pf-v6-c-menu-toggle--BorderBlockStartWidth: var(--pf-v6-c-menu-toggle--m-full-height__toggle--BorderBlockStartWidth);
5613
+ align-items: center;
5614
+ height: 100%;
5355
5615
  }
5356
5616
 
5357
- .pf-v6-c-button.pf-m-link.pf-m-inline {
5358
- --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
5359
- --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
5360
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
5361
- --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
5362
- --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
5363
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
5364
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
5365
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
5366
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
5367
- --pf-v6-c-button--BackgroundColor: transparent;
5368
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
5369
- --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
5370
- --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
5371
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
5372
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
5373
- --pf-v6-c-button--hover--BackgroundColor: transparent;
5374
- --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
5375
- --pf-v6-c-button--disabled--BackgroundColor: transparent;
5376
- --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
5377
- --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
5378
- text-align: start;
5379
- white-space: normal;
5380
- outline-offset: 0.125rem;
5617
+ .pf-v6-c-menu-toggle.pf-m-full-width {
5618
+ width: 100%;
5381
5619
  }
5382
5620
 
5383
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
5384
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
5385
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
5386
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
5621
+ .pf-v6-c-menu-toggle.pf-m-plain {
5622
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineStart);
5623
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--PaddingInlineEnd);
5624
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
5625
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5626
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
5627
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
5628
+ --pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
5629
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
5630
+ --pf-v6-c-menu-toggle--disabled--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled--Color);
5631
+ --pf-v6-c-menu-toggle--disabled__icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
5632
+ --pf-v6-c-menu-toggle--disabled__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-plain--disabled__icon--Color);
5633
+ --pf-v6-c-menu-toggle--disabled--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--disabled--BackgroundColor);
5634
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineStart);
5635
+ --pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-plain--m-small--PaddingInlineEnd);
5387
5636
  }
5388
5637
 
5389
- .pf-v6-c-button.pf-m-link.pf-m-danger {
5390
- --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
5391
- --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
5392
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
5393
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
5394
- --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
5395
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
5396
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
5397
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
5398
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
5638
+ .pf-v6-c-menu-toggle.pf-m-plain::before {
5639
+ border: none;
5399
5640
  }
5400
5641
 
5401
- .pf-v6-c-button.pf-m-link.pf-m-display-lg {
5402
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
5642
+ .pf-v6-c-menu-toggle:is(:hover, :focus) {
5643
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--hover--Color);
5644
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--hover--BackgroundColor);
5645
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--hover--BorderWidth);
5646
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--hover--BorderColor);
5647
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--hover__toggle-icon--Color);
5403
5648
  }
5404
5649
 
5405
- .pf-v6-c-button.pf-m-warning {
5406
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
5407
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
5408
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
5409
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
5410
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
5411
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
5412
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
5413
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
5414
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
5650
+ .pf-v6-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
5651
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--expanded--Color);
5652
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--expanded--BackgroundColor);
5653
+ --pf-v6-c-menu-toggle--BorderWidth: var(--pf-v6-c-menu-toggle--expanded--BorderWidth);
5654
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--expanded--BorderColor);
5655
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--expanded__toggle-icon--Color);
5415
5656
  }
5416
5657
 
5417
- .pf-v6-c-button.pf-m-danger {
5418
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
5419
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
5420
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
5421
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
5422
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
5423
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
5424
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
5425
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
5426
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
5658
+ .pf-v6-c-menu-toggle.pf-m-primary::before, .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
5659
+ border: 0;
5427
5660
  }
5428
5661
 
5429
- .pf-v6-c-button.pf-m-control {
5430
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
5431
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
5432
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
5433
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
5434
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
5435
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
5436
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
5437
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
5438
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
5439
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
5440
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
5441
- --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
5442
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
5443
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
5444
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
5445
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
5446
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
5447
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
5448
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
5449
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
5662
+ .pf-v6-c-menu-toggle.pf-m-small {
5663
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockStart);
5664
+ --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingBlockEnd);
5665
+ --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineStart);
5666
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd);
5667
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineStart);
5668
+ --pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-small__button--toggle-icon--PaddingInlineEnd);
5669
+ --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);
5670
+ --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);
5450
5671
  }
5451
5672
 
5452
- .pf-v6-c-button.pf-m-stateful {
5453
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
5454
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
5455
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
5456
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
5457
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
5673
+ .pf-v6-c-menu-toggle.pf-m-success {
5674
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-success--BorderColor);
5675
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-success__status-icon--Color);
5458
5676
  }
5459
5677
 
5460
- .pf-v6-c-button.pf-m-read {
5461
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
5462
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
5463
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
5464
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
5465
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
5466
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
5678
+ .pf-v6-c-menu-toggle.pf-m-warning {
5679
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-warning--BorderColor);
5680
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-warning__status-icon--Color);
5467
5681
  }
5468
5682
 
5469
- .pf-v6-c-button.pf-m-unread {
5470
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
5471
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
5472
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
5473
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
5474
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
5475
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
5476
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
5477
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
5478
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
5683
+ .pf-v6-c-menu-toggle.pf-m-danger {
5684
+ --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
5685
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
5479
5686
  }
5480
5687
 
5481
- .pf-v6-c-button.pf-m-attention {
5482
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
5483
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
5484
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
5485
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
5486
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
5487
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
5488
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
5489
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
5490
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
5688
+ .pf-v6-c-menu-toggle.pf-m-placeholder {
5689
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
5491
5690
  }
5492
5691
 
5493
- .pf-v6-c-button.pf-m-plain {
5494
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
5495
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
5496
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
5497
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
5498
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
5499
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
5500
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
5501
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
5502
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
5503
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
5504
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
5505
- --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
5506
- --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
5507
- --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
5508
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
5509
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
5692
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) {
5693
+ --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--disabled--Color);
5694
+ --pf-v6-c-menu-toggle__icon--Color: var(--pf-v6-c-menu-toggle--disabled__icon--Color);
5695
+ --pf-v6-c-menu-toggle__toggle-icon--Color: var(--pf-v6-c-menu-toggle--disabled__toggle-icon--Color);
5696
+ --pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--disabled__status-icon--Color);
5697
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--disabled--BackgroundColor);
5510
5698
  }
5511
5699
 
5512
- .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
5513
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
5514
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
5515
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
5516
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
5517
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
5518
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
5519
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
5520
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
5521
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
5522
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
5523
- min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
5700
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled),
5701
+ .pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v6-c-button {
5702
+ pointer-events: none;
5524
5703
  }
5525
5704
 
5526
- .pf-v6-c-button.pf-m-block {
5527
- --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
5528
- width: var(--pf-v6-c-button--m-block--Width);
5705
+ .pf-v6-c-menu-toggle.pf-m-split-button {
5706
+ --pf-v6-c-menu-toggle--Gap: 0;
5707
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
5708
+ padding: 0;
5529
5709
  }
5530
5710
 
5531
- .pf-v6-c-button.pf-m-small {
5532
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
5533
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
5534
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
5535
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
5711
+ .pf-v6-c-menu-toggle.pf-m-split-button > * {
5712
+ position: relative;
5713
+ padding-block-start: var(--pf-v6-c-menu-toggle--PaddingBlockStart);
5714
+ padding-block-end: var(--pf-v6-c-menu-toggle--PaddingBlockEnd);
5715
+ padding-inline-start: var(--pf-v6-c-menu-toggle--PaddingInlineStart);
5716
+ padding-inline-end: var(--pf-v6-c-menu-toggle--PaddingInlineEnd);
5536
5717
  }
5537
5718
 
5538
- .pf-v6-c-button.pf-m-display-lg {
5539
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
5540
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
5541
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
5542
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
5543
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
5719
+ .pf-v6-c-menu-toggle.pf-m-split-button > :first-child {
5720
+ border-start-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5721
+ border-end-start-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5544
5722
  }
5545
5723
 
5546
- .pf-v6-c-button:hover, .pf-v6-c-button:focus {
5547
- --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
5548
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
5549
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
5550
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
5551
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
5552
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
5553
- text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
5724
+ .pf-v6-c-menu-toggle.pf-m-split-button > :last-child {
5725
+ border-start-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5726
+ border-end-end-radius: var(--pf-v6-c-menu-toggle--BorderRadius);
5554
5727
  }
5555
5728
 
5556
- .pf-v6-c-button.pf-m-clicked {
5557
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
5558
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
5559
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
5560
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
5561
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
5729
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check {
5730
+ --pf-v6-c-check__label--Color: currentcolor;
5731
+ --pf-v6-c-check__label--disabled--Color: currentcolor;
5732
+ align-items: center;
5733
+ align-self: stretch;
5562
5734
  }
5563
5735
 
5564
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
5565
- pointer-events: none;
5736
+ .pf-v6-c-menu-toggle.pf-m-split-button > .pf-v6-c-check .pf-v6-c-check__input {
5737
+ --pf-v6-c-check__input--TranslateY: 0;
5738
+ align-self: center;
5566
5739
  }
5567
5740
 
5568
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5569
- color: var(--pf-v6-c-button--disabled--Color);
5570
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
5741
+ .pf-v6-c-menu-toggle.pf-m-split-button > :not(:first-child) {
5742
+ 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);
5571
5743
  }
5572
5744
 
5573
- .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
5574
- border-color: transparent;
5745
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary {
5746
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BorderInlineStartColor);
5575
5747
  }
5576
5748
 
5577
- .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 {
5578
- color: var(--pf-v6-c-button--disabled__icon--Color);
5749
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button,
5750
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check {
5751
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--m-primary--child--BackgroundColor);
5579
5752
  }
5580
5753
 
5581
- .pf-v6-c-button.pf-m-aria-disabled {
5582
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
5583
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
5584
- cursor: default;
5754
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-menu-toggle__button:is(:hover, :focus),
5755
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary > .pf-v6-c-check:is(:hover, :focus) {
5756
+ --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);
5585
5757
  }
5586
5758
 
5587
- .pf-v6-c-button.pf-m-progress {
5588
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
5589
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
5759
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-primary.pf-m-expanded {
5760
+ --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);
5590
5761
  }
5591
5762
 
5592
- .pf-v6-c-button.pf-m-in-progress {
5593
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
5763
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary {
5764
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--m-secondary--child--BorderInlineStartColor);
5594
5765
  }
5595
5766
 
5596
- .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
5597
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
5598
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
5767
+ .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,
5768
+ .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,
5769
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):first-child {
5770
+ padding-inline-end: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineEnd--offset);
5599
5771
  }
5600
5772
 
5601
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
5602
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
5603
- --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
5773
+ .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,
5774
+ .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,
5775
+ .pf-v6-c-menu-toggle.pf-m-split-button.pf-m-secondary .pf-v6-c-check:not(.pf-m-standalone):last-child {
5776
+ padding-inline-start: var(--pf-v6-c-menu-toggle--m-split-button--pill--child--PaddingInlineStart--offset);
5604
5777
  }
5605
5778
 
5606
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
5607
- opacity: 0;
5779
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) {
5780
+ --pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor);
5608
5781
  }
5609
5782
 
5610
- .pf-v6-c-button__icon {
5611
- margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
5612
- margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
5613
- color: var(--pf-v6-c-button__icon--Color);
5783
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-menu-toggle__button,
5784
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled) > .pf-v6-c-check {
5785
+ color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color);
5786
+ background-color: var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
5614
5787
  }
5615
5788
 
5616
- .pf-v6-c-button__icon.pf-m-start {
5617
- --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
5789
+ .pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)::before {
5790
+ content: none;
5618
5791
  }
5619
5792
 
5620
- .pf-v6-c-button__icon.pf-m-end {
5621
- --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
5793
+ .pf-v6-c-menu-toggle.pf-m-typeahead {
5794
+ --pf-v6-c-menu-toggle__button--AlignSelf: var(--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf);
5795
+ --pf-v6-c-menu-toggle--Gap: 0;
5796
+ align-items: stretch;
5797
+ padding: 0;
5622
5798
  }
5623
5799
 
5624
- .pf-v6-c-button__progress {
5625
- position: absolute;
5626
- inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
5627
- inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
5628
- line-height: 1;
5629
- color: var(--pf-v6-c-button__progress--Color);
5630
- transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
5800
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__button {
5801
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5631
5802
  }
5632
5803
 
5633
- .pf-v6-c-button__progress .pf-v6-c-spinner {
5634
- --pf-v6-c-spinner--Color: currentcolor;
5804
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-menu-toggle__controls {
5805
+ --pf-v6-c-menu-toggle__button--PaddingInlineEnd: 0;
5806
+ display: flex;
5807
+ align-items: stretch;
5635
5808
  }
5636
5809
 
5637
- .pf-v6-c-button__count {
5810
+ .pf-v6-c-menu-toggle.pf-m-typeahead .pf-v6-c-text-input-group {
5811
+ --pf-v6-c-text-input-group__utilities--MarginInlineEnd: 0;
5812
+ flex: 1;
5813
+ }
5814
+
5815
+ .pf-v6-c-menu-toggle__button {
5816
+ gap: var(--pf-v6-c-menu-toggle__button--Gap);
5817
+ align-self: var(--pf-v6-c-menu-toggle__button--AlignSelf);
5818
+ min-width: var(--pf-v6-c-menu-toggle__button--MinWidth);
5819
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--PaddingInlineStart);
5820
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--PaddingInlineEnd);
5821
+ color: inherit;
5822
+ background-color: var(--pf-v6-c-menu-toggle__button--BackgroundColor);
5823
+ border: 0;
5824
+ }
5825
+
5826
+ .pf-v6-c-menu-toggle__button.pf-m-text {
5638
5827
  display: inline-flex;
5639
- align-items: center;
5828
+ align-items: baseline;
5640
5829
  }
5641
5830
 
5642
- .pf-v6-c-action-list {
5643
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5644
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
5645
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5646
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
5831
+ .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) {
5832
+ padding-inline-start: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineStart);
5833
+ padding-inline-end: var(--pf-v6-c-menu-toggle__button--toggle-icon--PaddingInlineEnd);
5834
+ }
5835
+
5836
+ .pf-v6-c-menu-toggle__text {
5837
+ overflow: hidden;
5838
+ text-overflow: ellipsis;
5839
+ white-space: nowrap;
5840
+ min-width: 0;
5647
5841
  }
5648
5842
 
5649
- .pf-v6-c-action-list,
5650
- .pf-v6-c-action-list__group {
5843
+ .pf-v6-c-menu-toggle__count {
5651
5844
  display: flex;
5652
- align-items: start;
5845
+ flex-wrap: nowrap;
5653
5846
  }
5654
5847
 
5655
- .pf-v6-c-action-list {
5656
- row-gap: var(--pf-v6-c-action-list--RowGap);
5657
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
5848
+ .pf-v6-c-menu-toggle__icon {
5849
+ flex-shrink: 0;
5658
5850
  }
5659
5851
 
5660
- .pf-v6-c-action-list.pf-m-icons {
5661
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5662
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5852
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
5853
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
5854
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg {
5855
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
5856
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
5663
5857
  }
5664
5858
 
5665
- .pf-v6-c-action-list__group {
5666
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
5667
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
5859
+ .pf-v6-c-menu-toggle__controls {
5860
+ display: flex;
5861
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
5862
+ align-items: center;
5863
+ justify-content: center;
5864
+ margin-inline-start: auto;
5668
5865
  }
5669
5866
 
5670
- .pf-v6-c-action-list__group.pf-m-icons {
5671
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5867
+ .pf-v6-c-menu-toggle__toggle-icon {
5868
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5869
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5870
+ }
5871
+
5872
+ .pf-v6-c-menu-toggle__status-icon {
5873
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5672
5874
  }
5673
5875
 
5674
5876
  .pf-v6-c-form-control {
@@ -5994,322 +6196,120 @@ select ~ .pf-v6-c-form-control__utilities {
5994
6196
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
5995
6197
  }
5996
6198
 
5997
- .pf-v6-c-divider {
5998
- --pf-v6-c-divider--Display: flex;
5999
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6000
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6001
- --pf-v6-c-divider--before--FlexBasis: 100%;
6002
- }
6003
-
6004
- .pf-v6-c-divider {
6005
- flex-direction: row;
6006
- width: 100%;
6007
- height: var(--pf-v6-c-divider--Size);
6008
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6009
- --pf-v6-hidden-visible--hidden--Display: none;
6010
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6011
- display: var(--pf-v6-hidden-visible--Display);
6012
- flex-shrink: 0;
6013
- align-items: stretch;
6014
- align-self: stretch;
6015
- justify-content: center;
6016
- border: 0;
6017
- }
6018
-
6019
- .pf-v6-c-divider.pf-m-hidden {
6020
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6021
- }
6022
-
6023
- @media screen and (min-width: 36rem) {
6024
- .pf-v6-c-divider.pf-m-hidden-on-sm {
6025
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6026
- }
6027
- .pf-v6-c-divider.pf-m-visible-on-sm {
6028
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6029
- }
6030
- }
6031
- @media screen and (min-width: 48rem) {
6032
- .pf-v6-c-divider.pf-m-hidden-on-md {
6033
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6034
- }
6035
- .pf-v6-c-divider.pf-m-visible-on-md {
6036
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6037
- }
6038
- }
6039
- @media screen and (min-width: 62rem) {
6040
- .pf-v6-c-divider.pf-m-hidden-on-lg {
6041
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6042
- }
6043
- .pf-v6-c-divider.pf-m-visible-on-lg {
6044
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6045
- }
6046
- }
6047
- @media screen and (min-width: 75rem) {
6048
- .pf-v6-c-divider.pf-m-hidden-on-xl {
6049
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6050
- }
6051
- .pf-v6-c-divider.pf-m-visible-on-xl {
6052
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6053
- }
6054
- }
6055
- @media screen and (min-width: 90.625rem) {
6056
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
6057
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6058
- }
6059
- .pf-v6-c-divider.pf-m-visible-on-2xl {
6060
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6061
- }
6062
- }
6063
- .pf-v6-c-divider::before {
6064
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6065
- content: "";
6066
- background-color: var(--pf-v6-c-divider--Color);
6067
- }
6068
-
6069
- .pf-v6-c-divider.pf-m-horizontal {
6070
- flex-direction: row;
6071
- width: 100%;
6072
- height: var(--pf-v6-c-divider--Size);
6073
- }
6074
-
6075
- .pf-v6-c-divider.pf-m-vertical {
6076
- flex-direction: column;
6077
- width: var(--pf-v6-c-divider--Size);
6078
- height: inherit;
6079
- }
6080
-
6081
- .pf-v6-c-divider.pf-m-inset-none {
6082
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
6083
- }
6084
-
6085
- .pf-v6-c-divider.pf-m-inset-xs {
6086
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6087
- }
6088
-
6089
- .pf-v6-c-divider.pf-m-inset-sm {
6090
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6199
+ .pf-v6-c-action-list {
6200
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6201
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6202
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6203
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6091
6204
  }
6092
6205
 
6093
- .pf-v6-c-divider.pf-m-inset-md {
6094
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6206
+ .pf-v6-c-action-list,
6207
+ .pf-v6-c-action-list__group {
6208
+ display: flex;
6209
+ align-items: start;
6095
6210
  }
6096
6211
 
6097
- .pf-v6-c-divider.pf-m-inset-lg {
6098
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6212
+ .pf-v6-c-action-list {
6213
+ row-gap: var(--pf-v6-c-action-list--RowGap);
6214
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
6099
6215
  }
6100
6216
 
6101
- .pf-v6-c-divider.pf-m-inset-xl {
6102
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6217
+ .pf-v6-c-action-list.pf-m-icons {
6218
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6219
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6103
6220
  }
6104
6221
 
6105
- .pf-v6-c-divider.pf-m-inset-2xl {
6106
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6222
+ .pf-v6-c-action-list__group {
6223
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6224
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6107
6225
  }
6108
6226
 
6109
- .pf-v6-c-divider.pf-m-inset-3xl {
6110
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6227
+ .pf-v6-c-action-list__group.pf-m-icons {
6228
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6111
6229
  }
6112
6230
 
6113
- @media (min-width: 36rem) {
6114
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
6115
- flex-direction: row;
6116
- width: 100%;
6117
- height: var(--pf-v6-c-divider--Size);
6118
- }
6119
- }
6120
- @media (min-width: 36rem) {
6121
- .pf-v6-c-divider.pf-m-vertical-on-sm {
6122
- flex-direction: column;
6123
- width: var(--pf-v6-c-divider--Size);
6124
- height: inherit;
6125
- }
6126
- }
6127
- @media (min-width: 36rem) {
6128
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
6129
- --pf-v6-c-divider--before--FlexBasis: 100%;
6130
- }
6131
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6132
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6133
- }
6134
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6135
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6136
- }
6137
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
6138
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6139
- }
6140
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6141
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6142
- }
6143
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6144
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6145
- }
6146
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6147
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6148
- }
6149
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6150
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6151
- }
6152
- }
6153
- @media (min-width: 48rem) {
6154
- .pf-v6-c-divider.pf-m-horizontal-on-md {
6155
- flex-direction: row;
6156
- width: 100%;
6157
- height: var(--pf-v6-c-divider--Size);
6158
- }
6159
- }
6160
- @media (min-width: 48rem) {
6161
- .pf-v6-c-divider.pf-m-vertical-on-md {
6162
- flex-direction: column;
6163
- width: var(--pf-v6-c-divider--Size);
6164
- height: inherit;
6165
- }
6166
- }
6167
- @media (min-width: 48rem) {
6168
- .pf-v6-c-divider.pf-m-inset-none-on-md {
6169
- --pf-v6-c-divider--before--FlexBasis: 100%;
6170
- }
6171
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
6172
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6173
- }
6174
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
6175
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6176
- }
6177
- .pf-v6-c-divider.pf-m-inset-md-on-md {
6178
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6179
- }
6180
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
6181
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6182
- }
6183
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
6184
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6185
- }
6186
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6187
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6188
- }
6189
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6190
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6191
- }
6231
+ .pf-v6-c-check {
6232
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
6233
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
6234
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
6235
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
6236
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
6237
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
6238
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
6239
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
6240
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
6241
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
6242
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
6243
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
6244
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
6245
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
6192
6246
  }
6193
- @media (min-width: 62rem) {
6194
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
6195
- flex-direction: row;
6196
- width: 100%;
6197
- height: var(--pf-v6-c-divider--Size);
6198
- }
6247
+
6248
+ .pf-v6-c-check {
6249
+ display: grid;
6250
+ grid-template-columns: auto 1fr;
6251
+ grid-gap: var(--pf-v6-c-check--GridGap);
6252
+ accent-color: var(--pf-v6-c-check--AccentColor);
6199
6253
  }
6200
- @media (min-width: 62rem) {
6201
- .pf-v6-c-divider.pf-m-vertical-on-lg {
6202
- flex-direction: column;
6203
- width: var(--pf-v6-c-divider--Size);
6204
- height: inherit;
6205
- }
6254
+
6255
+ .pf-v6-c-check.pf-m-standalone {
6256
+ display: inline-grid;
6257
+ grid-template-columns: auto;
6258
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
6206
6259
  }
6207
- @media (min-width: 62rem) {
6208
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
6209
- --pf-v6-c-divider--before--FlexBasis: 100%;
6210
- }
6211
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6212
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6213
- }
6214
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6215
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6216
- }
6217
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
6218
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6219
- }
6220
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6221
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6222
- }
6223
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6224
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6225
- }
6226
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6227
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6228
- }
6229
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6230
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6231
- }
6260
+
6261
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
6262
+ align-self: center;
6263
+ transform: none;
6232
6264
  }
6233
- @media (min-width: 75rem) {
6234
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
6235
- flex-direction: row;
6236
- width: 100%;
6237
- height: var(--pf-v6-c-divider--Size);
6238
- }
6265
+
6266
+ .pf-v6-c-check__input {
6267
+ align-self: start;
6268
+ font-size: var(--pf-v6-c-check__label--FontSize);
6269
+ line-height: var(--pf-v6-c-check__label--LineHeight);
6270
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
6239
6271
  }
6240
- @media (min-width: 75rem) {
6241
- .pf-v6-c-divider.pf-m-vertical-on-xl {
6242
- flex-direction: column;
6243
- width: var(--pf-v6-c-divider--Size);
6244
- height: inherit;
6245
- }
6272
+
6273
+ .pf-v6-c-check__label {
6274
+ font-size: var(--pf-v6-c-check__label--FontSize);
6275
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
6276
+ line-height: var(--pf-v6-c-check__label--LineHeight);
6277
+ color: var(--pf-v6-c-check__label--Color);
6246
6278
  }
6247
- @media (min-width: 75rem) {
6248
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
6249
- --pf-v6-c-divider--before--FlexBasis: 100%;
6250
- }
6251
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6252
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6253
- }
6254
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6255
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6256
- }
6257
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
6258
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6259
- }
6260
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6261
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6262
- }
6263
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6264
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6265
- }
6266
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6267
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6268
- }
6269
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6270
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6271
- }
6279
+
6280
+ .pf-v6-c-check__description {
6281
+ grid-column: 2;
6282
+ font-size: var(--pf-v6-c-check__description--FontSize);
6283
+ color: var(--pf-v6-c-check__description--Color);
6272
6284
  }
6273
- @media (min-width: 90.625rem) {
6274
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6275
- flex-direction: row;
6276
- width: 100%;
6277
- height: var(--pf-v6-c-divider--Size);
6278
- }
6285
+
6286
+ .pf-v6-c-check__body {
6287
+ grid-column: 2;
6279
6288
  }
6280
- @media (min-width: 90.625rem) {
6281
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
6282
- flex-direction: column;
6283
- width: var(--pf-v6-c-divider--Size);
6284
- height: inherit;
6285
- }
6289
+
6290
+ .pf-v6-c-check__label,
6291
+ .pf-v6-c-check__input {
6292
+ justify-self: start;
6286
6293
  }
6287
- @media (min-width: 90.625rem) {
6288
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6289
- --pf-v6-c-divider--before--FlexBasis: 100%;
6290
- }
6291
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6292
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6293
- }
6294
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6295
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6296
- }
6297
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6298
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6299
- }
6300
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6301
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6302
- }
6303
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6304
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6305
- }
6306
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6307
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6308
- }
6309
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6310
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6311
- }
6294
+
6295
+ label.pf-v6-c-check, .pf-v6-c-check__label,
6296
+ .pf-v6-c-check__input {
6297
+ cursor: pointer;
6298
+ }
6299
+
6300
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
6301
+ .pf-v6-c-check__input:disabled,
6302
+ .pf-v6-c-check__input.pf-m-disabled {
6303
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
6304
+ cursor: not-allowed;
6305
+ }
6306
+
6307
+ .pf-v6-c-check__label-required {
6308
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
6309
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
6310
+ color: var(--pf-v6-c-check__label-required--Color);
6312
6311
  }
6312
+
6313
6313
  .pf-v6-c-popover {
6314
6314
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
6315
6315
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -6528,77 +6528,119 @@ select ~ .pf-v6-c-form-control__utilities {
6528
6528
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
6529
6529
  }
6530
6530
 
6531
- .pf-v6-c-badge {
6532
- --pf-v6-c-badge--BorderColor: transparent;
6533
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
6534
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
6535
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
6536
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
6537
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6538
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6539
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
6540
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
6541
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
6542
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
6543
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
6544
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
6545
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
6546
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
6547
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
6548
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
6549
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
6550
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
6551
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6531
+ .pf-v6-c-breadcrumb {
6532
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
6533
+ --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
6534
+ --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6535
+ --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
6536
+ --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6537
+ --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
6538
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6539
+ --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6540
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
6541
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
6542
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
6543
+ --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
6544
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
6545
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
6546
+ --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
6547
+ --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
6548
+ --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
6549
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6550
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
6551
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
6552
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
6553
+ }
6554
+
6555
+ .pf-v6-c-breadcrumb {
6556
+ display: inline-flex;
6557
+ }
6558
+
6559
+ .pf-v6-c-breadcrumb__list {
6560
+ display: flex;
6561
+ flex-wrap: wrap;
6562
+ align-items: center;
6563
+ }
6564
+
6565
+ .pf-v6-c-breadcrumb__item {
6566
+ display: flex;
6567
+ align-items: baseline;
6568
+ font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
6569
+ font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
6570
+ line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
6571
+ white-space: nowrap;
6572
+ list-style: none;
6573
+ }
6574
+
6575
+ .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
6576
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
6577
+ }
6578
+
6579
+ .pf-v6-c-breadcrumb__item:not(:last-child) {
6580
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
6581
+ }
6582
+
6583
+ .pf-v6-c-breadcrumb__item-divider {
6584
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
6585
+ font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
6586
+ line-height: 1;
6587
+ color: var(--pf-v6-c-breadcrumb__item-divider--Color);
6588
+ }
6589
+
6590
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
6591
+ scale: -1 1;
6592
+ }
6593
+
6594
+ .pf-v6-c-breadcrumb__link {
6595
+ padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
6596
+ padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
6597
+ font-size: inherit;
6598
+ font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
6599
+ line-height: inherit;
6600
+ color: var(--pf-v6-c-breadcrumb__link--Color);
6601
+ text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
6602
+ word-break: break-word;
6603
+ background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
6552
6604
  }
6553
6605
 
6554
- .pf-v6-c-badge {
6555
- position: relative;
6556
- display: inline-block;
6557
- min-width: var(--pf-v6-c-badge--MinWidth);
6558
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
6559
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
6560
- font-size: var(--pf-v6-c-badge--FontSize);
6561
- font-weight: var(--pf-v6-c-badge--FontWeight);
6562
- color: var(--pf-v6-c-badge--Color);
6563
- text-align: center;
6564
- white-space: nowrap;
6565
- background-color: var(--pf-v6-c-badge--BackgroundColor);
6566
- border-radius: var(--pf-v6-c-badge--BorderRadius);
6606
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
6607
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
6608
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
6609
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
6567
6610
  }
6568
6611
 
6569
- .pf-v6-c-badge::after {
6570
- position: absolute;
6571
- inset: 0;
6572
- pointer-events: none;
6573
- content: "";
6574
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
6575
- border-radius: inherit;
6612
+ .pf-v6-c-breadcrumb__link.pf-m-current {
6613
+ cursor: default;
6576
6614
  }
6577
6615
 
6578
- .pf-v6-c-badge.pf-m-read {
6579
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
6580
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
6581
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
6616
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
6617
+ color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
6618
+ text-decoration: none;
6582
6619
  }
6583
6620
 
6584
- .pf-v6-c-badge.pf-m-unread {
6585
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
6586
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
6587
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
6621
+ button.pf-v6-c-breadcrumb__link {
6622
+ border: none;
6588
6623
  }
6589
6624
 
6590
- .pf-v6-c-badge.pf-m-disabled {
6591
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
6592
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
6625
+ .pf-v6-c-breadcrumb__dropdown {
6626
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
6627
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
6628
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
6629
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
6593
6630
  }
6594
6631
 
6595
- .pf-v6-c-badge.pf-m-disabled::after {
6596
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
6632
+ .pf-v6-c-breadcrumb__heading {
6633
+ display: inline;
6634
+ font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
6597
6635
  }
6598
6636
 
6599
- .pf-v6-c-badge__toggle-icon {
6600
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
6601
- color: var(--pf-v6-c-badge__toggle-icon--Color);
6637
+ .pf-v6-c-breadcrumb__link,
6638
+ .pf-v6-c-breadcrumb__heading {
6639
+ white-space: normal;
6640
+ }
6641
+
6642
+ .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
6643
+ display: none;
6602
6644
  }
6603
6645
 
6604
6646
  .pf-v6-c-menu {
@@ -7237,121 +7279,6 @@ select ~ .pf-v6-c-form-control__utilities {
7237
7279
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
7238
7280
  }
7239
7281
 
7240
- .pf-v6-c-breadcrumb {
7241
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7242
- --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7243
- --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7244
- --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7245
- --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7246
- --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7247
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7248
- --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7249
- --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7250
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7251
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7252
- --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7253
- --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7254
- --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7255
- --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7256
- --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7257
- --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7258
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7259
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7260
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7261
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
7262
- }
7263
-
7264
- .pf-v6-c-breadcrumb {
7265
- display: inline-flex;
7266
- }
7267
-
7268
- .pf-v6-c-breadcrumb__list {
7269
- display: flex;
7270
- flex-wrap: wrap;
7271
- align-items: center;
7272
- }
7273
-
7274
- .pf-v6-c-breadcrumb__item {
7275
- display: flex;
7276
- align-items: baseline;
7277
- font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
7278
- font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
7279
- line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
7280
- white-space: nowrap;
7281
- list-style: none;
7282
- }
7283
-
7284
- .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
7285
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
7286
- }
7287
-
7288
- .pf-v6-c-breadcrumb__item:not(:last-child) {
7289
- margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
7290
- }
7291
-
7292
- .pf-v6-c-breadcrumb__item-divider {
7293
- margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
7294
- font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
7295
- line-height: 1;
7296
- color: var(--pf-v6-c-breadcrumb__item-divider--Color);
7297
- }
7298
-
7299
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
7300
- scale: -1 1;
7301
- }
7302
-
7303
- .pf-v6-c-breadcrumb__link {
7304
- padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
7305
- padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
7306
- font-size: inherit;
7307
- font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
7308
- line-height: inherit;
7309
- color: var(--pf-v6-c-breadcrumb__link--Color);
7310
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
7311
- word-break: break-word;
7312
- background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
7313
- }
7314
-
7315
- .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
7316
- --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
7317
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
7318
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
7319
- }
7320
-
7321
- .pf-v6-c-breadcrumb__link.pf-m-current {
7322
- cursor: default;
7323
- }
7324
-
7325
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
7326
- color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
7327
- text-decoration: none;
7328
- }
7329
-
7330
- button.pf-v6-c-breadcrumb__link {
7331
- border: none;
7332
- }
7333
-
7334
- .pf-v6-c-breadcrumb__dropdown {
7335
- margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
7336
- margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
7337
- margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7338
- margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7339
- }
7340
-
7341
- .pf-v6-c-breadcrumb__heading {
7342
- display: inline;
7343
- font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
7344
- }
7345
-
7346
- .pf-v6-c-breadcrumb__link,
7347
- .pf-v6-c-breadcrumb__heading {
7348
- white-space: normal;
7349
- }
7350
-
7351
- .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
7352
- display: none;
7353
- }
7354
-
7355
7282
  .pf-v6-c-spinner {
7356
7283
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7357
7284
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
@@ -7432,4 +7359,76 @@ button.pf-v6-c-breadcrumb__link {
7432
7359
  stroke-dashoffset: 280;
7433
7360
  transform: rotate(720deg);
7434
7361
  }
7362
+ }
7363
+ .pf-v6-c-badge {
7364
+ --pf-v6-c-badge--BorderColor: transparent;
7365
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7366
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7367
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7368
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7369
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7370
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7371
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7372
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7373
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7374
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7375
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7376
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7377
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7378
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7379
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7380
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7381
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7382
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7383
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7384
+ }
7385
+
7386
+ .pf-v6-c-badge {
7387
+ position: relative;
7388
+ display: inline-block;
7389
+ min-width: var(--pf-v6-c-badge--MinWidth);
7390
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7391
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7392
+ font-size: var(--pf-v6-c-badge--FontSize);
7393
+ font-weight: var(--pf-v6-c-badge--FontWeight);
7394
+ color: var(--pf-v6-c-badge--Color);
7395
+ text-align: center;
7396
+ white-space: nowrap;
7397
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
7398
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
7399
+ }
7400
+
7401
+ .pf-v6-c-badge::after {
7402
+ position: absolute;
7403
+ inset: 0;
7404
+ pointer-events: none;
7405
+ content: "";
7406
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7407
+ border-radius: inherit;
7408
+ }
7409
+
7410
+ .pf-v6-c-badge.pf-m-read {
7411
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7412
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7413
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7414
+ }
7415
+
7416
+ .pf-v6-c-badge.pf-m-unread {
7417
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7418
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7419
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7420
+ }
7421
+
7422
+ .pf-v6-c-badge.pf-m-disabled {
7423
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7424
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7425
+ }
7426
+
7427
+ .pf-v6-c-badge.pf-m-disabled::after {
7428
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7429
+ }
7430
+
7431
+ .pf-v6-c-badge__toggle-icon {
7432
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7433
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
7435
7434
  }